.container {
    width: 100%;    
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    background-color: #FFF;
}

@media (min-width:1001px) {
    .container {
        max-width: 981px
    }
    

}

.container-fluid {
    width: 100%;     
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.space-around{
    justify-content: space-around;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}
.col-100p{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}
.col-192{
    -ms-flex: 0 0 192px;
    flex: 0 0 192px;   
}
.col-200{
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;   
}
.col-220{
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    max-width: 220px;
}
.col-260{
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    max-width: 260px;
}
.col-300{
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
}
.col-478{
    -ms-flex: 0 0 478px;
    flex: 0 0 478px;
    max-width: 478px;
}
.col-637{
    -ms-flex: 0 0 637px;
    flex: 0 0 637px;
    max-width: 637px;    
}
.col-612{
    -ms-flex: 0 0 612px;
    flex: 0 0 612px;
    max-width: 612px;   
    width: 612px;
}

@media screen and (max-width: 1000px) and (min-width: 700px) {
    #menu-toggle{
        display: block;
    }
    .order-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-10 {
        -ms-flex-order:10;
        order: 10
    }
    .order-11 {
        -ms-flex-order:11;
        order: 11
    }
    .order-12 {
        -ms-flex-order:12;
        order: 12
    }
    .order-13 {
        -ms-flex-order:13;
        order: 13
    }
    .mr-45{
        margin-right: 25px;
    }
    .ml-45 {
        margin-left: 25px;
    }
    .container {
        max-width: 680px;               
    }
    #menu-toggle{
        display: block;
    }
    .nav.navbar-nav,.search-box{
        display: none;
    }
    .logo{
        transition: 0.4s;        
    }
    .navigation .show-menu{
        position: absolute;
        transition: 0.4s; 
    }
    .show-menu .logo{
        z-index: 120;
        background: url(../img/bg_on_air_white.svg) no-repeat;
        background-size: 100% 100%;
        width: 72px;
        height: 66px;
        transition: 0.4s;
        -webkit-transform: rotate(360deg) translate(0px, 0px);
        transform: rotate(360deg) translate(0px, 0px);
    }
    .show-menu .search-form {
        float: left;
        left: 75px;
        margin-top: 12px;
        width: calc(88% - 75px);
        margin-bottom: 20px;
        position: absolute;
        top: 74px;
        display: inline-block !important;
    }
    .navbar-nav > li> a:before{
        display: none;
    }
    .navbar-nav > li> a:hover{
        color: #fff;
    }
    .show-menu .search-form .close-seach{
        display: none;    }
    .show-menu .logo img{
        display: none;
    }
    .show-menu .navbar-nav{
        margin-top: 260px;
    }
    .show-menu .navbar-nav li{
        width: 100%;
        padding-left: 70px;
        box-sizing: border-box;
    }
    .show-menu .navbar-nav li a{
        height: 40px;
        line-height: 40px;
    }
    .quick-links{
        position: absolute;
        top: 18px;
    }
    .quick-links .blue-links:first-child:after,.quick-links .grey-links:last-child:after{
        display: none;
    }
    .quick-links .blue-links {
        flex: 0 0 auto;
    }

    .quick-links .blue-links:nth-child(2) {
        display: none;
    }
    .quick-links .grey-links{
        display: none;
    }
    .show-menu .quick-links .grey-links{
        display: inline-block;
        position: absolute;
        top: 120px;
        background: none;
        border-bottom: 1px solid #222842;
        width: 67%;
        padding-left: 5px;
        text-align: left;
    }
    .show-menu .quick-links .grey-links.radio-on-air-btn{
        top: 160px;
    }
    .show-menu .quick-links .grey-links.radio-on-air-btn:after{
        display: none;
    }
    .show-menu .quick-links .grey-links:last-child{
        top: 195px;
    }
    .menu-container {
        margin-left: 82px;
        box-sizing: border-box;
        padding-left: 7px;
        z-index: 50;
        position: relative;
        background: #2190e2;
        float: left;
        width: calc(100% - 82px);
        min-height: 65px;
    }
    .show-menu .menu-container{
        margin-left: 0px;
        width: 100%;
    }
    #corp-line{
        display: none;
    }
    .banner-zone-970-250{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .main-categoty-title{
        box-sizing: border-box;
    }
    .col-478{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .top-article:before,.reports-article:before{   
        width: 97%;  

    }
    .top-article:before{
        height: 98%;
        top: 2%;
    }
    .reports-article:before{
        height: 92%;
        top: 8%;
    }

    .news-box-big .article-title {
        font-size: 25px;
        height: 82px;
        left: 10px;
        bottom: 11%;
        top: auto;
    }
    .news-box-big{
        height: 368px;
    }
    .news-box{
        height: auto;
        padding-bottom: 10px;
    }
    .news-box-big .article-cat {
        left: 10px;
        bottom: 130px;
    }
    .news-box-big .article-time{
        bottom: 7px;
    }
    .col-220 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }

    .news-box-big:after {   
        height: 44%;   
    }
    .tv-article .col-260.ml-45.mr-45.order-2{
        -ms-flex-order: 1;
        order: 1;
        margin-left: auto;
    }

    .baner-300-600{
        height: 300px;
        margin:50px 27%;
    }
    .col-637.tv-program-box{
        flex: 0 0 48%;
        max-width: 48%;
    }
    .last-read-box .tabs{
        height: 100%;
    }
    .last-read-box .tabs .btn-brown{
        position: absolute;
        bottom: 0px;
    }
    .news-article .colum-left-680.order-0{
        width: 50%;
    }
    .news-article .colum-left-680.order-0 .col-612{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .news-article .colum-left-680.order-0 .col-612 .video-box img{
        width: 100%;
    }
    .news-article .colum-left-680.order-0 .col-612.news-on-box{
        height: 240px;
    }
    .news-sub-video {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0px;
        width: 100%;
    }
    .news-sub-video .col-192 a {
        float: left;
        margin-bottom: 20px;
    }
    .news-sub-video .col-192{
        width: 100%;
        display: inline-block;
    }
    .news-sub-video .image-box img{
        width: 170px;
    }
    .row.news-article.mt-30{
        margin-top: 0px;
    }
    .news-article .col-260.ml-45.mr-45.order-2{
        margin-left: auto;
    }
    .row.news-article.mt-30 .colum-left-640.order-5{
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 30px;
        width: 100%;
    }
    .top-teams .article-title {
        font-size: 15px;
    }
    .col-300.margin-left-auto.if-missed-box.order-4{
        margin-left: 0px;
    }
    .gallery-section .col-300.mt-30.comment-list.margin-left-auto.order-2{
        -ms-flex-order: 0;
        order: 0;
        margin-left: 0px;
        margin-top: 10px;
        padding-left: 0px;
    }
    .gallery-section .col-300.margin-left-auto.order-1{
        margin-top: 36px;
    }
    .gallery-section .baner-300-600{
        height: 600px;
        margin-left: auto;
    }
    .gallery-section .colum-left-640,
    .colum-left-640.slider-article.order-3{
        width: 100%;
    }
    .slider-for{
        width: 100%;
    }
    .slick-list{
        margin: 0px;
    }
    .slider-for .slick-slide  img{
        width: 100%;
    }
    .gallery-section .news-on-box.col-612 {

        max-width:calc(100% - 30px) ;
        width: calc(100% - 30px);
    }
    .gallery-section .news-on-box .news-on-box-content.col-612{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .gallery-section .news-on-box .news-on-box-content .video-box,
    .gallery-section .news-on-box .news-on-box-content .video-box img{
        width: 100%;
    }
    .article-view-container .banner-zone-640-100{
        display: none;
    }
    .article-view-container .banner-zone-300-250.left.mb-60.order-4{
        float: none;
        margin: 0 0 40px 0;
    }
    .article-view-container .statia-content{
        margin-bottom: 0px;
        padding-left: 0px;
        width: 100%;
    }
    .article-view-container .banner-zone-300-250.right.order-6{
        -ms-flex-order: 4;
        order: 4;
        margin:0 0 20px 0;
        margin-left: auto;
    }
    .article-view-container .last-read-box{
        margin-left: 0px;
    }
    .article-view-container  .box-blue-border{
        width: 48%;

    }
    .article-view-container .tv-program-box{
        display: inline-block;
        margin-left: auto;
        -ms-flex-order: 8;
        order: 8;
    }
    .article-view-container .baner-300-600.col-300.mb-50.order-11
    {
        margin: 0px 0 30px 0;
        margin-left: auto;
    }
    .article-view-container .baner-300-600.col-300.mb-50.order-11{
        -ms-flex-order: 9;
        order: 9;
    }
    .article-view-container .tv-program-box .btn-blue, .tv-program-box .btn-grey{
        margin-left: -25px;
        margin-right: -25px;
        width: calc(50px + 100%);
    }
    .article-view-container .baner-300-600.col-300.mb-50.order-13{
        -ms-flex-order: 9;
        order: 9;
        margin: 0px 0 30px 0;
        margin-left: auto;
    }
    .article-view-container .box-blue-border.mb-50.height-one.order-10{

        margin-top: -170px;
    }
    .article-view-container .relative {
        position: relative;
        float: left;
        width: 100%;
    }
    .article-view-container #sticky-social {
        position: relative;
        float: right;
        margin-top: 0px;
        order: 1;
        margin-bottom: 20px;
        width: 100%;
    }
    .article-view-container #sticky-social .article-view-social{
        float: right;
    }
    .article-view-container .article-view-social li {
        display: inline-block;
        margin-right: 10px;
    }
    .article-view-container .news-img-content{
        display: inline-block;
        width: 100%;
    }

    .article-view-container .news-img-content > img{
        width: 100%;
    }
    .footer-nav-container {
        display: block;
        font-size: 12px;
        padding-bottom: 1px;
        overflow: hidden;
    }
    .article-gallery-slider{display: inline-block; width: 100%;}
    .gallery-desktop{
        display: none;
    }
    .article-gallery-slider .slick-slide img {
        width: 100%;
    }


    .article-view-container.gallery-view .statia-content{
        width: 100%;
    }
    .article-view-container .category_list.mb-60.order-5{
        width: 100%;
    }
    .program-date ul{
        display: inline-block;

    }
    .program-date{
        position: relative;
    }



    .program-week .statia-content{
        margin-top: 0px;
    }

    .program-week .carouselbox {
        font-family: helvetica,sans-serif;
        font-size: 14px;
        width: 100px;
        position: relative;
        margin: 1em;
        border: 1px solid #ccc;
        box-shadow: 2px 2px 10px #ccc;
        overflow: hidden;
    }

    .program-week .program-date{
        min-height: 113px;
        position: relative;
    }
    .program-week .active .buttons {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 100%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: rgba(49,135,203, 0.8);
        z-index: 555;
    }
    .program-week .active .buttons .prev{
        position: absolute;
        border: none;

        left:-40px;
        content: '';       
        background:rgba(49,135,203, 0.8) url(../img/prev-arrow.png) no-repeat center center;
        width: 40px;
        height: 40px;
        display: inline-block;
    }

    .program-week .active .buttons .next{
        position: absolute;
        right:-40px;
        content: '';
        border: none;
        background: rgba(49,135,203, 0.8) url(../img/next-arrow.png) no-repeat center center;
        width: 40px;
        height: 40px;
        display: inline-block;
    }
    .program-week .carouselbox button {
        border: none;
        display: none;
    }
    .program-week .program-date li{
        width: 33.333%;
    }
    .program-week .active button {
        display: block;
    } 
    .program-week .offscreen {
        position: absolute;
        left: -2000px;
    }
    .program-week .active li {
        position: absolute;
        top: 130px; 
        opacity: 0;   
    }
    .program-week .active li.current ,
    .program-week .active li.next,
    .program-week .active li.tab{
        top: 30px; 
        opacity: 1;    
    }
    .program-week .active li.next{
        left: 33.333%;
    }
    .program-week .active li.tab{
        left: 66.666%;
    }

    .program-week .article-main-title{
        padding: 0 40px;
    }
    .program-week .box-blue-border.mb-60.height-tree.order-8{
        margin-left: auto;
    }
    .program-week .last-read-box .tabs .btn-brown,.contacts .last-read-box .tabs .btn-brown{
        position: relative;
        bottom: 0px;
    }
    .program-week.article-view-container .baner-300-600.col-300.mb-50.order-11{
        -ms-flex-order: 12;
        order: 12;
    }
    .program-week.article-view-container .box-blue-border.mb-50.height-one.order-10 {

        -ms-flex-order: 11;
        order: 11;
    }
    .contacts.article-view-container .statia-content{
        margin: 0 auto;
    }
    .contacts-details{
        width: 100%;
        margin-bottom: 50px;
    }
    .contacts .box-blue-border.mb-60.height-tree.order-8{
        margin-left: auto;
    }
    .live-watch .news-img-content.order-1{
        margin-bottom: 50px;
    }
    .live-watch.article-view-container .tv-program-box{
        -ms-flex-order: 7;
        order: 7;
    }
    .live-watch .baner-300-600.col-300.mb-50.order-4{
        -ms-flex-order: 7;
        order: 7;
    }
    .live-watch .main-categoty-title.mb-30.order-2{
        -ms-flex-order: 8;
        order: 8;
    }
    .live-watch .slider-for.slider.order-3{
        -ms-flex-order: 9;
        order: 9;
    }
    .live-watch .slider-nav.slider.order-4{
        -ms-flex-order: 10;
        order: 10;
    }
    .article-list .banner-zone-300-250.left.mb-60.order-7{
        -ms-flex-order: 3;
        order: 3;

    }
    .article-list .banner-zone-300-250.mb-60.order-4{
        margin: 0;
        margin-left: auto;
    }
    .pagination{
        margin-bottom: 30px;
    }
    .article-list .last-read-box .tabs .btn-brown{
        position: relative;
    }
    .article-list .box-blue-border.mb-60.height-tree.order-8{
        margin-left: auto;
        margin-top: 43px;
    }
    .article-list .box-blue-border.mb-50.height-one.order-10
    {
        margin-left: 52%;
        margin-top: 0px;
    }
    .article-list .box-blue-border.mb-60.height-one.order-9{
        margin-left: 52%;
        margin-top: -170px;
    }
    .article-list-grid .statia-content{
        width: 100%;
    }
    .broadcasts-list a img{
        width: 100%;
    }
    .image-404{
        width: 90%;
    }
    .not-found-search-form {
        width: 74%;
        margin-left: 13%;
    }
    .not-found-search-box{
        text-align: center;
    }
    .not-found-search-box .btn-blue{
        min-width: 290px;
        margin: 0 auto 50px auto;
    }
    .article-gallery-slider{
        width: 680px;
    }
    .hot-line{
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        order: 2;
    }
    .hot-line .hot-articles li{
        width: 100%;
        margin-bottom: 16px;
        padding: 0 16px;
    }
    .tv-article .hot-line{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .gallery-section .series-slider{
        order: 2;
    }
    .gol-euro-box{
        display: flex;
        order: 7;
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }
    .gol-euro-box iframe{
        display: inline-block;
        float: none;
        width: 300px;
        margin: 0 auto;
    }
}

@media (max-width:700px) {
    .tv-article .hot-line.poll-home-box{
        margin-top: 0;
        order: -1;
        margin-left: 0;
    }
    .hot-line.poll-home-box .hot-articles{
        padding-right: 0;
    }
    html .tv-article{
        padding-left: 0;
    }
    .gol-euro-box{
        display: flex;
        order: 7;
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }
    .poll-content .poll-results{
        width: 75%;
    }
    .gol-euro-box iframe{
        display: inline-block;
        float: none;
        width: 300px;
        margin: 0 auto;
    }
    .gallery-section .series-slider{
        order: 2;
    }
    .tv-article .hot-line{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .mobile-center{
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .hot-line{
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        order: 2;
    }
    .hot-line .hot-articles li{
        width: 100%;
        margin-bottom: 16px;
        padding: 0 16px;
    }
    .order-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-10 {
        -ms-flex-order:10;
        order: 10
    }
    .order-11 {
        -ms-flex-order:11;
        order: 11
    }
    .order-12 {
        -ms-flex-order:12;
        order: 12
    }
    .order-13 {
        -ms-flex-order:13;
        order: 13
    }
    .mr-45{
        margin-right: 25px;
    }
    .ml-45 {
        margin-left: 25px;
    }
    .container {
        max-width: 380px;               
    }
    #menu-toggle{
        display: block;
    }
    .nav.navbar-nav,.search-box{
        display: none;
    }
    .logo{
        transition: 0.4s;        
    }
    .navigation .show-menu{
        position: absolute;
        transition: 0.4s; 
    }
    .show-menu .logo{
        z-index: 120;
        background: url(../img/bg_on_air_white.svg) no-repeat;
        background-size: 100% 100%;
        width: 72px;
        height: 66px;
        transition: 0.4s;
        -webkit-transform: rotate(360deg) translate(0px, 0px);
        transform: rotate(360deg) translate(0px, 0px);
    }
    .show-menu .search-form {
        float: left;
        left: 75px;
        margin-top: 12px;
        width: calc(88% - 75px);
        margin-bottom: 20px;
        position: absolute;
        top: 74px;
        display: inline-block !important;
    }
    .show-menu .search-form .close-seach{
        display: none;    }
    .show-menu .logo img{
        display: none;
    }
    .show-menu .navbar-nav{
        margin-top: 260px;
    }
    .show-menu .navbar-nav li{
        width: 100%;
        padding-left: 70px;
        box-sizing: border-box;
    }
    .show-menu .navbar-nav li a{
        height: 40px;
        line-height: 40px;
    }
    .quick-links{
        position: absolute;
        top: 18px;
    }
    .quick-links .blue-links:first-child:after,.quick-links .grey-links:last-child:after{
        display: none;
    }
    .quick-links .blue-links {
        flex: 0 0 auto;
    }

    .quick-links .blue-links:nth-child(2) {
        display: none;
    }
    .quick-links .grey-links{
        display: none;
    }
    .show-menu .quick-links .grey-links{
        display: inline-block;
        position: absolute;
        top: 120px;
        background: none;
        border-bottom: 1px solid #222842;
        width: 67%;
        padding-left: 5px;
        text-align: left;
    }
    .show-menu .quick-links .grey-links.radio-on-air-btn{
        top: 160px;
    }
    .show-menu .quick-links .grey-links.radio-on-air-btn:after{
        display: none;
    }
    .show-menu .quick-links .grey-links:last-child{
        top: 195px;
    }
    .menu-container {
        margin-left: 82px;
        box-sizing: border-box;
        padding-left: 7px;
        z-index: 50;
        position: relative;
        background: #2190e2;
        float: left;
        width: calc(100% - 82px);
        min-height: 65px;
    }
    .show-menu .menu-container{
        margin-left: 0px;
        width: 100%;
    }
    #corp-line{
        display: none;
    }
    .banner-zone-970-250{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .main-categoty-title{
        box-sizing: border-box;
    }
    .col-478{
        flex: 0 0 350px;
        max-width: 350px;
    }
    .top-article:before,.reports-article:before{   
        width: 97%;  

    }
    .top-article:before{
        height: 98%;
        top: 2%;
    }
    .reports-article:before{
        height: 92%;
        top: 8%;
    }

    .news-box-big .article-title{
        font-size: 22px;
        height: 52px;
        left: 10px;
    }
    .news-box-big{
        height: 197px;
    }
    .news-box{
        height: auto;
        padding-bottom: 10px;
    }
    .news-box-big .article-cat {
        left: 10px;
        bottom: 87px;
    }
    .news-box-big .article-time{
        bottom: 7px;
    }
    .col-220{
        margin-right: 10px;
    }
    .col-220 .article-time > span{
        display: none;
    }
    .baner-300-600{
        height: 250px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .tv-article{
        justify-content: space-around;
    }
    .tv-article > .col-260{
        margin-bottom: 60px;
    }
    .col-637,.col-612,.colum-left-640{
        flex: 0 0 328px;
        max-width: 328px;
    }
    .col-220{
        flex: 0 0 160px;
        max-width: 160px;       
    }    
    .top-article,.reports-article,.tv-article{
        padding-left: 10px;
        box-sizing: border-box;
    }

    .tv-program-box .btn-blue, .tv-program-box .btn-grey{
        flex: 1 0 100%;
        margin-left: -25px;
        margin-right: -25px;
    }
    .tv-program-box{
        margin-left: 0;
        margin-bottom: 50px;
    }
    .last-read-box{
        margin-left: 0px;
        margin-top: 50px;
        margin: 20px auto;
    }
    .news-on-box-content.col-612{
        flex: 0 0 322px;
        max-width: 322px;
    }
    .news-box .article-title{
        height: 76px;
    }
    .news-on-box-content .sub-title{
        padding: 6px;
    }
    .news-on-box-content.col-612 .video-box > img{
        width: 100%;
    }
    .news-on-box,.news-on-box-content{
        height: 222px;
        left: 10px;
        top: 25px;
    }
    .col-192 a{
        float: left;
        margin-bottom: 20px;
    }
    .news-sub-video {        
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    .margin-left-auto{
        margin: 0 auto;
    }
    .news-article{
        justify-content: space-around;
    }
    .slider-article{
        margin-top: 50px;
    }
    .slider-article,.slider-nav,.slider-for{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .news-article .box-blue-border{
        margin: 30px 0 60px 0;
    }
    .slick-list{
        margin: 0px;
    }
    .slick-next{
        right: 0px !important;
    }
    .slick-prev{
        left: 0px !important;
    }
    .slider-for img{
        width: 100%;
    }
    .carousel-text-box{
        

  
    }
    .carousel-text-box .article-cat {
        margin: 0px;
    }

    .carousel-text-box img{
        width: 43px;
        top: 20px;
        left: 40px;
    }
    .carousel-text-box .main-categoty-title{
        padding: 0px;
        font-size: 18px;
        line-height: 20px;
        padding: 0px;
        margin-top: 8px;
        margin-bottom: 0px;
    }
    .top-teams.space-around{
        justify-content: start; 
    }
    .top-teams.space-around .article-time{
        display: none;
    }

    .top-teams .col-192{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        display: flex;
    }
    .gallery-section .colum-left-640 {
        flex: 0 0 360px;
        max-width: 360px;
    }
    .top-teams .col-192 .article-photo{
        flex:1;
    }
    .top-teams .col-192 .article-title{
        flex:1;
        margin-top: 0px;
    }
    .gallery-section .news-on-box {
        height: 190px;
    }
    .gallery-section .news-on-box-content {
        height: 180px;
    }
    .gallery-section{
        justify-content: start;
    }
    .gallery-section .news-box,
    .article-view-container .category_list .news-box{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        display: flex;
        box-sizing: border-box;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .gallery-section .top-teams  .article-photo,
    .article-view-container .category_list .article-photo,{
        flex: 0 0 192px;
        max-width: 192px;
    }

    .gallery-section .top-teams  .article-title,
    .article-view-container .category_list .article-title{
        flex:1;
        margin-top: 0px;
    }
    .comment-list .news-box{
        display: block;
    }
    .gallery-section .comment-list{
        padding-left: 0px;
    }
    .if-missed-box{
        padding: 0px;
    }
    .gallery-section .comment-list{
        margin-top: 30px;
    }
    .gallery-section .news-on-box-content .article-title {
        padding: 0px;
        top: 63%;

    }
    .gallery-section .news-on-box-content .article-title a{
        font-size: 18px;
        line-height: 20px;
    }
    .gallery-section .news-on-box-content:after {
        height: 42%;
    }
    .follow-us{
        margin-top: 20px;
        margin-bottom: -20px;
        font-size: 18px;
        line-height: 52px;
        padding: 0px 20px;
        width: 100%;
    }
    .footer-nav-container{
        display: block;
        font-size: 12px;
        padding-bottom: 1px;
        overflow: hidden;
    }
    .footer-links{
        font-size: 12px;
        border: none;
        margin-top: 10px;
    }
    .footer-nav-container > a{
        display: inline-block;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        padding-right: 10px;
    }
    .footer-nav-container > a:after{
        position: absolute;
        bottom: 2px;
        overflow: hidden;
        width: 400px;
        height: 4px;
        content: '\a0';
        background-color: #2190e2;
        margin-left: 10px;
    }
    .footer-nav-container > a img{
        margin-left: 10px;
    }
    .news-img-content img{
        width: 100%
    }
    .article-view-container h1{
        font-size: 30px;
        line-height: 32px;
    }
    .broadcasts .show-more{
        display: inline-block;
    }
    .broadcasts .show-more div{
        font-size: 14px;
        width: 100%;
        display: inline-block;

    }
    .broadcasts .show-more .host{
        padding-left: 0px;
        border: none;
        margin-bottom: 15px;
    }
    .broadcasts .show-more div > span{
        color: #222842;
        font-family: 'Lato-Black';
        font-size: 14px;
    }
    .broadcasts .show-more div > a{
        font-family: 'Lato-Black';
        font-size: 14px;
    }
    .broadcasts{
        width: 98%;
        margin-left: auto;
    }
    .article-main-title{
        padding: 0 10px;
    }
    .article-view-container .article-sub-title{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .article-time-sorce{
        margin-bottom: 15px;
    }
    .article-time-sorce > span{
        margin-right: 30px;
        line-height: 20px;
    }
    .relative {
        position: relative;
        float: left;
        width: 100%;
    }
    .article-view-social{
        position: relative;
        float: right;
        position: relative;
        float: right;
        top: 10px;
        right: 0px;
        left:0px;
    }
    .article-view-social li{
        display: inline-block;
        margin-right: 10px;
    }
    .statia-content{
        padding: 0 10px;
        font-size: 16px;
        margin-top: 15px;
    }
    .statia-content iframe{
        max-width: 100% !important;
    }
    .article-view-container .row.space-around{

        padding: 0 10px;
    }
    .article-view-container .category_list .news-box  .article-title a{
        font-size: 14px;
        line-height: 16px;
    }
    .article-view-container .banner-zone-300-250{
        float: none;
        margin: 0 auto 30px auto; 
    }
    .article-view-container .article-tag{
        margin-bottom: 0px;
    }
    .article-view-container .tv-program-box{
        flex: 0 0 328px;
        margin-top: 30px;
        margin-left: 20px;
    }

    .article-view-container .last-read-box,{
        margin-left: 8%;
    }
    .article-view-container .box-blue-border{
        margin-left: 5%;
        width: 90%;
    }
    .article-view-container .quote-article:after {
        width: 98%;
    }
    .article-view-container .banner-zone-640-100{
        display: none;
    }
    .category_list.mb-60{
        margin-bottom: 20px;
    }
    .article-view-container .last-read-box,
    .tv-article .last-read-box
    {
        margin-top: 30px;
    }
    .article-view-container .linked-list{
        display: flex;        
    }
    .inarticle-text .linked-list img {
        max-width: none !important;
    }
    .article-view-container .linked-list a{       
        font-family: 'Lato-Black';
        font-size: 18px;
        color: #767575;
        line-height: 18px;
        display: inline-block;
    }
    .article-view-container .linked-list a:last-child{
        padding-left: 10px;
    }
    .article-gallery-slider{
        display: block;
        float: left;
        display: inline-block;
        width: 380px;
    }
    .article-gallery-slider .gallery-item{
        position: relative;
    }
    .gallery-desktop{
        display: none;
    }
    .article-gallery-slider .slick-slide img {
        width: 100%;
    }
    .article-view-container .photo-description{
        margin: 0 10px;
    }
    .contacts .statia-content{       
        margin-top: 20px;
    }
    .contacts form{
        border-top: 5px solid #e6e6e6;
    }
    .program-date ul{
        display: inline-block;

    }
    .program-date{
        position: relative;
    }



    .program-week .statia-content{
        margin-top: 0px;
    }

    .program-week .carouselbox {
        font-family: helvetica,sans-serif;
        font-size: 14px;
        width: 100px;
        position: relative;
        margin: 1em;
        border: 1px solid #ccc;
        box-shadow: 2px 2px 10px #ccc;
        overflow: hidden;
    }

    .program-week .program-date{
        min-height: 113px;
        position: relative;
    }
    .program-week .active .buttons {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 100%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: rgba(49,135,203, 0.8);
        z-index: 555;
    }
    .program-week .active .buttons .prev{
        position: absolute;
        border: none;

        left:-40px;
        content: '';       
        background:rgba(49,135,203, 0.8) url(../img/prev-arrow.png) no-repeat center center;
        width: 40px;
        height: 40px;
        display: inline-block;
    }

    .program-week .active .buttons .next{
        position: absolute;
        right:-40px;
        content: '';
        border: none;
        background: rgba(49,135,203, 0.8) url(../img/next-arrow.png) no-repeat center center;
        width: 40px;
        height: 40px;
        display: inline-block;
    }
    .program-week .carouselbox button {
        border: none;
        display: none;
    }
    .program-week .program-date li{
        width: 50%;
    }
    .program-week .active button {
        display: block;
    } 
    .program-week .offscreen {
        position: absolute;
        left: -2000px;
    }
    .program-week .active li {
        position: absolute;
        top: 130px; 
        opacity: 0;   
    }
    .program-week .active li.current ,
    .program-week .active li.next{
        top: 30px; 
        opacity: 1;    
    }
    .program-week .active li.next{
        left: 50%;
    }

    .program-week .article-main-title{
        padding: 0 40px;
    }
    .program-list .program-day-clock{
        font-size: 20px;
    }
    .program-list .program-day-title{
        padding-top: 0px;
    }
    .program-live {
        width: 50px;
        height: 100%;   
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center center;
        background-color: rgba(49,135,203, 1);
        position: absolute;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    .program-list .is-live a{
        padding-left: 60px;
    }
    .news-box-listing .article-photo{
        flex: 0 0 170px;
        margin-right: 10px;
    }
    .news-box-listing .article-photo img{
        width: 100%;
    }
    .article-list .news-box-big{
        height: 197px;
    }
    .article-list .statia-content{
        padding-left: 10px;
        padding-right: 0px;
    }
    .article-list .news-box-big:before {
        content: "";
        width: 100%;
        height: 95%;
        background: #e6e6e6;
        position: absolute;
        top: 18px;
        left: -18px;
        z-index: 1;
    }
    .article-list .news-box-big:after {
        height: 55%;
    }
    .article-list .news-box-big .article-cat {
        bottom: 87px;
    }
    .article-list .news-box-big .article-title {
        top: 56%; 
    }
    .article-list .news-box-big .article-cat:after {
        width: 275px;
    }
    .article-listing-text .article-title{
        font-size: 14px;
    }
    .article-listing-text .article-intro{
        display: none;
    }
    .article-list-grid .article-listing-text .article-intro{
        display: inline-block;
        font-family: 'Lato-Regular';  
    }
    .article-list-grid .article-listing-text{
        padding-left: 10px;
    }

    .article-list-grid .news-box-listing{
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .article-list-grid .article-listing-text .article-title {
        margin-bottom: 5px;
    }
    .row-listing{
        display: inline-block;
    }
    .article-list-grid .news-box-listing.broadcasts-list{
        width: 100%;
    }
    .broadcasts-list .article-intro{
        padding-right: 10px;
    }

    .article-list-grid .main-categoty-title{
        font-size: 18px;
    }
    .article-list-grid .statia-content .breadcrumb{
        margin: 0px;
        margin-bottom: 20px;
    }
    .article-list-grid .statia-content .breadcrumb a{
        color:#222842;
        font-family: 'Lato-Black';    
        font-size: 12px;
    }
    .article-view-container.gallery-view .statia-content{
        width: 100%;
    }
    .not-found-txt{
        font-size: 14px;
    }
    .not-found-search-form{
        width: 90%;
        margin-left: 5%;
    }
    .not-found-search-form .input-search {
        border: 2px solid #b2b2b2;
        line-height: 35px;
        height: 35px;
        margin-right: 2%;
        float: left;
        width: calc(95% - 41px);
    }
    .image-404 {
        width: 90%;
    }
    .not-found-search-box{
        text-align: center;
    }
    .not-found-search-box .btn-blue{
        min-width: 190px;
        margin: 0 auto 50px auto;
        font-size: 16px;
    }
    .article-view-container #sticky-social {
        position: relative;
        float: right;
        margin-top: 0px;
        order: 1;
        margin-bottom: 20px;
        width: 100%;
    }
    .article-view-container #sticky-social .article-view-social{
        float: right;
    }
    html .onart-box h2, html .onart-footer h2{
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 40px;
    }
    html .onart-content{
        padding: 0 16px;
    }
    html .onart-box{
        margin-top: 50px;
    }
    html .onart-footer{
        margin-top: 50px;
        padding: 0 20px;
    }
    .comments .pagination .all-pages{
        display: none;
    }
    .comments .pagination .pages{
        width: 100%;
    }
}
@media (max-width:1000px) {
    .report-comment{
        display: block !important;
    }
    .comments .comment-content{
        padding-right: 0;
    }
    .comments .report-comment {
        width: auto;
        height: auto;
        background: none;
        font-size: 13px;
        position: static;
        float: right;
        margin-top: 10px;
    }
    .comments .report-comment a {
        text-indent: inherit;
        overflow: auto;
        font-style: initial;
        width: auto;
        height: auto;
    }
    .article-view .statia-content{
        width: 100%;
    }
    .inarticle-text img {
        max-width: 100% !important;
        height: auto !important;
    }
    #div-gpt-ad-2{
        margin-bottom: 30px;
    }
    .statia-content.series-listing:before{
        height: 74px;
    }
    .article-list-grid .series-listing .news-box-listing{
        float: left;
        width: 100%;
    }
    .series-listing .news-box-listing .article-photo{
        width: 35%;
        float: left;
        margin-right: 0;
    }
    .article-list-grid .series-listing .article-listing-text{
        float: left;
        box-sizing: border-box;
        width: 65%;
    }
    .series-listing .article-listing-text .article-title{
        margin-top: 0;
    }
    .series-listing .article-listing-text .article-time{
        margin-bottom: 0;
    }
    .series-listing .article-listing-text .article-intro{
        font-size: 14px;
        line-height: 20px;
    }
    .series .series-cover{
        background-size: cover;
    }
}
@media (max-width:700px) {
    .series-listing .news-box-listing .article-photo{
        width: 100%;
        margin-bottom: 20px;
    }
    .video-list h3{
        width: 100%;
    }
    .article-list-grid .series-listing .article-listing-text{
        padding-left: 0;
        width: 100%;
    }
    .series-list ul li{
        width: 100%;
    }
    .series .series-cover h1{
        font-size: 20px;
    }
    .series .series-cover .series-title{
        min-height: 0;
    }
    .series .series-cover{
        height: 210px;
    }
    .series:before{
        height: 261px;
    }
    .video-list ul{
        width: 100%;
    }
    .video-list .video-right-banner{
        width: 100%;
        margin: 20px 0;
        text-align: center;
    }
    .article-view-container h1 {
        font-size: 20px;
        line-height: 25px;
    }
    .video-list{
        margin-top: 0;
    }
    .video-list ul li .article-photo {
        float: left;
        width: 180px;
        margin-right: 16px;
    }
    .video-list ul li{
        margin-bottom: 20px;
    }
    .video-list h3{
        font-size: 18px;
    }
}
@media (max-width:400px) {
    .comments .comment-list .comment .num{
        display: none;
    }
    .comments{
        padding-left: 0;
        padding: 0 8px;
    }
}