@media screen and (max-width: 1200px){
    .bttns .new-game1{
        font-size:23px;
    }
    .bttns .new-game1:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: url(../img/game2.png) no-repeat center;
        width: 50px;
        height: 50px;
        background-size: 71%;
    }
    .bttns .new-game2{
        font-size:20px;
    }
    .bttns .new-game2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/game1-white.png) no-repeat center;
    width: 50px;
    height: 50px;
    background-size: 71%;
}
}

@media screen and (max-width: 1050px){
     .image-container {
        width: 60%;
        float: left;
    }
    .video-wrap, .video-wrap-last{
        width:48%;
    }
}
@media screen and (max-width: 990px){
    .info-slide{
        width:48%;
        float:left;
    }
    .bttns .new-game1, .bttns .new-game2{
        font-size:16px;
    }
    .fifa-wrap .info-container:before{
        bottom:-20px;
    }
    .fifa-wrap .info-container  {
        width:100%;
    }
    .fifa-wrap .image-container{
        margin-top:25px;
        width:100%;
    }
}
@media screen and (max-width: 900px){
    .bttns{
       float: left;
        margin-top: 20px;
        display: flex;
        
    }
    .bttns .new-game1.active:before{
        width:30px;
    }
    .bttns .new-game1, .bttns .new-game2{
        padding-left:33px;
    }
    .bttns .new-game2:before{
        width:30px;
    }
    .bttns .new-game2{
         line-height: 17px;
            display: flex;
            flex-direction: column-reverse;
            flex-wrap: nowrap;
            justify-content: space-around;
    }
    .bttns .new-game2.active:before{
        width:30px;
    }
    .bttns .new-game1:before{
        width:34px;
    }
    .all-videos {
    position: relative;
    z-index: 99;
}
     .fifa-wrap .info-container{
         width:100%;
         float:left;
     }
     .fifa-wrap .image-container{
         margin-top:15px;
         width:100%;
     }
     .fifa-wrap .image-container-fifa{
         width:100%;
         float:left;
     }
     .fifa-wrap .smaller-video-wrap{
         margin-top:40px;
     }
     .fifa-wrap .wrap_survey_vote {
        float: right;
        width: 69%;
        padding: 20px;
        box-sizing: border-box;
        z-index: 99999;
    }
}
@media screen and (max-width: 800px){
    .soon:before{
        top:4px;
    }
    .pop-txt p{
        width:calc(100% - 30px);
    }
    .tm{
        top:85px;
    }
   .video-wrap, .video-wrap-last{
       width:98%;
   } 
   .bttns .new-game1,  .bttns .new-game2{
       width:100%;
       margin:10px 0px;
   }
}
@media screen and (max-width: 750px){
    .fifa-wrap .live-fifa{
        margin-top:145px;
    }
    .fifa-wrap .watch-now {
    margin-top: 25px;
    text-align: center;
    float: none;
}
.logo-wrap {
    margin-top: 20px;
    width: 130px;
    display: inline-block;
    float: none;
}
      .fifa-wrap .watch-now {
        margin-top: 25px;
    }
    .logo-wrap {
        margin-top: 0px;
        width: 130px;
    }
    .teems{
        width:100%;
    }
}
@media screen and (max-width: 600px){
    .search-holder{
        width:120px;
    }
    .btn.btn-search.btn-head {
        padding-top:10px;
        padding-right:2px;
    }
    .info-slide{
        width:98%;
        float:left;
    }
    .pop-txt{
        width:calc(100% - 40px);
    }
    .center-box span{
           /*word-break: break-all;   */
    }
    .info-container .country{
        width:100%;
    }
    .info-container .country .name p{
        text-align:left !important;
    }
    
    .date-box.small {  
        margin:5px;
    }
    .fifa-wrap .info-container:before{
        bottom:0px;
        left:185px;
    }
    .see-live{
        top:12px;
    }
    .fifa-wrap .soon.soon-w{
        padding-right:10px;
        box-sizing:border-box;
    }
    .fifa-wrap .center-box span{
        margin-top:4px;
    }
    .play1{
        margin-top:50px !important;
        float:left;
        width:100%;
        margin-left:10px;
    }

    .info-container span.name{
        font-size:12px;
    }
    .vote1{
        width:98%;
        margin:0 1%;
    }
    .popup.active{
        width:98%;
    }
    .tm-head{
       margin-top:45px !important; 
    }
    .euro-title{
        margin-top:20px;
    }
    .more-news{
        margin-top:0px;
    }
    .vote1{  
        left:0;
        top:16%;
    }
    .tm-head{
        margin-top:42px;
    }
    .buttons-holder .tab-btn1 img{
        width:90px;
    }
    .vote1 form{
        width:100% !important;
    }
}
@media screen and (max-width: 500px){
    .teem{
        padding:10px;
        box-sizing:border-box;
    }
    .center-box span{
       word-break:break-all; 
    }
    .info-container .centering  {
        margin-left:10px;
    }
    .buttons-holder{
        overflow: scroll;
    }
    .btnns-hld-scroll {
    float:left;
    width:750px;
    overflow: scroll;
}
.bttns .new-game1.active:before{
    left:2px;
}
.video-txt{
    font-size:16px;
}
.tabs-hld{
    margin-top:-25px;
}

    .bttns .new-game1, .bttns .new-game2{
        font-size:14px;
        padding-left:33px;
    }
    body .video-js .vjs-big-play-button{
        top:50%;
        left:50%;
    }
     .fifa-wrap .info-container{
         min-height: 260px;
     }
     .fifa-wrap .image-container-fifa:before {
        position: absolute;
        content: "";
        left: -170px;
        top: -180Px;
        width: 100%;
        height: 673px;
        background: url(../img/vote.png) no-repeat center;
        background-size: 57%;
    }
    .fifa-wrap .wrap_survey_vote{
        width:100%;
    }
    .fifa-wrap .smaller-video-wrap{
        margin-left:0;
        margin-top:10px;
        width:100%;
    }
    .more-videos .euro-title{
        margin-top:20px !important;
    }
    .fifa-wrap .live-fifa .info-container{
        padding:5px;
        box-sizing:border-box;
    }
    .groups-btns {
        position: absolute;
        width: 50%;
        right: 28%;
        top: 85%;
        height: 50px;
    }
}
@media screen and (max-width: 400px){
    .tm-head {
    margin-top: 35px !important;
}
    .date-box:before{
        top:9px;
    }
     .bttns .new-game2, .bttns .new-game1 {
    font-size: 15px;
}
.number {
    float: right;
    background: #fff;
    color: #000;
    padding: 3px;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    border: 2px solid #01cfb7;
    line-height: 50px;
    text-align: center;
    position: relative;
    left: 35px;
    bottom: -10px;
    font-weight: bold;
    color: #8a1538;
    display: flex;
    flex-direction: column;
    line-height: 20px;
    padding-top: 9px;
}
body .fifa-wrap .teems .teem span{
    font-size:13px;
}
.soon {
    padding-left: 10px;
}
 .bttns .new-game2, .bttns .new-game1 {
    font-size: 13px;
}
    .vote1{
        padding:10px;
        box-sizing:border-box;
    }
    .send-btn{
       margin-top:25px !important; 
    }
    .close{
        top:15px;
        right:15px;
    }
    .video-txt{
        
    }
    .details {
    top: 20%;
}
}
@media screen and (max-width: 375px){
    .date-box {
    width: 75px;
}
    .bttns .new-game2, .bttns .new-game1 {
    font-size: 13px;
}
.euro-title{
    font-size:17px;
}
.tm-head{
    font-size:11px;
    margin-top:30px;
}
}