#responsive-menu { display: none; }
#rotate-ipad { display:none; } 

/* @group Media Queries */
/* --------------------------------------*/
/* ---------->>> 600/900 <<<------------- this is actually ipad horz ! */
/* --------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 1230px) {  

#logo { margin-left: 30px; } 

.prev,
.next {
	display: none !important;
}

body #portfolio  {
	max-width: 700px !important;
	width: 100% !important;	
}

body #portfolio .slide {
	max-height: 550px !important;
	width: 100% !important;
}

body #portfolio .slide img {
	max-height: 500px !important;
	width: auto !important;
}

.about .inner_text .right {
position: relative !important; 
top:initial !important;
left:initial !important;
}	

.about .inner_text .right p { width:300px !important; } 

#content .right a { color:#fff !important; }


}

/* --------------------------------------*/
/* ---------->>> 320/480 <<<-------------*/
/* --------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 599px) {
	
	body { background-color: #b8ad9a; }
	body.section-7 { background-color: #fff; }
	
	/* General Layout */
	#global,
	#header,
	#content {
		max-width: 1024px;
		width: 100%;
	}
	
	#global,
	#content {
		padding: 0 !important;
	}
	
	#global:before,
	#global:after,
	#header:before,
	#header:after,
	#portfolio:before,
	#portfolio:after,
	#content:before,
	#content:after,
	.slide:before,
	.slide:after {
		content: '.';
		display: block;
		visibility: hidden;
		font-size: 0;
		line-height: 0;
		width: 0;
		height: 0;
	}

	#global:after,
	#header:after,
	#portfolio:after,
	#content:after,
	.slide:after {
	    clear: both;
	}
		
	#content img { width: 100%; }
	
	/* Header */
	#header {
		background-color: #fff;
		margin: 0 auto;
		border-bottom: 1px solid #ccc;
	}
	
	#menu { display: none; }
			
	#logo {
		margin: 10px 0 15px 10px;
		background: url(elements/responsive-logo.png) no-repeat;
        background-size: 200px 40px !important;
		max-width: 200px;
		width: 100%;
		height: 40px !important;
	}
	
	#logo a {
		width: inherit;
		height: inherit;
	}
	
	/* Dropdown */
	#responsive-menu {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		border-left: 1px solid #ccc;		
	}
	
	#responsive-menu select {
        display: inline-block;
        background-size: 65px 65px !important;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
		background: url(elements/dropdown-icon.png) no-repeat transparent;
		border: none;
		height: 65px;
		width: 65px;
		text-indent: -9999px;
	}	
	
	/* Portfolio */
	.section-7 #header { margin: 0 auto 30px; }
	
	#portfolio_navigation {
		float: none !important;
		margin-top: -4px;
		width: inherit !important;
	}
	
	#project_list ul li { display: none; }
	#project_list ul li.activeseries { display: block; position: absolute;
	left: 0%;
	width: 100% !important; }
	#portfolio_navigation li a { width: inherit !important; border-bottom: 1px solid #CCC  !important;
	padding-bottom: 10px;
	margin-top: -10px !important }
	
	#portfolio_thumbs
	{
			display: none;
	}
	
	.caption .next {
		position: absolute;
		bottom: -24px;
		right: 30px;
	}

	.caption .prev {
		position: absolute;
		bottom: -24px;
		left: 30px;
	}
	
	.next,
	.prev {
		padding: 0 !important;
	}
	
	.caption .title,
	.caption .counter {
		display: block;
	}
	
	#portfolio {
		height: inherit !important;
		float: none;
		margin-top: 25px;
		max-width: 900px;
		width: 100% !important;
	}
	
	#portfolio .slide {
		height: inherit !important;
		max-width: 880px !important;
		width: 100% !important;
	}
	
	#portfolio .slide img {
		max-height: 300px !important;
		width: auto !important;
		max-width: 300px !important;
	}
	
	#portfolio .counter { padding-left: 0; }
	
	/* Static pages */
	.about #img-container,
	.links #img-container,
	.contact #img-container {
		display: none !important;
	}
	
	.about.inner_content,
	.links.inner_content,
	.contact.inner_content {
		width: 100% !important;
		position: inherit !important;
	}
	
	.about .inner_text,
	.links .inner_text,
	.contact .inner_text {
		height: inherit !important;
		position: inherit !important;
		width: 100% !important;
		padding-top: 30px !important;
	}
	
	.about .inner_text .padder,
	.links .inner_text .padder,
	.contact .inner_text .padder {
		margin: 0 auto;
	}
	
	.about .inner_text .right {
	position: relative !important; 
	top:initial !important;
	left:initial !important;
	}	

	.about .inner_text span { width:280px !important; } 

	.about .inner_text .right p { width:280px !important; } 

	#content .right a { color:#fff !important; }
	
	.about .inner_text .padder p,
	.links .inner_text .padder p,
	.contact .inner_text .padder p {
		margin-bottom: 0;
		font-size: 13px;
		line-height: 20px;
	}
}


/* ---------------------------------------------------------*/
/* ---------->>> Images for Retina Displays <<<-------------*/
/* ---------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {	
	#logo { background: url(elements/responsive-logo@2x.png) no-repeat transparent; background-size: contain; }
	#responsive-menu select { background: url(elements/dropdown-icon@2x.png) no-repeat transparent; }
}
/* @end */

/* ---------------------------------------------------------*/
/* -------->>> Display on Vertical iPads Only  <<<----------*/
/* ---------------------------------------------------------*/

@media only screen and (min-device-width : 768px) and (min-device-height : 1024px) and (orientation : portrait) {

	/* General Layout */
	#global,
	#header,
	#content {
		max-width: 768px;
		width: 100%;
	}

	#content img {
	max-width: 760px;
	}
	
	#logo { margin-left: 30px; } 
	
#portfolio {
	height: inherit !important;
	float: none;
	margin-top: 25px;
	max-width: 768px;
	width: 100% !important;
}

#portfolio .slide {
	height: inherit !important;
	max-width: 540px !important;
	width: 100% !important;
}

#portfolio .slide img {
	width: auto !important;
	max-width: 500px !important;
}

#portfolio .counter { padding-left: 0; }

	/* Static pages */
	.about #img-container,
	.links #img-container,
	.contact #img-container {
		display: none !important;
	}
	
	.about.inner_content,
	.links.inner_content,
	.contact.inner_content {
		width: 100% !important;
		position: inherit !important;
	}
	
	.about .inner_text,
	.links .inner_text,
	.contact .inner_text {
		height: inherit !important;
		position: inherit !important;
		width: 100% !important;
		padding-top: 30px !important;
		min-height:600px;
	}
	
	.about .inner_text .padder,
	.links .inner_text .padder,
	.contact .inner_text .padder {
		margin: 0 auto;
	}
	
	.about .inner_text .padder p,
	.links .inner_text .padder p,
	.contact .inner_text .padder p {
		margin-bottom: 0;
		font-size: 13px;
		line-height: 20px;
	}

	#logo {
		margin: 10px 0 15px 15px;
		background: url(elements/responsive-logo.png) no-repeat;
        background-size: 200px 40px;
		max-width: 200px;
		width: 100%;
		height: 40px !important;
	}

	#header #logo {
		background: url(elements/responsive-logo.png) no-repeat; }

	#logo a {
		width: inherit;
		height: inherit;
	}
}