/* 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) {
	#viewer-work {
		display:none;
	}
}

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




/** ------- DESKTOP -------------------------------- */
/** ------------------------------------------------ */
@media only screen 
and (max-width : 1400px) {
	
}

/** ------- LAPTOP --------------------------------- */
/** ------------------------------------------------ */
@media only screen 
and (max-width : 1280px) {
	.item.work.w2, .item.w2.process {
		width:32.333333332%;
	}
	
	.vacant.xlg {
		font-size:3em;
	}
	
	.item.w4, .item.w6 {
    	width:32.333333332%;

	}
	
	#content-contact .item.w4 {
		width:32.333333332%;
	}
	
	#content-project .item.w4 {
		width:32.333333332%;
	}
	
	#content-project .item.w6 {
		width:49.249999998%;
	}
	
	#logo {
    height:35.992px;
	display: table-cell;
	}
	
	#logo a img {
		vertical-align:bottom;
	}
	
	#filters .item.w1 {
		width:15.416666666%
	}
	
	#carousel img, #carousel {
		height:30em;
	}
	
	#carousel img {
		width:auto;
	}
	
	.w2h, .item.process.w2h {
	    height:26.26860036vw;
	}
	
	.w4h, w6h {
	    height:40.141928761vw;
	}
	
	#footer .footer-address, #footer .footer-title {
		width:32.333333332%;
	}
	
	.spacer-right {
	padding-right:0;
}
	
}

/** ------- IPAD ----------------------------------- */
/** ------------------------------------------------ */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  #filters .item.w1 {
	    width:32.333333332%;
	}
	
	#carousel, #navi {
		display:none;
	}
	
	#mobilegallery {
		display:block;
		margin-bottom:7em;
	}
	
	#mobilegallery img {
		width:100%;
		height:auto;
		margin-bottom:5%;
	}
	#viewer-work {
		display:none;
	}
	
	
}

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

}

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

	body {
		margin:3%;
	}
	
	#logo {
		margin-bottom:.84em;
	}

	.vacant.xlg {
		font-size:2.2em;
	}
	
	
	.gutter-sizer {
	    width:1.5%;
	}
	
	.item,.grid-sizer {
	    width:15.416666666%;
	}
	
	
	.item {
	    float:left;
	    margin-bottom:1.5%;
	}
	
	.item.w2 img,.item.w4 img,.item.w6 img,.item.w8 img {
	    width:100%;
	    height:auto;
	    display:block;
	}
	
	.item.w1 {
    	width:15.416666666%;
	}
	
	.item.w2 {
	    width:32.333333332%;
	}
	
	.item.w4, .item.w2.process {
	    width:32.333333332%;
	}
	
	.item.w6 {
	    width:99.999999996%;
	}
	
	#content-project .item.w6 {
		width:66.166666664%;
	}
	
	.item.w8 {
	    width:99.999999996%;
	}
	
	.item.w10 {
	    width:99.999999996%;
	}
	
	.item.w12 {
	    width:99.999999996%;
	}

	#logo.item {
		float:none;
		margin-right:60%;
	}
	
	.w6h, .w8h, .item.process {
		height:53.941928761vw;
	}
	
	.w2h, .w4h, .process.w2h {
	    height:26.26860036vw;
	}
	
	#filters .item.w1 {
	    width:32.333333332%;
	}
	
	#carousel, #navi {
		display:none;
	}
	
	#mobilegallery {
		display:block;
		margin-bottom:7em;
	}
	
	#mobilegallery img {
		width:100%;
		height:auto;
		margin-bottom:5%;
	}
	
	.menu.item {
		width:49.249999998%;
	}
	
	#viewer-work, #viewer {
		display:none;
	}
	
	.iso {
		padding-bottom:6em;
	}
	
	#content-contact .item.w4 {
		width:49.249999998%;
	}
	
	.item.w4, .item.w6 {
    	width:66.166666664%;

	}
}

/** ------- IPAD ----------------------------------- */
/** ------------------------------------------------ */
@media only screen 
and (max-width : 600px) {
	.vacant.xlg {
		font-size:1.5em;
	}
}

/** ------- IPHONE --------------------------------- */
/** ------------------------------------------------ */
@media only screen 
and (max-width : 375px) {

	body {
		margin:5%;
	}
	
	#logo {
		margin-bottom:.84em;
	}
	
	.menu .lg {
		font-size:.8em;
	}

	
	
	
	.gutter-sizer {
	    width:5%;
	}
	
	.item,.grid-sizer {
	    width:47.5%;
	}
	
	
	.item, .item.process {
	    float:left;
	    margin-bottom:6%;
	}
	
	.item.w2 img,.item.w4 img,.item.w6 img,.item.w8 img {
	    width:100%;
	    height:auto;
	    display:block;
	}
	
	.item.w1, .item.work.w2, .item.w2, .item.w4, .item.w6, #filters .item.w1 {
	    width:100%;
	}
		
	.item.w6, .item.w8, .item.w10, .item.w12, .w4.process, .menu.item, .item.project.w2, .item.project.w4, .item.project.w6, .item.process.w2, #content-project .item.w6, #content-project .item.w4 {
	    width:100%;
	}
	
	.paragraph {
		padding-right:0;
	}
	
	.xxlg {
		font-size:3em;
	}
	
	.vacant.work.title {
		padding:1em;
	}
	
	#content .item, #content-work-projectview .item.work, #content-work-projectview .item.process  {
    height:67.5vw;
    }

    .vacant.xlg {
	    font-size:3em;
    }
    
    .item {
	    margin-bottom:5%;
	}
	
	#viewer-work {
		display:none;
	}
	
	.divider.spacer-top {
		margin-top:1.5em;
	}
	
	#carousel img, #carousel, #slider {
		height:300px;
	}
	
	#carousel img {
		width:auto;
	}
	
	#logo a img {
    height:auto;
    width:70%;
}

	#header .menu.item, #viewer-about .item.w1, #subnav .item.w1 {
		width:47.5%;
	}
	
	#categories .item.w1 {
		display:none;
	}
	
	#carousel, #navi {
		display:none;
	}
	
	#mobilegallery {
		display:block;
		margin-bottom:7em;
	}
	
	#mobilegallery img {
		width:100%;
		height:auto;
		margin-bottom:5%;
	}
		
	.iso {
		padding-bottom:7.5em;
	}
	
	
	#footer .item {
		width:100%;
	}
	
	#content-contact .item.w4 {
		width:100%;
	}

	iframe#googlemaps {
		display:none;
	}

}