/* Responsive */
.hotline_mobile a {
    font-size: 20px;
    color: #fff;
}

.label_cl {
    color: #f98435;
    font-size: 16px
}

@media(max-width: 1320px) {
    .header-bottom .wrap-content {
        padding: 3px 10px
    }

    .slideshow .contain_trong {
        padding: 0px 10px
    }

    .mg_sp,
    .mg_tt,
    .mg_vs {
        margin: 0px
    }

    .detail_sanpham,
    .detail_tt,
    .detail_video {
        padding: 0px 5px 10px
    }

    .list_nb:first-child .contain_trong {
        padding: 20px 10px
    }

    .list_nb .contain_trong {
        padding: 0px 10px 20px
    }

    .gallery_lst {
        margin-top: 20px
    }

    .intro,
    .wrap-tintuc .contain_trong {
        padding: 20px 10px
    }

    .footer-article .wrap-content {
        padding: 20px 10px 106px
    }

    .footer-powered .wrap-content {
        padding: 0px
    }

    .fix_hotline .contain_trong {
        background: linear-gradient(to right, #ea232c 91%, transparent 91%);
    }

    .prev-partner {
        left: 0px;
        padding-right: 0px;
    }

    .next-partner {
        right: 0px;
        padding-left: 0px;
    }

    .search {
        width: 25%
    }

    .menu_left {
        width: 74%;
    }

    .video-main {
        height: 410px;
    }

    .newshome-scroll ul li {
        padding-left: 20px
    }

    .newshome-scroll ul {
        padding-left: 10px
    }

    .newshome-scroll ul li a b {
        width: 128px;
        padding-right: 18px;
        padding-left: 40px;
    }

    .page_trong {
        padding: 30px 10px
    }

    .scrollToTop {
        right: 10px
    }

}

@media(max-width: 1250px) {
    .video-main {
        height: 400px;
    }

    .fix_hotline .contain_trong {
        background: linear-gradient(to right, #ea232c 91%, transparent 91%);
    }

    .fix_hotline>b {
        display: none;
    }

    .fix_hotline .contain_trong {
        padding: 0px 10px
    }

    a.item_ht {
        margin-right: 6px;
        font-size: 15px
    }

    .left {
        display: none;
    }

    .right {
        width: 100%
    }

}

@media(max-width: 1150px) {
    .video-main {
        height: 390px;
    }
}

@media(max-width: 1220px) {
    .detail_sanpham {
        width: 25%
    }

    .wrap-partner .wrap-content {
        padding: 20px 10px
    }

    .wrap-list {
        padding: 20px 15px;
    }

}

.hoBtn-morecolor {
    display: none;
}

@media(max-width: 1024px) {

    .load_cmm .btn-load-more-comment-parent,
    .load_cmm .btn-popup-comment-parent {
        padding: 6px !important
    }

    .hoBtn-morecolor {
        display: block;
    }

    .lsst_maus {
        max-height: 200px;
        overflow: hidden;
        position: relative;
    }


    .lsst_maus.active:after {
        display: none;
    }

    .lsst_maus:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 53px;
        background-image: linear-gradient(to bottom, #ffffffb8, #fff);
    }

    .hoBtn-morecolor,
    .hoBtn-lesscolor {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 18px;
        background: #fff;
        border: 1px solid #ccc;
        color: #333 !important;
    }

    .hoBtn-lesscolor {
        display: none;
    }


    .colors-pro-detail,
    .colorss-pro-detail,
    .size-pro-detail {
        width: calc(33.33% - 3px);
    }

    .item_ts {
        padding: 0px 5px;
        margin-bottom: 0px;
        border-bottom: unset !important;
    }

    .item_ts .mw_tt .pic_tt {
        max-width: 100%;
        margin-bottom: 10px;
        width: 100%
    }

    .item_ts .mw_tt .info_tt {
        width: 100%
    }

    .item_ts .mw_tt {
        flex-wrap: wrap;
    }

    .slick_tintuc .slick-list {
        min-height: unset;
    }

}

@media(max-width:1001px) {
    .wrap-dikem .detail_sanpham {
        width: 50%
    }

    .search-res .search-grid {
        width: 300px;
        height: 40px;
        overflow: hidden;
        background: #fff;
        border: 1px solid #f98435;
        z-index: 2;
        border-radius: 10px;
        line-height: normal;
        display: none;

    }

    .grid-list {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 10px;
    }

    .email-header {
        display: none;
    }

    .footer-powered {
        margin-top: 5px
    }

    .newshome-scroll {
        padding: 10px 0px
    }

    .newshome-scroll ul li {
        line-height: 40px
    }

    .newshome-scroll ul li a h3 span {
        font-size: 16px
    }

    .wrap-intro {
        flex-wrap: wrap;
    }

    .left-intro {
        width: 100%;
        margin-bottom: 10px
    }

    .right-intro {
        width: 100%
    }

    .title-intro span {
        display: block;
        min-width: unset;
        font-size: 20px
    }

    .header-bottom .wrap-content {
        justify-content: center !important;
    }

    .hotline-header {
        display: none;
    }

    .slideshow .contain_trong {
        padding: 0px
    }

    .flex_slide {
        display: block;
    }

    .left_slide {
        width: 100%
    }

    .right_sl {
        width: 100%;
        margin-top: 5px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }

    .pic_tt {
        margin-bottom: 6px
    }

    .footer-article .wrap-content {
        padding: 20px 10px
    }

    .fix_hotline {
        display: none;
    }

    .footer-article .wrap-content {
        flex-wrap: wrap;
    }

    .footer-news:nth-child(1) {
        width: 100%;
        margin-bottom: 10px
    }

    .footer-news:nth-child(2) {
        max-width: 100%;
        width: 40%
    }

    .footer-news:nth-child(3) {
        width: 40%
    }

    .pic-product {
        margin-bottom: 6px
    }

    .detail_sanpham,
    .detail_tt,
    .detail_video {
        width: 33.33%
    }

    .grid-pro-detail {
        margin-bottom: 20px;
    }

    .menu {
        display: none;
    }

    .menu-res {
        display: block;
    }

    img {
        height: auto !important;
    }

    .pbThumbs img {
        height: 96% !important;
    }

    .toolbar ul li a img {
        height: 6vw !important;
        width: auto;
    }

    .header-top {
        display: none;
    }

    .wrap-list,
    .list_nb,
    .wrap-construction,
    .intro {
        margin-top: 0;
    }
}

@media(max-width:850px) {

    .play_2 span {
        width: 25px;
        height: 20px;
        position: absolute;
        top: calc(50% - 25px/2);
        left: calc(50% - 20px/2);
        background: url(../images/play.png)no-repeat center/100% 100%;
    }

    .grid-list {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }

    .news {
        width: 100%;
        float: none !important;
    }
}

@media(max-width:769px) {
    .grid-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

    .footer-news:nth-child(2) {
        width: 100%;
        margin-bottom: 10px
    }

    .footer-news:nth-child(3) {
        width: 100%
    }

    .detail_sanpham,
    .detail_tt,
    .detail_video {
        width: 50%
    }

    .pic-news {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .info-news {
        width: 100%;
        float: none;
    }

    .top-contact {
        flex-wrap: wrap;
    }

    .left-pro-detail,
    .right-pro-detail,
    .top-contact .form-contact,
    .top-contact .article-contact {
        width: 100%;
        margin: 0px;
    }

    .left-pro-detail,
    .top-contact .article-contact {
        margin-bottom: 30px;
    }

    .box-construction .item .info {
        padding: 8px;
    }

    .box-construction .item .info .name {
        font-size: 15px;
        line-height: 20px;
    }

    .title-pro-detail {
        font-size: 21px;
    }
}

@media(max-width: 550px) {
    .detail_tt {
        width: 100%
    }
}

@media(max-width:440px) {
    .newshome-scroll ul li a h3 span {
        font-size: 12px
    }

    .price-new,
    .price-old {
        font-size: 14px
    }

    .name-product.text-split {
        -webkit-line-clamp: 2;
    }

    .name-product {
        height: 40px
    }

    .pic-news,
    .info-news {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        margin: 0px;
    }

    .info-news {
        margin-top: 15px;
    }

    .top-contact .form-contact .button-contact .file-contact span b {
        max-width: 105px;
    }
}

@media(max-width:369px) {
    .cart-pro-detail {
        flex-wrap: wrap;
    }

    .cart-pro-detail a {
        width: 100%;
        text-align: center;
        margin: 0px !important;
        font-size: 12px;
    }

    .cart-pro-detail a:first-child {
        margin-bottom: 5px !important;
    }

    .cart-pro-detail a i {
        display: none;
    }
}