/*MAIN.CSS*/
/*==========================*/
/*ALL DEVICE OPTIMIZATION*/
/*===========================*/

/*Large Widescreen Monitors*/
@media (min-width: 1681px) and (max-width: 3000px) {
	.container {
		width: 990px !important;
	}
	.menu {
		padding:100px 20px;
		position:fixed;
		left:30px;
	}
	.name-logo span {
		display:block;
	}
}
@media (min-width: 1441px) and (max-width: 1680px) {
	.container {
    	width: 990px !important;
	}
	.menu {
		padding:100px 20px;
		position:fixed;
		left:30px;
	}
	.name-logo span {
		display:block;
	}
}
@media (min-width: 1367px) and (max-width: 1440px) {
	.container {
		width: 990px !important;
	}
	.menu {
		padding:100px 20px;
		position:fixed;
		left:30px;
	}
	.name-logo span {
		display:block;
	}
}
@media (min-width: 1281px) and (max-width: 1366px) {
	.container {
		width: 990px !important;
	}

	.menu {
		padding:100px 20px;
		position:fixed;
		left:30px;
	}
	.name-logo span {
		display:block;
	}
}
@media (min-width: 1215px) and (max-width: 1280px) {
	.container {
		width: 990px !important;
	}
	.menu {
		padding:100px 20px;
		position:fixed;
		left:30px;
	}
	.name-logo span {
		display:block;
	}
}
/*Very Large Tablets and Medium Laptops*/
@media (min-width: 1153px) and (max-width: 1214px) {
	.container {
		width: 990px !important;
	}
	.menu {
		padding:100px 20px;
		position:fixed;
		left:30px;
	}
	.name-logo span {
		display:block;
	}
}
/*Notebooks and Small Laptops*/
@media (min-width: 1025px) and (max-width: 1152px) {
	.container {
		max-width: 990px !important;
	}
	.menu {
		padding:100px 20px;
		position:fixed;
		left:30px;
	}
	.name-logo span {
		display:block;
	}
}

@media (min-width: 991px) and (max-width: 1024px) {
	.container {
		width: 900px !important;
	}
	.menu {
		padding:80px 20px;
		position:fixed;
		left:30px;
	}
	.name-logo span {
		display:block;
	}
}

/*iPad Landscape Mode and Large Tablets */
@media (min-width: 961px) and (max-width: 990px) {
	.container {
		width: 900px !important;
	}
	.menu {
		padding:70px 20px;
		position:fixed;
	}
	.name-logo span {
		display:block;
	}
}

/*Small Desktop and Very Small Notebook */
@media (min-width: 801px) and (max-width: 960px) {
	.container {
		max-width: 760px !important;
	}
	.menu {
		padding:60px 20px;
		position:fixed;
	}
	.name-logo span {
		display:block;
	}
}

/*windows machine 782px*/
@media (min-width: 768px) and (max-width: 800px) { 
	.container {
		max-width: 720px !important;
	}
	.menu {
		padding:50px 20px;
		position:fixed;
	}
	.name-logo span {
		display:block;
	}
}

/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (min-width: 641px) and (max-width: 767px) {
	.container {
		max-width: 600px !important;
	}
	.menu {
		padding:50px 20px;
		position:fixed;
	}
	.name-logo span {
		display:block;
	}
	.grid-wrap {
		width:250px;
	}
}

/*Medium Smart Phones v2*/
@media (min-width: 601px) and (max-width: 640px) {
	.container {
		max-width: 560px !important;
	}
	.menu {
		padding:50px 20px;
		position:fixed;
	}
	.name-logo span {
		display:block;
	}
	.grid-wrap {
		width:250px;
	}
	.name-logo a {
		font-size:30px;
	}
} 

/*Google Nexus and Other Large Smart Phones v1*/
@media (min-width: 481px) and (max-width: 600px) {
	.container {
		max-width: 440px !important;
	}
	.menu {
		padding:50px 20px;
		position:fixed;
		width:200px;
	}
	.name-logo span {
		display:block;
	}
	.grid-wrap {
		width:200px;
	}
	.name-logo a {
		font-size:30px;
	}
} 

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media (min-width: 361px) and (max-width: 480px) {
	.container {
		width: 320px !important;
		text-align: center;
	}
	.menu {
		padding:40px 20px;
		position:fixed;
		width:150px;
	}
	.name-logo span {
		display:block;
	}
	.grid-wrap {
		width:150px;
	}
	.name-logo a {
		font-size:20px;
	}
}

/*Other Major Small Smart Phones*/
@media (min-width: 321px) and (max-width: 360px) {
	.container {
    	max-width: 300px !important;
	    text-align: center;
	}
	.menu {
		padding:40px 20px;
		position:fixed;	
		width:130px;
	}
	.name-logo span {
		display:block;
	}
	.grid-wrap {
		width:130px;
	}
	.name-logo a {
		font-size:20px;
	}		
}

/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
	.container {
		width: 260px !important;
		text-align: center;
	}
	.menu {
		padding:10px 20px;
		width:100px;
	}
	.name-logo span {
		display:block;
	}	
	.grid-wrap {
		width:120px;
	}
	.name-logo a {
		font-size:15px;
	}
	.navigation ul li {
		font-size:15px;
	}
	.navigation ul li a {
		padding-left:0;
	}
}