/* Add custom CSS styles below */ 

@media (max-width: 480px){
  #main-content > section.abayat-categories-section.py-16 > div > div {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  #main-content > section.abayat-categories-section.py-16 > div > div > div{
  	  display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  #main-content > section.py-16.abayat-features > div > div{
  	display:flex !important;
  	flex-direction: row !important;
  	gap: 0.4rem !important;
  	margin: auto !important;
  }
  #main-content > section.py-16.abayat-features > div > div > div {
  	padding: 0.4rem !important;
  	margin: auto !important;
  }
  #main-content > section.py-16.abayat-features > div > div > div  > h4{
  	font-size:0.8rem !important;
  	padding: 0 !important;
  }
  #main-content > section.py-16.abayat-features > div > div > div  > p{
  	font-size:0.6rem !important;
  	padding: 0rem !important;
  }
  #main-content > section.py-16.abayat-features > div > div > div  > div > i{
  	font-size: 1.6rem !important;
  }
}
 .store-footer__inner.abayat-store-footer__inner > div > div  > div.flex > div > p , .store-footer__inner.abayat-store-footer__inner > div > div  > div > div > b ,  .store-footer__inner.abayat-store-footer__inner > div > div  > a > h2 {
 	color: white !important;
 }

.abayat-categories-section > div > div > a > img , .abayat-categories-section > div > div > div > div > a  > img , .abayat-categories-section > div > div > div > a > img , .abayat-instagram-feed > div.grid > a img{
	object-fit: contain !important;
}
.s-product-card-image > a > img{
		object-fit: contain !important;
}
 .s-product-card-image {
 	object-fit: cover !important;
 	background-size: cover !important;
 	background-color:white !important;
 }
 .abayat-video  > video{
 	object-fit: fill !important;
 }
@media (max-width: 1023px) {

  .abayat-main-nav-container .inner > div > div > div.flex {
    position: relative !important;
  }

  .abayat-main-nav-container .header-search {
    position: absolute !important;
    left: 19rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 6px !important;
  }

  .abayat-main-nav-container .mburger {
    margin-right: 0 !important;
  }

  .abayat-main-nav-container .header-search i {
    font-size: 20px !important;
  }
  .navbar-brand{
    transform: translatex(-27%) !important;
  }
  #main-content > section.abayat-categories-section.py-16 > div > div > div > a > div.absolute.bottom-8.right-8.z-10{
  	right: 0.85rem !important;
  }
  .s-products-slider-card .s-product-card-entry .s-product-card-image{
	    flex: 1 1 0% !important;
}
.s-products-slider-card {
    max-width: 170px !important;
}

}


.abayat-store-header .navbar-brand img {
    max-height: 5rem !important;
    max-width: 350px !important;
}
@media(max-width: 768px){
.abayat-slider-categories .abayat-categories-slide {
    min-width: 120px !important;
    max-width: 120px !important;
}

.abayat-categories-slide > div > a > div.text.flex.justify-center.items-center.mt-6 > h4{
	    text-align: center !important;
    font-size: 20px !important;
}
	
	#main-content > section.abayat-photo-text.py-0.block.block > div > div:nth-child(1){
		height: 250px !important;
    width: 250px !important;
    margin-top: 2rem !important;
    margin: auto !important;
	}
}

.abayat-main-nav-container .mburger i.sicon-menu{
	color: var(--color-header-text) !important;
}