@media only screen and (max-width: 1680px) {
	body{
		/*padding: 50px;*/
	}
}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (min-width: 1025px) {
	nav { display: block !important; }
}

@media only screen and (max-width: 1025px) {
}

@media only screen and (min-width: 991px) {
	.mobile-nav{display: none !important;}
}
@media only screen and (max-width: 991px) {
	.hamburger{display: block;}
	.sol-menu, .sag-menu{display: none;}
	.logo{
		position: relative !important;
		margin: 0; 
		text-align: left; 
		width: 50% !important; 
		top: 0;
		float: left;
		transform: none !important;
		left: 0 !important;
		margin-top: 10px !important;
		z-index: 999;
	}
	nav ul li a{font-size: 16px;}
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 600px) {

	header .logo img{
		width: 100%;
	}
	.per1, .per2 {
		float: none !important;
		width: 100% !important;
		border:  none !important;
	}
	.per2{
		margin-top: 30px;
	}
}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width : 320px) {
        
}