@media (max-width:991px) {
    .main-menu {
        position: fixed;
        top: 98px;
        left: 0;
        transform: translateX(-100%);
        width: 300px;
        background-color: var(--primary-color);
        height: 100%;
        z-index: 2;
        transition: .4s ease-in-out;
        padding: 30px;
    }
    .main-menu.current {
        transform: translateX(0);
    }
    .main-menu ul{
        flex-direction: column;
        align-items: start;
    }
    .product-area .product-img img {
        height: 235px;
    }
}
@media (max-width:767px) {
    .logo img {
        width: 80px;
    }
    .header-space {
        height: 81px;
    }
    .main-menu {
        top: 98px;
    }
    .main-menu ul {
        gap: 24px;
    }
    .banner-content h1 {
        font-size: 42px;
    }
    .banner-content h2 {
        font-size: 30px;
    }
    .product-area .product-img img {
        height: auto;
    }
    .footer-content {
        flex-direction: column;
        gap: 30px;
    }
}
@media (max-width:576px) {
    .banner-content h1 {
        font-size: 35px;
    }
    .banner-content h2 {
        font-size: 22px;
        margin: 12px 0;
    }
    .button-group {
        flex-direction: column;
    }
    .primary-btn {
        font-size: 16px;
    }
    .secondary-btn {
        font-size: 16px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .copyright-text {
        font-size: 14px;
    }
}