/* Add custom CSS styles below */ 
@media screen and (max-width:768px){
header.store-header{
 position: static;
 }
 }
 .top-navbar {
 display: none;
 } 
/*------------main-banner----------------*/
section:nth-child( 1 of section.landing-page-first-bannar) > div{
display: flex;
justify-content: center;
 align-items: center;
}
 /*------------------------*/
 section:nth-child( 1 of section.landing-page-first-bannar) h1 {
 font-size:45px;
 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{
 text-align:center !important;
 }
section:nth-child( 1 of section.landing-page-first-bannar) button{
 color: #fff !important;
background: #8984849c;

}

 /*--------------------------------------------*/
 /*--------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: 30vh !important;
 background-position: 100%;
 }
 section:nth-child( 1 of section.landing-page-first-bannar) h1{
 width:100%;
 font-size: 18px;
 font-weight: bold;
 line-height: 24px;
 }
section:nth-child( 1 of section.landing-page-first-bannar) > div > div {
 width: 54%;
 margin-top: 20px;
 margin-right: 0px;
}
 section:nth-child( 1 of section.landing-page-first-bannar) button{
 margin-top:10px;
 width: 110px;
 font-size: 14px;
 height: 43px;
 }
}
.g_cat  {
margin-bottom:40px;
}
@media screen and (max-width:768px){
.g_cat h3 {
font-size: 14px;
}
}
.g_cat .products-item {
align-self: flex-start;
}  
/*-----------الصور المربعه-p------------*/
.ads {
margin-bottom:20px;
}
.ads .imgs .img{
max-height: 550px;
}
 @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;
}
/*-----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:nth-child( 2 of section.landing-page-first-bannar) > div{
display: flex;
justify-content: center;
 align-items: center;
 height: 65vh;
}
 /*------------------------*/
 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;
 font-size:30px;
 }
 /*--------------------------------*/
 section:nth-child( 2 of section.landing-page-first-bannar) > div > div{

 text-align:center !important;
}
 /*--------media-of-main-banner---------*/

 @media screen and (max-width:768px){
 section:nth-child( 2 of section.landing-page-first-bannar) > div {
 justify-content: center;
 align-items: center;
 height: 24vh !important;
 background-position: 0%;
 }
 section:nth-child( 2 of section.landing-page-first-bannar) h1{
 width:100%;
 font-size: 22px;
 font-weight: bold;
 line-height: 8px;
 }
section:nth-child( 2 of section.landing-page-first-bannar) > div > div {
width: 100%;
margin-top: 20px;
margin-right: 0px;
}
 section:nth-child( 2 of section.landing-page-first-bannar) button{
 margin-top:10px;
 width: 50%;
 font-size: 14px;
 height: 43px;
 }
 }
 /******aads-banner******/
section.banner_ad{
margin-bottom: 32px !important;
}
.banner_ad  p {
font-size: 30px !important;
 line-height:35px;
}
.banner_ad  a{
 background-color:#C78269;
 margin-top:30px;
 color:#fff!important;

 }
.banner_ad  a:hover{
 background-color:#C78269;
color:#fff!important;
 }

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