.menu-mobile{min-width: 100%;position: fixed;height:70px;z-index: 9;background: rgba(30, 22, 77, .8);
             border-bottom: solid 1px rgba(255,255,255,.6);}
.menu-mobile a{position:relative;z-index:9;}
.menu-mobile a img{max-height: 80px;margin: 10px 15px;}
#MenuBtn{opacity: 0;display:none;}
.btn-menu {z-index: 99;cursor: pointer;margin: 0px;position: absolute;right: 0px;width: 50px;top: 15px;left: 80vw;padding: 10px 40px 0 0px;height: 50px;}
.btn-menu span{position: absolute;display: inline-block;width: 45px;height: 2px;background-color: #ffbe00;cursor: pointer;padding: 0;}
.btn-menu span::before, .btn-menu span::after{content: " ";display:block;margin-top: 10px;margin-bottom: -2px;width: 45px;height: 2px;background-color: inherit;cursor: pointer;transform: rotate(0deg);}
.btn-menu span, .btn-menu span::after{opacity:1;transform: rotate(0deg);transition: opacity 0.4s, transform 0.4s;}
.btn-menu span::before{opacity:1;transform: rotate(0deg);transition: opacity 0.6s, transform 0.6s;}
.menu-mobile-list{width: 0;height: 0;display: flex;z-index: 1;position: absolute;
                  top: 69.5px;justify-content: center;flex-direction: column;
                  align-items: center;background: #1b1a38; opacity: 0;
                  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
                  -moz-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
                  -ms-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
                  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out}
.menu-mobile-list li { border-bottom: solid 1px rgba(255,255,255,.6); width:  100%; text-align:  center; margin-bottom:15px; font-size:12px;}
.menu-mobile-list li:nth-child(8){ border:none;}
.menu-mobile-list li a{text-transform: uppercase; color: #FFF; width: 100%; bottom:20px;}
.menu-mobile-list li a i{color:#ffbe00;}
.menuopt {color: #ffffff;margin-top: 30px;}
#MenuBtn:checked ~ .menu-mobile-list{ width: 100vw; height: calc(100vh - 55px); opacity: 1;
                                      -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
                                      -moz-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
                                      -ms-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
                                      -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;}
#MenuBtn:checked ~ label{margin-top: 20px;margin-left: 15px;}
#MenuBtn:checked ~ label > span::before{opacity: 0;transform: rotate(-45deg);transition: opacity 0.2s, transform 0.2s;}
#MenuBtn:checked ~ label > span::after{transform: rotate(90deg);margin-top: -10px;transition: transform 0.3s;}
#MenuBtn:checked ~ label > span{transform: rotate(-45deg);transition: transform 0.3s;margin: -10px;}

@media (min-width: 992px){
    .kf_featured_slider .kf_featured_thumb.main { margin-bottom: 3.7px; margin-right: 0; }

    .kf_featured_slider .kf_featured_thumb.main .text { max-width: 100%; padding: 45px; }
    .kf_featured_slider .kf_featured_thumb.main .text h6 { margin-bottom: -7px; font-size: 20px; }
    .kf_featured_slider .kf_featured_thumb.main .text h2 { font-size: 30px; }
    .kf_featured_slider .kf_featured_thumb.main .text span { font-size: 14px; }
}

@media (max-width: 1200px){}
@media (max-width: 992px){
    #alert .msg { top: 40%; }
    #alert .msg .icon { font-size: 40px; width: 100%;  padding: 16px 20px; }
    #alert .msg .titles { width: 100%; padding: 20px; }
    #alert .msg .titles h2,
    #alert .msg .titles h3 { text-align: center; }
    #alert .msg .fa-times { top: 21%; opacity: .5; }
    .head-bar{height:70px;background:transparent;border:none;}
    .player{opacity:0;width:0;height:0;}
    .main_banner{top: 245px;}
    .bg-image{background-position: center 68%;}
    .no-scroll{overflow: hidden !important;}
    .kf_featured_thumb {width: 100% !important;}
    .innner_banner{padding:182px 0 58px!important;}
    .placar{
        margin-top:-15px;
    }
    .result-link{
        display:flex;
        flex-direction:row;
        margin-bottom:15px!important;

    }
    .result-link a{
        display:flex;
        flex-direction:column;

        align-items:center;
        justify-content: center;
     }
     .result-link a img{
         width:auto;
         margin-left:-10px;
     }
    .kf_ticker{display: flex; flex-direction: column;}
    .kf_ticker > div,
    .newsletter_dec > div,
    .newsletter_dec form > div{
        width:100%!important;
        margin-bottom:15px;
}

  .wrap { display: inline-block; width: 100%; overflow: scroll; border: 1px solid #d7d8d8; }
  .wrap .row { width: 1140px!important; margin-bottom: 0!important }

}
@media (max-width: 769px){
    .kf_featured_thumb.main { width: 49% !important; }
    .kf_featured_thumb.post { width: 49% !important; }

    .kf_table.home li div:nth-child(1) { margin-bottom: 10px; }
    .kf_table.home li div:nth-child(2) { float: left; width: calc(41% - 10px); height: 50px; padding: 0; margin-left: 0; padding-left: 60px; font-size: 12px; border-radius: 4px; align-items: center; text-align: right;}
    .kf_table.home li div:nth-child(2) img { float: right; }
    .kf_table.home li div:nth-child(2) span { float: right; height: 100%; width: 100%; padding-right: 0; vertical-align: middle; text-align: right; color: #000!important; }
    .kf_table.home li div:nth-child(2):hover { background: rgba(0,0,0,.05); }
    .kf_table.home li div:nth-child(3) { float: left; width: 18%; padding: 0; line-height: 46px; text-align: center; margin-top: 10px;}
    .kf_table.home li div:nth-child(3) b { font-size: 22px; }
    .kf_table.home li div:nth-child(4) { float: left; width: calc(41% - 10px); height: 50px; padding: 0; margin-right: 0; padding-left: 20px; font-size: 12px; border-radius: 4px; }
    .kf_table.home li div:nth-child(4) img { float: left; } 
    .kf_table.home li div:nth-child(4) span { float: right; height: 100%; width: 100%; padding-left: 0; vertical-align: middle; text-align: left; color: #000!important; }
    .kf_table.home li div:nth-child(4):hover { background: rgba(0,0,0,.05); }
    .widget_ranking { width: 50%; padding: 5px; }
    .widget_ranking .result-link { text-align: center !important; }
    .widget_ranking .result-link .nometime { width: 100% !important;}

    .hide-bullets { list-style: none; margin-left: -1px; margin-right: -1px; margin-top: 0; padding-top: 20px; height: 550px; overflow: hidden; overflow-y: hidden; }

    .widget_instagram , .widget_recentpost2 { margin-top: 30px; }
    .newsletter_dec { margin-top: -60px;}
    .newsletter_dec .input_dec { text-align: center; color: #fff !important;}
    .newsletter_dec form { margin-top: 80px; }
    .newsletter_dec form .input_dec { width: 33% !important; }
}

@media (max-width: 600px){
    #jogos .box { width: 100%; height: auto; }
    #jogos .box .proxjogo { background-color: rgba(24, 51, 122, 0.75); width: 100%; height: 100%; padding-bottom: 20px;}
    #jogos .box .proxjogo .jogo { padding: 10px; }
    #jogos .box .proxjogo .jogo .times { text-align: center; color: #fff !important; }
    #jogos .box .proxjogo .jogo .times img { width: auto; height: 80px; padding: 5px; }
    #jogos .box .proxjogo .jogo .infos { text-align: center; padding-top: 15px;}
    #jogos .box .proxjogo .jogo .infos label { font-size: 14px; font-weight: 600; color: #fff;}
    #jogos .box .proxjogo .jogo .infos h1 { font-size: 32px; font-weight: 800; color: #fff;}
    #jogos .box .proxjogo .dias { padding: 15px; text-align: center; }
    #jogos .box .proxjogo .dias h3 { font-size: 24px; font-weight: 400; color: #fff;}
    #jogos .box .proxjogo .dias h3 span{ font-weight: 800; }
    #jogos .box .proxjogo .dados { padding-top: 5px; }
    #jogos .box .proxjogo .dados label { margin: 5px 0 5px 0; font-size: 18px; font-weight: 600; color: #fff; text-transform: uppercase;}
    #jogos .box .proxjogo .dados p { margin: 0 0 10px 0; font-size: 14px; font-weight: 300; color: #fff; }
    #jogos .box .box-data { float: left; width: 20%; height: 200px; background-color: #233e8b; align-items: center; text-align: center; padding-top: 40px; }
    #jogos .box .box-data.jogados { background-color:#61825a; }
    #jogos .box .box-data h2 { font-size: 30px; font-weight: 600; color: #fff; }
    #jogos .box .box-data h4 { font-size: 16px; font-weight: 800; color: #fff; text-transform: uppercase;}
    #jogos .box .box-data label { font-size: 14px; color: #fff; margin-top: 10px;}
    #jogos .box .box-jogo { float: left; width: 80%; height: 200px; padding: 15px; background-color: #f5f5f5;}
    #jogos .box .box-jogo h5 { font-size: 14px; font-weight: 800; margin-bottom: 20px;}
    #jogos .box .box-jogo .times { text-align: center; }
    #jogos .box .box-jogo .times img { width: 100%; height: auto; padding: 0; }
    #jogos .box .box-jogo .times span { font-size: 8px; font-weight: 600; text-transform: uppercase; padding-top: 0px; color: #000;}
    #jogos .box .box-jogo .jogo { text-align: center; padding: 0px; margin: 0; }
    #jogos .box .box-jogo .jogo label { font-size: 12px; font-weight: 600; color: #000;}
    #jogos .box .box-jogo .jogo h1 { font-size: 30px; font-weight: 800; color: #000;}
    #jogos .box .box-jogo .jogo h5 { font-size: 14px; font-weight: 600; color: #000; text-align: center;}
    #jogos .box .box-jogo .placar { text-align: center; padding: 15px 0; margin: 0; }
    #jogos .box .box-jogo .placar p { font-size: 24px; padding: 0; margin: 0; }
    #jogos .box .box-jogo .placar p span { font-size: 30px; font-weight: 800; color: #000; padding: 0;}
    #jogos .box .box-jogo .placar h5 { font-size: 16px; font-weight: 600; color: #000; text-align: center; margin-top: 15px;}

    #jogos .widget_ranking { width: 100%; }

    .widget { width: 100%; }
}