/* Add custom CSS styles below */ 
@media screen and (max-width:768px){
.navbar-brand img {
    max-width: 69px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.rtl\:ml-4:where([dir="rtl"], [dir="rtl"] *) {
    margin-left: 0.5rem;
}
}
.my-main-banner-0, .my-main-banner-0> .head_img {
height:100vh;
}
.my-main-banner-0 > .head_img > .items-center{
justify-content:  flex-start;
align-items: center;
height:80vh;
}
.my-main-banner-0 div.mb-4{
margin-right:0px;
}
.my-main-banner-0 p{
width:100% !important;
max-width:100% !important;
}
.my-main-banner-0>.head_img>.items-center>.text-center {
text-align: start;
margin-left: auto;
max-width: 100%;
width: 52%;
margin-right:7%;
}
.my-main-banner-0 > .head_img > .items-center > .text-center h1{
margin-top:10%;
font-weight: 500;
font-size:50px !important;
}
.my-main-banner-0 > .head_img > .items-center > .text-center p.font-semibold{
font-size:30px !important;
}
.my-main-banner-0  p,.my-main-banner-0 h1{
color:#fff!important;
line-height: 48px;
}
.my-main-banner-0 > .head_img > .items-center > .text-center p.opacity-70 {
opacity: 1;
}
@media screen and (max-width:991px){
.my-main-banner-0>.head_img>.items-center>.text-center {
text-align: start;
margin-left: auto;
max-width: 100%;
width: 67%;
margin-right:1%;
}
.my-main-banner-0 , .my-main-banner-0 .head_img  {
height: 45vh;
}
.my-main-banner-0 > .head_img > .items-center {
justify-content: center;
align-items: center;
height: 50vh;
}
.my-main-banner-0 > .head_img > .items-center > .text-center{
text-align:center;
}
div.max-w-\[60\%\]{
max-width: 100% !important;
text-align: center !important;
}
.my-main-banner-0 > .head_img > .items-center > .text-center p.font-semibold{
font-size: 15px !important;
line-height: 30px;
}
.my-main-banner-0 > .head_img > .items-center > .text-center h1 {
font-size: 16px !important;
line-height: 28px;
}
}
/*----------------------*/
/*------my-category----الاصناف-----*/
.my-category{
  margin-bottom:25px;
  margin-top:20px;
}
.my-category h1{
  font-size:24px !important;
}
.my-category h1{
  margin-bottom:15px;
}
.my-category ul{
  justify-content: center;
  gap: 8px;
}
.my-category ul li img {
  align-self: start;
}
.my-category ul li a {
  margin-bottom: 0;
}
/*******************************/
section#best-offers-2-slider {
    margin-top: 10px;
}
.my-special-product .md\:mb-\[111px\] {
    margin-bottom: 31px;
}
section#best-offers-4-slider {
    margin-top: 0px;
}
/*------------my-fixed-banner----بانر ثابت----*/
.my-fixed-banner{
margin-bottom:40px
}
.my-fixed-banner button {
color: #fff!important;
border-color: #fff;
}
.my-fixed-banner button a{
color: #fff!important;
}
.my-fixed-banner  .absolute {
    background: #00000042;
    padding: 20px 0px;
}
.my-fixed-banner  .absolute {
width: 100% !important;
left:0px;
top:unset;
bottom:10%;
}
.my-fixed-banner h1 {
color: #fff!important;
font-size: 18px!important;
}
@media screen and (max-width:768px){
    .my-fixed-banner h1 {
    font-size: 11px!important;
    }
    }
/*------------------------*/
/*-------------my-advantage--------المميزات------*/
.my-advantage{
margin-top: 50px;
margin-bottom: 50px;
}
@media screen and (max-width:768px){
.my-advantage > div > div {
flex-direction: row;
}
.my-advantage h1{
font-size:12px !important;
}
}
/*--------my-banner-photo--------------بانر صوره-*/
.my-banner-photo > div{
justify-content: space-around;
}
.my-banner-photo > div > div{
justify-content:center;
}
.my-banner-photo h1 {
    font-size: 20px !important;
    line-height: 23px;
    padding: 5px;
}
@media screen and (max-width:768px){
    .my-banner-photo h1 {
        font-size: 12px !important;
        line-height: 23px;
        padding: 5px;
    }
    body.ltr .my-fixed-banner h1 {
    font-size: 11px!important;
    line-height: 20px;
}
}
/*----------my-info---- معلومات عنا---*/
.my-info p{
color:#fff;
}
.my-info .shape{
background-color:#79201C;
}
/*--------------النشره البريديه--------------*/
footer.store-footer > div:nth-of-type(1) {
background: #79201C!important;
}
footer.store-footer > div:nth-of-type(1) *{
color:#fff;
}
button#mc-embedded-subscribe {
background: #000;
}
/*---------الفوتر --------------------*/
.store-footer__inner {
background: #FEF9F3!important;
}
.store-footer__inner *{
color:#000;
margin-left: auto;
margin-right: auto;
text-align: center;

}

.s-product-card-image img.loaded {
    position: relative;
    opacity: 1;
    object-fit: cover;
    max-height: 300px;
}

@media (min-width: 1024px) {
    footer .lg\:grid-cols-5 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}