/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	
}

@media
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	
}





/* Desktops and laptops ----------- */


/* ---- my custom ones --- */
@media screen and (max-height: 800px)
and (-webkit-max-device-pixel-ratio : 1)  {
	
	
}




@media only screen 
and (max-width : 1024px)
and (-webkit-max-device-pixel-ratio : 1) {
	#home_banner_mask,
	#home_banner_imgs,
	#home_banner_imgs img {
		width:960px;
		height:387px;
	}
	.content_holder,
	#home_banner .content_holder,
	header#main .content_holder,
	footer .content_holder,
	.gallery_overlay {
		width:960px;
	}
	.gallery_arrows div.arrow_right, .gallery_arrows div.arrow_left {
        /*top: 167px;*/
        height:387px;
    }
	.intro, .theatre  {
		width: 36.5em;
	}
	
	.sf-menu li.noCat,
	.sf-menu li.subCatBtn {
		padding:0px 1.00em 0.125em 1.00em;
		margin-bottom:1em;
	}
	.sf-menu li#langBtn {
		position:absolute;
		top:-60px;
		left:0px;
	}
	header#main #logo {
	    left: 620px;
	}
	
	#testis_arrows {
		width: 930px;
	}
	/*
	#testis_arrows div.arrow_right {
		right: 1em;
	}
	#testis_arrows div.arrow_right:hover {
		right:0.25em;
	}
	*/
	a.thumb_overlay {
		width:263px;
	}
	
	#projects .project_thumb {
		width:263px;
		height:263px;
	}
	#projects .project_thumb:hover a.title {
		height:263px;
	}
	
	.theatre #theatre_mask {
		width:625px;
	}
	
		
	
	
	#theatre_imgs div.theatre_item {
		width:263px;
		margin: 0px 22px;
	}
	
	
	#projects .project_thumb a.title h1 {
		margin-top: 0.28em;
	}
	#project_mask, #project_imgs, 
	#project_imgs img {
		width: 910px;
		height: 341px;
	}
	#project_gallery .gallery_overlay {
		width: 910px;
	}
	.project_details {
		width:33.4em;
	}
}

@media only screen 
and (max-width : 1280px) 
and (-webkit-max-device-pixel-ratio : 1) { /* orig 1224px */
/* Styles */

	
}


@media only screen 
and (min-width : 1450px)
and (-webkit-max-device-pixel-ratio : 1)  { /* orig 1224px */
/* Styles */

	

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px)
and (-webkit-max-device-pixel-ratio : 1)  {
/* Styles */

	
}




/* iPhone 4 ----------- */
@media
only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

}

@media
only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	
}