@media (max-width: 1024px) {
    .category-wrapper .img-wrapper {
        width: calc(67vw - 100px) !important;
    }
    .category-wrapper p{
        font-size: 1.6vw;
    }
    .product-overview .product-content h3{
        font-size: 20px;
    }
    .product-overview .product-content p, .product-overview .product-content span.price{
        font-size: 15px;
    }
    nav .menu-wrapper a{
        font-size: 30px !important;
    }
    nav .contact .contact-details h3{
        font-size: 25px !important;
    }
    nav .contact .contact-details p{
        font-size: 16px !important;
    }
    header .site-title h1{
        font-size: 3vw;
    }
}

@media (max-width: 768px) {
    .category-wrapper .img-wrapper {
        width: 80% !important;
    }
    nav .menu-wrapper a{
        padding-left: 0;
        font-size: 20px !important;
        line-height: 70px;
    }
    nav .contact .contact-details p{
        font-size: 14px !important;
    }
    header .site-title h1{
        font-size: 2vw;
    }
    header .site-logo img{
        max-height: 70px;
        max-width: 70px;
    }
    header .hamburger{
        width: 30px;
        height: 35px;
        top: 24px;
        right: 10px;
    }
    nav .contact {
        position: absolute;
        width: 25%;
        right: 20%;
    }
    header .back-btn{
        top: 28px;
        right: 70px;
    }
}
@media (max-width: 600px) {
    header .site-title h1, nav .contact{
        display: none;
    }
    .category-wrapper h2{
        font-size: 26px;
    }
    .category-wrapper p{
        font-size: 14px;
    }
    .category-wrapper .content-wrapper {
        max-width: 75%;
    }
    .content-wrapper {
        left: 15px;
    }
    .category-wrapper .img-wrapper{
        width: 90% !important;
    }
    .category-wrapper{
        top: 12%;
    }
}