/* 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) ----------- */


/* 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 only screen 
and (max-height : 800px) {
    
    
    
    .overlay .gallery {
        width:650px;
        height:720px;
    }
    
    .overlay .gallery #images_holder_mask,
    .overlay .gallery #images_holder_mask #all_images img,
    .overlay .gallery #images_holder_mask #all_images {
        width:650px;
        height:650px;
    }
    .overlay #project_desc {
        width:650px;
    }
    .gallery_arrows div.arrow_right,
    .gallery_arrows div.arrow_left {
        height:650px;
    }
}

@media only screen 
and (max-height : 700px) {
    #theContent {
        padding-bottom: 3%;    
    }
    
    
    .overlay .gallery {
        width:550px;
        height:620px;
    }
    
    .overlay .gallery #images_holder_mask,
    .overlay .gallery #images_holder_mask #all_images img,
    .overlay .gallery #images_holder_mask #all_images {
        width:550px;
        height:550px;
    }
    .overlay #project_desc {
        width:550px;
    }
    .gallery_arrows div.arrow_right,
    .gallery_arrows div.arrow_left {
        height:550px;
    }
}

@media only screen 
and (max-height : 660px) {
    img.vegas-background {
       bottom:-50px !important; 
    }
}

@media only screen 
and (height : 1280px) and (height : 1024px) {
    img.vegas-background {
        height: 870px !important;
        width:auto !important;
       right: -96px !important; 
    }
}




@media only screen 
and (max-width : 1000px) {
    
.overlay .gallery {
    /*width:250px;
    height:320px;*/
    width: 95%;
    height: 75%;
    margin-top:2.5%;
}


.overlay .gallery #images_holder_mask,
.overlay .gallery #images_holder_mask #all_images img,
.overlay .gallery #images_holder_mask #all_images {
    width:100%;
    height:100%;
}
.overlay #project_desc {
    width:100%;
}
.gallery_arrows div.arrow_right,
.gallery_arrows div.arrow_left {
    height:250px;
}

.overlay .gallery h1 {
    float:none;
    margin-bottom: 10px;
    margin-top: -5px;
}
.overlay #close_btn {
    top: -15px;
    right: 0px;
}

.overlay #proj_nav {
    display:none;
}

.overlay .gallery_arrows {
    display:none;
}
}



@media only screen 
and (max-width : 800px) {
	.circle_msg {
		left: 586px;
		top: 56px;	
	}
    
}

@media only screen 
and (min-width : 1340px) {
    
}

@media only screen 
and (max-width : 1340px) {
    
}
 


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

    
}

@media only screen 
and (max-width : 1170px)
/*and (-webkit-max-device-pixel-ratio : 1)*/ {
    
}


@media only screen 
and (max-width : 1120px)
and (-webkit-max-device-pixel-ratio : 1) {

    
}
    
@media only screen 
and (max-width : 1024px)
/*and (-webkit-max-device-pixel-ratio : 1)*/ {
   
}


@media only screen 
and (max-width : 1000px)
/*and (-webkit-max-device-pixel-ratio : 1)*/ {
    
}

@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 */
	
}