html { font-size: 16px;}

@media (max-width: 768px) { html { font-size: 14px; }}

@media (max-width: 480px) { html { font-size: 12px; }}
@font-face { font-family: 'ubuntubold'; src: url('../fonts/ubuntu-bold-webfont.woff2') format('woff2'), url('../fonts/ubuntu-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ubunturegular'; src: url('../fonts/ubuntu-regular-webfont.woff2') format('woff2'), url('../fonts/ubuntu-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'lektonbold'; src: url('../fonts/lekton-bold-webfont.woff2') format('woff2'), url('../fonts/lekton-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'lektonregular'; src: url('../fonts/lekton-regular-webfont.woff2') format('woff2'),      url('../fonts/lekton-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

body, p {font-family: 'ubunturegular'; font-size: 1rem; line-height: 22px;}
h1 {font-family: 'lektonbold'; font-weight: bold; font-size: 2.188rem;}
h2 {font-family: 'lektonbold'; font-weight: bold;font-size: 1.563rem;}
h3 {font-family: 'ubuntubold'; font-weight: bold; font-size: 1rem;}
html.error-page body { height: auto !important;}
#sp-header, .header-container { box-shadow: none;}
.com-jshopping.view-category #sp-main-body {background: linear-gradient(to right, #E4F6FB 50%, #fff 50%); padding: 0;}
.com-jshopping.view-category #sp-left{background: #e4f6fb; padding-top: 30px;padding-right: 30px;  padding-bottom: 30px;}
.com-jshopping.view-category #sp-component{background: #fff; padding-top: 30px;padding-left: 50px;}
.hbseitcl{broder-left:1px solid #707070; broder-right:1px solid #707070;}
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
@media (min-width: 1230px) {
  .container, .sppb-row-container, body.helix-ultimate .sppb-row-container {  max-width: 1260px !important; }
}
body.contentpane.component {
  height: 100% !important; 
}
#jshop_module_cart a .title-my-cart, #my_account a.dropdown-toggle span ,#jshop_module_wishlist a { font-size: 0;}
.contacticon a i, #jshop_module_cart a i.icon-shopping-cart1, #my_account a.dropdown-toggle::before , #jshop_module_wishlist a::before { font-size: 24px; padding-bottom: 0px; padding-top: 0px; color:#000;}
#jshop_module_cart a span.items_cart, #jshop_module_wishlist a span{display:none;}
#my_account, #jshop_module_cart, #jshop_module_wishlist,.servicesdiv {display: flex;width: 60px;height: 45px;justify-content: center;padding: 0; align-items:center;}
#my_account a.dropdown-toggle, #jshop_module_cart .shopcart, #jshop_module_wishlist a{display: flex;}
.servicesdiv {width:auto;}
#sp-search .sj_jshopping_search-wrapper .search button{color:#000; background: #D6E7EF;}
.header-style-1 .header-top { border-bottom: 0px solid #e5e5e5; }
#sp-header .header-bottom{background: #E4F6FB;}
#sp-top2, #sp-top3{display: none;}
.home-layout .sp-megamenu-parent > li:first-child > a, .home-layout .sp-megamenu-parent > li:first-child > span {
  color: #000; background-color:#E4F6FB;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 16px; line-height: 70px; text-transform: inherit; font-weight: normal;
}
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li:hover > span, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active > span {
  color: #0690CD; background-color: #E4F6FB;
}
.sambar .sambar-inner{background:none !important;} 
.sambar .sambar-inner .sj-megamenu-parent > li > span{color:#000; font-size: 16px; padding: 28px 0;}
.sambar .sambar-inner .sj-megamenu-parent > li > span .fa { font: normal normal normal 16px/1 FontAwesome; padding-left: 4px;
}
.sambar .sambar-inner .sj-megamenu:hover > span, 
.sambar .sambar-inner .sj-megamenu .level-1:hover > span, 
.sambar .sambar-inner .sj-megamenu .level-1 > span:hover, 
.sambar .sambar-inner .sj-megamenu .level-1 > span:focus{background:#fff; color:#0093D6}
#sp-top1 .sp-module:hover {  background: #fff;}
#sp-top1 .sp-module ul > li > a{color:#000; font-size:16px; font-weight: normal;}
#sp-top1 .sp-module ul > li > a:hover{color:#0093D6;}
#sp-top1 .sp-module { float: left; margin-right: 5px;}
.services .lborder{border-left:1px solid #929292; padding-left:20px;}
#sp-footer2 .my-auto{margin:auto 0;}
#sp-bottom .sp-module .sp-module-title{font-size:25px; font-weight:bold; color:#000;}
#sp-bottom .sp-module ul.socials li a span::before {
  font-size: 27px;
}
#sp-bottom .sp-module ul.socials li a { color:#000; background-color:transparent;}
#sp-bottom .sp-module ul.socials li a:hover { color:#0093D6; background-color:transparent; }
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title{font-size:25px; font-weight:bold; color:#000; font-family: 'lektonbold';  text-transform: inherit; border: none;}
#sp-left .sp-module .sp-module-title::before, #sp-right .sp-module .sp-module-title::before{background:none;}
#sp-left .sp-module, #sp-right .sp-module { border-radius: 0;padding-bottom: 50px;border-bottom: 1px solid #BABFC0;}
#sp-left .sp-module:last-child, #sp-right .sp-module:last-child{padding-bottom: 0px; border-bottom: 0px solid #BABFC0;}



#sp-left .sp-module .jshop_menu_level_0 a, #sp-left .sp-module .jshop_menu_level_1 a, #sp-left .sp-module .jshop_menu_level_2 a, #sp-left .sp-module .jshop_menu_level_0_a a, #sp-left .sp-module .jshop_menu_level_1_a a, #sp-left .sp-module .jshop_menu_level_2_a a{font-family: 'ubunturegular'; font-size: 1rem; color: #000000;}
#sp-left .sp-module .jshop_menu_level_1_a a, #sp-left .sp-module .jshop_menu_level_2_a a, #sp-left .sp-module .jshop_menu_level_1 a, #sp-left .sp-module .jshop_menu_level_2 a{font-weight: normal;}
#sp-left .sp-module .jshop_menu_level_0 a:hover, 
#sp-left .sp-module .jshop_menu_level_1 a:hover, 
#sp-left .sp-module .jshop_menu_level_2 a:hover, 
#sp-left .sp-module .jshop_menu_level_0_a a, 
#sp-left .sp-module .jshop_menu_level_1_a a, 
#sp-left .sp-module .jshop_menu_level_2_a a{color:#0093D6;}
#sp-left .sp-module .jshop_menu_level_0{font-weight: bold;}

.homeschild  img{height: 68px !important;}
.homeschild .sppb-media {display: flex;
  justify-content: space-between;
  flex-direction: row; height: 68px;  float: left; width:100%;}
.homeschild .sppb-media > .pull-left {flex: 0 0 50px;}
.homeschild .sppb-addon-text{display:none;}
.homeschild .sppb-media-body{margin:auto 10px; align-self: center;word-wrap: anywhere;}
.rowheadings{}
.hbseitcl { border-left: 1px solid #707070; border-right: 1px solid #707070; }
.center2headings h3{text-align:center;}
.center2headings p{text-align:center;}
.firstclm .bs-title h3 {margin:50px 0 20px 0;}
.firstclm .bs-title h3 a {font-size:25px; color: #000; font-weight: bold;}
.firstclm .bs-title h3 a:hover {color: #0093D6; text-decoration: none;}
.secondclm .bs-title h4 a {font-size:16px; color: #000; font-weight: bold;}
.secondclm .bs-title h4 a:hover {color: #0093D6; text-decoration: none;}
.firstclm .bs-item .bs-image {height: 350px; padding-bottom: 0 !important;}
.secondclm .bs-item .bs-image {height: 130px; padding-bottom: 0 !important;}
.firstclm  .bs-item .bs-image img {width:auto;height: 100%;}
.secondclm  .bs-item .bs-image img {width:auto;height: 100%;}
.secondclm .bs-item.bs-show-line {  padding-bottom: 40px;  margin-bottom: 40px;}
.secondclm .bs-content{padding-top:30px;}
.sj-listing-tabs .ltabs-tabs-container .ltabs-tabs li {
  border: none;
  padding: 8px;
  font-size: 16px;font-family: 'ubunturegular'; color:#000;
}
.sj-listing-tabs .ltabs-tabs-container .ltabs-tabs li.tab-sel {
  background-color: transparent; color:#000;font-weight: bold; 
}
.sj-listing-tabs .ltabs-tabs-container .ltabs-tabs li.ltabs-tab > span {
  font-weight: 400;
  opacity: 0.5;
  color: #000000;
  font-size: 16px;
}
.sj-listing-tabs .ltabs-tabs-container .ltabs-tabs li.tab-sel > span {
  font-weight: bold;
  opacity: 1;
}
.sj-listing-tabs .ltabs-tabs-container .ltabs-tabs .ltabs-tab:hover {
  background-color: transparent;
}
.sj-listing-tabs .ltabs-tabs-container .ltabs-tabs .ltabs-tab:hover span {color:#000; font-weight: bold; opacity: 1;}
.jshop.list_product{margin-bottom:50px;}
.productcats p, .productcats p a{font-size:14px; color:#ADADAD; padding: 0px; line-height: 19px;}
.product-item-info:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.product .product-item-details .product-item-name{text-align:left; padding:0; height: 45px;}
.product .product-item-details .product-item-name a{font-family: 'ubunturegular'; font-weight: bold; font-size: 1rem; color:#000000;}
.product .product-item-details {font-family: 'ubunturegular'; text-align: center; font-size: 1rem; font-weight: normal;padding: 0px 0px 30px;}
.jshop_related .product .product-item-details{text-align:left;}
.jshop_related .product .product-item-details .buttons{padding:0;}
.product .product-item-details .item-prices {  text-align: left; height: 30px; overflow: hidden;}
.product .product-item-details .item-prices .jshop_price > span {  color: #60BC6E; font-size: 25px; font-weight: bold; font-family: lektonbold; text-align: left; float: left;}
.product .product-item-details .product-item-inner .buttons .button { font-family: 'ubuntubold'; font-weight: bold; background-color: #0093D6; width: 214px; height: 60px;  padding: 10px 0;color: #fff; max-width: 100%;}
.product-item-details .deliverytime{text-align:left; height: 45px; overflow: hidden;}
.jshop_list_product .product .price_extra_info span, .jshop_list_product .product .price_extra_info span a{ font-size: 14px; color: #000;}
.jshop_list_product .jshop .price_extra_info, .jshop_list_product .manufacturer_name, .jshop_list_product .manufacturer_code, .jshop_list_product .jshop .base_price {
  text-align: left;}
.jshop_list_product .product .buttons {text-align: left;}
.subscr .btn{font-weight: bold;  padding: 20px;}
.fragen ul li{padding-bottom:10px;}
.fragen ul li a{display:contents !important;}
.fragen li i{padding-right: 4px;font-size: 16px;font-weight: bold;}
#comjshop .code .jshop_code_prod{color: #000000; }
#comjshop .title{font-weight:bold;}
.productfull .product-info .price #block_price { color: #60BC6E; font-size: 2.188rem;font-weight: bold;font-family: lektonbold;}
.productfull .taxinfo {  font-size: 14px;}
.productfull .taxinfo a{color:#000;}
.cart .product-info .taxinfo{text-align:right;}
.productfull .product-info .prod_buttons .prod_qty {font-size: 16px; color: #000;font-weight: normal;}

.productfull .block-tab .nav-tabs li{float: left;width: 100%;padding: 20px 30px;border: 1px solid #f0f0f0;border-left: 0;}
.productfull .block-tab .nav-tabs li:nth-child(2){padding: 20px 30px;}
.productfull .block-tab .nav-tabs li::after {content: "";}
.productfull .block-tab .nav-tabs li.active{border-right:0;border-left: 5px solid #000;}
.productfull label.select-mask select { width: 100%; height: 60px !important; margin-bottom: 0px; padding: 20px 30px; border-radius: 3px; box-shadow: none; border: 1px solid #0093D6; background:#fff;} 
.productfull label.select-mask::after {top: 15px; background:#fff; border: 0; right: 1px;}
.productfull label.select-mask {width: 100%;}
.productfull .product-info .prod_buttons .buttons .button, .productfull .customfile{height: 60px;  line-height: 30px;font-size: 1rem;  font-weight: bold; margin: 0; display: block;text-transform: capitalize; padding: 15px !important;}
.productfull .prod_free_attribs, .productfull div.jshop_prod_attributes { padding-bottom: 0;}
.productfull .prod_free_attribs .row{ margin-bottom: 10px;}
.productfull .customfile .inputbox{display:none;}
.productfull div.jshop_prod_attributes .row { margin-bottom: 0;}
.product-info .prodname{font-family:ubuntubold; font-size: 1rem; color: #000;margin-bottom: 1rem; display: block; font-weight: bold;}
.jshop_cart_attribute .name,.jshop_cart_attribute .value, .cart_block_total .name, .cart_block_total .value{width:50%;font-family:ubunturegular; font-size: 1rem; color: #000; }
.jshop_cart_attribute .value{ text-align: right;}
.cart .jshop_code_prod {color: #000; font-weight: normal;font-size: 1rem;}
.productfull .jshop_cart_attribute{padding: 0; font-size: 1rem; font-style: normal; margin-top: 0; margin-bottom: 10px; display: flex;}
.Anzahl{font-weight:bold; font-size:1rem; color:#000;}
.js-cart-price{text-align:right;}
/*.taxinfo{text-align: right;float: right; width: 100%;}*/
.jshop .cart.block-main{border-bottom:2px solid #adadad;padding-bottom: 30px;margin: 0 0 50px 0; border-right:0 ;border-left:  0; border-top:  0;}
.jshop .cart.block-main:nth-last-child(1){border:0;}
.cart_block_discount input.inputbox{ width: 100%; height: 50px !important; margin-bottom: 15px; padding: 15px; border-radius: 3px; box-shadow: none; border: 1px solid #0093D6; background:#fff;}
.cart_block_discount input.btn, .jshop.cart_buttons a.btn-buy, .jshop.cart_buttons a.btn-offer{font-weight: bold; margin-bottom:20px;padding: 17px;border:1px solid #0093d6; height:60px; }
.jshop.cart_buttons a.btn-buy{}
.jshop.cart_buttons a.btn-offer{background: #fff; color: #0093d6;}
.jshop.cart_buttons a.btn-offer:hover{background:#0093d6; color: #Fff;}
.clear-cart a.clear-cart{padding: 10px 30px; font-weight: bold;}
.cart_block_total{margin-bottom:20px;}
.cart_block_total .value.price{font-family: "lektonbold";font-size: 35px;font-weight: bold;font-style: normal;text-align: right;color: #60bc6e;}
.cart_block_total .name, .cart_block_discount .name{text-align:left; display:block;}
.cart_block_total .name .tax{text-align:left; display:block;}
.gray-box .shippingfree {  text-align: center;  margin-bottom: 20px;}
.gray-box .cartdescr{text-align:left;}
.gray-box .shippingfree, .gray-box .cartdescr p{ opacity: .8;}
.gray-box { background-color: #F0F0F0;padding: 40px; margin-bottom: 40px; border-radius: 8px; }
.gray-box h2{margin-bottom:20px;}
.jshop_subtotals p{padding: 0; font-size: 1rem; font-style: normal; margin-top: 0; margin-bottom: 20px; display: flex;}
.jshop_subtotals p .name{text-align:left;}
.jshop_subtotals p .value{text-align:right;}
.cartheding{margin-bottom:60px;}
.cartheding h1{float:left; margin: 0 20px 0px 0;}
.cartheding a.btn-back{padding: 10px 30px; font-weight: bold; color:#000;}
.jshop_order_step {  padding: 12px 0px; width: 25%; text-align: center; border-radius: 31px; color:#adadad; font-weight: bold;}
.jshop_order_step.active { background: #0093d6; color: #fff;}
#jshop_menu_order{border: 1px solid #adadad; border-radius: 31px; background: #fff; margin-bottom:60px;}
.jshop_register .control-label label{font-weight:bold;}
.jshop_register .control-group{margin-bottom:2rem;}
.form-control{border:1px solid #0093d6; border-radius: 5px; background: #ffffff; color:#000; padding: .8rem 1.6rem;}
.custom-select-wrapper { position: relative; display: inline-block; width: 100%;}
.custom-select-wrapper select.form-control {  appearance: none;padding-right: 2.5rem;}
.custom-select-wrapper::after { color: #0093d6; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none;}
.custom-select-wrapper select.form-control:focus + ::after { content: "\f107";}

.btn-group-lg > .btn, .btn-lg {padding:1.1rem 9rem; font-size: 1em; border-radius: 5px; font-weight: bold;}


/* Hide the default radio button and checkbox */
  input[type="radio"],
  input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  /* Custom radio button */
  input[type="radio"] + label::before,
  input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 20px; /* Width */
    height: 20px; /* Height */
    border: 1px solid #0093d6; /* Border color and size */
    border-radius: 50%; /* Rounded for radio buttons */
    margin-right: 10px;
    vertical-align: middle;
    background-color: white;
    position: relative;
  }

  /* Custom checkbox styling */
  input[type="checkbox"] + label::before {
    border-radius: 6px; /* Square corners for checkboxes */
  }

  /* Style when radio button is checked */
  input[type="radio"]:checked + label::before {
    background-color: #0093d6;
    box-shadow: inset 0 0 0 2px white; /* Inner circle */
  }

  /* Style when checkbox is checked */
  input[type="checkbox"]:checked + label::before {
    background-color: #0093d6;
    box-shadow: inset 0 0 0 2px white; /* Inner square */
  }

  /* Style for the checkmark inside the checkbox */
  input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px; /* Size of checkmark */
    height: 10px; /* Size of checkmark */
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transform-origin: center;
    margin-left: -5px;
    margin-top: -5px;
  }

/*.jshop input[type="radio"], .jshop input[type="checkbox"] {border:1px solid #0093d6;border-radius: 6px;background: #ffffff; transform: scale(2);}*/
.form-check-input:checked[type="radio"]{background: #1567EA;}
.privacy_statement{color:#131A1E;}
.jshop_register select.form-control{height:auto;}
.checkout_shipping_block #table_shippings .name{padding-left:20px;}
.checkout_shipping_block #table_shippings .name input[type="radio"], .checkout_shipping_block #table_shippings .name input[type="checkbox"]{margin-left:-20px;}
.article-list .article {margin-bottom: 20px; padding: 0; border: 0;}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery { margin-top: 0;margin-right: 0;margin-left: 0;}
.article .article-intro-image{height:240px; margin-bottom: 1.5rem;}
.article .article-intro-image img{height:100%;width:100%;}
.lart .articles-leading .article-intro-image{height:360px; margin-bottom: 1.5rem;}
.lart .articles-leading img{ height:100%; width:auto;}
.article-info > span{font-size:1rem;}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a{ font-family: lektonbold; font-size:25px; color: #000;}
.article-list .article .article-body .article-introtext{ margin-bottom: 1.5rem;}
.article-list .article .readmore{display: flex;}
.blog .article-list .article .readmore a{padding: 20px;  font-size: 1em; border-radius: .3rem; font-weight: bold;  color: #fff; background: #0093d6; width: 220px; text-align: center;}
.blog .article-list .article .readmore a:hover{color:#fff;}
.article span time{font-size:1rem;}
.article-details .article-header h1, .article-details .article-header h2{font-family: lektonbold; font-weight: bold;font-size: 2.188rem; color:#000;}
.backtop a{color:#000;}
.article-details .article-info{display: none; 	}
.sidebar-megamenu .sambar .menu_vertical .btn-megamenu .title-mod {margin-top:15px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding-left:0;padding-right: 30px;}
.sp-megamenu-parent > li:last-child > a, .sp-megamenu-parent > li:last-child > span{padding-right:0;}

.product .product-item-info .item-image { border-radius: 0 !important; border: 1px solid #f0f0f0;}
.product-info .jshop_code_prod {font-size:1rem;}

.product-info .plusshippinginfo{font-size:14px; color:#000;}
.product-info .plusshippinginfo a{color:#000;}
.jshop_list_product_related .related_header h1{color:#000;text-transform: capitalize;}
.c-gap { gap: 50px; }
input.inputbox{color:#000;}
input.inputbox::placeholder {opacity: .30}
.btn-outline-primary{background-color:#fff;}
.servicesdiv a.dropdown-toggle {font-size: 16px;text-transform: uppercase;color: #000;display: inline-block;line-height: 40px;font-weight: 500;}
.servicesdiv .dropdown-menu {padding: 20px;box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 0px;margin: 0;font-size: 12px; min-width: 450px;text-transform: capitalize;}
.imgblock {height: 105px;font-size: 14px;line-height: 19px;color: #000;padding: 0px;display: flex;justify-content: center;align-items: flex-start;margin: 10px;width: 80px; float: left; break-word; overflow-wrap: anywhere;}
.imgblock img {height: 70px;width: auto;}
.imgblock a {font-size: 14px;line-height: 19px;color: #000;word-break: break-word; overflow-wrap: anywhere;}
.imgblock a p {font-size: 0.875rem;line-height: 19px;}
.catblocks {display: none;}
.block-main .imgblock.active {	background:#f0f0f0;}
.catblock-1 {display: block;}
.mobmain{display: flex;justify-content: space-between; align-items: center; height:70px;}
.mobleft{display: flex;flex-direction: row; gap:5px; align-items: center;}
body .mobright #offcanvas-toggler.offcanvas-toggler-right {height: 50px;width: 50px;background-color: #fff; display: flex !important;justify-content: center;border-radius: 25px;}
.mobright .burger-icon { width: 30px; display: flex;flex-direction: column;gap: 5px;}
.mobright .burger-icon > span { background-color: #0093D6; margin:0;}
.moblxroxx{position: relative;height: 50px;width: 50px;display: flex;justify-content: center;align-content: center; }
.moblxroxx .close-offcanvas {}
.moblxroxx .close-offcanvas .burger-icon {}
.moblxroxx .close-offcanvas .burger-icon > span { background-color: #000;}

.mobleft .contacticon, .mobleft #my_account, .mobleft #jshop_module_cart, .mobleft #jshop_module_wishlist{display: flex; width: 60px; height: 45px; background: #fff; justify-content: center; align-items:center; padding:0; border-radius: 3px;}
.mobleft #my_account a.dropdown-toggle::before, .mobleft #jshop_module_wishlist a::before {padding:0;}
.mobleft .servicesdiv{padding:0;}
.offcanvas-menu {top: 140px !important; position: absolute;height: auto; z-index: 100;}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {top: 130px !important; width: 100%;}
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {right: 0;}
.sj_jshopping_search-wrapper.ofcsearch .search .input-group-btn { width: 72px; background: #0093D6; height: 45px;}
.sj_jshopping_search-wrapper.ofcsearch .search button {width: 72px;background-color: #0093D6;}
.offcanvas-menu .offcanvas-inner {  padding: 20px;}








@media (max-width: 500px){
	.header-style-1 .header-top .container{display: flex;align-items: center;height: 60px;}
	#sp-header .logo, .header-container .logo, #sp-search .sj_jshopping_search-wrapper {  margin: 0;}
.sp-megamenu-parent > li > span { line-height: 50px; }
#my_account, #jshop_module_cart, #jshop_module_wishlist, .servicesdiv { padding: 0px 10px 0px; }
	#sp-breadcrumb, #sp-breadcrumb .sppb-row-container{padding:0}
	#sp-breadcrumb .sppb-nav.sppb-nav-custom{width:33%;}
	#sp-breadcrumb .sppb-tab ul li{width:100%;word-break: break-word; overflow-wrap: anywhere;}
	.services .lborder {border-left:0; border-top: 1px solid #929292; padding-left: 0 !important;}
	.servicesdiv .dropdown-menu {min-width: 100%;}
	.imgblock img { height: 50px;}
	.imgblock {width: 60px;	}
	.sppb-addon-content .block-child { border-top: 1px solid #adadad; border-left: 0 !important;}
	.com-jshopping.view-category #sp-component {padding-left: 10px;padding-right: 10px;}
}

@media (max-width: 991px){
 #sp-search form {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        width: 100vw;
        background: white;
        padding: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }
	#sp-search #sj_jshopping_search{margin:0 !important;}
	#sp-search .sp-module{display: flex;align-items: center;justify-content: end;height: 100%;}
    #search-icon {cursor: pointer;}
  body.site .sj_jshopping_search-wrapper .search button::before {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    text-align: center;
    font-size: 14px;
  }
    body.site .sj_jshopping_search-wrapper .search button span {
    display: none;
  }
}