.bararea {
  position: fixed;
  z-index: 2999;
  top: 69px;
  left: 0px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.1s;
  padding-top: 2px;
  border: 1px solid #dddddd;
  background: white;
  height: 100%;
  width: 26% ;
  padding-left: 10px;
}

.btngoogle{
    width: 16px;
height: 15px;
margin-right: 3px;
margin-top: -3px;
}

.dropdown-link{
    margin-top: 13px;
margin-left: 19px;
}
.textdiscount{
    text-decoration:line-through !important; 
    font-size:9px !important;
    color:black !important;
}

.textdiscount-after{
    color:red !important;
    font-size: 12px;
}

.filterlist{
    white-space: nowrap;
overflow: auto;
}

.filterarea{
  position: fixed;
  z-index: 2999;
  top: 56px;
  left: 0px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.1s;
  padding-top: 2px;
  border: 1px solid #dddddd;
  background: white;
  height: 100%;
  width: 70% !important;
  padding-left: 10px;
}
.customdropdown{
    font-size: 18px;
font-weight: 500;
}

.customsub-menu{
font-size: 16px;
font-weight: 200;
padding: 13px;
}

.bararea-mobile-category {
  position: fixed;
  z-index: 3999;
  top: 55px;
  left: 0px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.1s;
  padding-top: 2px;
  border: 1px solid #dddddd;
  background: #f3f3f3;
  height: 100%;
  width: 26% ;
  padding-left: 10px;
  width:100% !important;
}

.bararea-mobile {
  position: fixed;
  z-index: 2999;
  top: 55px;
  left: 0px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.1s;
  padding-top: 2px;
  border: 1px solid #dddddd;
  background: white;
  height: 100%;
  width: 26% ;
  padding-left: 10px;
  width:100% !important;
}

.btnfix{
    border: 0px;
background-color: #222222;
padding: 0px 8px !important;
  padding-top: 0px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px;
font-size: 11px !important;
border-radius: 0px;
}


a:hover {
  color: #DD9933;
}
.subcatarea {
position: fixed;
z-index: 2998;
top: 70px;
left: 321px;
background-color: #fff;
overflow-x: hidden;
transition: 0.1s;
padding-top: 2px;
border: 1px solid #dddddd;
background: #f4f4f4;
height: 100%;
width: 75% !important;
padding-left: 10px;
}


.product-hover{
position: fixed;
z-index: 2994;
top: 107px;
left: 271px;
background-color: #fff;
overflow-x: hidden;
transition: 0.1s;
padding-top: 2px;
border: 1px solid rgba(0,0,0,.1);
background: white;
height: max-content;
width: 20% !important;
padding-left: 10px;
}


.service-hover{
position: fixed;
z-index: 2994;
top: 107px;
left: 481px;
background-color: #fff;
overflow-x: hidden;
transition: 0.1s;
padding-top: 2px;
border: 1px solid rgba(0,0,0,.1);
background: white;
height: max-content;
width: 15% !important;
padding-left: 10px;
}


.about-hover{
position: fixed;
z-index: 2994;
top: 107px;
left: 684px;
background-color: #fff;
overflow-x: hidden;
transition: 0.1s;
padding-top: 2px;
border: 1px solid rgba(0,0,0,.1);
background: white;
height: max-content;
width: 20% !important;
padding-left: 10px;
}


.iconlogo {
position: fixed;
z-index: 2994;
top: 55px;
left: 85px;
background-color: #fff;
overflow-x: hidden;
transition: 0.1s;
padding-top: 2px;
border: 1px solid #dddddd;
background: white;
height: 10%;
width: 20% !important;
padding-left: 10px;
}


.productsubarea {
position: fixed;
z-index: 2994;
top: 70px;
right: 0px;
background-color: #fff;
overflow-x: hidden;
transition: 0.1s;
padding-top: 2px;
border: 1px solid #dddddd;
background: white;
height: 100%;
width: 49% !important;
padding-left: 10px;
}

.backgroundopacity{
  position: fixed;
z-index: 2993;
bottom: 0px;
right: 0px;
background-color: #b3b3b3;
overflow-x: hidden;
transition: 0.1s;
padding-top: 2px;
border: 1px solid #dddddd;
background: #b3b3b3;
height: 100%;
width: 100%;
padding-left: 10px;
opacity: 70%;
}

.compareproduct{
  position: fixed;
z-index: 2994;
bottom: 0px;
right: 0px;
background-color: #fff;
overflow-x: hidden;
transition: 0.1s;
padding-top: 2px;
border: 1px solid #dddddd;
background: white;
height: 28%;
width: 100%;
padding-left: 10px;
}


.productlist-image{
    height:200px;
}
/*MOBILE*/
@media only screen and (max-width: 431px) {
    
    .pt-10{
        padding-top:10px !important;
    }
       .pb-10{
        padding-bottom:10px !important;
    }
    
    .returning-padding{
        padding:0px !important;
        padding-top:10px !important;
    }
    
    .hero_meta_area .search-area .search-form {
        right: -35px;
    }
    
    .mobile-only{
    display:block !important;
    }
    
    
    .padding-verification{
        padding:10px !important;
    }
    
    .hero_meta_area .cart-area .cart-dropdown-content {
     right: -36px !important;   
    }
    .user-thumbnail{
        margin-right:-13px ;
    }
    .mlm-13{
        margin-left:13px !important;
    }
    .hero_meta_area .search-area .search-btn {
  margin-right: -1px;
  
    }
    
    .welcome_area{
        padding-top: 59px;
    }
    
    .position-ws-chat {
        left: 89px !important;
    }
    .hidemeatmobile{
        display:none !important;
    }
    .showmeatmobile{
        display:block !important;
    }
    .f-image-50{
        height:50px !important;
    }
    .plr-15{
        padding-left:15px;
        padding-right:15px;
    }

.text-a-app{
    font-size: 15px !important;
    margin-top:-37px !important;
}

.section-mobile{
   padding-left: 31px !important;
}
.col-mobile{
    padding-top: 15px !important;
    flex:unset !important;
}
.mtmf{
    margin-top:0px !important;
}


    .box-application {
       height: 280px !important;
    }
    
    .cart--btn{
        margin-left:-6px !important;
    }
    .pdb10{
        padding-top:10px;
    }
    
    .variationbox{
        display:block !important;
    }
    .mexplore{
        padding-top:20px;
    }
    .mtn30{
          margin-top: -30px;
    }
    .mpmt{
        margin-top: -36px;
    }
    .single_product_thumb{
        margin-top: -41px;
    }
    
    .productlist-image{
    height:150px;
    }

    .arrowarrival{
        display:none !important;
    }
    
    .mtmobile{
        margin-top:-50px !important;
    }
    
    .bars-mobile{
        margin-right:3px !important;
    }
    
    .cardcomparison{
        border: 1px solid #d0d0d0;
        padding: 19px;
        margin-bottom: 12px;
    }
    
    .compare-header{
        text-align: center;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 10px;

    }
    .btnaddcomparison{
        width: 115px !important;
        font-size: 11px !important;
        height: 29px !important;
        border-radius: 0px !important;
        border: 1px solid transparent !important;
        line-height: 8px !important;
    }
    
    .pd9{
        padding:9px !important;
    }
    .compareproduct{
        height: 30% !important; 
    }
    .mtp10{
        margin-top:10px;
    }
    .afm{
        margin-left:-14px !important;
    }
    .pb13{
        padding-bottom:13px !important;
    }
    
    .mlp14{
      margin-left: 25px !important;
    }
    .ml14{
        margin-left:-14px !important;
    }
    .ml20{
       margin-left: -30px !important;
    }
    
    .pt0{
        padding-top:0px !important;
    }
    
    .checkout_steps_area{
        margin-top:-2px !important;
    }
    
    .checkout_details_area {
        margin-top:-8px !important;
    }
    .mlpd{
        margin-left:28px !important;
    }
    .bpt{
        padding-top: 5px !important;
    }
    .hidemobile{
        display:none !important; 
    }
    .max-content{
        display:none;
    }
    .navbarToggler{
        display:none !important;
    }
    
    .padding-bar{
        padding:28px;
    }
    
    
    .account-area{
          margin-top: -5px !important;
    }
    .barmobilel{
        margin-top: 33px !important;
        margin-left: -24px !important;
    }
    
    .image-logo{
        height: 30px !important;
        margin-top: -80px !important;
        padding-left:10px;
    }
    
    .nav-brand{
        width:120px;
    }
    
    .account-area{
        margin-top:-5px;
    }
    
    .hero_meta_area{
        padding-top:3px !important;
    }
    
    .bararea{
        width:48% !important;
        top:55px;
    }
    
    .bar-category-text{
        font-size:14px;
    }
    
    .productsubarea{
        position: fixed;
    z-index: 3003;
    top: 234px;
    left: 0px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.1s;
    padding-top: 2px;
    border: 1px solid #dddddd;
    background: white;
    height: 100%;
    width: 100% !important;
    padding-left: 10px;
    }
    
    .subcatarea{
    top: 55px;
    left: 180px;
    width: 54% !important;
    }
    
      .main-banner{
    padding-top:54px;    
    }
    
}

@media only screen and (min-width:1200px){
    .classy-menu{
        padding-left:9% !important;
    }
    
    
    .showmeatdesktop{
        display:block !important;
    }
}
@media only screen and (min-width: 432px) and (max-width: 991px){

 
    .showmeatdesktop{
        display:block !important;
    }
  .hidemeatmobile{
        display:none !important;
    }
    
    
.my-account-navigation{
    margin-top:24px !important;
}
    .padding-bar {
  padding: 37px;
}

 .pdb10{
        padding-top:10px;
    }
    
    .variationbox{
        display:block !important;
    }
    .mexplore{
        padding-top:20px;
    }
    .mtn30{
          margin-top: -30px;
    }
    .mpmt{
        margin-top: -36px;
    }
    .single_product_thumb{
        margin-top: -41px;
    }
    
    .productlist-image{
    height:150px;
    }

    .arrowarrival{
        display:none !important;
    }
    
    .mtmobile{
        margin-top:-50px !important;
    }
    
    .bars-mobile{
        margin-right:3px !important;
    }
    
    .cardcomparison{
        border: 1px solid #d0d0d0;
        padding: 19px;
        margin-bottom: 12px;
    }
    
    .compare-header{
        text-align: center;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 10px;

    }
    .btnaddcomparison{
        width: 115px !important;
        font-size: 11px !important;
        height: 29px !important;
        border-radius: 0px !important;
        border: 1px solid transparent !important;
        line-height: 8px !important;
    }
    
    .pd9{
        padding:9px !important;
    }
    .compareproduct{
        height: 30% !important; 
    }
    .mtp10{
        margin-top:10px;
    }
    .afm{
        margin-left:-14px !important;
    }
    .pb13{
        padding-bottom:13px !important;
    }
    
    .mlp14{
      margin-left: 25px !important;
    }
    .ml14{
        margin-left:-14px !important;
    }
    .ml20{
       margin-left: -30px !important;
    }
    
    .pt0{
        padding-top:0px !important;
    }
    
    .checkout_steps_area{
        margin-top:55px !important;
    }
    
    .checkout_details_area {
        margin-top:-8px !important;
    }
    .mlpd{
        margin-left:28px !important;
    }
    .bpt{
        padding-top: 5px !important;
    }
    .hidemobile{
        display:none !important; 
    }
    .max-content{
        display:none;
    }
    .navbarToggler{
        display:none !important;
    }
    
    .padding-bar{
        padding:28px;
    }
    
    .barmobilel{
        margin-top: 0px !important;
        margin-left: -24px !important;
    }
    
    .image-logo{
        height:50px !important;
          margin-top: -43px !important;
    }
    
    .hero_meta_area{
        padding-top:15px !important;
    }
    
    .bararea{
        width:48% !important;
        top:55px;
    }
    
    .bar-category-text{
        font-size:14px;
    }
    
    .productsubarea{
        position: fixed;
    z-index: 3003;
    top: 234px;
    left: 0px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.1s;
    padding-top: 2px;
    border: 1px solid #dddddd;
    background: white;
    height: 100%;
    width: 100% !important;
    padding-left: 10px;
    }
    
    .subcatarea{
    top: 55px;
    left: 180px;
    width: 54% !important;
    }
    
      .main-banner{
    padding-top:54px;    
    }

.bararea-mobile {
  position: fixed;
  z-index: 2999;
  top: 55px;
  left: 0px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.1s;
  padding-top: 2px;
  border: 1px solid #dddddd;
  background: white;
  height: 100%;
  width: 26%;
  padding-left: 10px;
  width: 40% !important;
}




}
@media only screen and (min-width: 992px) {
    
 
    .hidedesktop{
        display:none !important;
    }
    
        
    .main-banner{
    padding-top:68px;    
    }
    
}