@media (min-width: 1200px) {
}

@media (max-width: 1199px) {
    #search {
        right: 15px;
    }

    #container {
        padding: 20px 15px;
    }

    .box-dt {
        max-width: 95%;
    }

    .box-tintuc {
        max-width: 95%;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .footer-1 {
        width: 35%;
        margin: 0px;
    }

    .footer-2 {
        width: calc(35% - 20px);
        margin: 0 0 0 20px;
    }

    .footer-3 {
        width: calc(30% - 20px);
        margin: 0 0 0 20px;
    }

    .footer-4 {
        width: 100%;
        margin: 20px 0;
    }
}

@media (max-width: 991px) {
    .banner-ab, #menu, .right, .banner {
        display: none;
    }

    #banner .center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo {
        position: static;
        padding: 0;
        margin-right: 15px;
    }

    .banner {
        padding: 0;
    }

    #menu-mobile {
        display: block;
    }

    #smenu a {
        font-family: RM;
        color: #fff;
        font-size: 16px;
        margin-left: 5px;
    }

    .left {
        width: 100%;
    }

    .dichvu-items {
        width: calc(100% / 3);
    }

    .tieuchi-line {
        display: none;
    }

    #camnang .line-left {
        display: none;
    }

    #camnang .line-right {
        display: none;
    }

    .form-container {
        justify-content: center !important;
        gap: 20px;
    }

    .form-left {
        max-width: unset;
        text-align: center;
    }

    .form-right p {
        text-align: center;
    }

    .form-right {
        max-width: unset;
    }

    .form-newsletter {
        justify-content: center;
        gap: 20px;
    }

    .footer-top {
        padding: 20px 0;
    }

    #gioithieu {
        padding: 20px 0;
    }

    #dichvu {
        padding: 20px 0 25px;
    }

    #tieuchi {
        padding: 20px 20px;
    }

    #feedback {
        padding: 20px 0;
    }

    #camnang {
        padding: 20px 0;
    }

    .camnang-title {
        margin-bottom: 20px;
    }

    .xem-them-wrap {
        margin-top: 15px;
    }

    .gioithieu-content-2 {
        padding: 30px 10px 10px;
    }

    .gioithieu-items-name a {
        font-size: 14px;
        -webkit-line-clamp: 2 !important;
    }

    .gioithieu-content-2 .gioithieu-items-mota {
        -webkit-line-clamp: 4 !important;
    }
    .header-right{display:none;}
    .giokhambenh p .f-weight {
    font-size: 10px;
}

.giokhambenh p .opacity {
    font-size: 11px;
}
}

@media (min-width: 768px) and (max-width:991px) {
    .footer-1 {
        width: 100%;
        float: none;
        margin: 0 0 15px;
    }

    .footer-2 {
        width: 350px;
        float: left;
    }

    .footer-3 {
        width: 350px;
        float: right;
    }

    .footer-4 {
        width: 350px;
        float: left;
    }
}

@media (max-width: 767px) {
    .btn-zalo, #messages-facebook, .hotline-btn {
        display: none;
    }

    .fix-toolbar {
        display: block;
    }

    .content iframe {
        width: 100% !important;
        height: 45vh;
    }

    .content img {
        height: inherit !important
    }

    .logo {
        position: static;
        margin-right: 10px;
        height: auto;
    }

    #footer {
        padding-bottom: 45px;
    }

    .footer-top {
        padding-bottom: 0;
    }

    .footer-1, .footer-2, .footer-3, .footer-4 {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    .copyright, .statistic {
        width: 100%;
    }

    .statistic span {
        margin: 0 5px;
    }

    .ft-b .center>div {
        width: 100%;
    }

    .top-contact .article-contact {
        width: 100%;
        margin-bottom: 20px;
    }

    .form-contact {
        width: 100%;
    }

    #top .center>div {
        width: 100%;
    }

    #top #breadcrumb {
        margin-bottom: 0
    }

    .box-news {
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }

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

    .bottom-right:not(.onApp) {
        width: 100%;
    }

    .tintuc-l {
        width: 100%;
        margin-bottom: 20px;
    }

    .tintuc-r {
        width: 100%;
    }

    .left-pro-detail {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    .right-pro-detail {
        float: none;
        width: 100%;
    }

    .grid-thuvienanh {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 22vh);
    }

    .box-thuvienanh .box-thuvienanh-content {
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
    }

    .item-address-contact {
        width: 100%;
    }

    .product-detail-left, .product-detail-right {
        width: 100%;
    }

    .product-detail-image-container {
        flex-direction: column-reverse;
    }

    .product-detail-left>span {
        transform: translateY(-50%);
        top: 50%;
    }

    .product-detail-prev {
        left: -6px;
    }

    .product-detail-next {
        right: -6px;
        bottom: unset;
    }

    .left-pro-detail, .right-pro-detail {
        width: 100%;
    }

    .gioithieu-left::before, .gioithieu-left::after {
        display: none;
    }

    .gioithieu-container {
        gap: 20px;
    }

    .gioithieu-left {
        width: 100%;
        padding: 0;
    }

    .gioithieu-right {
        width: 100%;
    }

    .gioithieu-btn {
        justify-content: center !important;
    }

    .title-main h1, .title-main h2, .title-main span {
        font-size: 27px;
    }

    .feedback-title {
        margin-bottom: 20px;
    }

    .form-newsletter {
        flex-wrap: wrap;
    }

    .newsletter-input {
        max-width: unset;
    }

    .form-newsletter {
        gap: 10px;
    }

    .footer-tit {
        margin-bottom: 10px;
    }

    .gioithieu-content-2 .gioithieu-items-mota {
        -webkit-line-clamp: 3 !important;
    }
}

@media (min-width: 601px) and (max-width:767px) {
    .dichvu-title {
        margin: 0 auto 15px;
    }

    .dichvu-title p {
        margin: 0 0 5px;
    }

    .tieuchi-title {
        margin-bottom: 20px;
    }
}

@media (min-width: 481px) and (max-width:600px) {
    .dichvu-title {
        margin: 0 auto 15px;
    }

    .dichvu-title p {
        margin: 0 0 5px;
    }

    .tieuchi-title {
        margin-bottom: 20px;
    }

    .dichvu-items {
        width: calc(100% / 2);
    }
}

@media (max-width: 480px) {
    .dichvu-items {
        width: calc(100% / 2);
    }

    .gioithieu-content {
        margin-bottom: 20px;
    }

    .title-main h1, .title-main h2, .title-main span {
        font-size: 23px;
    }

    .dichvu-title {
        margin: 0 0 15px;
    }

    .dichvu-title p {
        margin: 0 0 5px;
    }

    .gioithieu-content-2 .gioithieu-items-mota {
        -webkit-line-clamp: 2 !important;
    }
}

@media (max-width: 374px) {
    .lh-con-l, .lh-con-r {
        width: 100%;
        float: none;
        margin: 0px;
        padding: 0px;
    }

    .lh-con-r {
        margin-bottom: 10px;
    }
}