/* Solis - Dropdown Menu - Responsive */
.menu input#dropdown, .menu label{
		display:none;
		width:48px;
		height:36px;
		margin:7px 0 0 0;
		float:right;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		font-size:28px;
		color:#FFF;
		text-align:center;
		line-height:40px;
		background:#222;
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		color:#444;
		-webkit-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		}
	.menu input#dropdown:checked ~ ul, .menu input#dropdown:checked ~ ol{
		display:block;
		}	
	.menu h2.dropdown{
		display:none;
		margin:10px 0 0 0;
		float:left;
		font:normal 26px 'Archivo Narrow', sans-serif;
		color:#FFF;
		}
@media only screen and (max-width: 1024px){
	.menu{
		width:96%;
    
		}
	.menu ul ul{
		margin:0;
		}
	}
@media only screen and (max-width: 992px){
	.menu input, .menu label, .menu h2.dropdown{
		display:block;
		}
	.menu-container{
		height:auto;
		}
	.menu{
		width:96%;
		min-height:50px;
		height:100%;
		overflow:hidden;
		position:relative;
		}
	.menu ul{
		display:none;
		width:100%;
		margin:50px 0 0 0;
		padding:0;
		float:none;
		}
	.menu ul > li{
		float:none;
		}
	.menu ul li a{
		width:100%;
		height:44px;
		padding-left:5%;
		font-size:24px;
		text-align:left;
		border-left:none;
		border-bottom:solid 1px #2C2C2C;
		}
	.menu ul li a i{
		margin:10px 16px 0 0;
		float:left;
		font-size:22px;
		}
	.menu ul li a h3{
		margin:12px 0 0 0;
		float:left;
		font-size:16px;
		}	
	.menu ul ul{
		display:block;
		width:100%;
		position:static;
		visibility:visible;
		opacity:1;
		margin:0;
		overflow:hidden;
		border:none;
		background:#333;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		}
	.menu ul ul li{
		width:25%;
		float:left;
		}
	.menu ul ul li a{
		padding:0;
		text-align:center;
		border:none;
    height:auto;
    line-height:18px;
    padding-top:5px;
    padding-bottom:5px;
		}
	.menu ul ul li a span{
		display:none;
		}	
	.menu ul ul li:hover a{
		background:#2C2C2C;
		}
	.menu ul .icons-dropdown li a{
		padding-left:0;
		}	
	.menu ul ul ul, .menu ul ul li a i{
		display:none;
		}		
	.menu .social{
		display:none;
		margin:16px 0 14px;
		float:none;
		text-align:center;
		}
	.menu .social li{
		display:inline-block;
		float:none;
		}
	}
@media only screen and (max-width: 480px) {
	.menu{
		width:90%;
		}
	.menu ul ul li{
		width:33.33%;
		}
	}