@media (min-width:1200px)
/* lg*/

{
    .row_pc {
        margin-right: -15px;
        margin-left: -15px;
    }
    .container {
        width: 1200px;
    }
    .menu_main {
        text-align: center;
    }
    .qts_head_mid .nav-container {
        float: none;
        display: inline-block!important;
        /*width: auto;*/
        clear: none;
    }
    .col-lg-751 {
        width: 52.333333% !important;
    }
    .col-lg-548 {
        width: 47.666667% !important;
    }
}

@media (min-width:992px) and (max-width:1199px)
/* md*/

{
    .list_link_hd {
        float: left !important;
    }
    .menu_main {
        text-align: center;
    }
    .qts_head_mid .nav-container {
        float: none;
        display: inline-block!important;
        width: auto;
        clear: none;
    }
    /* .logo_pc img {
        width: 100%;
    } */
    .call-mobile a {
        font-size: 21px;
    }
    .slogan_main_hd {
        font-size: 29px;
    }
    .des_slogan_hd {
        font-size: 35px;
    }
    .slogan_cpn_hd {
        margin-top: 10px;
    }
    .fix-tabs li {
        padding: 0px 2px!important;
    }
    .fix-tabs li a {
        padding: 15px 5px 10px 5px!important;
        width: 125px!important;
        height: 125px!important;
    }
    .call-mobile {
        top: 0px;
    }
    .fix-tabs li a span {
        font-size: 27px;
    }
    .fix-tabs li a {
        font-size: 14px;
    }
    .post-title h3 {
        line-height: 20px;
        font-size: 14px;
    }
    .post-title p {
        font-size: 13px;
        line-height: 19px;
    }
    .post-title {
        bottom: 0px;
        border-radius: 0px;
        margin: 0px 0px;
    }
    .date-post {
        top: 0px;
    }
    .item-post-project {
        margin-bottom: 25px;
    }
    .name_news {
        font-size: 14px;
        line-height: 20px;
    }
    .name_news {
        margin-bottom: 6px;
    }
    .text_news {
        height: 85px;
        overflow: hidden;
    }
    .title-news {
        font-size: 21px;
        line-height: 27px;
    }
    .qts_footer_bot {
        padding-bottom: 60px;
    }
}

@media (min-width:768px) and (max-width:991px)
/* sm*/

{
    .sc_header_menu.sticky-header {
        position: relative !important;
    }
    .fix-tabs li {
        padding: 0px 2px!important;
    }
    .fix-tabs li a {
        padding: 20px 5px 10px 5px!important;
        width: 144px!important;
        height: 144px!important;
    }
    .call-mobile {
        top: 0px;
    }
    .fix-tabs li a span {
        font-size: 27px;
    }
    .fix-tabs li a {
        font-size: 14px;
    }
    .line-tabs {
        height: 10px;
        width: 1px;
        background: transparent;
    }
    .post-title h3 {
        line-height: 20px;
        font-size: 14px;
    }
    .post-title p {
        font-size: 13px;
        line-height: 19px;
    }
    .post-title {
        bottom: 0px;
        border-radius: 0px;
        margin: 0px 0px;
    }
    .date-post {
        top: 10px;
    }
    .item-post-project {
        margin-bottom: 0px;
        margin-top: 25px;
    }
    .box_left_ft {
        margin-bottom: 30px;
    }
    .qts_footer_bot {
        padding-bottom: 60px;
    }
    .btn_contact {
        display: block;
        max-width: 400px;
        margin: auto;
        text-align: center;
    }
}

@media (max-width:767px)
/* xs*/

{
    .sc_header_menu.sticky-header {
        position: relative !important;
    }
    .fix-tabs li {
        padding: 0px 7px!important;
    }
    .fix-tabs li a {
        padding: 20px 5px 10px 5px!important;
        width: 130px!important;
        height: 130px!important;
    }
    .call-mobile {
        top: 0px;
    }
    .fix-tabs li a span {
        font-size: 20px;
    }
    .fix-tabs li a {
        font-size: 14px;
    }
    .line-tabs {
        height: 20px;
        width: 1px;
        background: transparent;
    }
    .tit_home span {
        font-size: 24px;
        padding-bottom: 15px;
    }
    .filter-button {
        margin-bottom: 20px;
    }
    .post-title h3 {
        line-height: 20px;
        font-size: 14px;
    }
    .post-title p {
        font-size: 13px;
        line-height: 19px;
    }
    .post-title {
        bottom: 0px;
        border-radius: 0px;
        margin: 0px 0px;
    }
    .date-post {
        top: 10px;
    }
    .item-post-project {
        margin-bottom: 0px;
        margin-top: 25px;
    }
    .date-post {
        left: 0px;
    }
    .gallery-title {
        margin-bottom: 25px;
        font-size: 25px;
    }
    .text_news p {
        display: none;
    }
    .text_news {
        height: inherit;
    }
    .box_left_ft {
        margin-bottom: 30px;
    }
    .qts_footer_bot {
        padding-bottom: 60px;
    }
    .contact_top {
        padding-left: 17px;
    }
    .contact_ft {
        margin-right: 45px;
    }
    .btn_contact {
        display: block;
        max-width: 400px;
        margin: auto;
        text-align: center;
    }
}

@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;
    }
    .top_vd_left iframe {
        height: 200px;
    }
    .bottom_vd iframe {
        height: 88px
    }
    .name_news {
        font-size: 13px;
        line-height: 19px;
    }
    .call-mobile2 {
        display: none !important;
    }
    .box_ft_r {
        margin-top: 20px;
    }
    .contact_ft {
        float: left;
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }
    .copy {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .img_news_cate {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
    }
}

.visible-480 {
    display: none;
}