@media screen and (min-width: 1200px) {
	.grid.full {padding: 0 100px; }
	.disp.d { display: block; } 
	
	.page-nav .desktop .mainlist{width:180px;}
	
.flex.a .left{width:40%;}
.flex.a .right{width:60%;}

.flex.b .left{width:30%;}
.flex.b .right{width:70%;}

.flex .left .container{padding-left:100px; padding-top:20px;}

.project-gallery .projectlist a{padding-right:20px;}
.project-gallery-thumbnail ul li{width:33%; margin-bottom:12px;}
.project-gallery-thumbnail ul li a{padding-right:12px;}

}

@media screen and (min-width: 992px)  and (max-width: 1199px) {
.grid.full {padding: 0 50px;}
	.page-nav .desktop .mainlist{width:160px;}
	
.flex.a .left{width:55%;}
.flex.a .right{width:45%;}

.flex.b .left{width:40%;}
.flex.b .right{width:60%;}

.flex .left .container{padding-left:50px; padding-top:20px;}

	.project-gallery .projectlist .desc{font-size:14px;}
	.project-gallery .projectlist a{padding-right:15px;}
	.project-gallery-thumbnail ul li{width:33.34%;}
}

@media screen and (min-width: 992px){ 
	.flex .left{ float:left;}
	.flex .right{ float:right;}
	.project-gallery .projectlist{width:25%;}
	
}

@media screen and (max-width:991px) { 
.page-header{margin-bottom:20px;}
.flex .left .container{padding:0 20px;}
.flex .left ,.flex .right{ margin-bottom:15px;}

.contact-form{padding:20px; background-color:#eee; margin:10px;}

.project-gallery .projectlist a{padding-right:15px;}

.project-video{display:none;}
}

@media screen and (min-width: 768px) and (max-width: 991px) { 
	.grid.full {padding: 0 50px;}
	.disp.c { display: block; } 

	.page-nav .desktop .mainlist .mainlink{width:80px; padding:0 10px; font-size:13px; padding:0 15px; }
	.page-nav .desktop .sublist .sublink{width:80px; padding:5px 10px; font-size:12px;}
	
	.project-gallery .projectlist{width:50%;}
	
}

@media screen and (max-width: 767px) {
	.page-header{ height:60px;}
	.page-header .logo{ float:left; height:40px; width:133px; margin:20px 0 0 20px;}
	
	.project-gallery-thumbnail ul li{width:33%; margin-bottom:5px;}
.project-gallery-thumbnail ul li a{padding-right:5px;}
}

@media screen and (min-width: 480px) and (max-width: 767px) { 
	.grid.full {padding: 0 25px;}
	 .disp.b { display: block; }
	 
	 .project-gallery .projectlist{width:50%;}
	 
}

@media screen and (max-width:479px) { 
	.grid.full {padding: 0 10px;}
	.disp.a { display: block; }
	
.page-footer .copyright {width:200px;  padding:8px 0;}
.page-footer .copyright span{display:block; line-height:17px; font-size:12px;}
}