/*Add Css Custom Here*/

/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px){
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {  line-height: 24px; height: auto;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
	    display: inline-block;
	}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}
	
	.container-megamenu.vertical .vertical-wrapper{
		z-index: 1;
	}
	
	.layout-5 .product-view .label-sale{
		right:20px;
	}
	.rtl.layout-5 .product-view .label-sale{
		left:20px;
		right:auto;
	}
	
}

.item-image img {
	max-width: 100%;
	height: auto;
	max-height: 100px;
	object-fit: cover;
	display: block;
}

.product-image-container img {
	width: 200px !important;
	height: 200px !important;
	object-fit: cover;
	display: block;
}

#menuHeading .container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.menu-left {
	padding-right: 0 !important;
	margin-right: 0 !important;
}

#menuHeading b {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.menu-icon {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-right: 8px;
}
.menu-icon span {
	width: 20px;
	height: 2px;
	background-color: white;
}