.wrap_menu_resp{ width:60px; height:60px; /*background:#fff;*/ position:relative; transition: all 0.6s ease-out; cursor:pointer; float:left; margin-top:8px}
.linea_1{ width:22px; height:2px; background:#000; position:absolute; top:23px; left:15px;transition: all 0.3s ease-out;}
.linea_1a{ width:4px; height:2px; background:#000; position:absolute; top:23px; left:41px;transition: all 0.3s ease-out;}
.linea_2{ width:4px; height:2px; background:#000; position:absolute; top:29px; left:15px;transition: all 0.3s ease-out;}
.linea_2a{ width:22px; height:2px; background:#000; position:absolute; top:29px; left:23px;transition: all 0.3s ease-out;}
.linea_3{ width:30px; height:2px; background:#000; position:absolute; top:35px; left:15px;transition: all 0.3s ease-out;}

#panel {display: none;position:fixed;top:0px;right: 0px;background: none;cursor:pointer;width:100%;height: 100%;padding:0px;z-index:999999;}.overlay{position:absolute;top:0px;right:0px;background: #000;width:45%;height: 100%;padding: 30px;z-index:9999999;overflow:hidden;}
.topchiudi{ width:70px; height:70px; position:absolute; z-index:9999; top:0px; right:0px; background:#333;transition: all 0.3s ease-out; cursor:pointer; color:#fff}
.linea4{ width: 30px; height:2px; background:#fff; position:absolute; top:33px; left:20px;transition: all 0.3s ease-out;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.linea5{ width: 30px; height:2px; background:#fff; position:absolute; top:33px; left:20px;transition: all 0.3s ease-out;-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.topchiudi:hover{background:#000;}

/*.wrap_menu_resp:hover{background:#f4f4f4;}*/

.wrap_menu_resp:hover .linea_1{width:13px;}
.wrap_menu_resp:hover .linea_1a{width:13px; left:19px;}
.wrap_menu_resp:hover .linea_2{width:22px;}
.wrap_menu_resp:hover .linea_2a{width:4px; left:41px}
.wrap_menu_resp:hover .linea_3{width:17px;left:28px;}

.wrap_navi {display: table;width: 100%;height: 100vh;margin: 0 auto;}
.navi {font-size: 30px;font-weight: bold;display: table-cell;vertical-align: middle;}
.navi ul {list-style: none;padding: 0px;margin: 0px;position: relative;}
.navi ul li {padding: 0px;margin: 25px 0px;display: list-item;position: relative; text-align:center}
.navi ul li a {color: #fff;transition: all 0.3s ease-out;position: relative;padding:0px 20px;}
.navi ul li a:hover {color:#BCAD6B;}



@media (min-width: 1025px) and (max-width: 1366px) {
	
}
@media (min-width: 769px) and (max-width: 1024px) {
	.overlay{width:100%;}
	
}
@media (min-width: 426px) and (max-width: 768px) {
	.overlay{width:100%}

}
@media (max-width: 425px) {
	.overlay{width:100%;}
}