@media(min-width:768px){
	.dimamenu > ul{
		width: 100%;
		float:right;
		position: relative;
		list-style:none;
		z-index:1000;
	}
	.dimamenu > ul > li{
		float:right;
		line-height: 40px;
		list-style:none;
	}
	.dimamenu > ul > li:hover{
		background: rgba(0,0,0,0.2);
	}
	.dimamenu > ul > li:hover > a{
		color:#FFF!important;
	}
	.dimamenu > ul > li > a{
		padding-left: 15px;
		padding-right: 15px;
		display: block;
	}
	.dark.dimamenu > ul > li > a{
		color:#FFF;
		font-size:14px;
	}
	.dimamenu > ul > li{
		position:relative;
	}
	.dimamenu > ul > li > ul{
		position: absolute;
		top:40px;
		right:0;
		background: rgba(0,0,0,0.6);
		box-shadow: 0px 0px 20px -15px #000;
		width:250px;
		border-radius: 10px;
		border-top-left-radius:0;
		border-top-right-radius:0;
		padding:5px;
		margin:0;
		list-style:none;
		line-height: 25px;
		height:0;
		opacity: 0;
		overflow: hidden;
	}
	.dimamenu > ul > li:hover > ul{
		height: auto;
		opacity: 1;
	}
	.dimamenu > ul > li > ul > li{
		width:100%;
		float:right;
		position: relative;
	}
	.dimamenu > ul > li > ul > li > a{
		display: block;
		padding: 5px;
		font-weight: bold;
		margin:5px;
		border-radius: 5px;
	}
	.dark.dimamenu > ul > li > ul > li > a{
		color:#FFF;
		background:rgba(0,0,0,0.3);
	}
	.dimamenu > ul > li > ul > li > ul{
		padding: 0px;
	}
	.dimamenu > ul > li > ul > li > ul > li{
		padding-right: 10px;
		width:100%;
		float:right;
	}
	.dimamenu > ul > li > ul > li > ul > li:before{
		content:'\f053';
		font-family:'FontAwesome';
		color:#98175d;
		float:right;
		padding-left: 10px;
		font-size: 12px;
		font-weight: 300;
	}
	#showdimamenu{
		display: none;
	}
}
@media(max-width: 768px){
	.dimamenu > ul{
		position: fixed;
		width: 80%;
		left:0;
		top:0px;
		bottom: 0px;
		background: #F1F1F1;
		box-shadow: 0px 0px 20px -15px #000;
		z-index: 99999999;
		overflow-y: auto;
		display: none;
	}
	.dimamenu.dark > ul{
		position: fixed;
		width: 80%;
		left:0;
		top:0px;
		bottom: 0px;
		background: #333333;
		box-shadow: 0px 0px 20px -15px #000;
		z-index: 99999999;
		overflow-y: auto;
		display: none;
	}
	.dimamenu > ul.show{
		display: block;
	}
	.dimamenu > ul > li{
		padding: 7px;
		margin:5px;
		border-radius:7px;
		border: 1px solid rgba(0,0,0,0.09);
		background: #FFF;
	}
	.dimamenu.dark > ul > li{
		padding: 7px;
		margin:5px;
		border-radius:7px;
		border: 1px solid rgba(0,0,0,0.09);
		background: #222;
	}
	.dimamenu.dark > ul > li > a{
		color:#FFF;
	}
	.dimamenu.dark > ul > li:hover{
		background: #111;
	}
	.dimamenu > ul > li > ul > li{
		padding: 7px;
		margin:5px;
		border-radius:7px;
		border: 1px solid rgba(0,0,0,0.09);
		background: #FFF;
	}
	.dimamenu > ul > li > ul > li > ul > li{
		padding: 7px;
		margin:5px;
		border-radius:7px;
		border: 1px solid rgba(0,0,0,0.09);
		background: #FFF;
	}
	#showdimamenu{
		display: block;
		font-size: 25px;
		text-align: right;
		padding: 5px;
		margin: 0;
		padding-right:10px;
	}
	#showdimamenu i{
		padding: 0;
		margin: 0;
		color:#999;
	}
	.dark #showdimamenu i{
		padding: 0;
		margin: 0;
		color:#FFF;
	}
	.dark #showdimamenu{
		color:#FFF;
	}
}
.dimamenu li>ul,
.dimamenu li>ol {
    margin-bottom: 0;
    margin-left: 0!important;
}
#closedimamenu{
	display: none;
}
#closedimamenu.show{
	display: block;
	position: fixed;
	left:80%;
	top:5px;
	z-index: 10;
	font-size: 20px;
	background: red;
	width:40px;
	height:40px;
	line-height: 40px;
	text-align: center;
	color:#FFF;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}