@media (max-width: 992px) {

    .wrapper {
        width: 95%;
    }

    header {
        flex-direction: column;
    }

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

}
@media (max-width: 768px) {

 .logo img {
        max-height: 45px;
    }
	
	nav {
        display: none;
        flex-direction: column;
    }

    nav.active {
        display: flex;
    }

    nav a {
        margin: 15px 0;
    }

    .hamburger {
        display: block;
        font-size: 35px;
        cursor: pointer;
    }

    .hero-content {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }

    .section {
        padding: 30px;
    }

}

.footer-grid {
        grid-template-columns: 1fr;
        width: 90%;
        gap: 40px;
    }

    .footer-box {
        text-align: center;
    }

    .socials {
        align-items: center;
    }

@media (max-width: 768px) {

    .social-box {
        text-align: center;
        align-items: center;
    }

    .socials {
        justify-content: center;
    }
}

@media (max-width: 900px) {

    .product-content,
    .product-content.reverse {

        flex-direction:
            column;
    }

    .product-text {

        order: 2;
    }

    .product-image {

        order: 1;
    }

    .product-text h2 {

        font-size:
            30px;
    }
}