/*RESPONSIVE*/
@media screen and (min-width:1200px) {
    .container-fluid {
        max-width: 1200px;
    }

    .arhome-items .n-item .n-title a {
        max-height: 56px;
        overflow: hidden;
    }
}

@media screen and (max-width:1199px) {
    /*header*/
    .mobile-menu {
        height: 41px;
    }

    .mean-container .mean-bar {
        margin-top: 42px;
        position: absolute;
        left: 15px;
    }

    .mean-container .mean-nav ul li {
        background: #DE0800;
    }

    .mean-container .mean-nav {
        margin-top: -1px;
    }
    /*footer*/
    .footer-menu .item:first-child {
        margin-right: 30px;
    }
    /*video-home*/
    .vhome-content {
        padding: 0;
    }

    .video-home .owl-item {
        padding: 60px 0;
    }
    /*htpp*/
    .htpp-content {
        flex-wrap: wrap;
    }

    .http-menu {
        width: 100%;
        margin-bottom: 20px;
        background: #f8f8f8;
    }

    .shop-item .shop-image {
        width: 140px;
    }
}

@media screen and (max-width:991px) {
    /*header*/
    .social {
        display: none;
    }

    .header .box-search {
        width: 300px;
        position: absolute;
        top: 145px;
        right: 50%;
        transform: translateX(50%);
    }

        .header .box-search .input-text, .header .box-search .input-text::placeholder {
            color: #888;
        }

        .header .box-search .search-button {
            background: url(icon//icon-search2.png) no-repeat top center;
            width: 22px;
            height: 22px;
            padding: 0;
            top: -44px;
            right: 90px;
        }

    .header-content {
        justify-content: center;
        padding: 12px 0;
    }

    .logo img {
        width: 150px;
    }

    .header-main {
        height: 195px;
    }

    .header-btn {
        display: flex;
        justify-content: center;
        padding-right: 46px;
    }

        .header-btn a {
            padding: 4px 12px 2px;
        }

        .header-btn .hb-lh {
            border-width: 0 1px 0 1px;
            border-style: solid;
            border-color: #d8d8d8;
        }

        .header-btn i {
            width: 22px;
            height: 22px;
            display: inline-block;
        }

        .header-btn .hbtn-home {
            background: url(icon/icon-home.png) no-repeat top center;
        }

        .header-btn .hbtn-lh {
            background: url(icon/icon-people.png) no-repeat top center;
        }
    /*footer*/
    .footer-menu {
        margin: 0 20px;
    }

    .footer-content {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-menu .lvRoot, .footer-menu .lvItem {
        margin-bottom: 15px;
    }

    .fi-logo img {
        width: 280px;
    }
    /*other*/
    .page-content {
        padding: 30px 0 0;
    }

    .box-title .text, .caption-text .text {
        font-size: 70px;
    }
    /*product-home*/
    .phome-content .box-title {
        padding: 10px 0 15px;
    }

    .phome-item .title {
        font-size: 17px;
    }

    .product-home .phome-items, .product-list .p-items {
        margin: 0 -7.5px;
    }

    .product-home .phome-item, .product-list .p-item {
        padding: 0 7.5px;
        margin-bottom: 15px;
    }
    /*video-home*/
    .video-home .owl-item.center figure {
        transform: scale(2);
    }
    /*artile-list*/
    .n-item .n-title a {
        font-size: 18px;
        max-height: 50px;
        overflow: hidden;
    }

    .n-item .readmore, .date, .arhome-items .n-item.first .n-more, .arhome-items .n-item.first .date {
        display: none;
    }

    .article-listing .n-item {
        margin-bottom: 20px;
    }
    /*article-detail*/
    .page-content.page-article {
        padding: 30px 0 0;
    }

    .article-detail .n-title h1, .article-ref .related-title .text {
        font-size: 22px;
    }

    .article-ref .related-title {
        padding: 10px 0 5px;
    }

    .full-info {
        margin-bottom: 30px;
    }
    /*article-home*/
    .article-home {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .arhome-content {
        margin-bottom: 20px;
    }
    /*video-home*/
    .video-home {
        padding: 15px 0 20px;
    }
    /*product-detail*/
    .product-top {
        flex-wrap: wrap;
        justify-content: center;
    }

    .gallery_image {
        margin-bottom: 20px;
        flex-shrink: unset;
    }

    .product-info {
        padding-left: 0;
        max-width: 430px;
    }

        .product-info .title {
            font-size: 27px;
        }

    .full-info .info-title {
        padding: 20px 0 12px;
    }

    .related-product .box-title .text {
        padding: 5px 0 0;
    }
    /*contact*/
    .contactForm {
        width: 80%;
    }

        .contactForm .btn-contact .btn-primary {
            margin-top: 0;
        }
    /*hethong-daily*/
    .fillter-control {
        margin-bottom: 15px;
    }
}

@media screen and (max-width:767px) {
    /*video-home*/
    .video-home .owl-item {
        padding: 0;
    }

    .video-home .icon-play {
        width: 50px;
        height: 50px;
    }
    /*artile-list*/
    .n-item .n-title a {
        max-height: 75px;
    }
    /*other*/
    .call-bar {
        display: none;
    }

    .nav_title h1 {
        font-size: 40px;
    }
    /*article-ref*/
    .article-ref {
        margin-bottom: 15px;
    }
    /*contact*/
    .contactForm {
        width: 100%;
    }

    .contactInfo .contact-info {
        left: 10px;
    }
    /*sidebar*/
    .sidebar-menu .sub-menu {
        display: none;
    }
    /*hethong-daily*/
    .page-content.page-htpp {
        padding: 30px 0 0;
    }
}

@media screen and (max-width:575px) {
}

@media screen and (max-width:480px) {
    /*footer*/
    .footer-menu .item:first-child {
        margin-right: 10px;
    }

    .footer-menu .item {
        margin: 0 10px;
    }

    .footer-menu {
        margin: 0;
    }
    /*other*/
    .box-title .text {
        font-size: 55px;
    }

    .caption-text .text {
        font-size: 48px;
    }

    #back-to-top a {
        width: 65px;
        height: 65px;
        background-size: cover;
    }
    /*artile-list*/
    .artile-list .n-item, .arhome-items .n-item {
        flex-wrap: wrap;
    }

        .artile-list .n-item figure, .arhome-items .n-item.first figure {
            width: 100%;
            margin-bottom: 15px;
        }

    .n-item .n-text {
        width: 100%;
    }
    /*contact*/
    .contactForm .form-group {
        width: 100%;
    }
    /*hethong-daily*/
    .fillter-control .control-item {
        flex-wrap: wrap;
    }

        .fillter-control .control-item .input {
            width: 250px;
        }

    .shop-item .shop-image {
        width: 125px;
    }

    .fillter-control .box-search {
        width: 250px;
    }
}

@media screen and (max-width:400px) {
    .footer-menu .root-menu {
        flex-wrap: wrap;
        justify-content: center;
    }
    /*product-home*/
    .product-home .phome-item, .product-list .p-item {
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
    /*hethong-daily*/
    .si-content {
        flex-wrap: wrap;
    }

    .shop-item .shop-image {
        max-width: 400px;
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }
}