/* Responsive */
@media(max-width: 1300px) {
    .menu .item-big .nav-item>a {
        padding: 15px;
    }
}

@media (max-width: 1200px) {
    .wrap-video .content-main {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 0;
    }

    .left_uudai {
        max-width: 100%;
        padding-right: 0;
    }

    .title_uudai {
        font-size: 40px;
    }

    .mid_uudai video {
        width: 100% !important;
        max-width: 100%;
    }

    .right {
        max-width: 100%;
        justify-content: center;
    }
}

@media(max-width: 1001px) {
    .fix_for_pc{
        display: none !important;
    }
    .fix_for_mb2{
        display: block !important;
    }
    .fix_for_mb{
        display: flex !important;
    }
    .progress-wrap{
        display: none;
    }
    .container_donghanh {
        flex-wrap: wrap;
    }

    .right_donghanh {
        margin-top: 15px;
    }

    .left_donghanh,
    .right_donghanh {
        width: 100%;
    }

    .wrap-donghanh {
        padding: 30px 10px;
        border-radius: 16px;
    }

    .grid-pro-detail .row,
    .contact-article {
        margin: 0;
    }

    .footer-article .wrap-content {
        margin-bottom: 50px;
    }

    .left_uudai::before,
    .left_uudai::after,
    .wrap-video::after {
        display: none;
    }

    .footer-news {
        width: 100%;
        max-width: 50% !important;
        padding: 0 10px;
        margin-bottom: 20px;
        text-align: left;
    }

    .footer-news:nth-child(3) {
        max-width: 100% !important;
    }

    .wrap-anhlapdat {
        padding: 30px 0;
    }

    .item-lapdat img {
        width: 100%;
    }

    .wrap-danhgia .block-page {
        padding: 30px 10px;
    }

    .item_danhmuc img {
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .wrap-slogan {
        background: var(--color-title);
        text-align: center;
        padding: 30px 10px;
        color: #fff;
    }

    .wrap-video {
        background: var(--color-title);
        padding: 30px 10px;
    }

    .wrap-banchay {
        margin-top: 30px;
    }

    .title-main span::after {
        background-size: contain !important;
        max-width: 90vw;
    }

    .slideshow {
        min-height: unset;
    }

    .slider_right {
        padding: 30px;
    }

    .logo_mobile {
        padding-left: 36px;
    }

    .right_mmenu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 10px;
    }

    .menu_mobile_btn {
        width: fit-content !important;
    }

    .menu-bar-res {
        justify-content: space-between;
    }

    .slider_row {
        flex-wrap: wrap-reverse;
    }

    .slider_right,
    .slider_left {
        width: 100%;
    }

    /* .wap-top {
        display: none;
    } */

    .popup-close {
        color: #000;
    }

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

    .toolbar-app {
        display: block;
    }

    .info-header,
    .scrollToTop {
        display: none !important;
    }

    .wrap-frame-left,
    #button-contact-vr,
    #messages-facebook,
    .cart-fixed {
        display: none;
    }

    .wap-hearder {
        position: unset;
    }

    .frame-news-page {
        width: 100%;
    }

    .menu,
    .header-bottom {
        display: none;
    }

    .menu-res,
    .show-mobile,
    .fix-toolbar {
        display: block;
    }

    .logo-header {
        width: calc(100% - 140px);
    }

    .btn-menumobile {
        width: 70px;
        font-size: 24px;
    }

    .social-footer {
        margin-bottom: 15px;
    }

    .footer-copyright,
    .footer-statistic {
        float: unset;
        width: 100% !important;
        text-align: center;
        margin-bottom: 10px;
    }

    .grid-news {
        grid-gap: 15px;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width: 992px) {
    .detail-page-right {
        display: none;
    }

    .detail-page-left {
        width: 100%;
        margin-right: 0;
        float: unset;
    }
}

@media(max-width: 768px) {
    .title_uudai {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .slogan_uudai {
        font-size: 14px;
    }

    .right {
        /* grid-template-columns: 1fr; */
        gap: 15px;
    }

    .item_video {
        height: 250px !important;
    }

    .mid_uudai video {
        height: 300px !important;
    }

    .grid-3,
    .grid-pro {
        grid-template-columns: repeat(2, 1fr);
    }

    .wrap-about .block-left.w-50,
    .wrap-about .block-right.w-50 {
        width: 100% !important;
        text-align: center;
    }

    .grid-news {
        grid-gap: 15px;
        grid-template-columns: repeat(2, 1fr);
    }

    .static-page {
        padding: 20px 15px !important;
    }

    .hover_sang2:before {
        content: unset;
    }

    .image-grid-2x2 {
        gap: 5px;
    }

    .slide-group {
        padding: 5px;
    }
}

@media(max-width: 576px) {

    .cart-pro-detail a.them-gio {
        font-size: 18px;
    }

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

    .item_video {
        height: 150px !important;
    }

    .title_danhgia h3 {
        font-size: 25px;
        font-weight: 600;
        color: #000;
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }

    .slogan-content {
        font-weight: 400;
    }

    .slogan-title {
        font-size: 25px;
        font-weight: 600;
    }

    .price-new {
        margin-left: 5px;
    }

    .price-product {
        gap: 0;
    }

    .btn-view-more {
        padding: 10px 35px;
        font-size: 16px;
    }

    .btn_xemsanpham {
        font-size: 16px;
        margin-bottom: 15px;
        padding: 10px 25px;
    }

    .slider_right p {
        font-size: 16px;
    }

    .slider_right h3 {
        font-size: 25px;
    }

    .popup-form .btn_newsletter {
        font-size: 16px;
    }

    .popup-desc {
        margin-bottom: 10px;
    }

    .popup-offer-label {
        margin-bottom: 6px;
    }

    .popup-title {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .news-image {
        margin-bottom: 1rem;
    }

    .slick-slider .product {
        margin: 5px;
    }

    .title-main span {
        font-size: 22px !important;
    }

    .newshome {
        margin: 5px;
    }

    .name-product,
    body {
        font-size: 14px;
    }

    .cart-product {
        position: relative;
        width: 100%;
    }

    .grid-pro {
        grid-gap: 10px;
    }

    .cart-product span {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .news-2 p.scale-img {
        width: 40%;
    }

    .news-2 .info-news {
        width: 60%;
    }

    .block-page {
        padding: 10px;
    }
}

@media(max-width: 500px) {
    .footer-news {
        max-width: 100% !important;
    }
}

@media(max-width: 480px) {
    .pic-product {
        padding: 10px;
    }



    .footer {
        text-align: center;
    }
}

@media(max-width: 369px) {
    .news-2 p.scale-img {
        width: 100%;
    }

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

    .pic-news {
        /* max-width: 200px; */
    }

    .news-2 .info-news {
        width: 100%;
        margin-bottom: 10px;

    }

    .desc-news,
    .name-news {
        text-align: justify;
    }

    .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;
    }
}