@charset "utf-8";
@media screen and (max-width: 768px){

    body{background-size: 100vh;background-position: top;}
    .esquerda{width:100%!important; height:auto!important; margin-right:auto!important; overflow:inherit!important;}
    #principal{width:100%!important;}
    .times{width:100%!important;}
    .camp{width:100%!important;}
    .casa,.fora,.empate{width:20%;}
    .mais{width:15%;}
    .fundojogosmain .fundojogos:nth-child(even) {min-height: 40px; border-radius: 5px;}
    .fundojogosmain .fundojogos:nth-child(odd) {min-height: 40px; border-radius: 5px;}
    .maisop{ width: 100%;height: inherit;  display: block!important;  position: relative;  display: inline-flex!important;  justify-content: center;}
    .fundojogosmain{margin-bottom:5px;}
    .times{text-align:center; line-height:1.2;}
    .lado{float:inherit;}
    .quadro{width:20%!important;}
    .menuodds{height:auto!important; background:#000; text-align:center;}
    .cxv{width:100%!important;}
    #topo{margin-top:10px;}
    #logo{display:flex; justify-content:center; width:100%; margin-bottom:10px;}
    #logo img {transform: inherit!important;}
    .menuresponsivo{width:100% !Important; padding:10px; margin-top:30px; justify-content: space-around!important;align-items: center!important;}
    .menugeral{    margin-bottom: 5px!important;}
    .opcao{color:#FFFFFF;    display: block;}
    .conteudo{ padding:10px!important;}
    #menu{ margin-top:20px; position:relative;}
    .esconde{ display:none;}
    #menu a{color: #008f4d!important;}
    .position-relative-max-md{ position: relative!Important;}
    #principal{position:relative!important;}
    .mainb-resp{width: 100%!important; max-width: 100%!important;}
    #main-bilhete{background: white;  padding: 7px;  z-index: 999;  border-radius: 10px;}
    #premio{padding:5px;}
    .direita{position: fixed;  height: 100%;  top: 0;  left: 0;  z-index: 999;  overflow: auto;  padding: 10px;  background: rgba(0, 0, 0, 0.69);}
    .over-h{ overflow: hidden; }
    .conta-jg{position: absolute;  top: -10px;  right: -5px;  background: brown;  padding: 5px;  border-radius: 100%;  width: 20px;  height: 20px;  display: flex;  justify-content: center;  align-items: center;  color: white;}
    .casa {background: #f5f5f5!important;}
    .fora {background-color:  #f5f5f5!important;}
    .fundojogosmain:hover .times {background-color: inherit !important;}
    #bilhete{min-height:inherit!important;}


    /* #logo img {width: 200px!important;} */
    #logo img {width: 300px!important; margin-top:10px; }


    .navmobile button {border: none;    background-color: #013c11;    color: #FFFFFF;    padding: 10px 15px;    box-sizing: border-box;  }

    


    }
    
    .opcao {background: rgba(0, 0, 0, 0.87);padding: 10px;color: white;}
    .opcao a {color: white;font-weight: bold;padding-left: 12px;}
    
    .abre-bilhete{height: 50px;  width: 50px;  background: white;  position: fixed;  bottom: 20px;  z-index: 999;  float: right;  right: 20px;  border-radius: 100%;  box-shadow: 1px 2px 23px -9px;}
    .abre-bilhete .ic{font-size: 2.1em;  color: #015618;}
    
    


    #modal .lateral{width:100%!important;    overflow:unset; padding-right:0; }
    #modal #later-esq{padding:10px;}

    .menuresponsivo{background:rgba(0, 0, 0, 0.87); background: url(/styles/2/bg-b.jpg?056); background-size: inherit; background-position: center;}