/*
Theme Name: WA-DZ
Author: dawa
Author URI: http://www.olphc.com/
*/
/***************************************************************/


.primary-menu{position:relative;z-index:999;font-weight:500;float:left}
.primary-menu ul{margin:0;padding:0;list-style:none;display:inline-block;float:right}
.primary-menu ul>li{margin:0 15px;display:inline-block;position:relative;padding:10px 0; width:auto; border-bottom:none;}
/*
.primary-menu ul>li.menu-item>a::after{content:'\e93a';font-family:'icomoon';font-weight:400;display:inline-block;margin-left:5px;transition:transform ease .3s;position:absolute;line-height:1;top:4px;}
.primary-menu ul>li.menu-item>ul>li.menu-item a::after{content:'';}
.primary-menu ul>li.menu-item>ul>li.menu-item::after{content:'\e93c';font-family:'icomoon';font-weight:400;display:inline-block;transition:transform ease .3s;position:absolute;right:15px;bottom:10px;font-size:16px;}
.primary-menu ul>li.menu-item>ul>li.menu-item:hover::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.primary-menu ul>li.menu-item:hover>a::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
*/

.primary-menu ul>li.submenu>a::after {
content:"\e10f";
    font-family: 'icomoon';
    font-weight: 400;
    display: inline-block;
    transition: transform ease .3s;
    position: absolute;
    line-height: 1;
    top: 5px;
    right: -15px;
}





.primary-menu ul>li.menu-item>ul{position:absolute;background:#FFF;color:#555;left:-20px;top:40px;text-align:left;width:200px;opacity:0;visibility:hidden;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.21);padding:10px 0;}
.primary-menu ul>li.menu-item>ul>li>ul{left:100%;top:-10px}
.primary-menu ul>li>ul>li{display:block;padding:5px 10px 5px 10px;margin:0;border-bottom: 1px solid #f6f6f6;}
.primary-menu ul>li>ul li a{font-size:12px;font-weight:400;color:#404040;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.primary-menu ul>li:hover>ul{opacity:1;visibility:visible;top:40px;z-index:99;}
.primary-menu ul li a,
#menu-mobile a{color:#404040;font-size:14px;display:block;position:relative;}
.primary-menu ul li span{
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 9px;
}
.primary-menu ul li span::after {
content:"\e10f";
    font-family: 'icomoon';
    font-weight: 400;
    display: inline-block;
    transition: transform ease .3s;
    position: absolute;
    line-height: 1;
    top: 5px;
    right: -15px;
}
.logo a:hover,
.primary-menu .logo-fixed a:hover,
.primary-menu ul>li .sub-menu li a:hover,
.primary-menu ul>li .sub-menu li.current-menu-item>a,
.primary-menu ul>li.current-menu-ancestor>a,
.primary-menu ul>li.current-menu-item>a,
.primary-menu ul>li:hover>a,
.primary-menu ul>li>a:hover,


@media only screen and (max-width: 992px){
.primary-menu ul>li {
    margin: 0 15px !important;
	color:#F00; 
    display: inline-block;
    position: relative;
    padding: 10px 0;
}


}


@media only screen and (min-width: 332px)and (max-width:980px) {
.primary-menu ul>li.menu-item>ul{
	width:107%;
	left:-7%;
}
.primary-menu ul>li {
    margin: 0 15px !important;
	width:70%;
	line-height:30px;
	border-bottom:1px solid #efefef;
    display: inline-block;
    position: relative;
    padding: 10px 0;
}
.primary-menu ul li a{width:70%;}
.primary-menu ul li span{
	width: 30%;
    top: 15px;
}
.primary-menu ul>li.menu-item>ul.sub-menu>li{
	width:100%;
	margin:0 auto !important;
}
.primary-menu ul>li.menu-item>ul.sub-menu>li a{
	width:100%;
}
}