/*********************************************************************************

	Template Name: Boighor Bookshop Responsive Bootstrap4 Template  
	Description: Template description
	Version: 1.0
	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/

  
  .equalContainer{ background-color:#f6f6f6; padding:20px; border:1px solid #e8e8e8; text-align:center;}
  .equalContainer:hover{ background-color:#f0f0f0; cursor:pointer!important; } 
  .equalContainer img{ width:35%; height:auto;}
   .equalContainer h2{ padding:0px; margin:0px; font-weight:600; font-size:20px;}
   
   
     .equalContainer2{ background-color:#f6f6f6; padding:30px 10px; border:1px solid #e8e8e8; text-align:center;}
  .equalContainer2:hover{ background-color:#f0f0f0; cursor:pointer!important; }
  .equalContainer2 img{ margin-bottom:30px;}  
   .equalContainer2 h2{ padding:0px; margin:0px 0px 20px 0px; font-weight:600; font-size:20px;}
  .equalContainer2Outer{ margin-left:0px!important;margin-right:0px!important;}
    .productCategory .content {
	  background: #fff none repeat scroll 0 0;
	  display: inline-block;
	  padding: 10px;
	  position: relative;
	  text-align: left;
	  transition: background 0.7s ease 0s;
	  width: 100%; text-align:center; 
	}
	.productCategory .content .imageOuter { height:285px; overflow:hidden;}
	.productCategory .content .headingOuter { height:45px; overflow:hidden;}
	 .productCategory .content h2{ font-size:13px; font-weight:500; padding:0px; margin:10px 0px;}
	.productCategory {
  transition: .4s; margin:15px;box-shadow: 0 5px 12px rgba(85, 85, 85, 0.2)!important;
}



/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 101; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #111; /* Black*/
  overflow-y:auto; /* Enable horizontal scroll */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.menuOperCursor{
font-size:20px;cursor:pointer; position:fixed; right:8px; top:8px; z-index:100; color:#FFFFFF; padding:8px 12px; background-color:#111111; border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
}
/* The navigation menu links */
.sidenav a {
  padding: 3px 8px 3px 32px;
  text-decoration: none;
  font-size: 14px; line-height:26px;
  color: #FFFFFF;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #722e85;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top:20px;
  right: 10px;
  font-size: 36px;
  margin-left: 50px;
}

.dropdown-container {
  display: none; 
  padding-left: 8px;
}
.dropdown-container ul li{ position:relative; padding-left:15px;}
.dropdown-container ul li i{ position:absolute; left:38px; top:9px;}
.fa-caret-down {
  float: right;
  padding-right: 8px; padding-top:5px;
}
 
 .card-header{ padding:4px 8px!important;background-color: rgba(0,0,0,1)!important; color:#FFFFFF!important;}
 .card-header a, .card-header a:hover, .card-header a:visited{color:#FFFFFF!important;}
 .card-body{ padding:4px 10px!important;} 
 .wedget__categories.poroduct--cat ul li{line-height:18px!important; padding:5px 0px 5px 15px; background-image:url(../images/icons/list-arrow.png); background-repeat:no-repeat; background-position:left top;}
 .wedget__categories.poroduct--cat ul li:last-child{ border-bottom:0px!important;}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.drop.with--one--item .fa-caret-down{padding-left:10px; padding-right:5px; float:right;}
.opensidebarLink{ display:none;}
.closeSidebar{display:none;}
 @media (max-width: 767px) {
 .section-padding--new {
    padding: 20px 0;
}

 .shop-sidebar{ position:fixed;width: 100%;height: 100%;top: 0;z-index: 2147483648; overflow-y:auto!important;left:-100%; margin-top:0px;margin-bottom:0px; background-color:#FFFFFF;}
 
  .opensidebarLink{border:1px solid #ebebeb; display:block; margin-bottom:15px; text-align:center;padding:8px 12px;border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.opensidebarLink:hover{ background-color:#464646; color:#FFFFFF;}

.closeSidebar{display:block; font-size:28px; float:right; margin-top:10px;}
 
 	 .equalContainer2Outer{ margin-left:0px!important;margin-right:0px!important; display:block;}
	  .equalContainer2{ margin-bottom:20px;}
	   .productCategory .content h2{ font-size:18px!important; font-weight:500; padding:0px; margin:10px 0px;}
	      .equalContainer2 h2{ padding:0px; margin:15px 0px 20px 0px; font-weight:500; font-size:18px!important;}
		   .equalContainer h2{ padding:0px; margin:15px 0px 20px 0px; font-weight:500; font-size:18px!important;}
		   .equalContainerOuter{display:block!important;}
		   .equalContainer{ margin-bottom:20px;}
		   .header__area .header__sidebar__right > li.shop_search > a{ margin-top:-24px;}
		    .header__area.sticky__header.is-sticky .header__sidebar__right > li.shop_search > a{ margin-top:2px;}
		   .mean-container .mean-nav{ margin-top:78px;}
		   .sticky__header.is-sticky .mean-container .mean-nav{ margin-top:59px;}
 }
 
@media only screen and (max-width: 768px){
	.equalBlockContainerOuter{ display:block!important; margin-left:15px!important; margin-right:15px!important;}
	.equalBlockContainer, .equalBlockContainer2, .equalBlockContainer3{ display:block!important;flex-basis: auto!important;flex-grow: initial!important;}
	.small-hide{ display:none;}
	.header__area{ height:78px!important;}
}