.mobile_trigger{display:none;color:#fff;text-align:right;padding:10px 20px 10px 0px;font-size:16px;}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
#inner-wrap{position:relative;margin-bottom:50px;}
#index_info{height:auto;}
#header_wrap{z-index:3;}
#nav_proj_wrap{z-index:3;}
#logo{z-index:2;}
.project-page #logo{top:75px;}
#footer{z-index:2;}

#projects_box2{width:90%;position:absolute;max-width:775px;margin:0 auto;right:0;left:0;bottom:80px;}
	#projects_box2 .items2 a{}
	#projects_box2 .items2 img{display:block;border:#fff solid 1px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin:0 auto;}
	#projects_box2 .slick-arrow{background:url(../../img/bg/arrows.png) no-repeat;display:block;width:28px;height:48px;float:left;margin: 0 5px;cursor:pointer;font-size:1px;border:none;position:absolute;top:0px;left:-30px;}
	#projects_box2 .slick-next{background-position: -28px 0;clear:right;margin-right: 0px;right:-30px;left:auto;}
	#projects_box2 .slick-disabled{opacity:0; filter:alpha(opacity=0);}
	#projects_box2 .slick-slider{overflow:visible;width:100%;height:auto;}
	
#magazine_box2{position: relative;float: right;margin-right: 25%;margin-top: 300px;z-index: 1;width:100%;max-width:475px;}
	#magazine_box2 .scrollable{overflow:visible;float:none;width:100%;}
	#magazine_box2 .slick-arrow{background: url(../../img/bg/arrows.png) no-repeat;display: block;width: 28px;height: 48px;cursor: pointer;font-size: 1px;border:none;position:absolute;top:90px;left:-40px;}
	#magazine_box2 .slick-next{background-position: -28px 0;clear: right;right: -40px;left:auto;}
	#magazine_box2 .slick-disabled{opacity:0; filter:alpha(opacity=0);}
	#magazine_box2 .slick-slider{left:0 !important;}
	
@media (max-width: 1024px) {
	img.bg{left:50%;margin-left:-512px;top:50%;margin-top:-320px;}
}
@media (max-width: 960px) {
	#header, #nav_proj{width:100%;}
	#nav ul{width:90%;margin:0 auto;max-width:960px;}
		#nav ul li{width:20%;}
		#nav_proj ul{max-width:600px;width:90%;margin:0 auto;}
			#nav_proj ul li{width:40%;}
			#nav_proj ul li.proj_hide{width:20%;}
			
	#projects_box{left:0;right:0;margin-left:auto;margin-right:auto;}
}
@media (max-width: 860px) {
	
	#about_box, #remodel_box{margin-top:90px;height:100%;}
	
	#magazine_box2{margin-left:auto;margin-right:auto;float:none;}
}
@media (max-width: 640px) {
	.mobile_trigger{display:block;}
	#index_box{margin-top:0px;margin-right:auto;margin-left:auto;float:none;}
	#header_wrap{min-height:40px;height:auto;z-index:5;}
	#nav_proj_wrap{top:40px;}
	#nav{max-height:0px;overflow:hidden;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.show #nav{max-height:200px;}
	#nav ul li{width:100%;float:none;}
	
	#projects_box .left{position:absolute;top:50%;left:0px;margin-top:-24px;}
	#projects_box .right{position:absolute;top:50%;right:0px;margin-top:-24px;}
	
	#footer{height:auto;position:absolute;left:auto;bottom:0px;}
		#footer p{height:45px;}
	#footer img{padding-left:0;display:block;margin-bottom:5px;margin-left:auto;margin-right:auto;}
	#fblogo{top:auto;bottom:5px;right:6px;}
	
	#content{width:100%;}
	#about_box, #remodel_box{margin-left:auto;margin-right:auto;float:none;width:80%;margin-top:0px;}
	#remodel_form{width:100%;}

	#projects_box2{width:80%;}
	#nav_proj_wrap{height:auto;}
		/* #nav_proj ul li{width:100%;height:30px;} */
		#nav_proj ul li{height:30px;}
		#nav_proj ul li.proj_hide{float:right;}
		
	#remodel_form .inputline{width:100%;}
	#remodel_form .inputselect{width:100%;}
	#remodel_form .clear{margin-bottom:5px;}
	#remodel_form textarea{width:100%;}
	.titlepad strong{display:block;}
	
	#magazine_box2{width:80%;margin-top:30%;}
	#magazine_box2 .slick-arrow{left:-30px;}
	#magazine_box2 .slick-next{right:-30px;left:auto;}
	#magazine_box2 .slick-slide img{margin-left:auto;margin-right:auto;}
	
	/* img.bg{min-height:0px;min-width:0px;max-height:none;max-width:none;width:100%;height:auto;} */
	/* img.bg.pot{width:auto;height:100%;left:50%;} */
	
	#side_box01, #side_box02, #side_box03, #side_box04, #side_box05, #side_box06, #side_box07, #side_box08, #side_box09, #side_box10, #side_box11, #side_box12{top:auto;width:90%;bottom:155px;}
	#side_box01 p, #side_box02 p, #side_box03 p, #side_box04 p, #side_box05 p, #side_box06 p, #side_box07 p, #side_box08 p, #side_box09 p, #side_box10 p, #side_box11 p, #side_box12 p{display:inline-block;}
	.floatl{float:none;}
	.floatr{float:none;}
	.sideboxinner{width:100%;}
	
	#logo{position:absolute;z-index:3;}
	#wrap{position:relative;min-height:100%;padding-bottom:50px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#inner-wrap{margin:0px;padding-top:100px;}
	.project-page #logo{top:85px;}
	.project-page #inner-wrap{padding-top:350px;margin-bottom:0px;padding-bottom:30px;}
	#projects_box2{bottom:auto;left:auto;position:relative;}
	#projects_box2 .slick-slider{float:none;}
}
@media (max-height: 575px) {
	#side_box01, #side_box02, #side_box03, #side_box04, #side_box05, #side_box06, #side_box07, #side_box08, #side_box09, #side_box10, #side_box11, #side_box12{top:auto;width:90%;bottom:155px;}
	#side_box01 p, #side_box02 p, #side_box03 p, #side_box04 p, #side_box05 p, #side_box06 p, #side_box07 p, #side_box08 p, #side_box09 p, #side_box10 p, #side_box11 p, #side_box12 p{display:inline-block;}
	.floatl{float:none;}
	.floatr{float:none;}
	.sideboxinner{width:100%;}
}
@media (max-height: 380px) {
	#side_box01, #side_box02, #side_box03, #side_box04, #side_box05, #side_box06, #side_box07, #side_box08, #side_box09, #side_box10, #side_box11, #side_box12{bottom:135px;}
	#projects_box2{bottom:30px;overflow:auto;}
	.floatl{display:inline-block;}
	.floatr{display:inline-block;}
}
@media (max-height: 380px) and (max-width: 640px) {
	#projects_box2 {bottom:auto;}
}