@media screen and (max-width:950px) {
    #header{
        height:550px;
    }
    .header-slider .slider .slide .slide-text h1{
        font-size: 25px;
    }
    .header-slider .slider .slide .slide-text h2{
        font-size: 20px;
    }
    .navigation nav{
        display: none;
    }

    .icon-links .fa-magnifying-glass, .icon-links .fa-user{
        display: none;
    }

    .icon-links .fa-bars{
        display: block;
    }

    .tertiary-actions{
        gap: 5px;
    }

    .prod-action-btns, .product-actions form button{
        width: 25px;
        height: 25px;
    }
    #whatsapp-order-btn i{
        font-size: 16px;
    }

    .new-arrivals .product img{
        height: 150px;
    }

    .wcu img{
        display: none;
    }

    .perfume-oils-home{
        flex-wrap: wrap;
    }

    .perfume-oils-home .text{
        background-color: rgba(0, 0, 0, 0.8);
    }

    .perfume-oils-home img{
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        height: 600px;
    }
    .newsletter-popup img{
        display: none;
    }
    .newsletter-popup section{
        overflow-y: scroll;
        padding-top: 50px;
    }

    .products-n-filters .fa-filter{
        display: block;
    }

    .filers-prods .filters{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 6;
        padding: var(--spacing-small);
        transform: translateX(-100%);
        transition: all 1s ease-in-out;
        overflow-y:scroll;
    }
    .filers-prods .filters.active{
        transform: translateX(0);
    }

    .filers-prods .fa-circle-xmark{
        display: block;
        font-size: 25px;
    }

    .filers-prods .products-cont{
        width: 100%;
    }

    .products-n-filters .header .grids{
        display: none;
    }

    #prod-page-header h1{
        font-size: 30px;
    }
    #delivery-pricing img{
        height:400px;
    }
}

@media screen and (max-width: 350px){
    .wishlist-container .item .price-q{
        flex-direction:column;
        align-items: flex-start;
    }
    .wishlist-container .item  .price-q p:nth-child(1){
        border: none;
        padding-right: 0px;
    }
}