/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
	
}


@media only screen and (min-width : 960px) {
/* Styles */
	.header-wrapper>.menu {
	margin-top: 33px;
	margin-right:80px;
	font-size:20px;
	}
	.header-wrapper>.menu ul li {
	position: relative;
	float: left;
	background: none;
	padding: 0;
	margin-left: 29px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
.header-wrapper>.menu ul li {
	position: relative;
	float: left;
	background: none;
	padding: 0;
	margin-left: 20px;
	}
.header-wrapper>.menu {
	margin-top: 33px;
	margin-right:20px;
	font-size:20px;
	}

}	
	


@media only screen and (min-width: 768px) and (max-width: 959px) {
.header-wrapper>.menu {
	margin-top: 33px;
	margin-right:20px;
	font-size:20px;
	}
.header-wrapper>.menu ul li {
	position: relative;
	float: left;
	background: none;
	padding: 0;
	margin-left: 20px;
	}
.header-wrapper {
	width: 100%;
	height: 80px;
	background: #212121 url(images/header.png) repeat-x center bottom;
	color: #fff;
	z-index: 1000;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.99);
	-moz-box-shadow:    0px 3px 15px 0px rgba(50, 50, 50, 0.99);
	box-shadow:         0px 3px 15px 0px rgba(50, 50, 50, 0.99);
	}


.page-wrapper{
	padding-top:80px;
	width:100%;
	height:auto;
	}
.footer{
	width:100%;
	}
.footer>.fwrapper{
	padding:10px;
	width:auto;
	height:auto;
	text-align: center;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.header-wrapper {
	width: 100%;
	height: 80px;
	background: #212121 url(images/header.png) repeat-x center bottom;
	color: #fff;
	z-index: 1000;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.99);
	-moz-box-shadow:    0px 3px 15px 0px rgba(50, 50, 50, 0.99);
	box-shadow:         0px 3px 15px 0px rgba(50, 50, 50, 0.99);
	}


.page-wrapper{
	padding-top:80px;
	width:100%;
	height:auto;
	}
.header-wrapper>.logo{
	display:none;
	}	
.header-wrapper>.menu {
	margin-top: 33px;
	width: auto;
	display: block;
	font-size: 18px;
	float: none;
	margin: 20px;
	}
.footer>.fwrapper{
	padding:10px;
	width:auto;
	height:auto;
	font-size:10px;
	}
}
.footer{
	width:100%;
	}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

.header-wrapper {
	width: 100%;
	height: 80px;
	background: #212121 url(images/header.png) repeat-x center bottom;
	color: #fff;
	z-index: 1000;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.99);
	-moz-box-shadow:    0px 3px 15px 0px rgba(50, 50, 50, 0.99);
	box-shadow:         0px 3px 15px 0px rgba(50, 50, 50, 0.99);
	}
.header-wrapper>.logo{
	display:none;
	}		

.page-wrapper{
	padding-top:80px;
	width:100%;
	}
.header-wrapper>.menu {
	margin-top: 33px;
	width: auto;
	display: block;
	font-size: 18px;
	float: none;
	margin: 20px;
	}

.footer>.fwrapper{
	padding:10px;
	width:auto;
	height:auto;
	font-size:10px;
	}
	.footer{
	width:100%;
	}
}