@media (max-width: 1000px) {

#open {
	z-index:2000;
	width:30px;
	height:30px;
    top: 10px;
    right: 10px;
	position:fixed;
	background-image: url(../images/open_btn.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	cursor:pointer;
}	

#close {
	z-index:2000;
	width:30px;
	height:30px;
    top: 10px;
    right: 10px;
	position:fixed;
	background-image: url(../images/close_btn.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	cursor:pointer;
	display: none;
}	

#menu{
	z-index:1500;
	width:100%;
	height:100vh;
	top:50px;
	padding: 30px 0 0 0;
	font-size: 10pt;
	position:absolute;
	background-color: #f8efe4;
    display: none;
}

#menu li{
	width:100%;
	padding: 10px 0 10px 0;
}

#menu li a{
	height: 20px;
	color:#1c1f20; 
}

#menu li a:hover{ 
	color: #b8242b;
}

#menu li a.current{ 
	color: #b8242b;
}

#menu li a.active{ 
	color: #b8242b;
}

#works_menu{
	width:100%;
	height:auto;
	padding: 20px 0 20px 0;
	font-size: 10pt;
	text-align: center;
	background-color: #f8efe4;
}

#works_menu .dot{
	width:10px;
	height:40px;
	line-height:40px; 
}

#works_menu .dot2{
	width:0;
	height:0;
	line-height:0; 
}

#red_line{
	width:80%;
	height:1px;
	margin: 10px 0 10px 0;
	background-image: linear-gradient(to left, rgba(184, 36, 43, 0), rgba(184, 36, 43, 1), rgba(184, 36, 43, 0));
}

#works_menu li{
	width:auto;
	height:auto;
	padding: 0 25px 0 25px;
	margin: 0;
}

#works_menu li a{
	width:100%;
	margin: 0;
	text-decoration:none;  
	line-height:20px; 
}  
    
}