@media only screen and (min-width : 1024px) {
    /* Khi có đúng 6 sản phẩm */
    .product-wrap .row:has(> div:nth-child(6):last-child) > div:nth-last-child(-n+2) {
        /*display: none;*/
    }

    /* Khi chỉ có 5 sản phẩm */
    /*.product-wrap .row:has(> div:nth-child(5):last-child) > div:last-child {
        display: none;
    }*/
    .ALLActive .row .col:nth-child(6) {
        display: none;
    }
}

/* typical phone screen resolution */
@media only screen and (max-width : 1440px) {
    .introduction .col-6.img{
        height:450px;
    }
    .cta-area .col-4.warp-content {
        width: 35%;
        max-width: 35%;
        flex: 35%;
    }
}
@media only screen and (max-width : 1300px) {
    .viewAll{
        right:20px;
    }
}
@media only screen and (min-width : 1154px) {
    .relate-post_detail {
        top: 100px
    }
    .has-dropdown:hover > .submenu {
        display: block;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        visibility: visible;
    }
}
@media only screen and (max-width : 1179px) {
    .list-products {
        justify-content: center;
    }
        .list-products .product-item {
            flex: 23%;
            max-width: 24%;
        }
}
    
    @media only screen and (max-width : 1154px) {
        .trangchu_sanpham .custom-nav-btn{
            display:none;
        }
        .has-dropdown .submenu.has-dropdown-wrapper {
            top: 0;
            left: 100%;
            padding: 0;
            box-shadow: unset;
        }

        .header-area {
            padding-bottom: 60px;
        }

        .header-small-device.small-device-ptb-1 .warp_right .item {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .header-small-device.small-device-ptb-1 .warp_right img {
            width: 70px;
        }

        .header-small-device .logo-header .img-logo {
            position: absolute;
            left: 50%;
            text-align:center;
            top: 50%;
            transform: translate(-50%, -50%);
        }
    }
@media only screen and (max-width : 1100px) {
    .gallery-container {
        flex-direction: column-reverse;
    }
    .gallery-main {
        width: 100%;
    }
    .gallery-thumbs {
        order: -1;
        width: 100%;
        aspect-ratio: 1 / 1;
        height: 133px;
    }
}
    @media only screen and (max-width : 1024px) {
        .dropdown-menu-right {
            padding: 10px 15px;
        }
        .giftcode_submit {
            padding: 9px 10px;
        }
        .main-menu > nav > ul > li > a {
            padding: 0 4px !important;
        }
        .mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu .dropdown-menu-right .dropdown-item {
            padding: 7px 0 !important;
            background: transparent;
        }
        .header-large-device .warp_phone a {
            padding: 8px 9px;
        }

    .warp-message .line,
    .warp-message .line2 {
        width: 100%;
    }

    .warp-message .warp-content {
        max-width: 1024px;
        width: auto;
    }

    .main-menu > nav > ul {
        gap: 6px !important;
    }

    .warp-message .line3 {
        width: 99%;
    }

    .warp-aboutus .item-child {
        max-width: 364px;
    }
}

    @media only screen and (max-width : 900px) {
        .list-products .product-item {
            flex: 32%;
            max-width: 33%;
        }
        .slider_home{
            padding-top:0;
        }
            .slider_home .container {
                padding: 0;
            }
        .slider_home::after {
            height: 100%;
        }
        .trangchu_sanpham .section-title {
            padding: 12px 20px;
            font-size: 14px;
        }
        .trangchu_sanpham .product-wrapper {
            padding: 30px
        }
        #customerList .gardener-item,
        #showlistgarden .gardener-item {
            flex-direction: column;
            gap: 20px;
        }

        .gardener-item .content-right,
        .gardener-item .content-left {
            flex: 100%;
            max-width: 100%;
        }

            .gardener-item .content-right .list_box-category {
                grid-template-columns: 1fr 1fr 1fr;
            }

        .layout-productDetail .warp-list-gardener {
            padding: 0;
            border: 0;
        }

        .warp-list-gardener .warp-content {
            gap: 20px;
        }

        #scrollUp {
            right: 33px;
            bottom: 40px;
        }

        .footer-area .item {
            flex: 50%;
            max-width: 50%;
            margin-bottom: 20px
        }

        .sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title {
            max-width: 150px;
        }

        .technique_area .entry .entry-img {
            max-width: 150px;
            height: 100px;
        }

        .slider_home .hero-slider-content .title {
            font-size: 24px;
        }

        .sidebar-cart-active .sidebar-cart-all .cart-close {
            font-size: 16px;
        }

        .slider_home .warp-item_bottom .warp-boxed .warp-arrow {
            display: none;
        }

        .btn_login {
            padding: 5px 34px !important;
        }

        .container {
            padding: 0 15px;
        }

        .relatedArticles {
            margin-top: 0;
        }

        .layout-productDetail.blog-area .blog-wrap-cotainer {
            padding: 0;
        }

        .relate-post_detail .moblie .entry-desc {
            font-size: 16px;
            color: #fff;
            font-weight: 400;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .relatedArticles .title,
        .relate-post_detail .entry .entry-title {
            font-size: 20px;
            color: #fff;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: .2s linear;
        }

        .relate-post_detail .moblie {
            display: block;
            margin-bottom: 40px;
        }

        .relate-post_detail {
            padding: 0;
            margin-top: 10px;
            background: transparent;
        }

        .title-post_detail h2 {
            font-size: 22px;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

            .title-post_detail h2:after,
            .relate-post_detail .pc {
                display: none;
            }

        .introduction .col-6.img {
            height: auto;
        }

        .section-title .sub-title {
            font-size: 40px;
        }

        .section-title .title {
            font-size: 25px;
            line-height: 1.3;
        }

        .contact-area_home .text {
            margin-bottom: 20px;
        }

        .introduction .col-6.img {
            aspect-ratio: 650/450;
            position: relative;
            width: 100%;
            max-width: 100%;
            flex: 100%;
            margin-top: 20px;
        }

        .introduction .col-6.ct {
            width: 100%;
            max-width: 100%;
            flex: 100%;
        }

        .introduction .content-child p {
            max-width: 100%;
        }

        .cta-area .col-4.warp-form,
        .cta-area .col-4.warp-content {
            width: 50%;
            max-width: 50%;
            flex: 50%;
        }

        .service-area {
            padding: 40px 0;
        }

        .cta-area .col-4.img {
            width: 100%;
            max-width: 100%;
            flex: 100%;
            position: relative;
            padding-right: calc(var(--ps-gutter-x) * 1);
        }

        .slider_home .warp-item_bottom {
            bottom: 25px;
        }

        .header-area {
            padding-bottom: 79px !important;
        }
    }


    @media only screen and (max-width : 600px) {
        .product-details-content .pro-details-price{
            margin:0;
        }
        #h2_ProductName {
            margin-top: 20px;
        }
        .layout-productDetail > .container > .row {
            margin-top: 0;
        }
        .list-products .product-item {
            flex: 100%;
            max-width: 100%;
        }
        .slider-container .slider {
            width: 190px !important;
            aspect-ratio: 270 / 380 !important;
        }
        .technique_area .entry .entry-title a {
            margin-bottom: 10px;
        }

        .tagName span {
            padding: 4px 6px;
        }

        .gardener-item .content-right .list_box-category {
            grid-template-columns: 1fr 1fr;
        }

        .warp-list-gardener .gardener-name, .gardener-level-name {
            text-align: center;
        }

        .gardener-item .content-right {
            width: 100%;
        }

        #showlistgarden .gardener-item {
            display: flex;
            gap: 20px;
            flex-direction: column;
        }

        .warp-list-gardener .warp-content {
            flex-direction: column;
        }

        .footer-area .item {
            flex: 100%;
            max-width: 100%;
        }

        .product-wrap .row {
            --ps-gutter-x: 15.5px;
        }

        .product-wrap .description {
            flex-direction: column;
        }

        .alphabet .warp-grid li {
            flex: 100%;
        }

        .warp-detail_product .card-product-info2 .product-info_detail .product-info_detail-name {
            font-size: 20px;
        }

        #PopUpProductModal {
            padding: 0 10px !important
        }

        .sidebar-cart-active .sidebar-cart-all .cart-close {
            font-size: 12px;
        }

        .sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-img {
            height: 80px;
        }

        .sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title {
            max-width: 100px;
        }

        .warp_viewAll {
            margin-top: 20px;
        }

        .slider_home .hero-slider-content .title {
            font-size: 20px;
        }

        .slider_home .hero-slider-content .warp_viewAll {
            margin-top: 10px;
        }

            .slider_home .hero-slider-content .warp_viewAll a {
                padding: 5px 14px;
            }

        .technique_area .warp_time_v {
            display: none;
        }

        .technique_area .entry {
            display: block;
        }

            .technique_area .entry .entry-content {
                padding: 15px;
                padding-bottom: 0;
            }

        .technique_area .entry {
            box-shadow: 1px 1px 9px 3px #0000000d;
            position: relative;
            text-align: center;
        }

        .technique_area .warp_time_v.mobile {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-top: 1px solid #0000000f;
        }

        .entry .entry-title a {
            -webkit-line-clamp: 1;
            height: auto;
        }

        .technique_area .entry .entry-img {
            aspect-ratio: 420/290;
            padding: 0;
            max-width: 100%;
            width: 100%;
            height: auto;
        }

        .warp_cart_moblie {
            flex-direction: column-reverse;
        }

        .description-review-wrapper .product-wrap {
            padding: 0;
        }

        .taikhoan input[type="text"], .taikhoan input[type="password"], .taikhoan input[type="phone"], .taikhoan input[type="email"] {
            width: 100% !important;
        }

        .warp_a_sign {
            display: block;
        }

        .btn_login {
            padding: 10px 48px !important;
        }

        .note.text-dark,
        #or-text,
        .sign-pc {
            display: none !important;
        }

        .footer-widget .title_footer {
            margin-bottom: 13px;
            margin-top: 30px;
        }

        .warp_title_cart h3 {
            margin: 0;
        }

        .sidebar-cart-active .sidebar-cart-all .cart-close i {
            margin-bottom: 2px;
        }

        .warp_description_cate img {
            width: 100%;
        }

        .contact-area .container h3 {
            margin-bottom: 20px;
        }

        .contact-area i {
            padding: 9px;
        }

        .contact-area .col-12 {
            padding-bottom: 40px;
        }

        .warp-content_page_nhamay .row {
            flex-direction: column-reverse;
        }

        .warp-content_page .col-md-5 {
            margin-bottom: 20px;
        }

        .section-title3 .title {
            font-size: 25px;
        }

        .warp-aboutus .item-child {
            max-width: 100%;
            margin-bottom: 20px;
        }

        .breadcrumb-area {
            padding: 20px 0;
        }

        .product-details-top,
        #trangchu_datlich {
            margin-top: 0;
        }

        .blog-details-top .post-title .title {
            font-size: 22px;
        }

        .moblie {
            display: block;
        }

        .pc {
            display: none;
        }

        .slider_different .title-company_cus {
            display: none;
        }

        .product-details-top .description-review-wrapper {
            margin-top: 30px;
        }

        .title_detail h3 {
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            margin: 30px 0;
            margin-top: 50px;
        }

        .product-details-top .col-md-5.col-12 {
            margin: 30px 0;
        }

        .slider_different .warp-content .warp-content_title .container .content .breadcrumbs {
            bottom: 10px;
        }

        .slider_different .warp-content .warp-content_title .container .content h1 {
            width: 100%;
            text-align: center;
            padding: 0 10px;
            font-size: 25px;
        }

        .list-categories_project ul {
            margin: 30px 0;
        }

            .list-categories_project ul a {
                font-size: 18px;
            }

        .warp-project .project-image {
            margin-bottom: 20px;
        }

        .service-area {
            padding: 0;
        }

            .service-area .col-6 {
                margin-bottom: 40px;
            }

        .footer-area {
            margin-top: 0;
        }

        #scrollUp {
            display: none !important;
        }

   

        .item-1 .footer-widget .content img {
            height: 100px !important;
            width: 100px !important;
            margin-bottom: 10px;
        }

        .section-title h2:after {
            right: -120px;
            width: 100px;
        }

        .footer-widget .col-12.col-md-9 {
            justify-content: center;
            margin: 10px 0;
        }

        .footer-top .col-md-6.col-sm-6.col-12,
        .footer-widget .content {
            justify-content: center;
        }

            .footer-top .col-md-6.col-sm-6.col-12:last-child,
            .footer-top .col-md-6.col-sm-6.col-12:first-child {
                max-width: 100%;
                width: 100%;
                flex: 100%;
            }

        .header-area {
            padding-bottom: 79px;
        }

        .header-small-device.small-device-ptb-1 .warp_right img {
            width: 63px;
        }

        .cta-area .col-4.img,
        .cta-area .col-4.img iframe {
            height: 400px !important;
        }

        .contact-area_home .text {
            font-size: 15px;
        }

        .contact-area_home .number {
            font-size: 28px;
        }

        .slider_home .warp-item_bottom .warp-boxed .warp-arrow {
            display: none;
        }

        .product-area.project {
            margin-top: 60px;
        }

        .title-company_cus {
            position: absolute;
            right: 0;
            bottom: -26px;
            font-size: 8px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            padding: 20px 10px;
            background: #000;
            padding-left: 113px;
        }

        .contact-area_home {
            margin: 50px 0;
        }

        .product-area.project .product-wrap,
        .blog-tintuc .container {
            position: relative; /*
        padding-bottom: 30px;*/
        }

        .viewAll {
            bottom: 0;
            top: unset;
            left: 50%;
            transform: translateX(-50%);
            right: unset;
        }

        .cta-area .row {
            gap: 30px;
        }

        .cta-area .col-4.warp-form, .cta-area .col-4.warp-content {
            width: 100%;
            max-width: 100%;
            flex: 100%;
        }

        .header .logo {
            width: 120px;
        }

        .header .content p.title {
            font-size: 20px;
        }

        .product-wrap .short-tile {
            font-size: 16px;
        }

        .header .content p.short-desc {
            font-size: 14px;
            max-width: 300px;
            margin: auto;
        }
    }


    @media only screen and (max-width : 415px) {
        .gardener-item .content-right .list_box-category {
            grid-template-columns: 1fr;
        }
        /*.btn_login {
        padding: 5px 14px !important;
    }*/
        .warp_btn_login {
            flex-direction: column;
        }

        .warp_form_login {
            padding: 0 12px !important;
        }

        .warp_signup,
        .btn_login {
            width: 100%;
        }

        .warp_signup {
            padding: 9px 80px !important;
        }

        .single-product-item .product-content .product-price {
            display: flex;
            flex-direction: column;
        }

            .single-product-item .product-content .product-price del {
                margin: 0;
            }

        .single-product-item .product-content .product-price {
            height: 40px;
        }
    }


    @media only screen and (max-width : 401px) {
        .warp-button {
            gap: 10px
        }
    }
@media only screen and (max-width : 375px) {
    #voucherModal .v-card {
        flex-direction: column;
    }
    #voucherModal .v-left{
        width:100%;
        height:150px;
    }
    #voucherModal .v-left::after {
        display: none;
    }
    .box-thanhvien {
        flex-direction: column-reverse;
        justify-content: start !important;
        align-items: end !important;
    }
    #voucherModal .section-title{
        width:100%;
        text-align:start;
    }
}


    @media only screen and (max-width : 362px) {
        .cart-shiping-update-wrapper2 a{
            display:none;
        }
        .search-wrapper.active .search-input {
            width: 160px;
        }

        .single-product-item .product-content .product-price del {
            margin: 0;
        }
    }

    @media only screen and (max-width : 339px) {
        .product-action .btn {
            font-size: 11px;
        }
    }