@media screen and (max-width: 600px) {
    #second_div { order: 2; }
    #first_div { order: 1;  }
    .dNoneForMobile{
        display: none;
    }
    .dNoneForPc{
        display: block !important;
    }
    .dNoneForPcOnly{
      display: block !important;
  }
    .responsevColoms{
      padding-right:0 !important;
      border-right:unset !important;
      border-left:unset !important;
      padding-left:0 !important;
      
    }
    .responsCenter{
      text-align: center !important;
    }
    .blog__item__text{
      margin-left: 0!important;
      margin-right: 0!important;
      padding: 40% 0px 0px !important;
    }
    .spad_count_3{
      padding-top: 0px !important ;
      padding-bottom: 0px !important;
    }
    .rowResponse{
      --bs-gutter-x: unset !important;
      --bs-gutter-y: unset !important;
      display: unset !important;
      flex-wrap: unset !important;
      margin-top: unset !important;
      margin-right: unset !important;
      margin-left: unset !important;
    }
    .marginRightRes{
      margin-right: 0 !important;
    }
    .marginBottmRes{
      margin-bottom: 15px !important;
    }
    h2{
      font-size: 25px !important;
    }
   
.hero__text h2 {
    font-size: 30px !important;
    line-height: unset !important;
}
.slide-bg{
  background-size: contain, cover;
}
.banner__item.banner__item--last{
  margin-top: 10px !important;
}
h3{
  font-size: 20px !important;
}
.product__item__pic {
  height: 140px !important;
}
li{
  font-size: 13px !important;
} 
.instagram__pic__item {
  width: 50% !important;
  height: 140px !important;
}
.spad{
  padding-top: 10px !important;
  padding-bottom: unset !important;
  
}

.blog__item__pic {
  height: 150px !important;
}
.example-image_my{
  width: 100% !important;
}
.myPadingButt{
  padding: 30px 0px 0px !important; 
}
.offcanvas__nav__option{
  margin-bottom: unset !important;
}
.slicknav_menu{
  height: 100% !important;
  background: #072f13 !important;
}
.offcanvas-menu-wrapper{
  padding:unset !important;
}
.offcanvas__option{
  margin-bottom:unset !important;
}

.slicknav_btn{
  background-color:#072f13 !important;
}
#mobile-menu-wrap{
  height: 90% !important;
}
.canvas__open {
  color: #ca9f29 !important;
  border:1px solid #ca9f29 !important;
}
.dNoneForMobile{
  display: none;
}
.dNoneForPc{
  display: block !important;
}
.instagram__text p{
  margin-bottom: 15px;
}
figure.zoom{
  margin-right: 15% !important;
}
.marginPc{
  margin-left: unset !important;
}
.hero__slider.owl-carousel .owl-nav button.owl-next{
  left: unset !important;
  margin-right: 10px;
}
.footer__copyright__text{
  margin-top:0px !important; 
}
.footer{
  padding-top: 40px !important;
}
.footer__about .footer__logo {
  text-align: center;
}.footer__widget ul li {
  line-height: 28px !important;
}
.footer__widget{
  margin-bottom: 20px !important;

}
.instagram__text{
  padding-top: 10px;
}
.lb-nav a.lb-next{
  opacity:0.5 !important;
  
}
.lb-nav a.lb-prev{opacity:0.5 !important;}
.product__details__pic .nav-tabs .nav-item{
  margin-right: 35px !important;
}
.shop__sidebar__categories ul, .shop__sidebar__price ul, .shop__sidebar__brand ul{
  height:unset !important;
}
.responsevFiraction{
  direction: rtl;
}
  }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #second_div { order: 2; }
    #first_div { order: 1;  }
    .canvas__open {
      color: #ca9f29 !important;
      border:1px solid #ca9f29 !important;
    }
    figure.zoom{
      margin-right: 32% !important;
    }
  }
  @media screen and (max-width: 912px) {
    .dNoneForPcOnly{
      display: block !important;
    }
    .banner__item.banner__item--last{
      margin-top:unset !important;
    }
    .myUnsetMarginTop{
      margin-top:60px !important;
    }
    .blog__item__text{
      padding:40px 9px 0px !important
    }
    .responsevFiraction{
      direction: rtl;
    }
  }