@font-face {
  font-family: "Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/sans/isansweb_bold.eot");
  src: url("../fonts/sans/isansweb_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/sans/isansweb_bold.woff2") format("woff2"), url("../fonts/sans/isansweb_bold.woff") format("woff"), url("../fonts/sans/isansweb_bold.ttf") format("truetype");
}
@font-face {
  font-family: "Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/sans/isansweb_medium.eot");
  src: url("../fonts/sans/isansweb_medium.eot?#iefix") format("embedded-opentype"), url("../fonts/sans/isansweb_medium.woff2") format("woff2"), url("../fonts/sans/isansweb_medium.woff") format("woff"), url("../fonts/sans/isansweb_medium.ttf") format("truetype");
}
@font-face {
  font-family: "Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/sans/isansweb.eot");
  src: url("../fonts/sans/isansweb.eot?#iefix") format("embedded-opentype"), url("../fonts/sans/isansweb.woff2") format("woff2"), url("../fonts/sans/isansweb.woff") format("woff"), url("../fonts/sans/isansweb.ttf") format("truetype");
}
html{
    overflow-x: hidden;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
ul,
tr,
td,
input,
.menu-title,
.sansFont,
.module h3.modtitle,
.wellcomesj h1 span,
.wellcomesj a.readmore.gray,
.sppb-addon-text,
.sppb-addon-content,
.flex-text,
.sppb-progress-bar,
.PricesalesPrice,
.display-number {
  font-family: "Sans" !important;
  }
  #sp-search{
    margin-top: 20px;
}
.sj-level {
  background: #f5f5f5 !important;
}
.mobile{display:none;}
.desktop{display:block;}
@media (max-width: 767px) {
  #sp-top1 {
    text-align: center;
    position: fixed;
    bottom: 0;
    background: #fff;
    box-shadow: 2px 2px 10px #cecece;
  }
    
}
.offcanvas-menu.menu_push ul > li {
  border-bottom: 1px solid rgba(200, 200, 200, 0.2) !important;
  line-height: 25px !important;
  width: 100%;
}
.offcanvas-menu ul.nav li a:hover {
  background-color: rgba(194, 191, 191, 0.1) !important;
}
.offcanvas-menu.menu_push ul li.parent::before {
  display: inline-block !important;
  padding: 0px !important;
  padding-top: 10px !important;
}
.offcanvas-menu ul.nav li a {
  display: inline-block !important;
}
@media (max-width: 980px) {
body.rtl #offcanvas-toggler.offcanvas-toggler-right {
    float: left;
}
.sj_jshopping_search-wrapper .search {
  border: 1px solid #bfc0c4 !important;
  border-radius: 8px;
}
#offcanvas-toggler {border-radius: 5px;}
.header-style-1 .header-top {
  padding-bottom: 15px;
}
.sj_jshopping_search-wrapper .search button {
    color: #7b7b7b !important;
    background-color: #76777b00 !important;
    z-index: 100 !important;
}
 body.site .sj_jshopping_search-wrapper .search button::before {
    font-size: 18px !important;
  }
  .sj_jshopping_search-wrapper .search button {
  line-height: 48px !important;
  font-size: 18px !important;
  color: #7b7b7b !important;
  font-weight: 400 !important;
  }
.sp-megamenu-wrapper {
  margin-top: 15px;
}
    .mobile{display:block;}
    .desktop{display:none;}
     .sambar .sambar-inner {
    background-color: #fff !important;
    background-image: none !important;
         }
  .sambar .sambar-inner .btn-sambar {
    background: #fff !important;
    color: #000 !important;
    margin-top: 15px !important;
  }
  .sambar .btn-sambar .icon-bar {
  background-color: #626262 !important; 
  box-shadow: none !important;
  }
  .loginBtn {
      padding: 6px 24px 6px 24px !important;
      border-radius: 10px !important;
      font-size: 15px !important;
    }
    .menu_vertical .title-mod {
        display: block !important;
        background: none !important;
        line-height: 15px !important;
        font-size: 12px !important;
        color: #292727 !important;
        padding: 0px !important;
        font-weight: 500 !important;
    }
    .menu_vertical .title-mod::before {
      display: none !important;
    }
  
}