/*=====================================================
    
    DESKTOP

=====================================================*/

@media all{


/* GLOBAL STYLES */

/* GLOBAL FORMS */
/* GLOBAL TABLES */

/* NOTIFICATIONS & POPUPS */
/* HEADER */

.header-middle {
	background-color: #fff;
	padding: 0px 0;
}
.header-middle .center {
	display: table;
}
.header-logo {
	display: table-cell;
	width: 20%;
	padding: 0 0 0 24px;
	vertical-align: middle;
}
.category-item {
	position: relative;
	border: 0.5px solid #D8D8D8; /* کادر آیتم های دسته بندی در صفحه اصلی */
	border-radius: 10px;
	background-color: #e6e6e6;
	transition: all 0.5s ease;
	margin-bottom: 10px;
	margin-top: 10;
}
.category-item:hover,
.sub-category-item:hover {

	box-shadow: 5px 4px 16px #AAAAAA;
	border: 1px solid #6ED11A; /* کادر آیتم های دسته بندی در صفحه اصلی */
	
}
.category-item .title
 {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: rgba(255,255,255,0.9); /* رنگ بکگراند عنوان دسته بندی در صفحه اصلی */
	font-size: 15px;
	transition: all 0.5s ease;
}
	.category-item:hover .title{
	width: 100%;
	height: 55%;
	background-color: rgba(255,255,255,0.9); /* رنگ بکگراند عنوان دسته بندی در صفحه اصلی (hover) */
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.category-item .title a {
	//display: block;
	padding: 15px 30px;
	transition: all 0.5s ease;
}
.category-item:hover .title a {
	color: #181818;
	text-shadow: 1px 1px 3px #ABABAB;
	margin-top: 30%;
	text-align: center;
	font-size: 24px; /* فونت عنوان دسته بندی در صفحه اصلی */
	width: 100%;
}
.category-item .picture,
.sub-category-item .picture,
.manufacturer-item .picture,
.vendor-item .picture {
	border-radius: 10px;
	margin: 0;
	transition: all 0.5s ease;
}
.category-item:hover .picture,
.sub-category-item:hover .picture {
	opacity: 0.6;
}
.item-box .picture img {
	border-radius: 10px;
}
a img {
	border-radius: 10px;	
}
.item-box .picture a {
border-radius: 10px;
}
.item-box .product-item {
	//border-radius: 10px;
	background-color: rgba(255,255,255,0.0);
}
.item-box {
	//width: 32%; /* 3 per row */
	width: 23.5%; /* 4 per row */
	//border: 0.8px solid #B5B5B5;
	}
.kian-product-item-box {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border: 0.8px solid #B5B5B5;
	}
.kian-product-item-box:hover {
	border: 1px solid #20B988;
	box-shadow: 5px 4px 16px #AAAAAA;
	}
.kian-item-box {
    width: 23%;
	margin-bottom: 20px;
    position: relative;
    display: inline-block;
    float: none;
	}
.kian-item-grid {
	display: list-item;
    text-align: center;
	list-style-type: none;
	}
}

@media all and (min-width: 769px) {
	
.kian-item-box:nth-child(3n+1) {
	clear: both;
	margin-right: 2%;
}

.kian-item-box:nth-child(4n+1) {
	clear: both;
	margin-right: 0;
}

.item-box:nth-child(3n+1) {
	clear: none; /*revert the 3rd item*/
	margin-right: 2%; /*revert the 3rd item*/
}
.item-box:nth-child(4n+1) {
	clear: none; /*revert the 4rd item*/
	margin-right: 0; /*revert the 4rd item*/
}

}