.catMenu li{
	float:left;
	width:100%;
	position:relative;
	border-bottom:1px solid #f2f2f2;
}

.catMenu li:last-child{
	border-bottom:0;
}

.catMenu li.parent:hover{
	width:110%;
}

[dir="rtl"] .catMenu a, 
[dir="rtl"] .catMenu span{
	direction:ltr;
	text-align:right;
}

[dir="rtl"] .catMenu a em, 
[dir="rtl"] .catMenu span em{
	display:inline-block;
}

.catMenu a{
    float: left;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    background: url(katok.png) no-repeat 93% 56%;
    color: #000 !important;
    font-family: 'NeoSansPro-Regular', sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    display: block;
    height: 30px;
    border-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
}

.catMenu li.parent > a{
	background:url('/theme/kolici/sub_theme/blok_kategori/blok_kategori/blok_kategori/katok.png') no-repeat right center;
}

.homemenu .col-title {
    background: url(/theme/kolici/sub_theme/blok_kategori/blok_kategori/blok_kategori/katbas.png) no-repeat center;
    color: #FFFFFF;
    font-family: 'NeoSansPro-Regular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 41px;
    text-indent: 45px;
    text-transform: capitalize;
    background-size: contain;
}

.catMenu li:hover > a{
	color:#000;
}
.catMenu li.parent:hover > a{
	width:101%;
	background-color:#fff;
	position:relative;
	z-index:3333;
}

.catMenu ul{
	display:none;
	position:absolute;
	left:100%;
	top:0;
	z-index:333;
}

.catMenu li:hover > ul{
	display:block;
}

@media all and (max-width:768px) {
	
	.catMenu li.parent:hover > a{
		width:100%;
	}
	
	.catMenu ul{
		position:static;
	}

	.catMenu a, .catMenu span{
		padding-right:0;
		padding-left:0;
	}

	.catMenu > li > a, .catMenu > li > span{
		line-height:25px;
		font-size:11px;
	}

	.catMenu li.parent > a, .catMenu li.parent > span{
		background:none;
	}

	.catMenu a:before, .catMenu span:before{
		content:'';
		float: left;
		width:14px;
		height:25px;
		background:url('filterInput.png') no-repeat right center;
		margin-right: 10px;
		margin-left: 10px;
	}

	.catMenu a.fw700:before, .catMenu span.fw700:before{
		background:url('filterInputActive.png') no-repeat right center;
	}

	.catMenu .parent ul{
		padding:5px 0;
		border-bottom: 0;
	}

	.catMenu > li > ul > li a, .catMenu > li > ul > li span{
		line-height:25px;
		font-size:11px;
	}

}