/* Mobile Menu
======================================================================== */
@media only screen and (max-width: 959px) {
	.logo img { transform:scale(1); max-width: 100%; }
	#header { position:relative}
	.header-area { width: 100%;position:relative; }
	#header .logo { width: auto }	
} 

/* iPad Portrait
======================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.inner,#footer .inner { width: 95%; }
	#boxed #wrapper,
	#stretched #wrapper {
		width:100%;
	}
	.inner,#footer .inner { 
		width:700px;
	}
	#header { position:relative}
	.header-area { width: 100%;position:relative; }
	#header .logo { width: auto; }	
}

@media only screen and (max-width : 768px) {
	span.menublock {
	  width: 35px;
	  height: 35px;
	  background: url(../images/nav.jpg)no-repeat 0px 0px;
	  display: inline-block;
	  cursor: pointer;
	  vertical-align:middle;
	  float:right;
	  margin:5px 0;
	}
	.primarymenu{
		clear:both
	}
	.primarymenu ul.menu {
		float: none;
		margin-top: 0em;
		display:none;
	}
	.primarymenu ul,.menu ul{
		display:none;
	}
	.primarymenu ul li {
		display:block;
		margin:0;
		float:none !important;
		background:0 !important;
	}
	.primarymenu span.menublock{
		display:block;
	}
	.primarymenu ul.menu{
	  z-index: 999;
	  position: absolute;
	  width:100%;
	  background:#eee;
	}
	.primarymenu li a {
	  padding: 0.5em;
	  font-weight: 400;
	  font-size:0.9em;
	  }
	.primarymenu ul li a {
	  font-size: 0.9em;
	}
	#header .logo{
		float:none;
		display:block
	}
	.primarymenu .inner{
		width:auto !important
	}
	.menu ul{
		position:relative
	}
	.menu li:hover > ul
	{
		display:none;
	}
	.menu ul.nav-child li{
		float:none;
		width:100%
	}
	ul.menu li.deeper{
	}
	.imgright,.imgleft{
		float:none;
		display:block;
		margin:0
	}
	#footer{
		background:#be9f71;
	}
}

/* Smartphones & iPhone 4s(landscape)
======================================================================== */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	#boxed #wrapper,
	#stretched #wrapper {
		width:100%;
	}
	
	.inner,#footer .inner { 
		width:300px;
	}

	#header { position:relative}
	.header-area { width: 100%;position:relative; }
	#header .logo { width: auto; }	
	
	.half_width, .one_half, .one_third, .two_third, .one_fourth, 
	.one_fifth, .three_fourth, .four_fifth, .two_fifth, .three_fifth,
	.one_sixth, .four_sixth  { width:100%; margin-right:0; }
}

/* iPhone 5s(landscape)
======================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.inner { width:95%;}

	/* layout */ 
	#boxed #wrapper,
	#stretched #wrapper {
		width:100%;
	}
	
	.inner,#footer .inner { 
		width:90%;
	}
			
	.half_width, 
	.one_half,        
	.one_third,       
	.two_third,      
	.one_fifth,       
	.three_fourth, 
	.four_fifth,     
	.two_fifth,       
	.three_fifth,   
	.one_sixth,       
	.four_sixth  { width:100%; margin-right:0; }

	/*.headright,
	.logo { display:block; float:none; width:100%; margin:0 auto; text-align:center; }

	.primarymenu { width:100%; position:inherit; left:0px; }
	.primarymenu select { width:100%; }*/
	
	#header { position:relative}
	.header-area { width: 100%;position:relative; }
	#header .logo { width: auto; }	
}

/* Smartphones  & iPhone 4s (portrait) 
======================================================================== */
@media only screen and (max-width : 320px) {
	#header { position:relative}
	.header-area { width: 100%;position:relative; }
	#header .logo { width: auto; }	
}

/* Small Mobile Devices
======================================================================== */
@media only screen and (min-width: 240px) and (max-width: 319px) {
	.inner,#footer .inner { width: 95%; }
	#header { position:relative}
	.header-area { width: 100%;position:relative; }
	#header .logo { width: auto; }	
}