@media screen and (max-width:768px){
header.store-header{
position: static;
}
}
.top-navbar {
display: none;
} 
/***********header-color******************/
body.index .main-menu li.root-level>a {
    color: #fff;
}
.sub-menu *{
    color:#000 !important;
    }
/*------icon-of-main-header------*/
@media screen and (min-width:991px){
body.index div#mainnav svg path{
    stroke: aliceblue;
}
}
/*-------------color-of-header-when-scroll-----*/
.main-nav-container.fixed-header .inner .main-menu li.root-level>a{
  color: #000;
}
.main-nav-container.fixed-header .inner svg path {
    stroke: black !important;
}
/*------------main-banner----------------*/
section:nth-child( 1 of section.landing-page-first-bannar) > div{
display: flex;
justify-content: flex-start;
align-items: center;
}
/*------------------------*/
section:nth-child( 1 of section.landing-page-first-bannar) h1 {
    font-size: 58px;
    margin-bottom: 10px;
}
/*-------------------------------*/
section:nth-child( 1 of section.landing-page-first-bannar) p{
line-height:30px;
margin: 0px auto;
}
/*--------------------------------*/
section:nth-child( 1 of section.landing-page-first-bannar) > div > div {
    width: 35%;
    margin-right: 6%;
    text-align: start !important;
}
/*--------------------------------------------*/
/*--------media-of-main-banner---------*/
@media screen and (max-width:768px){
section:nth-child( 1 of section.landing-page-first-bannar) > div {
    justify-content: center;
    align-items: center;
    height: 35vh !important;
    background-position: 0%;
    margin-bottom:10px;
}
section:nth-child( 1 of section.landing-page-first-bannar) h1{
    width:100%;
    font-size: 11px;
    font-weight: bold;
    line-height: 8px;
}
section:nth-child( 1 of section.landing-page-first-bannar) > div > div {
width: 62%;
margin-top: 20px;
margin-right: 0px;
}
section:nth-child( 1 of section.landing-page-first-bannar) button{
    margin-top:10px;
    width: 100px;
    font-size: 14px;
    height: 37px;
}
}
.g_cat  {
margin-bottom:25px !important;
}
.g_cat .products-item:hover img {
transform: scale(1) rotate(0deg);
}
@media screen and (max-width:768px){
.g_cat h3 {
    font-size: 10px;
    font-weight: 900;
    line-height: 18px;
}
}

/*-----------الصور المربعه-p------------*/
.ads {
margin-bottom:20px;
}
.ads .imgs .img{
max-height: 550px;
}
.ads  p {
    text-align: center;
    }
@media screen and (max-width:768px){
.ads p {
font-size: 16px;
text-align: center;
width: 100%;
}
.ads .img .over .text {
align-items: center;
}
}
/*--------الصور المربعه-over------------*/
.ads .img .over {
background-color: #00000040;
}
/*---heading------------------*/
.image-title {
margin-bottom:25px;
}
@media screen and (max-width:768px){
.g-products  .image-title {
margin-bottom: 44px;
}
}
/*-----product--------*/
.g-products{
margin-bottom:20px !important;
}
.g-products .container > div {
min-height: 80px;
}
/*------offers------*/
.dead_line {
margin-bottom:20px
}
.dead_line .product_deadline {
border: 2px solid #eee;
}
/******opinion**************/
.section_c_r {
margin-bottom: 30px;
}
/******************/
section.weeklyOffers {
height: 85vh !important;
}
section.weeklyOffers p{
line-height:30px;
}
.store-footer__inner {
background-color: #fff;
}
/*------البنر الدعائي---------------*/
/******aads-banner******/
section.banner_ad{
margin-bottom: 32px !important;
}
.banner_ad  p {
font-size: 30px !important;
line-height:35px;
}

.banner_ad  a{
background-color:#fff;
margin-top:30px;
}
.banner_ad  a:hover{
background-color:#fff;
}
.banner_ad  .text{
gap: 30px;
}
@media screen and (max-width:768px){
.banner_ad  p {
font-size: 16px !important;
line-height: 35px;
line-height: 28px;
}
.banner_ad  a {
padding: 5px 20px;
}
}
/********advantage*************/
@media screen and (max-width:768px){
    section.g_features {
        margin-bottom: 0px;
    }
    }
    /*****************/
    /********advantage*************/
    .s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
    background-color: unset;
}
.g-products img.s-product-card-image-contain {
    max-height: 100%  !important;
    background-color: unset !important;
}

.s-product-card-image-contain {
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 283px;
}
@media only screen and (max-width: 768px) {
.s-product-card-image-contain {
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 176px;
}
}