/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* latin */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v9/SLXGc1nY6HkvalIhTps.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v9/SLXLc1nY6Hkvalr-ao6L59Y.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v9/SLXLc1nY6Hkvalqaa46L59Y.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  body {
      font-family: 'Cairo', sans-serif !important;
      color: #000;
      font-size: 16px;
      line-height: 20px;
      width: 100%;
      letter-spacing: 0.5px;
      background: #fff;
  }
  main{
      font-size: 0.875rem;
      background-color: #fff;
  }
  .lb-nav a{
      transition: none !important
  }
  a{
      color: #000;
      text-decoration: none;
      transition: 0.3s ease;
  }
  ul{
      margin-bottom: 0;
  }
  [disabled]{
      cursor: no-drop !important;
  }
  a:hover,a:focus,button:focus{
      color: #88b121;
      text-decoration: none;
      outline: none;
  }
  .owl-carousel{
       z-index: 0;
  }
  :focus{
      outline: none;
  }
  .center-block {
      display: block;
      margin-right: auto;
      margin-left: auto;
  }
  .img-responsive{
      display: block;
      max-width: 100%;
      height: auto;
  }
  #wrapper{
      min-height: 350px;
  }
  .fancybox-skin{
      background-color: #fff;
  }
  svg{
      vertical-align: middle;
      transition: 0.3s ease
  }
  .owl-carousel .owl-item img {
      display: block;
      width: 100%;
  }
  .spwish{
      margin: 0 5px;
  }
  .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
      border-radius: 4px;
  }
  .ui-front li a span{
      font-size: 14px;
      letter-spacing: 1px;
      font-weight: normal;
      text-transform: capitalize;
      color: #222;
      cursor: pointer;
  }
  .ui-state-focus, .ui-widget-content .ui-state-focus{
      border: none;
      background: transparent;
      background-image: none;
  }
  .ui-widget-content{
      border: 1px solid #eee !important;
  }
  .ui-front li:hover span, .ui-front li:focus span{
      color: #88b121;
  }
  .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active{
      margin: 0;
  }
  #product_comparison .product-image-block img{
      max-width: 250px;
  }
  /* .fancybox-skin{
      border-radius:0;
  } */
  #index #content-wrapper{
      padding: 0
  }
  /*loader start */
  
  .s-panel{
      position: relative;
      background-color: #fff;
  }
  .s-panel .wrloader {
      background: url(../img/loader.gif) 50% 50% no-repeat;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 999;
  }
  .s-panel img{
      border-radius: 4px;
  }
  #bar{
      width: 0%;
      max-width: 100%;
      height: 3px;
      background: #88b121;
      border-radius: 4px;
  }
  #progressBar{
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
  }
  /* add to cart modal */
  .cart-content-btn .btn-primary{
      width: 100%;
  }
  #blockcart-modal .cart-content .cart-content-btn {
      display: flex;
  }
  #blockcart-modal .cart-content p span{
      color: #333;
      font-weight: 600;
  }
  #blockcart-modal .cart-products-count i{
      margin-right: 10px;
  }
  .divide-right{
      padding-bottom: 20px;
  }
  .cart-content{
      background-color: #fff;
      padding: 0 15px 15px 15px;
      border-radius: 0 0 4px 4px;
  }
  .mhr{
      margin: 0;
      padding: 12px 0;
  }
  #blockcart-modal .close{
      padding: 15px;
  }
  .modprice .regular-price{
      font-size: 12px;
  }
  .modprice .product-price-and-shipping{
      margin-bottom: 0
  }
  .modprice{
      font-weight: 500;
      font-size: 16px;
      margin-bottom: 4px;
  }
  #blockcart-modal .cart-products-count{
      font-size: 14px;
      font-weight: 600;
      text-transform: capitalize;
      margin-bottom: 20px;
      display: inline-block;
  }
  #blockcart-modal .modal-title{
      padding: 15px 15px;font-weight: 600;
  }
  #blockcart-modal .modal-body{
      padding: 0;
      font-size: 14px;
  }
  .wb-modal .modal-content{
      margin: 0;
  }
  #blockcart-modal .modal-content{
      border-radius: 4px 4px 0 0
  }
  
  /* cart modal over */
  /* cart dropdown */
  #blockcart-modal .product-image{
      border: 1px solid #eee;
      border-radius: 4px;
  }
  .head-cart-drop {
      width: 300px;padding: 0;margin: 0;
      box-shadow: 0 0px 5px rgba(0,0,0,0.175);
      border: none;
      margin-top: 5px;
  }
  .cart-drop-table {
      max-height: 300px;
      overflow: auto;
  }
  .cart-det{
      padding: 10px;
  }
  .cart-det .no-items{
      margin: 0;
      color: #222;
  }
  .cart-img img{
      max-width: 70px;
  /*     border: 1px solid #eee; */
      border-radius: 4px;
  }
  .cart-name{
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 85%;
      margin-bottom: 5px;
  }
  .cart-drop-table li{
      vertical-align: top;
  }
  .cartclose{
      position: absolute;
      right: 0;
      top: 0;
  }
  .cart-down{
      position: relative;
      margin-bottom: 10px;
  }
  .qtyp li{
      display: block;
  }
  .qtyp li span{
      display: inline-block
  }
  .qtyp{
      width: 68%;
      margin: 0 3px;
  }
  .cdroptable{
      width: 100%;
  }
  .cdroptable td{
      border: 1px solid #eee;
      font-size: 13px;
      letter-spacing: 0.3px;
      padding: 5px 3px;
  }
  .cart-det .btn-primary{
      margin-top: 10px;
  }
  /* cart dropdown over */
  
  /* search */
  .dblock{
      display: block;
  }
  .dnone{
      display: none;
  }
  body.active-search .wbSearch {
      opacity: 1;
      transform: translateY(0);
  }
  .wbSearch{
      z-index: 9999;
      position: fixed;
      top: 0;
      right: 0;
      display: flex;
      background-color: rgba(18,18,18,.9);
      opacity: 0;
      transition: all 0.3s ease-in-out;
      transform: translateY(-100%);
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 24px;
  }
  .wbSearch .close-nav {
      color: #fff;
      display: inline-block;
      padding-left: 10px;
      line-height: 0;
      position: relative;
      top: 4px;
  }
  .wbSearch .close-nav i{
      font-size: 14px;
  }
  .wbSearch #search_block_top{
      position: relative;
      max-width: 1000px;
      margin: 0 auto;
      width: 100%;
  }
  #searchbox.input-group{
      width: auto;
  }
  body.active-search .wbSearch #search_block_top{         
      animation: fadeInDown 0.3s 0.2s ease-out both;
  }
  #search_toggle{
      border: none;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      background: transparent;
      padding: 0;
      margin: 0;
  }
  .cart-c{
      color: #88b121;
  }
  /* search over */
  
  /* topbar */
  /* .d-search,#search_block_top{
      display: inline-block;
      vertical-align: middle;
  } */
  #_desktop_currency_selector{
      border-left: 1px solid #e1e1e1;
      padding-left: 12px;
      margin-left: 12px;
  }
  .headcontact{
      display: inline-block;
      vertical-align: middle;
      margin: 0 15px;
      color: #000
  }
  .cartdropd li{
      position: relative
  }
  .user-info h4,.cartdropd h4{
      font-size: 14px;
      text-transform: capitalize;
      color: #282828;
      font-weight: 600;
  }
  .svgbg{
      display: inline-block;
      vertical-align: middle;
  }
  .possvg{
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      text-align: center;
      display: flex;
      align-items: center;
  }
  #mywishlist td.wishlist_delete a{
      border-radius: 4px;
  }
  .headertbnr{
      background-color: #88b121;
      padding: 8px 0;
  }
  .headertbnr p{
      color: #fff;
      margin-bottom: 0
  }
  .language-selector .dropdown-menu, .currency-selector .dropdown-menu{
      display: none;
  }
  .wb-cart-item-info .discount-percentage{font-size: 11px;}
  .fixed {
      position: fixed !important;
      z-index: 9;
      top: 0 !important;
      transition: 0.4s top cubic-bezier(.3, .73, .3, .74);
      left: 0;
      right: 0;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
      background-color: #fff !important;
      padding: 5px 0
  }
  .fixed .header-nav{
      padding: 10px 0;
  }
  .user-down{
      min-width: 13.4rem;
      line-height: 28px;
      padding: 10px 12px;
      text-transform: capitalize;
      margin: 0;
      letter-spacing: 0;
      box-shadow: 0 0px 5px rgba(0,0,0,0.175);
      border: none;
      font-weight: 600;
  }
  .user-down i{
      width: 17px;
  }
  .content_price.product-price-and-shipping{
      margin-top: 0;
  }
  #_desktop_user_info,#_desktop_cart{
      position: relative;cursor: pointer;
  }
  #_desktop_user_info{
      margin: 0 30px;
  }
  .cartdropd{
      position: relative
  }
  .search-toggle svg,.blockcart svg{
      cursor: pointer;
  }
  .wishtlist_top:hover svg,.hcom:hover svg,.cartdropd:hover svg,.user-info:hover svg,#search_toggle:hover svg{
      fill: #88b121;
  }
  .hcart span{
      display: inline-block;
      vertical-align: middle;
  }
  #_desktop_logo a{
      display: inline-block;vertical-align: middle;
  }
  .search_widget{
      padding: 0
  }
  /* search over */
  /* custom menu */
  .header-top{
      padding: 22px 0;
      border-bottom: 1px solid #e1e1e1;
      margin: 0 150px;
  }
  .htop{
      margin: 0
  }
  .headtleft{
      font-weight: 600;
  }
  .headtleft,.tright{
      margin-top: 15px;
  }
  /* menu */
  /* .wb-menu-vertical li.level-1 .wbIcon span,.view_more .dropdown-item span{
      position: absolute;
      left: 20px;
  } */
  .wb-menu-vertical .view_more{
      position: relative;
  }
  #_desktop_top_menu {
      position: relative;
      padding: 0
  }
  .view_more a {
      text-transform: uppercase;
      cursor: pointer;
      color: #88b121;
  }
  /* slide btn */
  .slick-dotted.slick-slider {
      margin-bottom: 0;
  }
  .slidecap{
      position: absolute;
      top: 28%;
      margin: 0 130px;
      width: 700px;
      overflow: hidden;
  }
  .slidecap h2{
      font-size: 70px;
      text-transform: capitalize;
      font-weight: 700;
      margin: 0;
      transform: translateX(300px);
      opacity: 0;
      transition: opacity 0.3s 0.8s,-webkit-transform 0.5s 0.8s;
  }
  .slidecap p{
      font-size: 16px;
      line-height: 24px;
      margin: 10px 0;
      transform: translateX(-300px);
      opacity: 0;
      transition: opacity 0.5s 1s,-webkit-transform 0.5s 1s;
      color: #777
  }
  .slidecap .slidehref{
      transform: translateX(-300px);
      opacity: 0;
      transition: opacity 0.5s 1.2s,-webkit-transform 0.5s 1.2s;
      display: block
  }
  .slidecap .btn-primary{
      margin-top: 40px;
      padding: 12px 28px;
      text-transform: uppercase;
  }
  .homeslider-container .slick-current.slick-active .slidecap h5,.homeslider-container .slick-current.slick-active .slidecap h2,.homeslider-container .slick-current.slick-active .slidecap p,
  .homeslider-container .slick-current.slick-active .slidecap .slidehref{
      transform: none;
      opacity: 1
  }
  .homeslider-container .owl-theme .owl-controls .owl-buttons{
      position: unset;margin: 0
  }
  .s-panel .slick-dots li button::before, .s-panel .slick-dots li.slick-active button::before {
      background-color: #88b121;
      color: #88b121;
      width: 22px;
      height: 22px;
      border-radius: 100%;
      border: 3px solid #fff;
  }
  .s-panel .slick-dots{
      bottom: 15px;
  }
  .homeslider-container .owl-carousel.owl-theme .owl-controls .owl-buttons div{
      position: absolute;
      background: #88b121;
      text-shadow: none;
      border-radius: 100%;
      min-width: 40px;
      min-height: 40px;
      opacity: 0;
      color: #fff;
      padding: 7px 0;
      margin: 0;
      text-align: center;
      border: none;
  }
  .homeslider-container .owl-carousel.owl-theme .owl-controls .owl-buttons div:hover{
      background-color: #000;
      color: #fff;
  }
  .homeslider-container .owl-theme.owl-carousel .owl-buttons div i {
      font-size: 24px;
      margin: 0;
  }
  .homeslider-container .owl-carousel.owl-theme:hover .owl-controls .owl-buttons div{
      opacity: 1;
  }
  .homeslider-container .owl-controls .owl-buttons .owl-prev,.homeslider-container .owl-controls .owl-buttons .owl-next{
      top: 45%;transition: 0.3s ease;
  }
  .homeslider-container .owl-carousel:hover .owl-buttons .owl-prev {
      left: 30px;
  }
  .homeslider-container .owl-carousel:hover .owl-buttons .owl-next {
      right: 30px;
  }
  
  .owl-theme .owl-controls .owl-page span {
      display: block;
      width: 12px;
      height: 12px;
      margin: 5px 7px;
      filter: Alpha(Opacity=50);
      opacity: 0.5;
      border-radius: 20px;
      background: #88b121;
  }
  .owl-controls .owl-page.active span {
      background: #88b121;opacity: 1;
  }
  .owl-controls .owl-page span {
      display: block;
      width: 11px;
      height: 11px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 20px;
  }
  .owl-controls .owl-page {
      display: inline-block;
  }
  .owl-pagination {
      text-align: center;
  }
  .homeslider-container .owl-pagination{
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0
  }
  .homeslider-container .owl-controls .owl-page{
      display: inline-block
  }
  
  .owl-carousel.owl-theme .owl-controls .owl-buttons div{
      margin: 0;
      margin-left: 5px;
      padding: 6px 0 0 0;
      background-color: #f5f5f5;
      transition: 0.3s ease;
      display: inline-block;
      text-align: center;
      border: none;
      border-radius: 4px;
      font-size: 22px;
      text-transform: uppercase;
      min-width: 36px;
      min-height: 36px;
      color: #000;
  }
  .owl-carousel.owl-theme .owl-controls .owl-buttons div:hover{
      background-color: #88b121;
      color: #fff;
  }
  .owl-carousel.owl-theme .owl-controls .owl-buttons div:hover svg{
      fill: #fff;
  }
  .owl-carousel.owl-theme .owl-controls .owl-buttons div svg{
      width: 18px;
      height: 17px;
  }
  .owl-carousel .owl-buttons{
      position: absolute;
      right: 15px;
      top: -74px;
  }
  /* banner */
  .beffect img{
      border-radius: 4px;
  }
  
  /* home page qty */
  .thumbnail-container .quantity {
      display: inline-block;
      float: none;
      border: 1px solid #e4e4e4;
      background-color: #fff;
      border-radius: 4px;
      padding: 0;
  }
  .atc_div.bootstrap-touchspin{
      float: none;
      text-align: center;
      margin-top: 8px;
  }
  .atc_div .form-control.atc_qty {
      color: #232323;
      background-color: #fff;
      height: 34px;
      width: 1.6rem;
      text-align: center;
      border: none;
      padding: .25rem .2rem;
      -moz-appearance: textfield;
      float: none !important;
      display: inline-block;
  }
  .atc_div .quantity-nav {
      color: #777;
      width: auto;
      display: inline-block;
      padding: 7px 4px;
      border: none;
      background: transparent;
      font-size: 12px;
      cursor: pointer;
  }
  .atc_div .quantity-button {
      display: block;
      float: none;
      width: 100%;
      max-width: 100%;
      margin-left: -1px;
      position: relative;
      height: 1.438rem;
      background-color: #fff;
      border: none;
      height: 1.125rem;
      border-radius: 5px;
      cursor: pointer;
  }
  .quantity-button i {
      font-size: 1rem;
      top: .125rem;
      left: .1875rem;
  }
  .quantity-button .touchspin-up::after {
      content: "\E5CE";
  }
  .quantity-button .touchspin-down::after {
      content: "\E5CF";
  }
  
  
  /*End  home page qty */
  /* product */
  .pro-tab ul li a{
      border-radius: 4px;
      text-transform: capitalize;
      font-size: 14px;
      position: relative;
      font-weight: 600;
      background: #f5f5f5;
      padding: 5px 15px;
      letter-spacing: 0.8px;
  }
  .pro-tab ul li a.active,.pro-tab ul li a:hover{
      background: #88b121;
      color: #fff;
  }
  .pro-tab ul li{
      position: relative;
      margin-right: 20px;
  }
  .reducep{
      position: absolute;
      right: 0;
      top: 10px;
      margin: 0 auto;
      display: inline-block;
      text-transform: uppercase;
      line-height: normal;
      font-size: 11px;
      border: none;
      background: #88b121;
      color: #fff;
      padding: 0 5px;
  }
  .reducep::before {
      position: absolute;
      top: 0;
      content: "";
      left: -10px;
      border-top: 5px solid #88b121;
      border-right: 5px solid #88b121;
      border-left: 5px solid transparent;
      border-bottom: 5px solid transparent;
  }
  .reducep::after {
      position: absolute;
      left: -10px;
      bottom: 0;
      content: "";
      border-bottom: 5px solid #88b121;
      border-right: 5px solid #88b121;
      border-left: 5px solid transparent;
      border-top: 5px solid transparent;
  }
  
  .sale{
      position: absolute;
      right: 0;
      top: 35px;
      margin: 0 auto;
      display: inline-block;
      text-transform: uppercase;
      line-height: normal;
      font-size: 11px;
      border: none;
      background: #ec2c2c;
      color: #fff;
      padding: 0 3px;
  }
  .sale::before {
      position: absolute;
      top: 0;
      content: "";
      left: -10px;
      border-top: 5px solid #ec2c2c;
      border-right: 5px solid #ec2c2c;
      border-left: 5px solid transparent;
      border-bottom: 5px solid transparent;
  }
  .sale::after {
      position: absolute;
      left: -10px;
      bottom: 0;
      content: "";
      border-bottom: 5px solid #ec2c2c;
      border-right: 5px solid #ec2c2c;
      border-left: 5px solid transparent;
      border-top: 5px solid transparent;
  }
  .thumbnail-container .product-flags .new{
      position: absolute;
      left: 0;
      top: 10px;
      margin: 0 auto;
      display: inline-block;
      text-transform: uppercase;
      line-height: normal;
      font-size: 11px;
      border: none;
      background: #88b121;
      color: #fff;
      padding: 0 3px;
  }
  .thumbnail-container .product-flags .new::before {
      position: absolute;
      top: 0;
      content: "";
      border-left: 5px solid #88b121;
      border-top: 5px solid #88b121;
      border-bottom: 5px solid transparent;
      border-right: 5px solid transparent;
      right: -10px;
  }
  .thumbnail-container .product-flags .new::after {
      position: absolute;
      right: -10px;
      bottom: 0;
      content: "";
      border-left: 5px solid #88b121;
      border-bottom: 5px solid #88b121;
      border-top: 5px solid transparent;
      border-right: 5px solid transparent;
  }
  .thumbnail-container .second-img{
      top: 0;
      left: 0;
      margin: 0 auto;
      opacity: 0;
      position: absolute;
      right: 0;
      transition: all 400ms ease-in-out 0s;
  }
  .thumbnail-container:hover .second-img{
      opacity: 1;
  }
  .wb-image-block{
      position: relative;overflow: hidden
  }
  .wb-image-block img{
      border-radius: 4px;
  }
  .owl-carousel .owl-item img{
      width: auto;
  }
  .productmcat {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      color: #777;
      text-transform: capitalize;
      margin: 0 auto;
      text-align: center;
      font-size: 15px;
  }
  .thumbnail-container{
      position: relative;
      margin-bottom: 1px;
      overflow: hidden;
      transition: 0.3s ease;
      background-color: #f8f8f8;
      border-radius: 4px;
  }
  .product-tab-item .thumbnail-container{
      margin-bottom: 30px;
  }
  .product-tab-item .product-miniature:last-child .thumbnail-container{
      margin-bottom: 1px;
  }
  .product-title{
      font-size: 1rem;
      text-transform: capitalize;
      transition: 0.3s ease;
      letter-spacing: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0 0 8px 0;
      font-weight: 600;
  }
  .product-title:hover,.product-title:hover a{
      color: #88b121;
  }
  .thumbnail-container .product-price-and-shipping {
      min-height: 22px;
      transition: 0.3s ease-in-out;
  }
  .thumbnail-container .wb-product-desc{
      padding: 8px;
  }
  .price{
      font-size: 16px;
      letter-spacing: 0;
      font-weight: 700;
      display: inline-block;
  }
  .cartb{
      border: none;
      background: #88b121;
      color: #fff;
      border-radius: 4px;
      height: 35px;
      padding: 0 8px;
      text-transform: capitalize;
      font-weight: 600;
      cursor: pointer;
      transition: 0.3s ease;
      margin: 0 5px;
  }
  .cartb:hover{
      background-color: #333;
      color: #fff;
  }
  .cartb svg{
      fill: #fff;
  }
  .thumbnail-container .button-group {
      position: absolute;
      left: 29%;
      right: auto;
      bottom: 55%;
      text-align: center;
      transition: 0.3s ease-in-out;
      opacity: 0;
  }
  .thumbnail-container:hover .button-group{
      opacity: 1
  }
  .thumbnail-container .button-group a,.thumbnail-container .button-group button{
      background-color: #fff;
      border: none;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 4px;
      text-align: center;
      transition: 0.3s ease;
      padding: 7px 0px;
      min-width: 36px;
      min-height: 36px;
      text-transform: capitalize;
      font-weight: 500;
      margin: 0 3px;
  }
  .thumbnail-container .button-group span{
      display: none;
  }
  .thumbnail-container .button-group .add-cart,.thumbnail-container .button-group .compare,.thumbnail-container .button-group .quick,.thumbnail-container .button-group .wish{
      vertical-align: middle;
      display: inline-block
  }
  .thumbnail-container .button-group a:hover,.thumbnail-container .button-group button:hover{
      background-color: #88b121;
      color: #fff
  }
  .thumbnail-container .button-group a:hover svg,.thumbnail-container .button-group button:hover svg{
      fill: #fff;
  }
  .thumbnail-container .comments_note i,.thumbnail-container .star_content i{
      font-size: 13px;
  }
  .thumbrel{
      position: relative
  }
  /* toprated */
  .toprt .thumbnail-container .wb-product-desc{
      margin-top: 10px;
  }
  .toprt .thumbnail-container .product-price-and-shipping{
      margin-top: 5px;
  }
  .toprt .productmcat{
      position: unset;
      margin-bottom: 6px;
      display: inline-block;
  }
  .toprt{
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 50px 0
  }
  .toprt .heading{
      color: #fff;
  }
  .toprt .heading strong{
      color: #aaa;
  }
  .toprt .wb-image-block{
      padding: 0;
  }
  .toprt .thumbnail-container{
      margin-bottom: 30px;
  }
  .toprt .product-miniature:last-child .thumbnail-container{
      margin-bottom: 1px;
  }
  /* product category */
  .catpos{
      background-color: #fff;
      border-radius: 4px;
      padding: 0 20px;
  }
  .catpos li a{
      display: block;
      border-bottom: 1px solid #eee;
      padding: 18px 8px;
      text-transform: capitalize;
      font-size: 18px;
      color: #555;
  }
  .catpos li a.active,.catpos li a:hover{
      color: #88b121;
  }
  .catpos li:last-child a{
      border-bottom: none
  }
  .cate-bg .cattab li.view_cat a i {
      transform: rotate(45deg);
      vertical-align: middle;
  }
  .cate-bg .cattab li.view_cat a{
      cursor: pointer
  }
  .catpos .icon_cat.float-xs-right {
      margin-top: -4px;
  }
  .tab-cate-pro .thumbnail-container .product-image-container{
      padding: 0
  }
  .tab-cate-pro .product-container.thumbnail-container {
      margin-top: 30px;
  }
  /* rating */
   .obar {
      background-color: #f5f5f5;
      width: 100px;
      border-radius: 5px;
      overflow: hidden;
      height: 16px;
      position: relative;
      box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  }
  .ibar {
      background-color: #5FD841;
      width: 0;
      height: 100%;
  }
  .ibar.bar1 {
      width: 20%;
      background-color: #E84C3D;
  }
  .ibar.bar2 {
      width: 40%;
      background-color: #e67e22;
  }
  .ibar.bar3 {
      width: 60%;
      background-color: #f1c40f;
  }
  .ibar.bar4 {
      width: 80%;
      background-color: #96D940;
  }
  .ibar.bar5 {
      width: 100%;
      background-color: #5FD841;
  }
  .pro-review .starm {
      position: unset;
      transition: none;
      transform: none;
      width: auto;
  }
  .star-main {
      background-color: #f5f5f5;
      width: 100%;
      border-radius: 4px;
      overflow: hidden;
      height: 5px;
      position: relative;
      box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
      top: -8px;
  }
  .total-avg {
      width: 150px;
      vertical-align: baseline;
      background-color: #f5f5f5;
      border-radius: 4px;
      height: 5px;
      box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
      position: relative;
      top: 9px;
  }
  .rate-avg {
      position: absolute;
      background-color: #fff;
      box-shadow: 0 3px 16px 0 rgba(0,0,0,.11);
      padding: 10px;
      border-radius: 5px;
      z-index: 1;
      left: 15px;
      margin-top: 35px;
      opacity: 0;
  }
  .avg-rate:hover ~ .rate-avg{
      opacity: 1;
  }
  .rate-avg .num{
      width: 10px;
  }
  .avgt {
      font-size: 12px;
  }
  .rate-avg i{
      font-size: 10px;
  }
  .starm{
      height: 5px;
      transition: all 0.4s ease-in-out;
      width: 0px;
  }
  .arltr .avg-rate i{
      font-size: 12px;
      margin-right: 2px;
  }
  .d-inline-block.avg-rate{
      padding: 0 5px 1px 5px;
      border-radius: 4px;
  }
  .totl {
      color: #666;
      width: 12px;
      text-align: center;
      font-size: 12px;
  }
  #productCommentsBlock .rate-avg{
      opacity: 1;
      position: unset;
      margin-top: 0;
      box-shadow: none;
  }
  #productCommentsBlock .avgt{
      font-size: 32px;
  }
  .ratea{
      font-size: 22px;
  }
  .rateavg-bo,#productCommentsBlock .rate-avg{
      vertical-align: middle;
      margin-bottom: 20px;
  }
  
  .pro-review .avg-rate{
      padding: 0 8px;
  }
  .pro-review .avg-rate i{
      margin-left: 2px;color: #fff;
  }
  .pro-review strong{
      text-transform: capitalize;
  }
  .pro-review .starm.bar5 {background-color: #388e3c;}
  .pro-review .starm.bar4 { background-color: #388e3c;}
  .pro-review .starm.bar3 {background-color: #388e3c;}
  .pro-review .starm.bar2 {background-color: #ff9800;}
  .pro-review .starm.bar1 {background-color: #ff6161;}
  
  
  .avg-rate:hover ~ .rate-avg .starm.bar5 {background-color: #388e3c;}
  .avg-rate:hover ~ .rate-avg .starm.bar4 {background-color: #388e3c;}
  .avg-rate:hover ~ .rate-avg .starm.bar3 {background-color: #388e3c;}
  .avg-rate:hover ~ .rate-avg .starm.bar2 {background-color: #ff9800;}
  .avg-rate:hover ~ .rate-avg .starm.bar1 {background-color: #ff6161;}
  
  
  .starm{
      height: 5px;
      left: 0;
      position: absolute;
      width: 0;
      transform-origin: left center;
      transition: -webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
      transition: transform .4s cubic-bezier(0,0,.3,1) .3s;
      transition: transform .4s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
  }
  .avg-rate ~ .rate-avg .starm.bar5{
      transform: scaleX(0);
      transition: -webkit-transform 0s linear .2s;
      transition: transform 0s linear .2s;
      transition: transform 0s linear .2s,-webkit-transform 0s linear .2s
  }
  .avg-rate ~ .rate-avg .starm.bar4{
      transform: scaleX(0);
      transition: -webkit-transform 0s linear .3s;
      transition: transform 0s linear .3s;
      transition: transform 0s linear .3s,-webkit-transform 0s linear .3s
  }
  .avg-rate ~ .rate-avg .starm.bar3{
      transform: scaleX(0);
      transition: -webkit-transform 0s linear .4s;
      transition: transform 0s linear .4s;
      transition: transform 0s linear .4s,-webkit-transform 0s linear .4s
  }
  .avg-rate ~ .rate-avg .starm.bar2{
      transform: scaleX(0);
      transition: -webkit-transform 0s linear .5s;
      transition: transform 0s linear .5s;
      transition: transform 0s linear .5s,-webkit-transform 0s linear .5s
  }
  .avg-rate ~ .rate-avg .starm.bar1{
      transform: scaleX(0);
      transition: -webkit-transform 0s linear .6s;
      transition: transform 0s linear .6s;
      transition: transform 0s linear .6s,-webkit-transform 0s linear .6s
  }
  .avg-rate:hover ~ .rate-avg .starm.bar5 {
      background-color: #388e3c; 
      transform: scaleX(1); 
      transition: transform .2s cubic-bezier(0,0,.2,1) .2s,-webkit-transform .2s cubic-bezier(0,0,.2,1) .2s
  }
  .avg-rate:hover ~ .rate-avg .starm.bar4 {
      background-color: #388e3c; 
      transform: scaleX(1); 
      transition: transform .3s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .3s cubic-bezier(0,0,.3,1) .3s
  }
  .avg-rate:hover ~ .rate-avg .starm.bar3 {
      background-color: #388e3c; 
      transform: scaleX(1); 
      transition: transform .4s cubic-bezier(0,0,.4,1) .4s,-webkit-transform .4s cubic-bezier(0,0,.4,1) .4s
  }
  .avg-rate:hover ~ .rate-avg .starm.bar2 {
      background-color: #ff9800; 
      transform: scaleX(1); 
      transition: transform .5s cubic-bezier(0,0,.5,1) .5s,-webkit-transform .5s cubic-bezier(0,0,.5,1) .5s
  }
  .avg-rate:hover ~ .rate-avg .starm.bar1 {
      background-color: #ff6161; 
      transform: scaleX(1); 
      transition: transform .6s cubic-bezier(0,0,.6,1) .6s,-webkit-transform .6s cubic-bezier(0,0,.6,1) .6s
  }
  
  .pro-review {
      border: 1px solid #eee;
      background-color: #fff;
      margin-top: 30px;
      margin-bottom: 30px;
      padding: 15px;
      border-radius: 4px;
  }
  .rhead,.block-category .bh{
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
      border-bottom: 1px solid #eee;
  }
  .rhead span,.block-category .bh span{
      border-bottom: 2px solid #88b121;
      padding-bottom: 8px;
      display: inline-block;
  }
  /* .avg-rate {
      display: inline-block;
      background-color: #219c00;
      color: #fff;
      border-radius: 4px;
      vertical-align: middle;
      cursor: pointer;
      margin-right: 15px;
  } */
  .bg-re5 {background-color: #388e3c; color: #fff;}
  .bg-re4 {background-color: #388e3c; color: #fff;}
  .bg-re3 {background-color: #388e3c; color: #fff;}
  .bg-re2 {background-color: #ff9800; color: #fff;}
  .bg-re1 {background-color: #ff6161; color: #fff;}
  /* heading */
  .pro-tab{
      margin-bottom: 30px;
  }
  .pro-tab .heading{
      margin-bottom: 0
  }
  .heading{
      font-size: 24px;
      font-weight: 700;
      text-transform: capitalize;
      position: relative;
      margin-bottom: 30px;
  }
  .heading span{
      display: block;
      vertical-align: middle;
      position: relative;
  }
  .heading strong{
      margin-top: 2px;
      font-size: 13px;
      line-height: normal;
      display: block;
      color: #333;
  }
  .thumbnail-container .obar {
      width: 100%;
      height: 10px;
  }
  .obar {
      background-color: #f5f5f5;
      width: 100px;
      border-radius: 4px;
      overflow: hidden;
      height: 16px;
      position: relative;
      vertical-align: middle;
      box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  }
  .ibar {
      background-color: #5FD841;
      width: 0;
      height: 100%;
  }
  .ibar.bar1 {
      width: 20%;
      background-color: #E84C3D;
  }
  .ibar.bar2 {
      width: 40%;
      background-color: #e67e22;
  }
  .ibar.bar3 {
      width: 60%;
      background-color: #f1c40f;
  }
  .ibar.bar4 {
      width: 80%;
      background-color: #96D940;
  }
  .ibar.bar5 {
      width: 100%;
      background-color: #5FD841;
  }
  .pavilable .item-quantity{
      font-size: 12px;
  }
  /* service */
  .deliveryinfo{
      border: 1px solid #e1e1e1;
      margin-left: 0;
      margin-right: 0;
      padding: 38px 0;
  }
  .deliveryinfo li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 8px;
  }
  .deliveryinfo li span{
      display: inline-block;
      vertical-align: middle;
      transition: 0.3s ease;
  }
  .deliveryinfo li:last-child{
      width: 77%;
  }
  .deliveryinfo li h4{
      font-size: 18px;
      text-transform: capitalize;
      font-weight: 600;
      margin-bottom: 8px;
  }
  .deliveryinfo li p{
      text-transform: capitalize;
      margin-bottom: 0;
      font-size: 12px;
  }
  .deliveryinfo ul svg{
      width: 40px;height: 40px;
  }
  /* testimonial */
  .t1 {
      background-image: url('../img/testi1.png');
  }
  .t2 {
      background-image: url('../img/testi2.png');
  }
  .t3 {
      background-image: url('../img/testi3.png');
  }
  .timg {
      width: 100px;
      height: 100px;
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle;
      border-radius: 100%;
      border: 2px solid #88b121;
      margin-bottom: 10px;
  }
  .parallex .item h2{
      font-size: 16px;
      text-transform: uppercase;
      color: #88b121;
      display: inline-block;
      vertical-align: middle;
      font-weight: 600;
  }
  .parallex .item h5{
      font-size: 14px;
      text-transform: capitalize;
      color: #777;
      display: inline-block;
      vertical-align: middle;
      font-weight: normal;
  }
  .parallex .item p{
      color: #333;
      margin-top: 15px;
      line-height: 21px;
  }
  .parallex .item{
      max-width: 1150px;
      margin: 0 auto;
  }
  /* category */
  #wb_cat_carousel.owl-carousel .owl-item img{
      width: auto;
  }
  .category-back .cless{
      padding: 0
  }
  .catbrpos{
      position: absolute;
      right: 20px;
      top: 120px;
      transition: 0.3s ease;
  }
  .categorybr h5 {
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 700;
      color: #fff;
  }
  .categorybr p {
      margin: 6px 0 0 0;
      font-size: 16px;
      text-transform: capitalize;
      color: #fff;
      font-weight: 600;
  }
  .categorybr {
      position: relative;
  }
  /* banner */
  .imgbnrtext h5{
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #777;
      margin: 0
  }
  .imgbnrtext h2{
      font-size: 50px;
      text-transform: capitalize;
      font-weight: 700;
      margin: 10px 0 25px 0;
  }
  .imgbnrtext p{
      margin: 0;
      letter-spacing: 1px;
      line-height: 24px;
  }
  .imgbnrtext .btn-primary{
      border: 1px solid #88b121;
      background: #fff;
      color: #88b121;
      padding: 10px 25px;
      margin-top: 40px;
  }
  .imgbnrtext .btn-primary:hover{
      background-color: #88b121;
      color: #fff;
  }
  .imgbnrtext{
      margin-top: 60px;
  }
  /* blog */
  .wbblogs_success{
      background: #92d097;
      color: #157b39;
      padding: 5px 10px;
      display: block;
      margin-top: 8px;
  }
  .post_content p{
      color: #999;
      font-size: 14px;
      line-height: 21px;
      margin: 0 0 8px 0;
  }
  .blog_post_content_bottom .read_more i{
      transform: rotate(180deg);
      font-size: 14px;
      vertical-align: text-bottom;
  }
  .blogdt{
      margin-bottom: 8px;
  }
  .blog_post_content_bottom .read_more{
      display: inline-block;
      margin-top: 15px;
  }
  #blog .blog_post_content{
      box-shadow: 0px 0px 8px 0px rgba(4, 0, 0, 0.08);
      margin-bottom: 5px;
  }
  #blog .blog_post_content_bottom{
      padding: 18px 20px;
  }
  .post_title{
      font-size: 22px;
      text-transform: capitalize;
      line-height: 28px;
      padding: 0 0 15px 0;
      font-weight: 600;
      overflow: hidden;
      height: 62px;
  }
  .post_title:hover{
      color: #88b121;
  }
  .blogdt span{
      color: #666
  }
  .blog_mask .icon {
      transform: translate(-50%, -50%);
      background: #88b121;
      display: inline-block;
      min-width: 35px;
      min-height: 35px;
      text-align: center;
      padding: 6px 0;
      margin: 0 5px;
      border-radius: 4px;
      color: #fff;
  }
  .post_thumbnail{
      position: relative
  }
  .post_thumbnail:hover .blog_mask{
      opacity: 1;
      visibility: visible;
      z-index: 1;
      border-radius: 4px;
      -webkit-transform: scale(0.94,0.9);
  }
  .blog_mask .icon:hover {
      background-color: #000;
      color: #fff;
  }
  .blog_mask {
      opacity: 0;
      visibility: hidden;
      z-index: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transition: 0.3s ease;
      -webkit-transform: scale(0.8);
      background-color: rgba(255, 255, 255, 0.4);
      padding: 10px;
      border-radius: 4px;
  }
  .blog_mask_content{
      position: absolute;
      left: 20px;
      right: 0;
      margin: 0 auto;
      text-align: center;
      top: 50%;
  }
  .wbblog_img{
      border-radius: 4px;
  }
  .allbl{
      padding: 15px 0 0 0;
      border: none;
      position: unset;
      margin: 0;
  }
  .barr{
      padding: 0 15px;
  }
  .allbl .meta_author{
      color: #222;
  }
  .allbl .post_meta span{
      margin: 0 10px;
  }
  .allbl .content_more{
      margin-top: 10px;
  }
  .allbl .post_content {
      color: #555;
      line-height: 23px;
      font-size: 14px;
  }
  .allbl .post_content p{
      margin-bottom: 0;
      margin-top: 0;
      color: #999;
  }
  .allbl .content_more{
      padding: 0;
  }
  .allbl .post_title{
      margin-bottom: 0;
      font-size: 16px;
      padding: 0;
      font-weight: 600;
      line-height: normal;
      border: none;
      height: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  .archb .post_thumbnail{
      position: relative;
  }
  .archb .post_thumbnail .material-icons{
      position: absolute;
      right: 10px;
      bottom: 10px;
  }
  .archb{
      margin-bottom: 30px;
  }
  #module-wbblog-single .post_title{
      height: auto;
      font-size: 16px;
      text-transform: capitalize;
      margin-top: 10px;
      min-height: auto;
      margin-bottom: 8px;
      cursor: pointer;
      transition: 0.3s ease;
      border: none;
      font-weight: 600;
  }
  #module-wbblog-single .blog_post_content_top{
      margin-top: 0;
  }
  #module-wbblog-archive .blog_post_content{
      margin-bottom: 20px;
      float: left;
      width: 100%;
  }
  #module-wbblog-archive .content_more a{
      text-decoration: none;
  }
  #module-wbblog-single .page-footer{
      margin-top: 0;
  }
  #module-wbblog-single .blog_post_content{
      padding: 0;
      margin-bottom: 20px;
      border-radius: 4px;
  }
  #blog_post .post_thumbnail img{
      border-radius: 4px;
  }
  .blogdl{
      color: #aaa;
      font-size: 13px;
      font-weight: 500;
      padding: 5px 0;
  }
  .post_d i{
      font-size: 14px;
      color: #aaa;
      margin-right: 10px;
  }
  .post_d a,.post_d span{
      color: #aaa;
      transition: 0.3s ease;
      display: inline-block;
  }
  .post_d a:hover{
      color: #000;
  }
  .post_d .fa-eye{
      margin-left: 10px;
  }
  .post_d{
      margin-top: 10px;
      text-transform: capitalize;
      font-size: 13px;
  }
  .post_metas li{
      display: inline-block;
  }
  .comment_list li{
      border-bottom: 1px solid #eee;
      padding-bottom: 5px;
      margin-bottom: 0;
  }
  .comment_list li:last-child{
      border-bottom: none;
      padding-bottom: 0px;
      margin-bottom: 0px;
  }
  .allbl .meta_category{
      margin: 0 15px;
  }
  .wco{
      margin-left: 33px;
  }
  /* comment */
  .commlist{
      background-color: #fff;
      margin-bottom: 15px;
      margin-top: 10px;
      border: 1px solid #eee;
  }
  .comment_content{
      padding: 10px 15px;
  }
  .fn{
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 0 7px;
  }
  .vcard img{
      height: 61px;
      width: 61px;
  }
  .comment_content i{
      font-size: 18px;
      padding-right: 15px;
      line-height: 30px;
  }
  .wco{
      margin-left: 38px;
      position: relative;
      top: 6px;
      margin-bottom: 10px;
      font-size: 12px;
      color: #777;
  }
  /* newsletter */
  .block_newsletter .alert{
      margin-top: 5px;
  }
  .block_newsletter h5{
      font-size: 30px;
      text-transform: uppercase;
      margin-bottom: 15px;
      color: #fff;
      font-weight: 600;
  }
  .block_newsletter h6{
      margin-bottom: 0;
      color: #999;
      margin-top: 10px;
  }
  .block_newsletter form .btn-primary{
      margin: 0 10px;
  }
  .block_newsletter{
      padding: 40px 15px;
  }
  /* footer */
  .newsftr{
      padding: 40px 0;
      max-width: 1200px;
      margin: 0 auto;
  }
  .newsftr li a{
      color: #ddd;
      position: relative;
      text-transform: capitalize;
  }
  .newsftr li a:hover{
      color: #88b121
  }
  .newsftr li a::after{
      content: '|';
      margin: 0 8px;
      color: #ddd
  }
  .newsftr li:last-child a::after{
      display: none
  }
  #scroll {
      position: fixed;
      bottom: 60px;
      right: 20px;
      font-size: 18px;
      color: #fff;
      cursor: pointer;
      z-index: 2;
      background: #88b121;
      min-width: 40px;
      min-height: 40px;
      overflow: hidden;
      display: block;
      text-align: center;
      opacity: 1;
      transition: all 0.5s ease-in-out 0s;
      transform: scale(1);
      padding: 10px 0;
      border-radius: 4px;
  }
  #scroll.scrollhide{
      bottom: -100px;
      opacity: 0;
      transform: scale(0); 
  }
  #scroll:hover{
      background-color: #000;
      color: #fff
  }
  .email{
      word-break: break-all;
  }
  #footer_contact .icon {
      margin-right: 15px;
  }
  .links h3, .links h3 a, .c-info{
      font-weight: 600;
      font-size: 18px;
      text-transform: uppercase;
      margin-bottom: 15px;
      color: #fff;
  }
  .footer-container li a, .fthr .block, .fthr .data a,#footer #block_myaccount_infos .lnk_wishlist{
      cursor: pointer;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 33px;
      color: #ddd;
      padding: 0;
      transition: 0.3s all ease-in-out
  }
  .footer-container li a:hover,.fthr .block:hover,.fthr .data a:hover,#footer #block_myaccount_infos .lnk_wishlist:hover{
      color: #88b121;
      opacity: 1;
  }
  .footer-container {
      padding: 50px 0;
      border-top: 1px solid #333;
      border-bottom: 1px solid #333;
  }
  #footer_contact .icon svg{
      fill: #88b121
  }
  #footer .data {
      margin-left: 34px;
  }
  #footer #block_myaccount_infos .lnk_wishlist i{
      display: none
  }
  #footer #block_myaccount_infos .lnk_wishlist{
      float: none;padding: 0
  }
  .fthr h3{
      margin-top: 25px;
  }
  .block-social li,.foot-payment li,.footsmenu li{
      display: inline-block;vertical-align: middle
  }
  .foot-payment li a{
      font-size: 24px;
      color: #aaa;
  }
  .foot-payment li a:hover{
      color: #88b121;
  }
  .foot-payment li i{
      margin: 0 5px;
      transition: 0.3s ease
  }
  .block-social{
      margin-top: 15px;
  }
  .block-social li a {
      line-height: normal;
      text-align: center;
      font-size: 16px;
      display: inline-block;
      vertical-align: middle;
      background-color: #ebebeb;
      min-width: 35px;
      min-height: 35px;
      padding: 3px 0 0 0;
      margin: 1px;
      border-radius: 4px;
      color: #777;
  }
  .block-social li a:hover {
      background-color: #88b121;
      color: #fff !important;
  }
  #footer{
      margin-top: 60px;
      background-color: #000;
  }
  .copy{
      padding: 15px 0;
      border-top: 1px solid #333;
  }
  .copy a._blank{
      color: #fff;
      margin-bottom: 10px;
      display: block;
  }
  .copy a._blank:hover{
      color: #88b121;
  }
  /* social follow */
  .facebook a::before {
      content: "\f09a";
      font-family: fontAwesome;
  }
  .twitter a::before {
      content: "\f099";
      font-family: fontAwesome;
  }
  .googleplus a::before {
      content: "\f0d5";
      font-family: fontAwesome;
  }
  .pinterest a::before {
      content: "\f231";
      font-family: fontAwesome;
  }
  .instagram a::before {
      content: "\f16d";
      font-family: fontAwesome;
  }
   .rss a::before {
      content: "\f09e";
      font-family: FontAwesome;
  }
  .youtube a::before {
      content: "\f167";
      font-family: FontAwesome;
  }
  .vimeo a::before {
      content: "\f27d";
      font-family: FontAwesome;
  }
  .snapchat a::before {
      content: "\f2ab";
      font-family: FontAwesome;
  }
  .linkedin a::before {
      content: "\f0e1";
      font-family: FontAwesome;
  }
  /* product page */
  
  .propage .wbproductcountdown{
      margin-top: 10px;
      display: inline-block;
  }
  .propage .wbproductcountdown h4{
      display: none
  }
  .propage .wbpc-main .count{
      background-color: #fff;
  }
  .product-additional-info .compare, .product-additional-info .panel-product-line {
      display: inline-block;
      vertical-align: middle;
      margin: 0;
  }
  .product-additional-info svg {
      display: none;
  }
  .product-additional-info .add_to_compare, .product-additional-info .prowish {
      display: inline-block;
      vertical-align: middle;
      background-color: #88b121;
      color: #fff;
      text-transform: capitalize;
      font-size: 14px;
      padding: 6px 15px;
      border-radius: 4px;
      transition: 0.3s ease;
      margin-bottom: 4px;
      border: none;
      cursor: pointer;
  }
  .product-additional-info .add_to_compare:hover, .product-additional-info .prowish:hover {
      background-color: #000;
      color: #fff;
  }
  .wb-dropdown-cart .discount-amount{
      background-color: transparent;
      padding: 0;
      color: #000;
  }
  .discount-amount,.propage .discount-percentage{
      background: #88cb86;
      color: #fff;
      font-size: 12px;
      padding: 4px 5px;
      border-radius: 4px;
  }
  .propage .current-price span{
      display: inline-block;vertical-align: middle;
  }
  .propage .current-price span:nth-child(1){
      font-size: 26px;
      letter-spacing: 0;
      font-weight: 600;
      display: inline-block;
      vertical-align: middle;
  }
  .propage .product-discount .regular-price{
      font-size: 14px;
  }
  .product-pack .h4{margin-bottom: 10px;}
  .block-reassurance-item .h6{
      font-size: 13px;
      color: #777;
      line-height: 20px;
  }
  .tabpro{
      margin-top: 50px;
  }
  .js-thumb,#zoom{
      cursor: pointer;
      border: 1px solid #eee;
      border-radius: 4px;
  }
  .product-tab .nav-tabs .nav-link{
      padding: 15px 12px;
      font-weight: 600;
      font-size: 16px;
  }
  .arltr .wb-list-product-reviews, #ratep, .retesp {
      display: inline-block;
      vertical-align: middle;
      margin-top: 0;
  }
  .retesp{
      margin: 0 5px;
  }
  #description p{
      margin-bottom: 0;
      line-height: 22px;
  }
  #product .thumb-container {
      padding: 0 3px;
  }
  .product-tab .tab-pane{
      padding: 15px;
  }
  .product-prices{
      border-bottom: 1px solid #eee;
      padding-bottom: 16px;
  }
  .prodes p{
      margin-bottom: 0
  }
  /* .quickview .prodes p{
      height: 92px;
      overflow: hidden;
  } */
  .prodes,.product-variants .product-variants-item{
      border-bottom: 1px solid #eee;
      padding: 16px 0;
      margin-bottom: 0;
  }
  .product-actions{
      padding-bottom: 16px;
  }
  .propage hr{
      border-top: 1px solid #eee;
  }
  .social-sharing{
      margin-top: 15px;
  }
  .propage h1 {
      font-size: 20px;
      text-transform: capitalize;
      font-weight: 600;
  }
  .pcust{
      font-size: 12px;
  }
  .product-customization-item label{
      font-weight: 500;
      text-transform: capitalize;
  }
  .propage .control-label {
      margin-right: 10px;
      font-size: 14px;
      letter-spacing: 0.8px;
      margin-top: 0;
      font-weight: 600;
      vertical-align: middle;
      display: inline-block;
  }
  .propage .product-variants .product-variants-item ul,.propage .product-quantity{
      display: inline-block;vertical-align: middle
  }
  .product-quantity .add{
      margin: 0 10px;
  }
  .product-variants > .product-variants-item ul li label{
      margin-bottom: 0;
  }
  .propage .product-variants > .product-variants-item .color{
      margin-top: 0px;
      width: 20px;
      height: 20px;
  }
  #idWishlist{
      border: 1px solid #eee;
      height: 33px;
      -moz-appearance: none;
      -webkit-appearance: none;
      text-transform: capitalize;
      background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0rem center/1.25rem 1.25rem;
      padding: 5px 15px 5px 5px;
  }
  .product-tab .nav-item{
      display: inline-block;
  }
  .arltr a{
      text-transform: capitalize;
      display: inline-block;
  }
  .arltr i{
      margin-right: 5px;
  }
  .propage .open-comment-form::after{
      content: '|';
      padding: 0 20px;
  }
  .product-tab{
      border: 1px solid #eee;
      background-color: #fff;
      margin-top: 30px;
      margin-bottom: 30px;
      position: relative;
      border-radius: 4px;
  }
  .product-tab .nav-tabs{
      border-bottom: 1px solid #eee;
  }
  .attachment h4,.product-features .h6{
      margin-bottom: 10px;
      text-transform: capitalize;
  }
  .product-tab .nav-tabs .nav-item a.active::before {
      background-color: #88b121;
      height: 2px;
      width: 40px;
  }
  .product-tab .nav-tabs .nav-item a::before {
      background-color: transparent;
      content: "";
      height: 2px;
      margin: 0 auto;
      position: absolute;
      top: 48px;
      transition: all 0.4s ease-out 0s;
      width: 3px;
  }
  .product-reference{
      margin-top: 10px;
  }
  .prodes p{
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 23px;
  }
  .product-tab .nav-tabs .nav-link.active{
      color: #88b121;
  }
  /* category page */
  .category-cover img{
      border-radius: 4px;
  }
  #_desktop_search_filters_clear_all button.js-search-filters-clear-all{
      background: #000;
      color: #fff;
      border: none;
      text-transform: capitalize;
      padding: 8px 10px;
  }
  #_desktop_search_filters_clear_all button.js-search-filters-clear-all:hover{
      background-color: #333;
  }
  .products-selection {
      margin: 0 0 15px 0;
      background-color: #fff;
      border: 1px solid #eee;
      padding: 10px 0;
      border-radius: 4px;
  }
  #search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio{
      top: 0
  }
  .quickview .product-add-to-cart{
      padding-top: 15px;
  }
  #category-description{
      padding: 5px 0;
  }
  .facet li{
      margin-top: 12px
  }
  .facet-title{
      color: #88b121;
      text-transform: uppercase;
      font-size: 16px;
      margin-bottom: 15px;
      margin-top: 20px;
      font-weight: 600;
      border-bottom: 1px solid #f2f2f2;
      padding-bottom: 10px;
  }
  .facet-label a span {
      display: inline-block;
      position: absolute;
      right: 30px;
      font-size: 12px;
      color: #333;
      text-align: center;
  }
  #_desktop_search_filters_clear_all {
      margin-top: 15px;
  }
  .wb-grid-list{
      margin-top: 5px;
  }
  .total-products p {
      margin-bottom: 0;
      margin-top: 6px;
  }
  .products-sort-order .select-title {
      display: inline-block;
      width: 100%;
      cursor: pointer;
      border: none;
      color: #fff;
      font-size: 14px;
      padding: 6px 5px 1px 5px;
      background-color: #222;
      border-radius: 4px;
  }
  .products-sort-order i{
      position: relative;
      top: -1px;
  }
  #new-products .products-sort-order .select-title{
      letter-spacing: 0;font-size: 12px;
  }
  .products-sort-order .dropdown-menu {
      border: none;
      right: 15px;
      left: 15px;
      box-shadow: 0 0 3px rgba(0,0,0,0.2);
  }
  .lgrid svg{
      fill: #aaa;
      cursor: pointer;
      margin-right: 6px;
  }
  .wb-grid-list .selected svg{
      fill: #222
  }
  .products-sort-order .select-list {
      display: block;
      padding: 2px 8px;
      line-height: 25px;
      font-size: 14px;
  }
  .products-sort-order .select-list:hover {
      background: #222;
      color: #fff;
      text-decoration: none;
  }
  .page-content p{
      margin-bottom: 10px;
  }
  .sort-by{
      margin-top: 7px;
  }
  .listds{
      display: none;
  }
  .wb-product-list .listds{
      display: block;
  }
  .listds,.listds p{
      font-size: 13px;
      color: #aaa;
      line-height: 21px;
      margin-bottom: 0;
      letter-spacing: 0.5px;
      overflow: hidden;
      max-height: 44px;
  }
  .listds{
      margin-top: 0;
      margin-bottom: 6px;
  }
  .bh{
      text-transform: uppercase;
      font-size: 16px;
      margin-bottom: 15px;
      font-weight: 500;
  }
  .wb-product-list .wb-image-block{
      padding: 0;overflow: hidden;
  }
  #js-product-list .product-miniature{
      padding: 0;
  }
  .wb-product-grid .item-product, .wb-product-list .item-product {
      margin-bottom: 20px;
  }
  .wb-product-list .thumbnail-container .button-group{
      position: unset;
      margin-top: 12px;
      transition: none;
      text-align: left;
      opacity: 1;
  }
  /* pagination */
  .pagination {
      text-align: center;
      border: 1px solid #eee;
      background-color: #fff;
      text-transform: capitalize;
      padding: 7px 0;
      display: inline-block;
      border-radius: 4px;
  }
  .pagination i{
      font-size: 20px;
      margin-top: -2px;
  }
  .pagination .page-list li a {
      display: inline-block;
      background: #88b121;
      color: #fff;
      text-align: center;
      font-weight: normal;
      margin: 0;
      padding: 6px 7px 4px 7px;
      width: 35px;
      line-height: 24px;
      font-size: 15px;
      border-radius: 4px;
  }
  .pagination .text-xs-left {
      line-height: 34px;
  }
  .pagination .page-list li a:hover,.pagination .page-list li a:focus,.pagination .page-list li.current a{
      background: #000;
      color: #fff;
  }
  /* other page */
  .wbpopup-popducts .wbdiscount-product{
      color: #000;
      font-size: 12px;  
  }
  .thumbnail-container .product-thumbnail{
      display: block
  }
  .wbpopupnewsletter,#moda_popupnewsletter .close{
      border-radius: 4px;
  }
  .wbpopupnewsletter .popup_text p{
      font-size: 14px;
  }
  .imgbanner,.toprt,.imglatest,.parallex {
      margin-top: 60px;
      margin-bottom: 60px;
  }
  .logos{
      margin-top: 60px;
  }
  .brand.row {
      background: #fff;
      margin-top: 15px;
      margin-left: 0;
      margin-right: 0;
      padding: 10px;
      border: 1px solid #eee;
      border-radius: 4px;
  }
  #search_filters .ui-slider-horizontal{
      z-index: 0;
  }
  .sale-bkg .sale{
      display: none
  }
  .wb-modal .modal-content{
      border-radius: 4px;
  }
  .js-terms a{
      color: #88b121;
      text-transform: capitalize;
      font-weight: 500;
  }
  #contact .card{
      border: none;
      padding: 0;
  }
  .product-line-grid-body{
      line-height: 25px;
  }
  #module-wbblog-single .page-footer,#index .page-footer,#product .page-footer{
      margin-top: 0;
  }
  .page-footer{
      margin-top: 30px;
  }
  /* banner effect */
  .beffect a {
      display: block;
      overflow: hidden;
      position: relative;
  }
  .beffect:hover a::before {
      right: 50%;
      left: 50%;
      width: 0;
      background: rgba(255, 255, 255, 0.2);
  }
  .beffect:hover a::after {
      height: 0;
      top: 50%;
      bottom: 50%;
      background: rgba(255, 255, 255, 0.2);
  }
  .beffect a::before, .beffect a::after {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
      background: rgba(255, 255, 255, 0);
      transition: all 0.7s ease-in-out;
  }
  @media (max-width: 1500px){
      .owl-carousel .owl-buttons .owl-prev{
          left: 0
      }
      .owl-carousel .owl-buttons .owl-next{
          right: 0;
      }
  }
  @media (min-width: 768px){
      .wb-product-list .productmcat{
          bottom: 8px;
      }
      .wb-product-list .product-title {
          font-size: 1.1rem;
      }
      .sticky{
          position: sticky;
          top: 15px;
      }
      .wb-product-list .wb-product-desc{
          text-align: left;padding: 10px;margin-top: 15px;
      }
      .wb-product-list .wb-product-desc .price{
          font-size: 18px;
      }
      .pro-tab ul{
          margin-right: 80px;
          position: relative;
          top: 7px;
      }
  }
  @media (min-width: 992px){
      .brand.row{
          display: flex;
          align-items: center;
      }
      .brand.row .brand-infos p{
          margin: 0;
      }
      .catbrpos{
          width: 250px;
      }
  }
  @media (min-width: 992px) and (max-width: 1199px){
      .wb-menu-vertical li.level-1, .view_menu{
          margin: 0 12px;
          letter-spacing: 0
      }
      .headtleft{
          font-size: 13px;letter-spacing: 0
      }
      .toprt .thumbnail-container .wb-product-desc{
          margin-top: 5px;
      }
      .blog_post_content_bottom .post_content{
          overflow: hidden;
          height: 43px;
      }
      .blog_post_content_bottom .read_more{
          margin-top: 5px;
      }
      .post_title{
          font-size: 18px;
      }
      .blogdt {
          margin-bottom: 4px;
      }
      #search_category{
          width: 130px;
      }
      #_desktop_user_info {
          margin: 0 20px;
      }
      .categorybr h5{
          font-size: 18px;
          letter-spacing: 0
      }
      .categorybr p{
          font-size: 14px;
      }
      .catbrpos{
          top: 90px;
      }
      .imgbnrtext{
          margin-top: 0
      }
      .homeofr .homeofrinner a{
          font-size: 16px;
      }
      .catpos li a{
          font-size: 14px;letter-spacing: 0;
          padding: 16px 8px;
      }
      .slidecap h2{
          font-size: 42px;
      }
      .slidecap {
          top: 8%;
          margin: 0 30px;
          width: 500px;
      }
      .deliveryinfo .sbr{
          padding: 0 5px;
      }
      .deliveryinfo li:last-child{
          width: 73%;
      }
      #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a{
          letter-spacing: ;: 0px;font-size: 11px;
      }
      #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product,#search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
          width: 25%;
      }
      #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
          width: 75%;
      }
  }
  @media (min-width: 768px) and (max-width: 991px){
      .deliveryinfo li{
          margin: 0
      }
      .deliveryinfo li:last-child{
          width: 100%
      }
      .desktop-search,#_mobile_user_info{
          margin-top: 17px;
      }
      #_mobile_cart{
          margin-top: 16px;
      }
      #menu-icon .navbar-toggle{
          margin-top: 20px !important;
      }
      .deliveryinfo{
          padding: 20px;
      }
      .block_newsletter{
          padding: 20px 15px;
      }
      .newsftr{
          padding: 20px 0
      }
      .block_newsletter h5{
          font-size: 24px;
      }
      .catbrpos{
          top: 60px;
      }
      .categorybr p{
          font-size: 13px;
      }
      .fpay{
          margin-top: 15px;
      }
      .top-menu a[data-depth="0"]{
          text-transform: capitalize;
      }
      #search_category{
          width: 130px;
      }
      #_desktop_user_info {
          margin: 0 8px;
      }
      #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
          width: 33.33%;
      }
      #search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
          width: 25%;
      }
      #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
          width: 75%;
      }
      .product-line-grid-right .qty{
          padding: 0
      }
      .footer-container li a, .fthr .block, .fthr .data a{
          letter-spacing: 0
      }
      #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a{
          font-size: 13px;letter-spacing: 0
      }
      .slidecap p{
          font-size: 13px;
      }
      .slidecap h2{
          font-size: 30px;
      }
      .slidecap{
          top: 8%;
          margin: 0 15px;
          width: 400px;        
      }
      .slidecap .btn-primary{
          margin-top: 15px;
      }
      .deliveryinfo li{
          display: block;text-align: center;
      }
      .deliveryinfo li h4{
          font-size: 13px;letter-spacing: 0;margin-top: 8px;
      }
      .imgbnrtext h2{
          font-size: 24px;
          margin: 5px 0 10px 0
      }
      .imgbnrtext{
          margin-top: 0
      }
      .imgbnrtext .btn-primary{
          margin-top: 10px;
      }
  }
  @media (max-width: 991px){
      .wb-menu-vertical li.level-1 > a, .view_menu a{
          text-transform: uppercase;
          font-size: 16px;
      }
      .toprt .heading{
          text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
      }
      .post_title{
          font-size: 16px;
          line-height: 22px;
          height: 48px;
      }
      .toprt{
          padding: 15px 0
      }
      .toprt .thumbnail-container{
          margin-bottom: 15px;
      }
      .imgbanner, .toprt, .imglatest, .parallex{
          margin-top: 30px;
          margin-bottom: 30px;
      }
      .logos{
          margin-top: 30px;
      }
      .headtleft, .tright{
          margin-top: 0
      }
      #_mobile_cart{
          position: relative;
      }
      #_mobile_user_info{
          position: relative;
          cursor: pointer;
          margin-left: 10px;
          margin-right: 10px;
      }
      /* sidenav */
      .close-nav span{
          color: #fff;
          text-transform: uppercase;
          font-weight: 500;
      }
      body.active {
          overflow: hidden;
      }
      body.active::before {
          background: rgba(0,0,0,0.7) none repeat scroll 0 0;
          content: "";
          height: 100%;
          left: 0;
          opacity: 0.7;
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 99;
          transition: all .2s ease 0s;
      }
      body.active .sidenav {
          overflow-x: unset;
          overflow-y: scroll;
      }
      .sidenav {
          height: 100%;
          width: 0;
          position: fixed;
          z-index: 99999;
          top: 0;
          left: 0;
          background-color: #fff;
          transition: 0.5s;
          padding-top: 60px;
          overflow-x: hidden;
          transition: 0.5s;
          padding-top: 60px;
          box-shadow: 5px 0 5px 0 rgba(0,0,0,.06);
          clear: both;
          height: 100%;
          list-style: none;
          margin: 0;
          padding: 0;
      }
      .sidenav .close-nav {
          background-color: #000;
          padding: 10px 15px;
          width: 100%;
          display: inline-block;
      }
      #mobile_top_menu_wrapper {
          margin: 0 10px;
          line-height: 20px;
          display: block !important;
      }
      .close-nav i{
          font-size: 16px;
          color: #fff;
      }
      .dnone{
          display: none;
      }
      .dblock{
          display: block;
      }
      #wrapper,#footer{
          display: block !important;
      }
      #menu-icon .navbar-toggle{
          border: none;
          background: transparent;
          padding: 0;
          font-size: 17px;
          cursor: pointer;
          margin-right: 15px;
          margin-top: 14px;
      }
      .header-top{
          padding: 12px 0;border-bottom: none;
      }
      #_mobile_currency_selector,#_mobile_language_selector{
          display: inline-block;
          border: 1px solid #eee;
          padding: 2px 3px;
          margin-top: 10px;
          font-size: 12px;
          border-radius: 4px;
      }
      #_mobile_currency_selector select,#_mobile_language_selector select{
          -webkit-appearance: none;
          font-size: 12px;
          letter-spacing: 0;
      }
      #_mobile_currency_selector{
          margin: 0 3px;
      }
      .wb-menu-vertical ul li.level-1 ul li a{
          margin: 0
      }
      .wb-menu-vertical{
          position: unset;
      }
      #under-menu{
          display: block
      }
      #wb_category_feature .cless{
          width: auto;
      }
      .category-back .product-list.list-inline{
          display: flex; 
      }
      .categorybr h5{
          font-size: 14px;
          letter-spacing: 0;
          font-weight: 500;
          text-transform: capitalize;
      }
      .product-tab-item .thumbnail-container {
          margin-bottom: 20px;
      }
      .pro-tab{
          margin-bottom: 20px;
      }
      .heading{
          font-size: 20px;
          margin-bottom: 20px;
      }
      .heading strong{
          font-size: 12px;
      }
      .owl-carousel.owl-theme .owl-controls .owl-buttons div{
          padding: 4px 0 0;
          font-size: 18px;
          min-width: 30px;
          min-height: 30px;
      }
      .owl-carousel.owl-theme .owl-controls .owl-buttons div svg {
          width: 15px;
          height: 13px;
      }
      .owl-carousel .owl-buttons{
          right: 5px;top: -54px;
      }
      .cless{
          padding-left: 5px;
          padding-right: 5px;
      }
      .rless{
          margin-left: -5px;
          margin-right: -5px;
      }
      #wbsearch_content_result{
          left: 15px;
          right: 15px;
      }
      #footer{
          margin-top: 40px;
      }
      .footer-container {
          padding: 15px 0;
          border-bottom: none;
      }
      #module-wbcompare-WbCompareProduct .heading.text-xs-center{
          font-size: 20px;
          padding-bottom: 20px;
      }
      .wb-product-grid,.wb-product-list{
          margin: 0 -3px;
      }
      #js-product-list .item-product{
          padding: 0 3px;
      }
      .pagination .text-xs-left{
          font-size: 12px;
          letter-spacing: 0
      }
      .product-customization .custom-file button{
          padding: 0 5px;
          font-size: 12px;
      }
      .product-customization{
          font-size: 12px;
      }
      .product-actions .add-to-cart{
          padding: 0 10px;letter-spacing: 0
      }
      .product-customization .btn-primary.float-xs-right{
          padding: 7px 5px;
          font-size: 12px;
      }
  }
  @media (max-width: 767px){
      .categorybr h5{
          font-size: 14px;
          letter-spacing: 0;
          color: #000;
          font-weight: 500;
          text-transform: capitalize;
      }
      .reducep,.thumbnail-container .product-flags .new, .sale{
          background-color: transparent !important;
          color: #000;
          padding: 0 5px;
          text-transform: capitalize;
      }
      .reducep::before,.reducep::after,.thumbnail-container .product-flags .new::after,.thumbnail-container .product-flags .new::before,
      .sale::before,.sale::after,.productmcat,.cartb span,.thumbnail-container .button-group{
          display: none
      }
      .allbl{
          padding-top: 8px;
      }
      .wb-product-list .thumbnail-container .button-group{
          text-align: center
      }
      .block_newsletter{
          padding: 15px;
      }
      .block_newsletter h5{
          font-size: 20px;
      }
      .block_newsletter h6{
          font-size: 12px;letter-spacing: 0
      }
      .deliveryinfo li{
          margin: 0 5px;
      }
      .deliveryinfo li:last-child{
          width: 73%
      }
      .imgbnrtext h2{
          font-size: 20px;
          margin: 6px 0 15px 0;
      }
      .imgbnrtext .btn-primary{
          padding: 5px 14px;
          margin-top: 0px;
      }
      .imgbnrtext h5{
          text-transform: capitalize;
          letter-spacing: 0
      }
      .catbrpos{
          position: unset;
          text-align: center;
          margin-top: 5px;
      }
      .imgbnrtext{
          margin-top: 0
      }
      .catbrpos p{
          display: none
      }
      .pro-tab .heading{
          display: none
      }
      .pro-tab ul{
          text-align: left;
      }
      .desktop-search,#_mobile_user_info{
          margin-top: 10px;
      }
      #_mobile_cart{
          margin-top: 9px;
      }
      .headertbnr p{
          font-size: 13px;letter-spacing: 0
      }
      .cart-c strong{
          display: none
      }
      .search_widget{
          margin-top: 12px;
      }
      .toprt .thumbnail-container{
          margin-bottom: 20px;
      }
      .button-search{
          padding: 0 20px;
          height: 34px;
      }
      #search_block_top{
          height: 41px;
      }
      #search_query_top{
          height: 40px;
      }
      .slidecap .btn-primary{
          margin-top: 20px;
          padding: 10px 19px;
      }
      .catpos{
          padding: 0 8px;
      }
      .catpos .icon_cat.float-xs-right,.navmenu{
          display: none
      }
      #owl-rate .thumbnail-container .wb-product-desc {
          padding: 0 8px;
      }
      .newsftr{
          padding: 15px 0;
      }
      .block-social{
          margin-bottom: 25px;
      }
      .catpos li a{
          font-size: 14px;
          padding: 9px 8px;
      }
      .imgbanner{
          margin-bottom: 30px;
      }
      .deliveryinfo li h4{
          font-size: 16px;
          letter-spacing: 0;
          margin-bottom: 5px;
      }
      .catprodt .cat-content img,.homeofr{
          display: none
      }
      .wbContentProduct {
          margin: 0;
      }
      .block_newsletter form input, .block_newsletter form button.btn-primary{
          height: 40px;
      }
      .deliveryinfo{
          text-align: left;
          padding: 20px 0;
      }
      .pro-tab ul li a{
          font-size: 14px;text-transform: capitalize;
          padding: 5px 8px;
          letter-spacing: 0;
      }
      .pro-tab ul li{
          margin-right: 8px;
      }
      .block_newsletter form input.btn-primary{
          font-size: 14px;letter-spacing: 0
      }
      .deliveryinfo .sbr{
          border: none;
          margin-bottom: 15px;
      }
      .deliveryinfo .sbr:last-child{
          margin-bottom: 0;
      }
      .user-down{
          min-width: 14.4rem;
          right: 0;
          left: auto;
      }
      #_mobile_logo img {
          max-width: 120px;
      }
      .thumbnail-container .button-group button.cartb span{
          display: none
      }
      .thumbnail-container .button-group a, .thumbnail-container .button-group button{
          padding: 4px 0;
          min-width: 28px;
          min-height: 28px;
          margin: 0;
          border-radius: 4px;
      }
      .thumbnail-container .button-group svg{
          width: 18px;height: 17px;
      }
      .thumbnail-container .button-group{
          position: unset;margin-top: 6px;opacity: 1;
      }
      .post_content p{
          font-size: 13px;
      }
      .price{
          font-size: 15px;
      }
      .regular-price{
          font-size: 11px;
      }
      #module-wbblog-single .post_title{
          font-size: 14px;
      }
      .propage h1{
          margin-top: 10px;
      }
      .total-avg{
          width: 120px;
      }
      .wb-menu-vertical .menu-vertical{
          display: block
      }
      .wb-menu-vertical{
          left: 0
      }
      .wb-product-list .listds{
          margin-bottom: 3px;margin-top: 0;
      }
      .listds, .listds p,.post_content span{
          font-size: 13px;letter-spacing: 0
      }
      .post_title{
          font-size: 14px;
      }
      .block-social li a{
          min-width: 30px;
          min-height: 30px;
          padding: 0;
          margin: 0;
      }
      .thumbnail-container .product-flags .new,.sale{
          font-size: 11px;
      }
      .wb-menu-vertical .wb-sub-menu li.menu-item.bh{
          margin-bottom: 0
      }
      .wb-dropdown-cart.defaultcart{
          top: 40px;
      }
      .post_thumbnail{
          margin-top: 0;
      }
      .facet-label a span{
          position: unset;
      }
      #category #search_filter_toggler{
          padding: 6px 0;
      }
      #blockcart-modal .product-name{
          margin-top: 15px;
      }
      .product-tab .nav-tabs .nav-link {
          padding: 15px 8px;
          font-size: 15px;
          letter-spacing: 0;
      }
      .form-control-label{
          padding-top: 0
      }
      .forgotten-password .form-fields label.required{
          text-align: left;
          padding: 0
      }
      .quickview .propage h1{
          margin-top: 0;
      }
      .quickview .modal-body{
          padding: 0 15px 15px 15px;
      }
      .arltr a,#description p,.prodes p, .product-variants .product-variants-item,.page-content p,.attachment p{
          font-size: 13px;
          letter-spacing: 0.5px
      }
      .links .title .h3{
          font-size: 14px;font-weight: 500;color: #fff;
      }
      .arltr a{
          letter-spacing: 0
      }
  }
  @media (min-width: 500px) and (max-width: 767px){
      .imgbnrtext h2{
          margin: 6px 0
      }
      .imgbnrtext p{
          letter-spacing: 0;
          line-height: 22px;
          overflow: hidden;
          height: 71px;
      }
      .deliveryinfo [class*="col-"].sbr:nth-child(3),.deliveryinfo [class*="col-"].sbr:nth-child(4){
          margin-bottom: 0;
      }
      .imglatest [class*="col-"]{
          width: 50%
      }
      .slidecap {
          top: 1%;
          margin: 0 15px;
          width: 350px;
      }
      .slidecap h2{
          font-size: 22px;margin: 7px 0;
      }
      .toprt .productmcat{
          display: none
      }
      .slidecap .btn-primary{
          margin-top: 0;
          padding: 5px 13px;
      }
      .slidecap p{
          overflow: hidden;
          height: 46px;
      }
  }
  @media (max-width: 499px){
      .imgbnrtext p{
          display: none
      }
      .imgbanner [class*="col-"],.imglatest [class*="col-"]{
          margin-bottom: 10px;
      }
      .imgbanner [class*="col-"]:last-child,.imglatest [class*="col-"]:last-child{
          margin-bottom: 0;
      }
      .slidecap .btn-primary{
          letter-spacing: 0;
          font-size: 12px;
          padding: 6px 8px;
      }
      .slidecap p{
          display: none
      }
      .slidecap h2{
          font-size: 18px;margin: 6px 0;
      }
      .slidecap h5{
          font-size: 13px;
      }
      .slidecap {
          top: 7%;
          margin: 0 15px;
          width: 180px;
      }
      .s-panel .slick-dots {
          position: unset;display: none !important
      }
  }
  @media (max-width: 1199px){
      .quickview .mask{
          display: none
      }
      .links h3, .links h3 a, .c-info{
          font-size: 14px;letter-spacing: 0
      }
  }
  @media (min-width: 1200px){
      .quickview .product-cover img{
          max-width: 500px;
      }
      #search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
          width: 20%;
      }
      #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
          width: 80%;
      }
  }
  @media (min-width: 1200px) and (max-width: 1409px){
      .catbrpos{
          top: 100px;
      }
      .tab-cate-pro .item-inner:first-child .product-container.thumbnail-container{
          margin-top: 0
      }
      .catpos li a{
          padding: 16px 8px;
      }
      .post_content p{
          font-size: 13px;
      }
      .blog_post_content_bottom .read_more{
          margin-top: 0
      }
      .product-line-grid-right .qty{
          padding: 0
      }
      #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
          width: 25%;
      }
      .slidecap {
          top: 12%;
          margin: 0 60px;
      }
  }
  @media (min-width: 600px){
      #cate-re.collapse {
          display: block;
      }
      .catb {
          display: none;
      }
  }
  @media (min-width: 600px) and (max-width: 767px){
      .lgrid{
          width: 40%;
      }
      .sro{
          width: 60%;
      }
      .wb-product-grid .item-product,.wb-product-list .item-product{
          width: 33.33%;
      }
  }
  @media (min-width: 360px) and (max-width: 599px){
      .wb-product-list .item-product{
          width: 50%;
      }
  }
  @media (max-width: 599px){
      .catpos .menu-tab{
          margin-bottom: 10px;
      }
      .tab-cate-pro .item-inner:first-child .product-container.thumbnail-container{
          margin-top: 0;
      }
      .tab-cate-pro .product-container.thumbnail-container {
          margin-top: 15px;
      }
      .catb.toggle.collapsed::after {
          font-family: 'FontAwesome';
          content: '\f067';
          font-size: 14px;
          font-weight: 400;
          cursor: pointer;
      }
      .catb.toggle::after {
          font-family: 'FontAwesome';
          content: '\f068';
          font-size: 14px;
          font-weight: 400;
          cursor: pointer;
      }
      .catb {
          position: absolute;
          right: 15px;
          top: -62px;
          background: #eee;
          border: none;
          padding: 0;
          cursor: pointer;
          z-index: 1;
          min-width: 30px;
          min-height: 30px;
          text-align: center;
          padding-top: 1px;
          border-radius: 4px;
      }
      .cattab,.tab-cate-pro{
          width: 100%;
      }
      #search_category,.cate-bg .owl-carousel .owl-buttons{
          display: none
      }
      .wb-product-list .wb-image-block img{
          width: 100%;
      }
      .barr {
          padding: 0 10px;
      }
      .quickview .modal-dialog{
          width: auto;
          margin: 30px 15px;
      }
      #owl-image-slider .owl-nav{
          display: none
      }
      .quickview .modal-dialog{
          width: auto;
          margin: 30px 15px;
      }
      .sro{
          margin-top: 10px;
      }
      .pagination .text-xs-left,.pagination .text-xs-right{
          text-align: center;
          width: 100%;
      }
      .rname,.post_metas li{
          font-size: 13px;
      }
      .wb-product-grid .item-product{
          width: 50%;
      }
  }
  @media (min-width: 1410px){
      #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
          width: 20%;
      }
      #left-column{
          width: 22%;
      }
      #content-wrapper.left-column{
          width: 78%;
      }
  }
  @media (max-width: 1409px){
      .header-top{
          margin: 0
      }
  }
  @media (min-width: 1410px) and (max-width: 1650px){
      .header-top{
          margin: 0 100px;
      }
      .catbrpos{
          top: 90px;
      }
  }
  /* box layout */
  .boxed main {
      box-shadow: 0 0 10px rgba(0,0,0,.2);
      margin: 40px auto;
  } 
  @media (max-width: 991px){
      .boxed .container-bg {
          width: 100%;
      }
  }
  @media (min-width: 992px) and (max-width: 1199px){
      .container {
          width: 963px;
      }
      .boxed main{
        margin: 40px 15px;
      }
  }
  @media (min-width:1200px) and (max-width:1409px){
      .boxed main  {
         width: 1170px;
      }
  }
  @media (min-width:1410px){
      .boxed main  {
         width: 1380px;
      }
  }
  @media (min-width: 768px) and (max-width: 991px){
      .boxed main{
        margin: 40px 15px;
      }
  }
  /* box layout end */
  #best-sales .products.wb-product-list article .wishlist-button-add,#prices-drop .products.wb-product-list article .wishlist-button-add {
      top: 43%;
      right: 61.5%;
      opacity: 1;
      box-shadow: none;
  }
  #best-sales .products article .wishlist-button-add, #prices-drop .products article .wishlist-button-add{
      top: 37%;
      right: 30%;
  }
  #search .products article .wishlist-button-add{
      right: 19%;
  }
  #search .products.wb-product-list article .wishlist-button-add{
      right: 69.5%;
      top: 42.5%;
      opacity: 1;
      box-shadow: none;
  }
  .products article .wishlist-button-add {
      position: absolute;
      top: 35%;
      right: 28%;
      z-index: 10;
      width: 35px !important;
      height: 35px;
      border-radius: 4px;
      display: inline-block;
      padding: 0;
      min-width: unset;
      opacity: 0;
  }
  .products article .wishlist-button-add:hover{
      background-color: #88b121;
  }
  .products article .wishlist-button-add:hover i{
      color: #fff !important;
  }
  .thumbnail-container:hover .wishlist-button-add{
      opacity: 1;
  }
  .wishlist-button-add i{
      color: #000 !important;
      font-size: 20px;
  }
  .wishlist-button-add:hover{
      opacity: 1 !important;
  }
  .wishlist-button-add:active{
      transform: none !important;
  }
  #owl-rate .wishlist-button-add{
      display: none;
  }
  #products .page-not-found .search-widget{
      overflow: visible;
  }