@media (min-width:1200px) /* lg*/ {
    .row_pc{
        margin-right: -15px;
        margin-left: -15px;
    }
    .container{
        width: 1140px;
    }
    .qts_head_top .container{

        text-align: center;

    }

    .qts_head_top .nav-container{

        float: none;

        display: inline-block!important;

        width: auto;

        clear: none;

    }
}

@media (min-width:992px) and (max-width:1199px) /* md*/{
    .list_link_hd{
        float: left !important;
    }
    .qts_head_top .container{

        text-align: center;

    }

    .qts_head_top .nav-container{

        float: none;

        display: inline-block!important;

        width: auto;

        clear: none;

    }
    .menu-hot li{
        width: 50%;
    }
    .menu-hot li a .sub-hot{
        padding-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

@media (min-width:768px) and (max-width:991px) /* sm*/{
    .sc_header_menu.sticky-header{
        position: relative !important;
    }
    .nav-menu > .menu-item:nth-child(3){
        display: none;
    }
    .menu-hot li{
        width: 50%;
    }
    .menu-hot li a{
        -webkit-background-size: 100% 100% !important;
        background-size: 100% 100% !important;
    }
    .menu-hot li a .sub-hot{
        padding-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

}

@media (max-width:767px) /* xs*/{
    .sc_header_menu.sticky-header{
        position: relative !important;
    }
    .nav-menu > .menu-item:nth-child(3){
        display: none;
    }
    .menu-hot li{
        width: 50%;
    }
    .menu-hot li a{
        -webkit-background-size: 100% 100% !important;
        background-size: 100% 100% !important;
    }
    .menu-hot li a .sub-hot{
        padding-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .play-btn{
        display: block;
    }
    .button{
        flex-direction: row;
    }
    .button a{
        margin-right: 10px;
    }
    .qts_footer_top h5{
        display: none;
    }
}

@media (max-width:480px) {
    .col-480-12{
        width: 100% !important;
    }
    .col-480-6{
        width: 50% !important;
    }
    .hidden-480{
        display: none !important;
    }
    .visible-480{
        display: block !important;
    }
    .menu-hot li{
        width: 100%;
    }
    .button a{
        height: 38px;
        line-height: 38px;
        font-size: 16px;
    }
    .list-news .li-news li a span{
        white-space: normal;
        width: auto;
    }

}


.visible-480{
    display: none;
}