@media screen and (max-width: 1080px){
/* Common styles of menus */

.dl-menuwrapper {
	width: 240px;
	position: absolute;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	top: 0px;
	right: 0px;
	z-index: 10000;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: url(/images/pc/nav_icon.png) no-repeat 16px center;
	background-size: 20px auto;
	position: absolute;
	outline: none;
	display: block;
	top: 0px;
	right: 0px;
	cursor: pointer;
	font: 20px 'Quattrocento Sans', sans-serif;
	color: #7896a5;
	padding-left: 44px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #dee6ea;
	padding-right: 8px;
	height: 52px;
}


.dl-menuwrapper .dl-menu {
	background: #fff;
	padding: 0px 16px 16px;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	top: 58px;
	right: 4%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #dee6ea;
	width: 200px;
}


.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}
}