/* Add custom CSS styles below */ 
body.index .main-menu li.root-level>a {
    color: #fff;
}
@media screen and (max-width:768px){
header.store-header {
    position: static;
}
}
/*------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;
}
/*-------------color-of-header-when-scroll--*/
.top-navbar {
display: none;
} 
 @media screen and (max-width:768px){
 .navbar-brand img {
    max-width: 52px;
}
}
/*------------main-banner----------------*/
section:nth-child( 1 of section.landing-page-first-bannar){
height:100vh;
margin-bottom: 20px;
}
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: 43px;
margin-bottom: 10px;
 color:#4E4E4E !important;
}
 /*-------------------------------*/
 section:nth-child( 1 of section.landing-page-first-bannar) p{
 line-height:30px;
 margin: 0px auto;
 color:#4E4E4E !important;
 }
 /*--------------------------------*/
 section:nth-child( 1 of section.landing-page-first-bannar) > div > div{
 text-align:start !important;
 width: 40%;
margin-right: 10%;
 }
 /*--------------------------------------------*/
 /*--------media-of-main-banner---------*/
 @media screen and (max-width:768px){
 section:nth-child( 1 of section.landing-page-first-bannar) {
    height: 55vh;
}
section:nth-child( 1 of section.landing-page-first-bannar) > div {
    justify-content: center;
    align-items: center;
    height: 50vh !important;
    background-position: 35%;
}
 section:nth-child( 1 of section.landing-page-first-bannar) h1{
 width:100%;
 font-size: 22px;
 font-weight: bold;
 line-height: 30px;
 }
 section:nth-child( 1 of section.landing-page-first-bannar) > div > div {
 width: 60%;
 text-align: center !important;
 margin-top: 20px;
 margin-right: 0px;
 }
 section:nth-child( 1 of section.landing-page-first-bannar) button{
 margin-top:10px;
 width: 50%;
 font-size: 14px;
 height: 43px;
 }
 }
 /***********heading***********/
/*--------------------تصنيفات جلامور-------------*/
.g_cat  {
margin-bottom:40px;
}
@media screen and (min-width:991px){
.g_cat  .lg\:grid-cols-6 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
}
@media screen and (max-width:768px){
.g_cat h3 {
font-size: 14px;
}
}
/*-------الصور المربعه-p------------*/
.ads {
margin-bottom:20px;
}
.ads .img {
    max-height: 500px;
}
@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;
}
/*-----product--------*/
.g-products{
margin-bottom:20px !important;
}
/*------offers------*/
.dead_line {
margin-bottom:20px
}
.dead_line .product_deadline {
    border: 2px solid #eee;
    .s-button-primary {
    color: rgba(255, 255, 255, 1)
}
/*------------main-banner----------------*/
  section:nth-child( 2 of section.landing-page-first-bannar){
 height: 60vh;
margin: 30px 0px;
}
  section:nth-child( 2 of section.landing-page-first-bannar) > div{
height:100%;
display: flex;
justify-content: center;
 align-items: center;
}
 /*------------------------*/
   section:nth-child( 2 of section.landing-page-first-bannar) h1 {
 font-size:50px;
 margin-bottom:10px;
 }
 /*-------------------------------*/
   section:nth-child( 2 of section.landing-page-first-bannar) p{
 line-height:30px;
 margin: 0px auto;
 }
 /*--------------------------------*/
   section:nth-child( 2 of section.landing-page-first-bannar) > div > div{
  width:50%;
 margin-left:0;
 text-align:center !important;
 }
 /*--------------------------------------------*/
 /*--------media-of-main-banner---------*/
 @media screen and (max-width:768px){
 section:nth-child( 2 of section.landing-page-first-bannar) {
    height: 40vh;
    margin: 30px 0px;
}
   section:nth-child( 2 of section.landing-page-first-bannar) > div {
 justify-content: center;
 align-items: center;
 height: 36vh !important;
 background-position: 78%;
 }
   section:nth-child( 2 of section.landing-page-first-bannar) h1{
 width:100%;
 font-size: 16px;
 font-weight: bold;
 line-height: 30px;
 }
   section:nth-child( 2 of section.landing-page-first-bannar) > div > div {
 width: 60%;
 text-align: center !important;
 margin-top: 20px;
 }
   section:nth-child( 2 of section.landing-page-first-bannar) button{
 margin-top:10px;
 width: 50%;
 font-size: 14px;
 height: 43px;
 }
 }
 /**************************/
 section.weeklyOffers {
    height: 100vh!important;
}
 section.weeklyOffers p {
    line-height: 30px;
}
/**********product**********/
.g-products .container > div{
    min-height: 75px;
}
 /***********heading***********/
 .image-title {
margin-bottom: 24px;
}
/******aads-banner******/
section.banner_ad{
    margin-bottom: 32px !important;
}
.banner_ad  p {
  font-size: 22px !important;
 line-height:35px;
}

.banner_ad .img2 .absolute {
    background-position: 61%;
}
.banner_ad .img3 .absolute {
    background-position: 20%;
}

@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;
}
}