@media (min-width: 576px) {
    #popupContact .modal-dialog {
        max-width: 700px;
    }
}


@media (min-width: 1024px) {
    .site-header-wrap {
        height: calc(2.8125rem + 5.375rem);
    }
    .top-bar {
        height: 2.8125rem;
    }
    .main-menu {
        height: 5.375rem;
    }
    .main-home-slide .item_content {
        padding: 1.875rem 6.875rem 1.875rem 6.875rem;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .main-home-slide .text-box-name {
        font-size: 2rem;
    }
    .main-home-slide .text-box-des{
        font-size: 3.625rem;
        margin-top: 1.25rem;
    }
    .main-home-slide .text-box-intro {
        margin-top: 1.5625rem;
    }
    .banner_international_certification h4.title {
        font-size: 1.75rem;
        margin-bottom: 2rem;
    }
    .banner_international_certification {
        padding: 4.125rem 10.875rem 0 10.875rem;
    }
    .certification_slide .name {
        font-size: 2.25rem;
        line-height: 2.25rem;
        margin-top: 1.875rem;
    }
    .certification_slide .description {
        margin-top: 1.4375rem;
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
    .certification_slide .intro {
        margin-top: 1.4375rem;
        font-size: 1rem;
        line-height: 1.5rem;
        min-height: 6rem;
    }
    .banner_custom_1, .banner_custom_2 {
        padding-top: 3.625rem;
        padding-bottom: 7.9375rem;
    }
    .seller-left {
        padding-left: 2.5rem;
        padding-bottom: 4.375rem;
        padding-right: 1.875rem;
    }
    .seller-left h3.title {
        font-size: 5rem;
        line-height: 4.5rem;
    }
    .box-product .infor_product .left .box-price {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .custom_3_right {
        padding-left: 4.375rem;
        padding-bottom: 3.125rem;
        text-align: left;
        display: block;
    }
    .custom_3_right h3.title {
        font-size: 4.25rem;
        line-height: 4.5rem;
    }
    .custom_3_slide .description {
        font-size: 1.75rem;
        line-height: 1.2;
    }
    .block-home-news, .block-home-album {
        padding-top: 4.375rem;
        padding-left: 3.125rem;
        padding-right: 3.125rem;
    }
    .block-home-news .list-news .thumb .content .name {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .block-home-news .list-news .content .intro {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .grid-list-image {
        --gap: 1rem;
        --cols: 6;
        --all-gaps: calc(var(--gap)*(var(--cols) - 1));
        --container-width: calc(100vw - 13.75rem);
        --item-width: calc((var(--container-width) - var(--all-gaps))/var(--cols));
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: var(--gap);
    }
    .grid-list-image .item:first-child {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
    }
    .grid-list-image  {
        margin-top: 1.875rem;
    }
    .grid-list-image .item:nth-child(n) {
        display: block;
    }
    .flex-col {
        flex-direction: row;
    }
    .main-home-slide .item_video, .main-home-slide .item_content {
        width: 50%;
    }
    .main-home-slide .item_video {
        padding-bottom: 50%;
    }
    .button.button-large {
        padding: 1.6875rem;
        border-radius: 4px;
        font-size: 1.375rem;
        height: 4.375rem;
        width: 25rem;
    }
    .seller-left {
        justify-content: start;
    }
    .block_best_seller .seller-right .item.box-product {
        padding: 0;
    }
    .header_news h2.title {
        font-size: 4.5rem;
    }
    .banner_brand-home .watch-more, .header_news .watch-more {
        padding: 1.375rem 1.6875rem;
        width: 25rem;
    }
    .watch-more.bg-border-custom-white {
        border: 1px solid rgba(237, 224, 204, 1);
    }
    .col-reverse {
        flex-direction: row;
    }
    .block_best_seller, .banner_custom_3 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .banner_custom_3 .custom_3_right .introduce {
        line-height: 1.375;
        max-width: 25.625rem;
        margin-top: 4.125rem;
    }
    .footer-sub {
        padding: 3.75rem 10rem 3.75rem 3.75rem
    }
    .footer-sub .title-sub {
        font-size: 2.775rem;
        line-height: 3.3rem;
    }
    .ownership-rights {
        padding: 1.5625rem 3.125rem;
    }
    .cart-sidebar-right {
        width: 41.4375rem;
    }
    .cart-top-bar {
        padding: 1.6875rem 2.65625rem;
    }
    .cart-product-list {
        padding: 0 2.25rem;
    }
    .cart-product-list .item img {
        margin-right: 1.875rem;
    }
    .cart-product-list .product-info .name {
        font-size: 1rem;
        font-weight: 400;
        color: rgba(31, 28, 23, 1);
        line-height: 1.375rem;
        margin-bottom: 1.0625rem;
    }
    .cart-footer-bar .cart_checkout {
        padding: 1.3125rem 2.8125rem;
    }
    .cart-footer-bar .cart_checkout .totals_value {
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 500;
    }
    .cart-footer-bar .cart_checkout .cart-button {
        font-size: 1.375rem;
        line-height: 1rem;
        height: 4.375rem;
        width: 12.5rem;
    }
    .cart-product-list .item .remove-cart {
        position: absolute;
        cursor: pointer;
        top: 1.479375rem;
        right: .7rem;
    }
    #popupSignIn .login-heading-block {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: .75rem;
    }
    #popupSignIn .form-input-style,  #modalSignUp .form-input-style {
        margin-bottom: 2.5rem;
    }
    #popupSignIn .login-btn, #modalSignUp .login-btn  {
        margin-bottom: 2.1875rem;
        height: 3.75rem;
    }
    .search-side-bar, .menu-header.menu-bar{
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        display: flex;
        height: 100%;
        flex-direction: column;
        background-color: rgba(254, 251, 244, 1);
        -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        width: 33.33vw;
        z-index: 101;
    }
    .wrap-content-search, .menu-header .wrap_menu {
        padding-top: calc(9rem + 2.8125rem + 5.375rem);
        padding-bottom: 2.25rem;
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }
    .padding-search-pc {
        padding-top: 0;
    }
    .main-home-slide .watch-more {
        width: 25rem;
    }
    .cart-footer-bar .cart-banner {
        height: 200px;
    }
    .cart-product-list {
        max-height: 300px;
    }
    .banner_custom_5 {
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }
    .banner_custom_5 .wrap-left {
        position: absolute;
        left: 15%;
        top: 20%;
        font-size: 45px;
        margin: auto 0;
        line-height: 1;
    }
    .banner_custom_5 .wrap-right {
        position: absolute;
        right: 10%;
        padding-left: 4rem;
        bottom: 20%;
    }
    .banner_custom_5 {
        position: relative;
        overflow: hidden;
        height: 730px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .banner_custom_5 .parallax-wrapper {
        position: absolute;
        /*top: 10%;*/
        width: 80%;
        height: 100%;
        overflow: hidden;
    }

    .banner_custom_5 .parallax {
        width: 100%;
        z-index: -1;
        will-change: transform;
        object-fit: scale-down;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .shop_system {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .sticky-fix-top {
        position: -webkit-sticky;
        position: sticky;
        top: 150px;
        z-index: 100;
    }
    #top-bar-canvas-left {
        width: 50%;
    }
    #top-bar-canvas-left .offcanvas-body {
        padding: 6.25rem 12.5rem;
        height: 80vh;
    }
    #top-bar-canvas-left .offcanvas-header {
        position: absolute;
        right: 2.5rem;
        top: 2.5rem;
    }
    .marquee-content p {
        font-size: 80px;
    }
    .banner_custom_2 {
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }
    .social_fixed_footer button, .wrap_social {
        right: 2.5rem;
        bottom: 3.75rem;
    }
    .social_fixed_footer button {
        padding: 1.25rem 1.875rem;
    }
    .wrap_social > div a img {
        width: 40px;
        height: 40px;
    }
    .social_fixed_footer button:hover {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
    }
    .banner_custom_3 {
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }
}

@media (min-width: 1200px) {
    .custom_3_right .watch-more {
        width: 20rem;
    }
}

@media (min-width: 1536px) {
    .main-menu__left .left-padding {
        padding-left: 6.875rem;
    }
    .main-menu__right .right-padding {
        padding-right: 6.875rem;
    }
    .main-home-slide .text-box-name {
        font-size: 2.625rem;
    }
    .main-home-slide .text-box-des {
        font-size: 4.875rem;
        margin-top: 1.875rem;
    }
    .main-home-slide .text-box-intro {
        margin-top: 2.8125rem;
    }
    .main-home-slide .watch-more {
        margin-top: 2.5rem;
        font-size: 1.375rem;
    }
    .banner_brand-home {
        background-size: cover;
    }
    .banner_brand-home .content .descript {
        font-size: 4.5rem;
    }
    .banner_brand-home .content .intro {
        font-size: 1.5rem;
        line-height: 1.364167;
        padding: 0;
    }
    .banner_brand-home .content {
        padding: 3.125rem;
    }
    .banner_brand-home .watch-more, .custom_3_right .watch-more {
        margin-top: 2.5rem;
        font-size: 1.375rem;
    }
    .seller-left {
        padding-left: 6.875rem;
    }
    .custom_3_right {
        padding-left: 8.75rem;
        padding-bottom: 6.25rem;
    }
    .block-home-news, .block-home-album {
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }
    .block-home-album {
        padding: 6.875rem;
    }
    .footer-sub{
        padding-right: 16rem;
        padding-left: 10rem;
    }
    .footer-sub .title-sub {
        font-size: 3.375rem;
        line-height: 4rem;
    }
    .ownership-rights {
        padding-left: 10rem;
        padding-right: 10rem;
    }
    .shop_system {
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }
    #top-bar-canvas-left .offcanvas-body {
        padding: 8.75rem 15rem;
    }
    .wrap_social, .social_fixed_footer button {
        right: 3.125rem;
    }
    .custom_3_right .watch-more {
        width: 25rem;
    }

}

@media (max-width: 990px) {
    .w-20rem {
        width: 20rem !important;
    }
    .logo a {
        height: 3.75rem;
    }
    .title-footer, .policy_footer ul li {
        white-space: wrap;
    }
    .top-bar a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .parallax-wrapper {
        position: relative;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }
    .banner_custom_5 .parallax {
        position: absolute;
        width: 100%;
        height: auto;
        z-index: -1;
        will-change: transform;
        object-fit: scale-down;
    }
    .banner_custom_5 .wrap-left, .banner_custom_5 .wrap-right {
        text-align: center;
    }
    .banner_custom_2 {
        padding: 0 1.25rem;
    }
    .banner_custom_5 .wrap-right {
        padding-top: 20px;
    }
}