@media (min-width: 1620px) {

    .container-full,
    .product .container,
    footer .container {
        max-width: 1622px;
    }
}

@media (max-width: 1620px) {
    .banner-right, .banner-left {
        padding-inline: 120px 120px;
    }

    .banner-left h1 {
        font-size: 55px;
    }
}

@media (max-width: 1440px) {
    .banner-left h1 {
        font-size: 48px;
    }

    .banner-menu li a {
        width: 282px;
        font-size: 16px;
        padding: 20px;
    }

    .brand-logo-banner {
        width: 180px;
        height: 180px;
    }

    .visionaries-content h2 {
        font-size: 36px;
    }

    .visionaries {
        padding-block: 80px;
    }

    footer h2 {
        font-size: 37px;
    }
}

@media (max-width: 1199px) {
    .banner-left h1 {
        font-size: 40px;
    }

    .brand-logo-banner {
        width: 150px;
        height: 150px;
    }

    .banner-right, .banner-left {
        padding-inline: 75px;
        padding-block: 100px;
    }

    .banner-menu li a {
        width: 260px;
        font-size: 15px;
        padding: 18px;
    }

    .banner-menu li ~ li {
        margin-top: 20px;
    }

    .visionaries-swiper .visionaries-card {
        padding-inline: 60px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 36px;
        height: 36px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 16px;
    }

    .visionaries-content h2 {
        font-size: 32px;
        margin-bottom: 16px;
    }

    .form-select, .form-control {
        padding: 12px 14px;
        height: 50px;
    }

    .btn-outline-dark,
    .inquiry-form .btn-outline {
        font-size: 16px;
        padding: 18px 60px;
        margin-top: 30px;
    }

    .cart-product-detail h6 {
        font-size: 24px;
    }

    .cart-product-detail {
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .brand-logo-banner {
        width: 150px;
        height: 150px;
        top: 10px;
        transform: translate(-50%, 0);
        left: 50%;
    }

    .banner-right {
        padding-top: 200px;
    }

    .counter-icon img {
        width: 60px;
    }

    .counter-detail p {
        font-size: 14px;
    }

    .visionaries {
        padding-block: 60px;
    }

    .outer-gap {
        margin-block: 80px;
    }

    .cart-product-detail h6 {
        font-size: 20px;
    }

    .counter-box input {
        width: 60px;
    }

    .cart-product-img img {
        width: 80px;
        height: 80px;
    }

    .counter-box .btn {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .product-card-exp {
        padding: 20px;
    }

    .product-detail-exp h6 {
        font-size: 22px;
    }

    .product-detail-exp p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .brand-logo-banner {
        width: 100px;
        height: 100px;
    }

    .banner-right, .banner-left {
        padding: 60px;
    }

    .banner-right {
        padding-top: 140px;
    }

    .banner-left h1 {
        font-size: 30px;
    }

    .banner-left p {
        margin-block: 22px;
    }

    .thm-btn {
        font-size: 15px;
        padding: 14px 18px;
        gap: 8px;
    }

    .banner-menu li a {
        width: 250px;
        font-size: 14px;
        padding: 15px;
    }

    .visionaries-content h2 {
        font-size: 28px;
    }

    .visionaries-content p {
        font-size: 16px;
        line-height: 24px;
    }

    footer h2 {
        font-size: 28px;
    }

    .footer-bottom a {
        font-size: 14px;
        line-height: 18px;
        padding-right: 10px;
        margin-right: 8px;
    }

    .category-container {
        margin-bottom: 24px;
    }

    .gap-30 {
        row-gap: 16px;
    }

    .pb-15 {
        padding-bottom: 8px;
    }

    .pt-15 {
        padding-top: 8px;
    }

    .outer-gap {
        margin-block: 60px;
    }

    .header-logo {
        height: 100px;
        width: 100px;
        padding: 5px;
    }

    .header-logo-container::before {
        height: calc(100% - 40px);
    }

    .inquiry-title {
        font-size: 24px;
        margin-bottom: 14px;
    }

    .btn-outline-dark,
    .inquiry-form .btn-outline {
        font-size: 14px;
        padding: 10px 30px;
        margin-top: 20px;
    }

    .cart-title-cp {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .cart-product-detail {
        gap: 10px;
    }

    .cart-product-detail h6 {
        font-size: 18px;
    }

    .cart-product-detail p {
        font-size: 14px;
    }

    .counter-box input {
        width: 50px;
    }

    .gx-50 {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .product-card-exp {
        transform: rotate(0deg);
    }

    .marquee {
        height: 213px;
    }

    .marquee .swipe-img img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 576px) {
    .outer-gap {
        margin-block: 50px;
    }

    .banner-right, .banner-left {
        padding: 30px;
    }

    .banner-right {
        padding-top: 120px;
    }

    .banner-menu li a {
        width: 200px;
        font-size: 12px;
        padding: 13px;
    }

    .banner-left h1 {
        font-size: 26px;
    }

    .banner-left p {
        margin-block: 14px;
    }

    .thm-btn {
        font-size: 14px;
        padding: 12px 16px;
        gap: 5px;
    }

    .thm-btn:hover img {
        width: 26px;
    }

    .counter {
        padding-block: 40px;
    }

    .visionaries {
        padding-block: 50px;
    }

    .visionaries-swiper .visionaries-card {
        padding-inline: 30px;
    }

    .swiper-button-prev, .swiper-button-next {
        width: 26px;
        height: 26px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 14px;
    }

    .visionaries-content h2 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .visionaries-content p {
        font-size: 15px;
        line-height: 22px;
    }

    .counter-detail h5 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    footer {
        padding-block: 50px 30px;
    }

    .footer-bottom {
        margin-top: 40px;
    }

    .footer-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .form-select, .form-control {
        padding: 12px;
        font-size: 14px;
    }

    .cart-product-detail,
    .cart-product {
        flex-direction: column;
        align-items: baseline;
    }

    .product-card-exp {
        padding: 10px;
    }

    .product-img-exp {
        margin-bottom: 14px;
    }

    .product-detail-exp h6 {
        font-size: 17px;
    }
}