div#mainnav {
    padding: 12px;
}

@media(min-width:992px) {
    .navbar-brand img {
        max-width: 195px;
    }

    .navbar-brand img {
        max-height: 5rem;
    }

    .w-full.h-full.relative.group.overflow-hidden {
        height: 240px ;
    }


    .index>div.app-inner.flex.flex-col.min-h-full>section.art-categories.lg\:py-20.md\:py-10.py-5.lg\:px-10.md\:px-5.px-1.block.block>div>div>div.lg\:col-span-2.lg\:row-span-2.w-full.h-full.relative.group.overflow-hidden {
        height: 505px !important
    }

}


salla-slider#photos-0-slider .swiper-slide,
salla-slider#photos-0-slider,
salla-slider#photos-0-slider .swiper,
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
    padding   : 0 !important;
    width     : 100% !important;
    max-width : 100% !important;

}


.col-span-4.row-span-3.md\:rtl\:-translate-x-10.rtl\:-translate-x-2.md\:ltr\:translate-x-10.ltr\:translate-x-2.relative.z-20 {
    width    : 100% !important;
    grid-area: 1/1/12/12;
}

.index section.art-categories .w-full.h-full.relative.group.overflow-hidden {
    height: 240px!important
}


.index section.art-categories.lg\:py-20.md\:py-10.py-5.lg\:px-10.md\:px-5.px-1.block.block>div>div>div.lg\:col-span-2.lg\:row-span-2.w-full.h-full.relative.group.overflow-hidden {
    height: 505px !important
}

section.art-text-with-photo .col-span-4.row-span-3.md\:rtl\:-translate-x-10.rtl\:-translate-x-2.md\:ltr\:translate-x-10.ltr\:translate-x-2.relative.z-20 {
    width    : 100% !important;
    grid-area: 1/1/12/12;
}

@media(max-width:992px) {
    .index section.art-categories .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .index section.art-categories .lg\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
        gap               : 5px;
    }

    .index section.art-categories .lg\:row-span-2 {
        grid-row: span 2 / span 2 !important;
    }

    .index section.art-categories .lg\:col-span-2 {
        grid-column: span 2 / span 2 !important;
    }

    .index section.art-categories .w-full.h-full.relative.group.overflow-hidden {
        height: 90px !important;
    }


    .index section.art-categories.lg\:py-20.md\:py-10.py-5.lg\:px-10.md\:px-5.px-1.block.block>div>div>div.lg\:col-span-2.lg\:row-span-2.w-full.h-full.relative.group.overflow-hidden {
        height: 200px !important;
    }

    section.art-text-with-photo .col-span-4.row-span-3.md\:rtl\:-translate-x-10.rtl\:-translate-x-2.md\:ltr\:translate-x-10.ltr\:translate-x-2.relative.z-20 {
        width    : 100% !important;
        grid-area: 1/1/12/12;
    }
}
@media(max-width:992px) {



section.art-text-with-photo .text-\[28px\] {
    font-size: 16px;
}
section.art-text-with-photo .leading-\[45px\] {
    line-height: 28px;
}
section.art-text-with-photo .text-\[17px\] {
    font-size: 13px;
}
section.art-text-with-photo button {
    padding:12px ;
    
}
    section.art-text-with-photo.h-full .grid.w-full.h-full.grid-cols-8.grid-rows-3.items-center.justify-center.order-last {
        grid-area: 1/1;
    }
}
.s-product-card-vertical {
    border       : 1px solid #303030;
    border-radius: 8px !important;
    box-shadow   : 5px 7px 7px #ddd;
}

span.absolute.block.top-0.left-0.w-full.h-full.scale-x-100.rtl\:origin-right.ltr\:origin-left.after\:z-\[-1\].group-hover\:scale-x-0.duration-500 {
    background: #303030 !important;
    color     : #fff !important;
}
@media(max-width:992px) {
    section.art-text-with-photo.h-full .grid.w-full.h-full.grid-cols-8.grid-rows-3.items-center.justify-center.order-last {
        grid-area: 1/1;
    }
    .art-faq-title.text-\[28px\] {
    font-size: 21px !important;
}
.art-faq-title.text-\[16px\] {
    font-size: 12px!important;
}

.art-faq-label .text-\[20px\]{
    font-size: 15px!important;

    
}

.art-contentBox p{
    font-size: 13px!important;

    
}

}

.s-product-card-image img.loaded {
    position  : relative;
    opacity   : 1;
    background: #fff;
}








.s-product-card-image img.loaded {
    position  : relative;
    opacity   : 1;
    background: #fff;
}

.s-product-card-vertical {
    border       : 1px solid #303030;
    border-radius: 8px !important;
    box-shadow   : 5px 7px 7px #ddd;
}

.s-products-list .s-product-card-content-footer .s-button-btn,
.s-products-slider-slider .s-product-card-content-footer .s-button-btn {
    width        : 40px;
    transition   : 0.3s;
    background   : #303030 !important;
    color        : #fff !important;
    border-radius: 8px !important;
}

span.absolute.block.top-0.left-0.w-full.h-full.scale-x-100.rtl\:origin-right.ltr\:origin-left.after\:z-\[-1\].group-hover\:scale-x-0.duration-500 {
    background: #303030 !important;
    color     : #fff !important;
}


section.art-text-with-photo.h-full.w-full.relative.overflow-hidden.lg\:px-10.md\:px-5.px-1.lg\:py-20.md\:py-10.py-5.block.block {
    display       : flex;
    flex-direction: column-reverse !important;
}
salla-slider#photos-0-slider .swiper-slide,
salla-slider#photos-0-slider,
salla-slider#photos-0-slider .swiper,
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
    padding   : 0 !important;
    width     : 100% !important;
    max-width : 100% !important;

}


.banner--fixed img,
section.s-block.s-block--fixed-banner.wide-placeholder .container
 {
    margin: auto !important;
    padding   : 0 !important;
    width     : 95% !important;
    max-width : 95% !important;

}
footer.store-footer.art-store-footer {
 background-image:url(https://i.ibb.co/bg2PjgPG/Frame-1000002029-2.png) !important;
 background-repeat:no-repeat; 
 background-size:cover;
 background-position:center;
}
.index section.art-categories .w-full.h-full.relative.group.overflow-hidden {
    height: 100% !important;
}