/* -------------------------------------------------- */
/* Products Grid
/* -------------------------------------------------- */

#products-grid,
body .posts-grid {
	background: white;
	padding: 2% 2% 0;
	box-sizing: border-box;
}

.products-grid .alanah_inner_grid,
.posts-grid .alanah_inner_grid {
  padding: 2% 0 0 0;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: auto 0 0;
  border-top: 1px solid #ddd;
}

.products-grid .product-image .img-wrapper {
	width: 100%;
	left: auto;
}

.products-grid .product-information {
	position: relative;
}

.products-grid .product-information .product-name-price {
    min-height: 100px;	
}

.products-grid .alanah_item,
.posts-grid .alanah_item {
	float: left;
	position: relative;
	margin-right: 2%;
}

.products-grid .alanah_item hr {
   display: none;	
}

body .products-grid .alanah_item.last,
body .posts-grid .alanah_item.last {
   margin-right: 0;	
}

.products-grid .alanah_item:first-child,
.products-grid .alanah_item.last + .alanah_item,
.posts-grid .alanah_item:first-child,
.posts-grid .alanah_item.last + .alanah_item {
   clear: both;	
}

.products-grid .product-image {
	position: relative;
	display: block;
}

.product-information {
	border: 1px solid #e8e8e8;
	padding: 0 10px 10px 10px;
	position: relative;
}

.product-information:before {
	content: '';
	width: 0px;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	display: block;
	position: absolute;
	top: -9px;
	z-index: 1;
	left: 43%;
}

.products-grid .alanah_item .product-name {
	display: block;
	width: 100%;
	text-align: left;
	padding-top: 10px;
	margin: 0 0 5px;
	position: relative;
}

.products-grid .alanah_item .product-name a {
	color: #323232;
	font-size: 15px;
}

.products-grid .alanah_item .price {
	text-align: left;
}

.products-grid .alanah_item .price.sale {
	line-height: 18px;
	font-size: 16px;
	margin-top: -4px;
}

.products-grid .alanah_item .price .from {
	display: none;
}

.products-grid .alanah_item .price del .amount {
	font-size: 11px;
	margin-right: 10px;
}

.products-grid .alanah_item .price .amount,
.products-grid .alanah_item .price.sale .currentprice {
	font-size: 14px;
}

.products-grid .alanah_item .btn-cont {
	float: right;
}

.products-grid .alanah_item .btn-cont {
    margin-top: 7px;	
}

.product-grid .starwrapper {
	right: 5%;
	top: 50%;
	position: absolute;
	z-index: 10;
}

.products-grid .product-grid .starwrapper {
	top: 84%;
}

#products-grid hr {
	margin: 0 0 20px 0;
}

#products-grid .product-image img {
	max-height: 100%;
	max-width: 100%;
}

#products-grid.products_grid .product-grid .price del .amount,
#products-grid.products_grid .product-grid .price .from {
	font-size: 12px;
}

#products-grid.products_grid .product-grid .price .amount,
#products-grid.products_grid .product-grid .price .currentprice {
	font-size: 16px;
}

#products-grid.products_grid .product-grid {
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	background: white;
	position: relative;
}

#products-grid.products_grid .product-grid.last {
	margin-right: 0
}

#products-grid.products_grid .product-grid .imagecol {
	position: relative;
}

#products-grid.products_grid .product-grid .product-image {
	position: relative;
	text-align: center;
}

#products-grid.products_grid .product-grid .product-information {
	border: 1px solid #e8e8e8;
	padding: 0 10px 10px 10px;
}

#products-grid.products_grid .product-grid.product-information .product-name-price {
	height: 100px;
}

#products-grid.products_grid .product-grid .product-name {
	display: block;
	width: 100%;
	text-align: left;
	padding-top: 12px;
}

#products-grid.products_grid .product-grid .product-name a {
	color: #323232;
	font-size: 16px;
}

#products-grid.products_grid .product-grid .price {
	text-align: left;
}

#products-grid.products_grid .product-grid .price.sale {
	line-height: 18px;
	font-size: 16px;
	margin-top: -4px;
}

#products-grid.products_grid .product-grid .price .from {
	display: none;
}

#products-grid.products_grid .product-grid .price del .amount {
	font-size: 11px;
	margin-right: 10px;
}

#products-grid.products_grid .product-grid .price .amount,
#products-grid.products_grid .product-grid .price.sale .currentprice {
	font-size: 14px;
}

#products-grid.products_grid .product-grid .btn-cont {
	float: right;
	margin-top: 7px;
}

#products-grid.products_grid .product-grid .btn-cont .button {
	margin: 0;
}

/* Products image Zooom In */

#products-grid.products_grid .product-grid .product-image.zoomin,
#products-grid.products_grid .product-grid .product-image.zoomout {
	overflow: hidden;
}

#products-grid.products_grid .product-grid .product-image.zoomin img,
#products-grid.products_grid .product-grid .product-image.zoomout img {
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block;
	margin: 0 auto;
}


/* Zoom In */

#products-grid.products_grid .product-grid .product-image.zoomin img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

#products-grid.products_grid .product-grid .product-image.zoomin img:hover {
	opacity: 0.8;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


/* Zoom Out */

#products-grid.products_grid .product-grid .product-image.zoomout img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#products-grid.products_grid .product-grid .product-image.zoomout img:hover {
	opacity: 0.8;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#products-grid.products_list .product-grid {
	width: 100%;
	position: relative;
	margin-bottom: 35px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dddddd;
	background: white;
}

#products-grid.products_list hr {
	display: none;
}

#products-grid.products_list .product-grid .imagecol {
	position: relative;
	float: left;
	margin-right: 20px;
}

#products-grid.products_list .product-grid .product-image {
	margin-bottom: 5px;
	display: block;
	width: 192px;
	height: 192px;
}

#products-grid.products_list .product-grid .product-image img {
	width: 192px;
	height: 192px;
}

#products-grid.products_list .product-grid .product-name {
	display: block;
	float: left;
	width: 340px;
	margin-top: 10px;
	margin-right: 20px;
	text-align: left;
	margin-bottom: 10px;
}

#products-grid.products_list .product-grid .product-name a {
	color: #090909;
	font-size: 14px;
	text-transform: uppercase;
}

#products-grid.products_list .product-grid .price {
	line-height: 26px;
	text-align: center;
	float: right;
	width: 120px;
}

#products-grid.products_list .product-grid .price .oldprice-p {
	margin-top: -10px;
}

#products-grid.products_list .product-grid .price .currentprice {
	font-size: 16px;
}

#products-grid.products_list .product-grid .btn-cont {
	float: right;
	width: 120px;
	margin-top: 10px;
	clear: right;
	text-align: center;
}

#products-grid.products_list .product-grid .btn-cont .button {
	margin: 0;
}

body.archive #products-grid .product-image img {
	width: 100%;
	display: block;
}

body.archive #products-grid .product-grid.last {
	margin-right: 0;
}

body.archive #products-grid .product-grid:first-child,
body.archive #products-grid .product-grid.last + .product-grid {
   clear: both;	
}

body.archive .product-grid .starwrapper {
	top: 86%;
}

.product-grid .sellupper {
	width: 0;
	height: 0;
	display: inline-block;
	position: absolute;
	top: -6px;
	right: -23px;
	background: transparent;
	z-index: 10;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-bottom: 35px solid #EB3636;
	border-top: none;
	transform: rotate(45deg);
}

.product-grid .sellupper .sale-label {
	background: transparent;
	text-indent: unset;
	color: #fff;
	top: 14px;
	right: -15px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500;

	letter-spacing: 0.8px;
}

.product-grid .newupper {
	width: 0;
	height: 0;
	display: inline-block;
	position: absolute;
	top: -5px;
	left: -22px;
	background: transparent;
	z-index: 10;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-bottom: 35px solid #EE9D16;
	border-top: none;
	transform: rotate(-45deg);
}

.product-grid .newupper .new-label {
	background: transparent;
	text-indent: unset;
	color: #fff;
	top: 14px;
	left: -15px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.8px;
}

/* -------------------------------------------------- */
/* Grid Columns
/* -------------------------------------------------- */

/************************ 3 Columns ****************************/

.products-grid.col-3 .alanah_item,
.posts-grid.col-3 .alanah_item {
	width: 32%;
	margin-bottom: 2%;
}

.products-grid.col-3 .product-image .img-wrapper img {
	height: 100%;
	width: 100%;
}

.products-grid.col-3 .product-image,
.products-grid.col-3 .product-image .img-wrapper {
	height: 360px;
}

/********************** 4 Columns *************************/

.products-grid.col-4 .alanah_item,
.posts-grid.col-4 .alanah_item {
	width: 23.5%;
	margin-bottom: 2%;
}

.products-grid.col-4 .product-image,
.products-grid.col-4 .product-image .img-wrapper {
	height: 255px;
}

.products-grid.col-4 .product-image .img-wrapper img {
	height: 100%;
	width: 100%;
}

.products-grid.col-4 .alanah_item .btn-cont {
    margin-top: 20px;	
}

#products-grid.products_grid.rows-count4 .product-grid {
	width: 23.5%;
}


/*********************** 5 Columns *************************/

.products-grid.col-5 .alanah_item,
.posts-grid.col-5 .alanah_item {
	width: 18.8%;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
}

.products-grid.col-5 .product-image,
.products-grid.col-5 .product-image .img-wrapper {
	height: 206px;
}

.products-grid.col-5 .product-image .img-wrapper img {
	height: 100%;
	width: 100%;
}

#products-grid.products_grid.rows-count5 .product-grid .starwrapper {
	top: 83%;
}

#products-grid.products_grid.rows-count5 .product-grid {
	width: 18.4%;
}

#products-grid.products_grid.rows-count5 .product-grid .product-name a {
	font-size: 12px;
}

#products-grid.products_grid.rows-count5 .img-wrapper {
	width: 100%;
}


/* -------------------------------------------------- */
/* Categories Grid
/* -------------------------------------------------- */

.categories-grid {
 overflow: hidden;	
}

.categories-grid .products-categories {
   padding-top: 20px;	
}

.categories-grid.effect-dark .products-categories li:hover a:after {
 background: rgba(0, 0, 0, 0.6);	
 -webkit-transition: all .4s ease-out;
 transition: all .4s ease-out;
}

.categories-grid.effect-light .products-categories li:hover h2 {
 background: rgba(0, 0, 0, 0.7) !important;	
}


/* -------------------------------------------------- */
/* Grid Columns
/* -------------------------------------------------- */

.categories-grid.cols-4 .products-categories li h2 {
 padding: 4% 3%;
 font-size: 18px;	
 width: 100%;
}

.categories-grid.cols-5 .products-categories li h2 {
 font-size: 17px;	
}


/* -------------------------------------------------- */
/* Products & Categories Grid 
/* -------------------------------------------------- */

.products-grid,
.categories-grid,
.posts-grid  {
 position: relative;
 margin: 0 0 20px 0;
 background: white;
 padding: 19px 20px 15px;
 clear: both;	
}

.products-grid .products-title,
.categories-grid .grid-title,
.posts-grid .posts-title {
	padding: 0 0 15px;
	font-size: 18px;
	text-transform: uppercase;
	color: #333333;
	text-align: left;
	display: inline-block;
	margin-bottom: 0;
}

.layout-fullwidth .products-grid .products-title,
.layout-fullwidth .categories-grid .grid-title,
.layout-fullwidth .posts-grid .posts-title {
    margin: 0; 	 
	padding: 0 0 15px; 
} 



/* -------------------------------------------------- */
/* Posts Grid
/* -------------------------------------------------- */

.blog-grid .article {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.blog-grid .article.last {
	margin-right: 0;
}

.blog-grid .article:first-child,
.blog-grid .article.last + .article {
   clear: both;
}

.blog-grid .article .article-image,
.alanah_item .article .article-image {
	overflow: hidden;
	text-align: center;
	width: 100%;
}

.blog-grid .article .article-image img,
.alanah_item .article .article-image img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block;
	margin: 0 auto;
}

.blog-grid .article .article-image img:hover,
.alanah_item .article .article-image img:hover {
	opacity: 0.8;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.blog-grid .article .article-info {
	padding: 15px 0 0;
	width: 100%;
}

.blog-grid .article .article-title,
.blog-grid .article .entry-utility {
	width: 100%;
	box-sizing: border-box;
}

.blog-grid .article .entry-utility a {
	margin-right: 10px;
}

.blog-grid .article .entry-utility a:last-child {
	margin-right: 0;
}

.alanah_item .article {
    margin-bottom: 0;	
}

.alanah_item .article-content {
    border: 1px solid #e8e8e8;
    border-top: none;	
	overflow: hidden;
}

.alanah_item .article-content .article-info {
    padding: 5% 7% 0;	
}

.alanah_item .article-content .article-info h3 {
    padding: 0 0 10px 0;	
	line-height: 20px;
}

.alanah_item .article-content .entry-summary {
    padding: 5% 7% 3%;	
}

.alanah_item .article-content .entry-utility {
	padding: 8px 0;
    width: 100%;
    box-sizing: border-box;	
}

.alanah_item .article-content .entry-utility .al-post_date:after {
    content: '|';
    position: relative;
    margin-right: 2%;
    margin-left: 3%;
    color: #555;	
}

.products-grid.col-3 .alanah_item:nth-last-child(-n+3),
.products-grid.col-4 .alanah_item:nth-last-child(-n+4),
.products-grid.col-5 .alanah_item:nth-last-child(-n+5), 
.categories-grid .products-categories.columns-3 li:nth-last-child(-n+3),
.categories-grid .products-categories.columns-4 li:nth-last-child(-n+4),
.categories-grid .products-categories.columns-5 li:nth-last-child(-n+5) {
   margin-bottom: 0.5%;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
 /* -------------------------------------------------- */
 /* Products & Categories Grid 
 /* -------------------------------------------------- */
	
	body .products-grid .alanah_item,
	body .posts-grid .alanah_item,
	body.archive #products-grid .product-grid,
	body .categories-grid .products-categories .product-category {
        width: 32% !important;
		margin-right: 2% !important;	
		margin-top: 0 !important;
        margin-bottom: 2%;	
	}
	
	body .products-grid .alanah_item:nth-child(3n),
	body .posts-grid .alanah_item:nth-child(3n),
	body.archive #products-grid .product-grid:nth-child(3n),
	body .categories-grid .products-categories .product-category:nth-child(3n) {
		margin-right: 0 !important;   
	}
	
	body .products-grid .alanah_item.last + .alanah_item,
	body .posts-grid .alanah_item.last + .alanah_item,
	body.archive #products-grid .product-grid.last + .product-grid,
	body .categories-grid .products-categories .product-category.first {
	   clear: none;	
	}
	
	body .products-grid .alanah_item:nth-child(3n) + .alanah_item,
	body .products-grid .alanah_item:first-child,
	body .posts-grid .alanah_item:nth-child(3n) + .alanah_item,
	body .posts-grid .alanah_item:first-child,
	body.archive #products-grid .product-grid:nth-child(3n) + .product-grid,
	body.archive #products-grid .product-grid:first-child,
	body .categories-grid .products-categories .product-category:nth-child(3n) + .product-category,
	body .categories-grid .product-category:first-child {
	    clear: both;	
	}
	
	body .products-grid .product-image, 
	body .products-grid .product-image .img-wrapper {
	   height: auto !important;	  
	}	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	/* -------------------------------------------------- */
	/* Blog 
    /* -------------------------------------------------- */
	
	body .blog-grid .article {
       width: 49%;		
	}
	
	body .blog-grid .article.last {
       margin-right: 2%;		
	}
	
	body .blog-grid .article:nth-child(2n) {
       margin-right: 0;		
	}
	
	body .blog-grid .article:first-child,
	body .blog-grid .article.last + .article {
	   clear: none;		
	}
	
	/* -------------------------------------------------- */
	/* Products Grid 
    /* -------------------------------------------------- */
	
	body #products-grid,
    body .posts-grid {
      padding: 19px 20px 5px;		
	}
	
	body .products-grid .alanah_item,
	body .posts-grid .alanah_item,
	body.archive #products-grid .product-grid,
	body .categories-grid .products-categories .product-category {
	  width: 48.5% !important;
      margin-right: 3% !important;	
	  margin-bottom: 3% !important;
	}
	
	body .products-grid .alanah_item:nth-child(3n),
	body .posts-grid .alanah_item:nth-child(3n),
	body.archive #products-grid .product-grid:nth-child(3n),
	body .categories-grid .products-categories .product-category:nth-child(3n) {
	  margin-right: 3% !important;	  
	}
	
	body .products-grid .alanah_item:nth-child(2n),
	body .posts-grid .alanah_item:nth-child(2n),
	body.archive #products-grid .product-grid:nth-child(2n),
	body .categories-grid .products-categories .product-category:nth-child(2n) {
	  margin-right: 0 !important;	
	}
	
	body .products-grid .alanah_item:nth-child(3n) + .alanah_item,
	body .posts-grid .alanah_item:nth-child(3n) + .alanah_item,
	body.archive #products-grid .product-grid:nth-child(3n) + .product-grid,
	body .categories-grid .products-categories .product-category:nth-child(3n) + .product-category {
	  clear: none;	 
	}
	
	body .products-grid .alanah_item:nth-child(2n) + .alanah_item,
	body .posts-grid .alanah_item:nth-child(2n) + .alanah_item,
	body.archive #products-grid .product-grid:nth-child(2n) + .product-grid,
	body .categories-grid .products-categories .product-category:nth-child(2n) + .product-category {
      clear: both;
    }
	
	body .products-grid .product-image, 
	body .products-grid .product-image .img-wrapper {
	  height: auto !important;	 
	}
	
	body .products-grid .expirytimer {
	  margin-left: 0;	
    }
}

@media all and (max-width: 639px) { 
   /* -------------------------------------------------- */
	/* Blog 
    /* -------------------------------------------------- */
	
	body .blog-grid .article {
       width: 100%;	
	   margin-right: 0;	
	   margin-bottom: 20px;
	}
	
	body .products-grid .alanah_inner_grid,
    body .posts-grid .alanah_inner_grid {
       padding-top: 5%;		
	}
} 

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    /* -------------------------------------------------- */
	/* Products Grid 
    /* -------------------------------------------------- */
	
	body.archive #products-grid {
      padding: 5%;		
	}
	
	body .products-grid .alanah_item,
	body .products-grid .alanah_item:nth-child(3n),
	body .products-grid .alanah_item:nth-child(2n),
	body .posts-grid .alanah_item,
	body .posts-grid .alanah_item:nth-child(3n),
	body .posts-grid .alanah_item:nth-child(2n),
	body.archive #products-grid .product-grid,
	body.archive #products-grid .product-grid:nth-child(3n),
	body.archive #products-grid .product-grid:nth-child(2n),
	body .categories-grid .products-categories .product-category,
	body .categories-grid .products-categories .product-category:nth-child(3n),
	body .categories-grid .products-categories .product-category:nth-child(2n) {
	  width: 100% !important;
	  margin-right: 0 !important;	
	}
	
	body .products-grid .alanah_item,
	body .posts-grid .alanah_item,
	body.archive #products-grid .product-grid,
	body .categories-grid .products-categories .product-category {
	  margin-bottom: 5% !important;	
  	}
	
	body .products-grid .product-image .product_image {
	  width: 100%; 	 
	}
	
	body .products-grid .expirytimer {
      margin-left: 0;
	  text-align: left;
	  padding-left: 5px;		
	}	
}