body{margin: 0; font-size: 14px; background: #f3e8f1 !important;}
:root {
  --yellow: #fed700;
  --black: #333e48;
  --lightGrey:#f5f5f5;
  --Blue:#40648f;
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
:focus{outline: none;}
/*img{max-width: 100%;}*/
a{text-decoration: none;}
.headerStyle{padding: 0; background: #fff;}
.headerStyle .logoStyle img{max-width: 100%;}
/*banner*/
/* .bannerStyle .carousel-item img{height: 350px;} */
/*end*/

@media (min-width: 1300px){
  .container{
      max-width: 1250px;
  }
}
@media (min-width: 768px){
  .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle{display: block;}
  
}
/*.navbar-nav .dropdown-toggle:hover .dropdown-menu{display: block !important;}*/
.navbar-expand-lg .dropdown:hover .rsshow{display: block;}
/*left menu start*/
*{box-sizing:border-box;}
.menutitle{font-size: 15px; color: #000;  padding: 5px 0;}
.catTitle{
     background: #e0eeeb;
    line-height: 32px;
    margin-top: 10px;
    font-weight: 700;
    font-size: 13px;
    padding: 0 7px;
  }
.navItem{padding:10px; 
  z-index: 999; right: 0; color:#FFFFFF; 
  background-color:green; display:inline-block;
   font-size:30px; width:50px; 
   position:relative; height:50px; position:absolute; 
   display: none;
 }
.navItem span{margin-bottom:8px; background:white; display:block; height:4px; width:100%; transition:.8s all;}
.navItem.navClick>span{margin-bottom:0; position:absolute; width:30px; top:20px;}
.navItem.navClick>span:first-child{transform: rotate(45deg);}
.navItem.navClick>span:nth-child(2){transform: rotate(-45deg);}
.navItem.navClick>span:last-child{display:none;}
.leftNav ul{margin: 0; padding: 0;}
.leftNav ul li{margin: 0; padding: 0;}

#accordian {
    background: #fff;
    color: white;
    /*box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5);*/
}
#accordian h3 {
    /*background: #003040;
    background: linear-gradient(#003040, #002535);*/
    margin: 0; padding: 0;
}
#accordian h3 a {
    padding: 0 10px;
    font-size: 12px;
    line-height: 34px;
    display: block;
    color: black;
    text-decoration: none;
}
#accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}


#accordian li {
    list-style-type: none;
}

#accordian ul ul li a,
#accordian h4 {
    color: #000;
    text-decoration: none;
    font-size: 11px;
    line-height: 27px;
    display: block;
    padding: 0 15px;
    transition: all 0.15s;
    position: relative;
}
#accordian ul ul li a:hover {
    color:black !important;
    background: #eee;
    border-left: 2px solid lightgreen;
}
.leftmenuAct{background: #b5289c;color:#fff !important; border-left: 2px solid lightgreen;}
#accordian ul ul {
    display: none;
}

#accordian li.active>ul {
    display: block;
}
#accordian li:hover>ul{display: block;}

#accordian ul ul ul {
    margin-left: 15px;
    border-left: 1px dotted rgba(0, 0, 0, 0.5);
}

#accordian a:not(:only-child):after {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px;
}

#accordian .active>a:not(:only-child):after {
    content: "\f107";
}
/*left menu*/



.topBrand{margin:1.5rem 0;}
.topBrand .bBox{margin: 0; background: var(--lightGrey); padding: 4px;}
.topBrand .bBox img{width: 100%; height: 100px; object-fit: cover;}
.topBrand .bBox p{margin: 0; padding: 0; color:var(--blue);}
.topBrand .bBox .info{text-transform: uppercase;}
.topBrand .bBox a{color: var(--black);}
.moreIcon i{color:var(--yellow);}
/*toTopBtn*/
.scrollToTop{position:fixed;  bottom:15px; right:15px; display:none;  z-index: 999; font-size: 2.2rem; color: #e07dff !important;}
.CategoriesBox {margin: 1rem 0;}
.CategoriesBox h3{text-transform: uppercase; font-size: 18px; margin-bottom: 0.5rem;}
.CategoriesBox .CatCarousel{margin: 0 0 10px 0; background: #fff; padding: 5px; }
 .CategoriesBox .CatCarousel img{height: 150px; object-fit: cover;}
.CategoriesBox .CatCarousel a{color:var(--blue); }
.CategoriesBox .CatCarousel .text-d{text-align: center;}
.CategoriesBox .CatCarousel .text-d h6{margin: 0; padding:10px 0 0 0;}
.CategoriesBox .CatCarousel .text-d .itemPrice strong{color: #c00; font-size: 14px;}
.CategoriesBox .CatCarousel .text-d .itemPrice{font-size: 12px;}
.CategoriesBox .CatCarousel .text-d .itemCode{font-size: 12px;}
.CategoriesBox .CatCarousel h5{text-align: center; margin: 8px 0; font-size: 14px; font-weight: 500;}
.headerStyle .navbar-expand-lg .navbar-nav .nav-link{color: #fff; text-transform: uppercase; padding-right: 0.8rem; padding-left: 0.8rem;}
.headerStyle .navbar {padding: 0 !important; background: #b5289c !important;}
/* .product_img .btn-primary{background: #e07dff !important; border: 0 !important;}
.ProductBox .btn-primary{background: #e07dff !important; border: 0 !important;}
.CatCarousel .btn-primary{background: #e07dff !important; border: 0 !important;} */
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}
}	
/* ============ small devices .end// ============ */
.footerStyle{background: #b5289c; padding: 2.5rem 0; margin-top: 4rem;}
.footerStyle h4{color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1.5px;}
.footerStyle ul{margin: 0; padding: 0;}
.footerStyle ul li{display: block; font-size: 13px; color: #fff; padding: 2px 0;}
.footerStyle ul li a{color: #fff; display: inline-block;}
.footerStyle .form-label{color: #fff;}


/*page*/
.pageStyle{margin: 0; min-height: 70vh; background-size: cover; }
.pageBanner{background: #F19ED2 !important;}
.pageBannerInn{padding: 2rem 0; margin-bottom: 2rem; color: #fff;}
.pageBannerInn .breadcrumb-item a{color: #fff;}
/*page end*/

/*ProductBox*/
.pageBg{background: #eee;}
.ProductBox{background: #fff; padding: 4px; border-radius: 0px;}
.ProductBox .text-d{text-align: center; padding: 15px 0;}
.ProductBox .text-d h6{margin: 2px 0 0 0; padding: 0; color: var(--Blue);}
.ProductBox .text-d .itemCode{margin: 0; padding: 0; font-size: 12px; color: var(--black);}
.ProductBox .text-d .itemPrice{margin: 0; padding: 0; font-size: 12px; color: var(--black);}
.ProductBox .text-d .itemPrice strong{font-size: 16px; color:#c00;}
.ProductBox .proImg{margin: auto; position: relative; }
.ProductBox .proImg img{height:160px; max-width: 100%; object-fit: cover;}
/*productDetails*/
.productDetails .similarProducts h3{text-transform: capitalize !important;}
/*priceBox*/
.priceBox{margin: 0; padding: 1rem 0;}
.price-new{font-size: 32px; color: #000;}
.price-old{display: block; color: var(--Blue); font-weight: 500; font-size: 18px;}
.product-discount {text-decoration: line-through; font-weight: 500; font-size: 14px; color: var(--black)}
.skuStyle{margin: 0}
.skuStyle strong{font-weight: 600;}
.Availability strong{font-weight: 600;}
.similarProducts h3{text-align: left !important;}
.similarProducts .CatCarousel{padding-bottom: 10px;}
.similarProducts .CatCarousel img{height: 150px; object-fit: cover;}
.similarProducts .CatCarousel h5{margin:5px 0; padding: 0;}
.similarProducts .CatCarousel p{text-align: center; margin: 0; padding: 0; font-size: 12px;}
/*productDetails end*/

/*owl*/
.owl-theme .owl-nav{position: absolute; top: -43px; right: 0;}


/*zoom*/
.pageStyle .show{
  width: 400px;
  height: 400px;
}


#show-img { width: 400px; height: 400px; object-fit: contain;}
.d-d-none{display: none;}
.smallBoximg{margin:5px 0;}
.smallBoximg img{border:#f00 1px solid; height: 60px; width: 60px; object-fit: cover;}
@media (max-width: 768px){
 .pageStyle .show{
  width: 100% !important;
  max-height: 400px;
  height: auto;
} 
.small-container{width: 90%;}
.small-img{width: 90% !important;}
.m-d-none{display: none;}
.d-d-none{display: block;}
}
.small-img{
  width: 350px;
  height: 70px;
  margin-top: 10px;
  position: relative;
  left: 25px;
}
.small-img .icon-left, .small-img .icon-right{
  width: 12px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.small-img .icon-left{
  transform: rotate(180deg)
}
.small-img .icon-right{
  right: 0;
}
.small-img .icon-left:hover, .small-img .icon-right:hover{
  opacity: .5;
}
.small-container{
  width: 310px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.small-container div{
  width: 800%;
  position: relative;
}

.small-container .show-small-img{
  width: 70px;
  height: 70px;
  margin-right: 6px;
  cursor: pointer;
  float: left;
}
.small-container .show-small-img:last-of-type{
  margin-right: 0;
}
/*.rightBox{background: #fff; padding: 15px;}*/
.banner-cat img{width: 100%; height: 270px; object-fit: cover;}
.offcanvasLogo img{width: 60%;}
@media (max-width:778px){
	#big-img{display: none !important}
	.pageStyle .show div{display: none !important;}
	.pageStyle .show div img{display: none !important;}
	.mob-4{margin-bottom: 3rem;}
  .leftNav{display: none;}
  .bannerStyle .carousel-item img{height: auto;}
  .banner-cat img{height: 120px;}
  .CategoriesBox .CatCarousel img{object-fit: cover;}
  .imgfluid{width: 100%; max-height: 350px; object-fit: cover;}
}