#bonhtmlcontent li{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    }
#bonhtmlcontent{    
  padding: 0px 0 68px;}
    #bonhtmlcontent li:nth-child(1) a, #bonhtmlcontent li:nth-child(3) a{
        background-color: #DDFDFC;
        width:100%;
        height:100%;
        display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    box-shadow: 0px 5px 15px 0px rgb(4 3 3 / 21%);
    }
    #bonhtmlcontent li:nth-child(2) a,#bonhtmlcontent li:nth-child(4) a{
    background-color: #C0EEF2;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    box-shadow: 0px 5px 15px 0px rgb(4 3 3 / 21%);
    } 
@media screen and (max-width: 767px) {
    #bonhtmlcontent {
        background-color: #fff;
        padding: 0px 0 68px;
    }
     #bonhtmlcontent li {
        margin: 0 !important;
        padding: 0;
    }
      #bonhtmlcontent .box-htmlcontent {
        padding: 5px 0;
        margin-bottom: 0px;
    }
}



  #header_banner{
  color: #fff;
  position:relative;
  background-color:#095BA7;
  }

  #header_banner .block-social ul li{
    filter: brightness(0) invert(1);
  }
  #header_banner .block-social ul{
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }

    #header_banner .top-menu>li>a{
        color: #fff !important;
        font-size: 0.9rem;
        font-weight: 500;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 8px 0 8px !important;
    }
 #header_banner .menu{
        text-align: right;
        padding-right: 0 !important;
    }
    #header_banner .menu ul li{
    padding-left: 20px !important;
    }
    @media(max-width:767px){ 
        #header_banner .menu ul li:nth-child(1), #header_banner .menu ul li:nth-child(2),
         #header_banner .menu ul li:nth-child(3) ,#header_banner .menu ul li:nth-child(4){display: none; }

         #header_banner .row {
            display: flex;
         }

         #header_banner .row>div {
         flex:1;
         }
         #header_banner .top-menu>li>a{padding-right:15px !important;}

         #header_banner .block-social ul li{ margin: 0 10px 0 0 !important; } 
         #header .topmenu {display: none;}

     }
  #header .topmenu {
    width: 100%;
    min-height: 45px !important;
    background: #38AF6D;
}
#header {
    background: #fff !important;
  height: auto  !important;
padding-bottom:0px !important}
 #header .header-top .position-static #_desktop_user_info .user-info i,#bonwishlist .wishlist-tooltip i{

        color:#38AF6D !important;
    }

    .block-compare svg path{
    stroke: #095BA7;
    }
    
    #header .header-top .position-static #_desktop_cart .blockcart i{
        color: #095BA7 !important;
    }
     @media (max-width: 767px) {
        .bonsearch {
            top: -35px !important; 
          
        }
        #header .header-top{
            min-height: 0px !important;
        }
        #header {
            background: #38AF6D;
        }
       
    } 
@media (max-width: 767px) {
    #header_banner .block-social ul li {
        margin: 0 -8px 0 0 !important;
    }
}
.bonsearch .bonsearch_btn,.bonsearch .bonsearch_btn {
    background: #095BA7 !important;
}

.hit-menu-vertical ul li.level-1 .icon-drop-mobile span {font-size: 0.85rem !important; }
.hit-menu-vertical ul li.level-1 .icon-drop-mobile{padding:6px !important}
/*bonbanner*/
@media(min-width:767px){
  #bonbanners {
    margin: 0px 0 30px 0 !important;
}
#bonbanners ul li {
    padding: 5px !important;
}
#bonbanners ul {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    grid-template-rows: repeat(4, 150px) !important;
}
#bonbanners .banner-list .banner-item:nth-child(1) {
    grid-area: 1 / 1 / 5 / 5 !important;
}
#bonbanners .banner-list .banner-item:nth-child(2) {
    grid-area: 1 / 5 / 3 / 8 !important;
}
#bonbanners .banner-list .banner-item:nth-child(3) {
    grid-area: 3 / 5 / 5 / 8 !important;
}}
/*tab product*/
.tvcms-main-title .tvmain-title h2{color :#000}
.tvtab-title-wrapper .tvtabs-products li.active span,.hittab-title-wrapper .hittabs-products li span{color:#000 !important;}
.tvtab-product-wrapper .tvbanner-hover-wrapper img, .tvtab-product-wrapper .tvbanner-hover-wrapper img{
    text-align: center;
    padding: 18px;
    border-radius: 35px !important;
    height: auto !important;
    margin-left: 4px;
  width:100%;
}

.tvcmsmain-title-wrapper{
  margin-bottom:0 !important;
}
.tvtab-product .tvtab-title-wrapper .tvtabs-products {margin-bottom : 0!important}
.tvtab-product-wrapper .all-product-link{float:right !important; font-weight:400;font-size:13px}
.tvtab-product-wrapper .all-product-link i{color: #7a7a7a; font-size:13px}
.hittab-title-product ,.tvcmstab-title-product{margin-bottom:20px !important}

@media(max-width:767px){
.desktop_only{
display: none !important;
}
}
@media(min-width:768px){
.mobile_only{
display: none !important;
}
}
#spec{
  margin:auto!important;
}
#spec>span{
font-size: 14px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0.5px;
  color:#000;
      margin-bottom: 30px;
    display: block;
}
#spec>h2{margin-bottom:0.5rem }
#index #wrapper{
background:#f6f6f6;
}
.tvtab-title-wrapper .tvtabs-products li.active{background-color:#f6f6f6 !important}
.tvtab-title-wrapper .tvtabs-products li.active{background-color:#f6f6f6 !important}
#bonnews.bon-home{background-color:#f6f6f6 !important}
#index .product-miniature .thumbnail-container {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #dcdcdc;
}
.product-miniature .thumbnail-container .thumbnail-container-images img{
  border-radius: 10px;
}
.hittab-title-wrapper .hittabs-products li.active{
background-color:#f6f6f6 !important
}
#bon_manufacturers_block .manufacturer_item img{
filter: none !important;
    -webkit-filter: none !important;
}

    @media (max-width: 767px) {
    #header #menu-icon i {
        color: #fff !important;
    }
      .float-xs-left#menu-icon .fl-outicons-lines7:before{color:#fff !important}
}
@media (max-width: 767px) {
    .tvtab-product-wrapper .tvbanner-hover-wrapper img, .tvtab-product-wrapper .tvbanner-hover-wrapper img {
        padding: 0 !important;
        height: 90px !important;
        border-radius: 5px !important;
         width: calc(100% - 4px);
    margin-left: 4px;
    margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    #bonhtmlcontent {
        background-color: #fff;
        padding: 0px 0 68px !important;
    }
}

@media screen and (max-width: 767px) {
    #bonhtmlcontent {
        margin: 0px 0 0 !important;
    }
  #bonhtmlcontent .link-htmlcontent{display:block !important;}
}

@media (max-width: 575.98px) {
    #bonbanners .banner-list .banner-item:nth-child(3) {
        display: block !important;
    }
}
#bonhtmlcontent {
 background-color: #f6f6f6 !important;
 padding: 0px 0 68px !important;

}

@media (max-width: 767px) {
    #header .header-nav {
        background-color: #38AF6D !important;
    }
      #header #_mobile_logo {
        padding: 10px !important;
        margin-bottom: 10px !important;
        text-align: left !important;
        background-color: #fff !important;
        display: flex;
        align-items: center;
    }
  #header .header-top .position-static #_desktop_cart .blockcart{line-height:20px !important}
  #header .header-top .position-static #_desktop_user_info .user-info{line-height:4px !important}
  #header .header-top .position-static #_desktop_user_info .user-info a{font-size:26px !important}
  
      #header .header-nav #menu-icon {
        margin: 10px 20px 14px 15px !important;
    }
      .bonsearch #input_search {
        height: 38px !important;
    }
      .bonsearch {
        top: -45px !important;
        right: -35px !important;
        width: 80% !important;
    }
      .bonsearch .bonsearch_box {
        width: 290px !important;
    }
      #header .header-top .position-static {
        height: 0 !important;
    }
   #index .product-miniature .thumbnail-container {
        margin: 0 2px !important;
    }
      .featured-products .product-title a, .product-miniature .product-title a {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
  #spec article{padding: 0}
  #index article .bon_manufacture_list{min-height:46px !important; }
  #index article .product-price-and-shipping {min-height:41px!important; }
#bonhtmlcontent .box-htmlcontent {
        padding: 5px 0;
        margin-bottom: 0px;
    }
}
.tvcategory-slider-inner-info-box .owl-carousel.owl-drag .owl-item{margin-top: 10px}
.tvcategory-slider-inner-info-box .owl-carousel .owl-item img {
box-shadow: 0px 0px 10px 0px rgb(4 3 3 / 6%);
 border-radius: 50%;
 width: auto !important;
}


.tvcategory-slider-inner-info-box .tvcategory-img-block{
display: flex;
    justify-content: center;
    align-items: center;
}
@media(min-width:767px){
.hit-menu-vertical li.level-1.destroy{
  background:#E40113;
  border-radius: 15px;
    border-top: solid 5px #38AF6D;
    border-bottom: solid 5px #38AF6D;
  }}

.hit-menu-vertical ul li.level-1.destroy .icon-drop-mobile span{font-weight:700;} 
.tvcategory-slider-inner-info-box {
    margin: 0 -12px !important;
}
@media(min-width:767px){
  .hit-menu-vertical li.level-1.only_mobile_item{display:none}
}

#bonattribute .bonattribute-btn{line-height: 1.5!important;}

#amazzing_filter{
color:#3a3a3a !important;
  padding-top:20px;
}
#amazzing_filter.block .title_block {
    font-size: 20px;
    font-weight: 400;
    font-family: inherit;
}
.af_subtitle.toggle-content{font-weight:400;font-size:15px}
.af_filter select{
background: #ffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat scroll right .5rem center / 1.25rem 1.25rem;
    border: 1px solid #000;
}
#amazzing_filter .form-control{color:#000;}
#amazzing_filter  .slider-values .slider_value{color:#000;font-size:15px;}
.selectedFilters.inline{color:#000;}
 .af_filter label{color:#000 !important;line-height:16px;}
 .af_filter .count{    bottom: 0!important ;color: #000 !important;
    font-weight: 400 !important;font-size: 12px !important;}

#amazzing_filter .toggle-cut-off span{color:#000;}

#footer.sticky-footer{
    position: relative !important;
}

#search #products h1 strong , #search #products span strong{
font-weight:700 !important;
}

#product  .sur-commande-icon{
color: #000;
 display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 5px;}
#product  .sur-commande-icon svg{margin-right:5px;}
#product  .sur-commande-icon .sur-commande{
    background: #03b07b;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 5px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 15px;
}
#bonpromotion .bonpromotion-countdown-btn{
background:#095BA7 !important; 
}
#bonpromotion .bonpromotion-countdown-btn:hover{
background:#095BA7 !important; 
}

@media(min-width:767px){
  .hit_contact_map{padding-top:4% !important;}
  
}

#boncollection.boncollection-home {
  background-color: transparent!important; }