/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.menu ul li a {
		padding: 15px 10px 18px 10px;
		letter-spacing: -0.5px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header {
		padding: 35px 0;
	}
	
	.menub {
		position: fixed;
		z-index: 4;
		top: 15px;
		right: 15px;
		border: none;
		background: #fff;
		font-size: 24px;
		padding: 10px 15px;
		box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
		line-height: 24px;
	}
	
	nav.menu {
		overflow-y: auto;
		padding: 15px 0;
	}
	
	.menubox {
		position: relative;
		visibility: hidden;
		display: none;
	}
	
	.menubox.active {
		position: fixed;
		width: 100%;
		visibility: visible;
		top: 0;
		left: 0;
		z-index: 3;
		display: block;
		background: #fff;
		box-shadow: 15px 15px 15px rgba(0,0,0,0.3);
	}
	
	.menu ul li {
		display: block;
		text-align: left;
	}
	
	.menu ul li ul {
		display: block;
		visibility: visible;
		opacity: 1;
		position: relative;
		box-shadow: none;
		background: none;
	}
	
	.menu ul li ul li a {
		border: none;
	}
	
	.menu ul li a {
		padding: 5px;
	}
	
    .menu .parent:hover > a  {
		color: inherit;
	}
	
	.menu ul li a:hover {
		color: #16b9f5 !important;
	}
	
	.lang ul {
		margin: 0 auto 20px;
	}
	
	.searchbox {
		margin: 20px auto 0;
	}
	
	footer {
		text-align: center;
	}
	
	.social ul {
		margin: 15px auto 0;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.reveal-modal {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 15px !important;
		left: 0 !important;
	}


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}