@media screen and (max-width: 1200px){
   .captchaHide small.left{
        float:left;
        margin-left:0px !important;
    }
    .captchaHide .inp-hld label{
        float:left !important;
        width:100% !important;
    }
    .top-blue-wrap {
        margin-top: 12px;
    }
    .teem {
        padding: 20px 10px;
    }
    .soon {
        right: 10px;
        font-size: 9px;
    }
    .soon:before {
        top: 3px;
        background: url(../img/play_icon.svg) no-repeat center;
        background-size: 12px;
    }
    .country {
        width: 34%;
    }
    #results .date-box {
        width: 32%;
    }
    .country span {
        width: calc(100% - 49px);
        font-size: 13px;
    }
}

@media screen and (max-width: 1080px){

}

@media screen and (max-width: 1024px){
    .soon{
        right:5px;
        padding: 7px 20px;
    }
    .soon:before{
        left:1px;
    }
    .date-box{
        width:65px;
    }
    .country img{
        width:30px;
        height: 30px;
    }
    .country span{
        font-size:13px;
        height: 30px;
    }
    .info-container span.name {
        font-size: 13px;
    }
    .txt-wrap .title-news{
        min-height: 80px;
        max-height: 80px;
        overflow: hidden;
    }
}
@media screen and (max-width: 1000px){
    .live.questionnaire .image-container{
        width:100%;
        float":left;
    }
    .live.questionnaire .info-container{
        width:100%;
        float:left;
        margin-top:50px;
    }
    .one-box-info{
        float:left;
        width:100%;
    }
    .teem{
        width:100% !important;
        float:left;
        margin-bottom:10px;
    }
    .country span {
        width: calc(100% - 44px) !important;
    }
    body .teems .teem span {

        width: calc(100% - 44px) !important;

    }
    .mobile-show{
           display: block;
        margin-top: 55px;
        font-family: 'Montserrat', sans-serif !important;
        width: calc(100% - 174px);
        line-height: 35px;
        margin-left: 0;
    }
    main{
        margin-top:160px;
    }
    .euro-title{
        font-size:30px;
    }
    .teems{
        float:left;
        width:100%;
    }
    .date-box {
        width: 32%;
    }
    .logo-wrap{
        width:110px;
        float:left;
        margin-bottom:5px;
    }
    .small-image-container{
        float:left;
        width:100%;
    }
    .one-box-info{
        width:100%;
        float:left;
    }
    .teems.one-box .left-part-box{
        float:left;
        width:100%;
    }
    .small-image-container img{
        margin-bottom:0px;
    }
    .info-container .play-now span{
        font-size:23px;
    }
    .left-part-box span.phase, .left-part-box span.group{
        float:left;
        width:100%;
        text-align:left;
    }
    .teems.one-box .country{
        width:34%;
    }
    .teems.one-box .soon{
        top:40px;
        right:50px;
    }
    .teems.one-box .countries .centering {
            width: 100%;
             transform: none;
        left: 0;
    }
    .teems.one-box .date-box{
        width: 100px;
        margin-top: 30px;
        margin-left: 10px;
        margin-right: 10px;
        transform: none;
        left: 0;
    }
}
@media screen and (max-width: 950px){
    .teem{
        width:100% !important;
        float:left;
        margin-bottom:10px;
    }
}
@media screen and (max-width: 800px){

    .top-blue-wrap{
        padding-top:30px;
        box-sizing:border-box;
    }
    .logo-wrap{
        margin-top:5px;
    }
    .live{
       /* padding-top:0px !important; */
        padding-left:20px;
        box-sizing:border-box;
        margin-top:20px;
    }
    .groups .euro-title{
        margin-top:20px;
        margin-bottom:-32px;
    }
    .more-videos{
        margin-top:20px;
    }
    .info-container{
        padding-left:20px;
    }
    .top-blue-wrap {
        margin-top: -4px;
    }
}

@media screen and (max-width: 768px){
    .mobile-show {
        width: calc(100% - 151px);
        margin-top: 41px;
    }
}


@media screen and (max-width: 680px){

    .logo-center{
        width:150px !important;
    }
    .image-container iframe{
        height: 250px;
    }
    .info-container .play-icon:before{
        content:none;
    }
    /*.image-container .play-icon:before{
    position: absolute;
    content: "";
    left: 295px;
    top: 10px;
    background: url(../img/play_icon.svg) no-repeat center;
    background-size: 30px;
    width: 40px;
    height: 40px;
    z-index: 99;
    cursor: pointer;
    }*/
    .image-container a span.see-live{
        left: 10px;
    }
    .info-container .play-now{
        margin-top:15px;
        margin-bottom:15px;
    }
    .info-container{
        padding-left:15px;
        box-sizing:border-box;
    }
    .play-icon{
        width:25px;
        height: 25px;
        top:30px;
    }
    .see-live{
        width:80px;
    }
    .info-container .play-now span{
        font-size:20px;

    }
    .euro-title{
        font-size:26px;
    }
    .sport-section{
        margin-bottom:20px;
    }
    .back-button {
        margin-top: -35px !important;
    }
    body .back-button-is-fixed {
        top: 95px !important;
    }
}

@media screen and (max-width: 540px){
      .mobile-show {
          width: calc(100% - 107px);
          font-size: 23px;
          margin-top: 28px !important;
      }
      .popup {
        max-height: 63vh;
      }
}

@media screen and (max-width: 500px){

    .logo-center{
        width:130px !important;
    }
    .buttons-holder .tab-btn1, .buttons-holder .tab-btn1-new{
        font-size:12px;
        padding:10px 7px;
    }
    .info-container .country img{
       /* margin-top:7px; */
    }
    .live {
        padding: 0px 0px 20px 0px;
    }
    .live .countries .centering {
        width: 100%;
        float: left;
            display: inline;
    }
    .info-container .country {
        width: 34%;
        margin-bottom: 0;
    }
    .info-container .country .name {
        text-align: right;
        float: left;
    }
    .info-container .country .name p {
        text-align: right !important;
        width: 100% !important;
    }
    .date-box.small {
        width: 87px;
        margin: 0;
    }
    .txt-wrap .title-news {
        height: auto;
        min-height: unset;
    }
    .date-box.small span {
        width: 100%;
        float: left;
        text-align: center;
    }
    .info-container span.name {
        font-size: 11px;
    }
    .one-box-info{
        margin-top:10px;
    }
    .teems.one-box .country{
        margin-top:5px;
        margin-bottom:5px;
    }
    .teems.one-box .country span{
        line-height: 15px;
    }
    .teems.one-box .date-box{
        margin-top:0px;
    }
    .teems.one-box .countries{
        margin-top:10px;
    }
    .logo-wrap{
        margin-top:20px;
    }
    .logo-wrap.two-matches{
        margin-top:25px;
        margin-bottom:2px;
    }
    .logo-wrap{
        width:75px;
    }
    .image-container .play-icon:before{
        left: 330px;
    }
    .image-container{
        float:left;
        width:100%;

    }
    .info-container{
        float:left;
        width:100%;
        margin-top:10px;
    }
    .teem{
        padding:20px;
        box-sizing:border-box;
    }
    .country span{
        width: calc(100% - 39px) !important;
    }
    body .teems .teem span {
        width: calc(100% - 39px) !important;
    }
    body .teems .teem .date-box span {
        width: 100% !important;
    }
    .watch-now {
        margin-top: -30px;
    }
    .groups .euro-title{
        font-size:24px;
        margin-top:30px;
        margin-bottom:-30px;
    }
    .info-container .play-now span{
        font-size:18px;
    }
    .tabs-hld{
        padding:15px;
        box-sizing:border-box;
    }
    .buttons-holder{
        padding-left:15px;
        box-sizing:border-box;
    }
    .soon{
        top:10px;
        font-size:11px;
    }
    .date-box{
        width:78px;
    }
    .groups-slider .swiper-button-prev, .groups-slider .swiper-button-next{
        top:0% !important;
    }
/*    .group-title{
        padding-left:50px;
        box-sizing:border-box;
    }*/
    .see-live{
        width:100px;
        text-align:center;
    }
    .country span.result{
        margin-top:-5px;
        font-size:25px;
    }
}
@media screen and (max-width: 440px){
    .country img{
        width:25px;
        height: 25px;
    }
    .country span {
        height: 25px;
    }
    .teems.one-box .date-box{
        margin-right:3px;
        margin-left:3px;
    }
    .image-container .play-icon:before{
        left:295px;
    }
    .mobile-show{
        margin-top:6px;
    }
    .country span{
        font-size:14px;
        /*height: 40px;
        line-height: 32px;*/
    }
   body .teem span{
        font-size:13px;
    }
    body .teem .country span{
        font-size:10px;
    }

    .groups .euro-title{
        font-size:22px;
    }

    .euro-title{
        font-size:24px;
        margin-top:20px;
    }
    main{
        margin-top:150px;
    }

}
@media screen and (max-width: 400px){
    .soon.soon-expect{
        padding-left:5px;
    }
    .image-container .play-icon:before {
        left: 260px;
    }

    .date-box{
        width:87px;
    }
    .country span{
        font-size:11px;
    }
    .soon{
        right:5px;
        padding:5px;
        box-sizing:border-box;
        padding-left:22px;
    }
    .soon:before{
        top:3px;
    }
    .info-container{
        padding-left:5px;
        box-sizing:border-box;
    }
    .info-container .play-now span{
        font-size:15px;
    }
    .info-container span{
        font-size:13px;
    }
    .euro-title{
        font-size:20px;
        margin-top:20px;
    }
    .groups .euro-title{
        font-size:20px;
    }

    main {
        margin-top:150px;
    }
    .buttons-holder .tab-btn1, .buttons-holder .tab-btn1-new {
        font-size: 10px;
    }
}
@media screen and (max-width: 420px){
    .mobile-show{
        margin-left:-10px;
    }
    .teems.one-box .date-box{
        width: 75px;
    }
    /* .image-container a span.see-live{
    left: 220px;
    }*/
}
@media screen and (max-width: 390px){
    .image-container .play-icon:before {
        left: 230px;
    }
    /* .image-container a span.see-live{
    left: 180px;
    }*/
}
@media screen and (max-width: 375px){
    .mobile-show{
        margin-top:30px;
    }
}
@media screen and (max-width: 360px){
    .country img{
        width:21px;
        height: 21px;
    }
    .country span{
        font-size:12px;
        height: 21px;
        width: calc(100% - 33px) !important;
    }
    body .teems .teem span {
        width: calc(100% - 31px) !important;
    }
    body .teem span {
        font-size: 12px;
    }
    .country.right img, .country.left img{
        margin-right:3px;
    }
    .image-container .play-icon:before {
        left: 180px;
    }
    .logo-wrap.two-matches{
        margin-top:25px;
    }
    .logo-wrap{
        width:75px;
    }
    .soon{
        padding-left:25px;
    }
    .mobile-show{
        margin-top:18px;
    }
    .image-container a span{
        top:5px;
        left:5px;
    }
    .image-container .play-icon:before{
        left:205px;
        top:3px;
    }
    .mobile-show {
        margin-top: 28px !important;
    }
    /* .image-container a span.see-live{
    left: 180px;
    }*/
}
@media screen and (max-width: 320px){
    .top-blue-wrap{
        margin-top:30px;
    }
}