/* Responsive */

@media(max-width:1001px) {
    .menu-danhmuc {
        display: none;
    }
    .menu-res {
        display: block;
    }
    .btn-frame {
        display: none;
    }
    #messages-facebook {
        display: none;
    }
    .search {
        display: none;
        width: 0px;
    }
    .hdanhmucdropsjs,
    .drop-box-fixed {
        display: none;
    }
    .box-app-slide {
        float: unset;
        width: 100%;
    }
    .mgt-40,
    .mgt-50,
    .mgt-60 {
        margin-top: 20px;
    }
    .mgt-70,
    .mgt-80 {
        margin-top: 30px;
    }
    .pd-40,
    .pd-50,
    .pd-60 {
        padding: 20px 0px;
    }
    .pd-70,
    .pd-80 {
        padding: 30px 0px;
    }
    .header-top {
        padding: 5px 0px 0px;
    }
    .header-slogan {
        font-size: 14px;
    }
    .header-logo {
        display: table;
        margin: auto;
    }
    .header-hotline {
        display: none;
    }
    .header-sales {
        display: none;
    }
}

@media(max-width:850px) {
    .home-info {
        padding-bottom: 5px;
        margin-bottom: 15px;
    }
    .home-desc {
        font-size: 15px;
    }
    .title-main span,
    .home-title {
        font-size: 24px;
    }
    .video-feedback-title,
    .news-fanpage-title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .footer-news {
        margin-bottom: 30px;
    }
    .footer-article {
        padding: 20px 15px;
    }
    .product {
        width: 32%;
    }
    .product:nth-child(4n+1) {
        clear: unset;
    }
    .product:nth-child(4n) {
        margin-right: 2%;
    }
    .product:nth-child(3n+1) {
        clear: both;
    }
    .product:nth-child(3n) {
        margin-right: 0px;
    }
    .product-list-title {
        font-size: 20px;
    }
    .product-list-btn {
        font-size: 14px;
    }
    .building-list {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 15px;
    }
    .building-item {
        grid-area: 1 span !important;
    }
    .building-btn {
        font-size: 15px;
        margin-top: 10px;
    }
    .video-home,
    .feedback {
        float: unset;
        width: 100%;
    }
    .feedback {
        margin-top: 15px;
    }
    .feedback-info {
        padding: 105px 10px 15px;
    }
    .news-home,
    .fanpage {
        float: unset;
        width: 100%;
    }
    .fanpage {
        margin-top: 15px;
    }
    .news-home-left-info {
        opacity: 1;
        transform: translate(0);
    }
    .newsletter {
        padding: 15px 0px;
    }
    .newsletter-title {
        font-size: 24px;
    }
    .newsletter-desc {
        font-size: 15px;
    }
    .newsletter-info,
    .newsetter-box {
        width: 100%;
    }
    .newsetter-box {
        margin-top: 5px;
    }
    .newsletter-input-box {
        width: 48%;
    }
    .newsletter-textarea {
        width: 100%;
        margin-top: 5px;
    }
}

@media(max-width:576px) {
    .news-image {
        margin-bottom: 1rem;
    }
    .product {
        width: 49%;
    }
    .product:nth-child(3n+1) {
        clear: unset;
    }
    .product:nth-child(3n) {
        margin-right: 2%;
    }
    .product:nth-child(2n+1) {
        clear: both;
    }
    .product:nth-child(2n) {
        margin-right: 0px;
    }
    .building-list {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-gap: 10px;
    }
    .news-home-left,
    .news-home-right {
        float: unset;
        width: 100%;
    }
    .news-home-right {
        margin-top: 15px;
        height: auto;
    }
    .col-left,
    .col-right {
        width: 100%;
    }
    .video-main {
        height: 280px;
    }
    .subvideo {
        height: auto;
    }
    .runvideo {
        margin: 5px -5px 0px;
    }
    .asubvideo {
        margin: 0px 5px 0px;
    }
}

@media(max-width:369px) {
    .cart-pro-detail a {
        width: 100%;
    }
    .cart-pro-detail a:first-child {
        margin-right: 0px;
        margin-bottom: 0.5rem;
    }
    .cart-pro-detail a i {
        display: none;
    }
}