@media only screen and (max-width: 1751px){
	/* home */
	.masthead-brand{
		width: 150px;
		height: 83px;
		-webkit-background-size: cover;
		background-size: cover;
		margin-top: 20px;
		margin-left: 45px;
	}
	.masthead-nav > li + li{
		margin-left: 30px;
	}
	.masthead-nav > li > a{
		font:  16px/30px open_sansregular;
	}
	.cover-container .inner .cover-heading{
		font: 48px/60px dosislight;
	}
	.cover-container .inner .cover-heading{
		font-family: dosislight;
		font-size: 48px/60px;
	}
	.rd-phone{
		font:  14px/18px open_sansregular;
		padding: 7px 12px;
		width: 320px;
		margin-top: 20px;
		margin-right: 0;
	}
	.zero-pixel .cover-container .inner .lead.mobile-02{
		font: 20px/30px open_sansregular
	}
	.px-main .cover-px p.up {
		font: 28px/30px open_sansregular;
	}
	.px-main .cover-px p.down{
		font: 20px/30px open_sansregular;
	}
	.pixel-01 .animated ul{
		padding: 0;
		width: 780px;
		margin-top: 20px;
	}
	.pixel-01 .animated ul li{
		width: 135px;
		height: 162px;
	}
	.pixel-01 .animated ul li h3{
		font: 12px/14px open_sansregular;
	}
	.px-main .cover-px p.title{
		font: 18px/20px open_sansregular;
	}
	.pixel-01 .site-wrapper-inner{
		padding: 30px 0;
	}
	.pixel-04 .wrap-left .summary, .pixel-04 .wrap-left .title{
		font: 12px/12px open_sansregular;
		padding: 0 20px;
	}
	.pixel-04 .wrap-left {
	    background: rgba(0, 0, 0, 0) url("../images/bullet.png") no-repeat scroll 20% 30%;
	}
	.bullet-wrapper{
		right: 80px;
	}
	/* end home */
}
@media only screen and (max-width: 1480px){
	.zero-pixel .cover-container .inner .lead.mobile-02{
		margin-bottom: 100px;
	}
	.wrapper-materials{
		width: 1400px;
	}
	.materials .sub-title-wrapper p.summary {
	    font: 16px/20px open_sansregular;
	}
	.wrapper-fabrication {
	    width: 1400px;
	}
	.fabrication .pixel-02 img{
		width: 1400px;
	}

}
@media only screen and (max-width: 1381px){
/* home pgae */
	.px-main .cover-px p.up, .px-main .cover-px p.down{
		font: 35px open_sansregular;
	}	
	.px-main .cover-px p.down span{
		font: 38px dosislight;
	}
/* end home page */
/* normal form -------------------------------------------------------------------------------------------------*/
	.cover-px ul li{
		font: 18px/22px open_sansregular;

	}
	.cover-px h2{
		font: 41px open_sansregular;
		margin-bottom: 20px;
	}
	.cover-px p.title{
		font: 28px open_sansregular;
		margin-bottom: 10px;
	}
	.cover-px p.summary{
		font: 18px/22px open_sansregular;
	}
	.cover-px h2 span, .cover-px p span{
		font-family: open_sansregular;
	}
	.zero-pixel	.cover-px p span{
		font-family: dosislight;
	}
/* end normal form */
/* about */
	.about .cover-container .inner h2 {
		font: 41px open_sansregular;
		text-align: center;
		color: #000;
		margin-top: -20%;
	}
/* end about */
/* design */
	.design .pixel-wrapper{
		background: url(../photos/design-px.jpg) center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.design .pixel-01 {
	  background: url(../photos/design-px-px2.jpg) 15% center no-repeat;
	  -webkit-background-size: cover;
	  background-size: cover;
	}
/* end design */
}
@media (max-width: 1367px) {
	/* home */
	.px-main .cover-px p.up {
	  font: 28px/30px open_sansregular;
	}
	/* end home */
	/* design */
	
	/* end design */
	/* marketing */

	/* end marketing */
}
@media (min-width: 1140px) {
	/* commercial */
	.commercial .wrapper-residential .rd-right ul li {
	    height: 220px;
	}
	/* end commercial */
	/* residential */
	.residential .wrapper-residential .rd-right ul li {
	    height: 220px;
	}
	/* end residential */
}
@media (max-width: 1027px) {
	/*common*/
	.carousel-control.left span, .carousel-control.right span{
		font-size: 72px;
	}
	.carousel-control{
		width: 7%;
	}
	.cover-container .inner .cover-heading{
		font: 27px/48px dosislight;
		margin-bottom: 0;
	}
	.px-main .zero-pixel .cover-container .inner .lead.mobile-02{
		font: 16px/30px open_sansregular;
		margin-bottom: 72px;
		margin-top: 0;
	}
	p.title.title-style-04{
		font: 27px/30px dosislight;
	}
	p.title.title-style-03{
		font: 27px/30px dosisregular;
	}
	p.title.title-style-01{
		margin-top: 0;
		padding-top: 0;
		width: 90%;
		font: 27px/30px dosislight
	}
	.cover-px p.summary {
	  	font: 18px/30px dosislight;
	}
	/*end common*/
	/* animation */
	.moveRightToLeft{
		margin-top: 0;
	}
	/* end animation */

	/* Spending NAVIGATION */
	.masthead-nav{
		float: none;
	}
	.masthead-nav > li:nth-child(2) a{
		cursor: pointer;
	}
	.blue-frame{
		background-color: #0e4c61;
	}
	.masthead-nav > li + li{
		margin-left: 0;
	}
	#px-nav span{
		font-size: 30px;
	}
	.main-nav-wrapper{
		margin-right: 0;
		float: none;
		width: 100%;
		overflow-y: scroll;
		top: 20%;
		display: none;
	}
	.mastnav.mastnav-static{
		position: fixed !important;
		color: #000;
		background-color: #0e4c61 !important;
	}
	#px-nav{
		display: block;
		text-shadow: none;
		text-transform: uppercase;
		text-align: left;
		top: 120px;
  		padding-left: 30px;
  		z-index: 999;
  		position: fixed;
  		font: 36px/36px dosislight;
  		color: #fff;
  		width: 100%;
	}
	.gallery #px-nav{
		color: #000;
		position: absolute;
	}
	#px-nav .glyphicon-align-justify:before{
		position: inherit;
	}
	.px-close-nav{
		width: 50px;
		height: 50px;
		position: fixed;
		text-transform: uppercase;
		display: none;
		z-index: 10000;
	}
	.solid-color-screen{
		background-color: #0e4c61;
		position: relative;
		z-index: 9999;
		padding: 20px 0;
	}
	.px-close-nav-display{
		display: block;
		top: 20px;
		right: 20px;
		color: #fff;
	}
	.glyphicon-align-justify:before{
		position: absolute;
		top:0;
		left: 0;
	}
	.main-nav-wrapper-display{
		display: block;
		position: absolute;
	}
	.main-nav-wrapper-display ul li {
		display: list-item;
	}
	.main-nav-wrapper ul li a{
		font: 36px/60px dosislight;
		padding: 0;
		margin: 0;
		color: #000!important;
		text-shadow: none;
		height: auto;
	}
	.open-subnav .subnav{
		background-color: #fff;
		width: 100%;
		text-align: center;
		color: #fff;
		position: relative;
		display: block !important;
	}
	.masthead-nav a:hover{
		border-bottom-color: transparent !important;
	}
	.masthead-nav > li:hover .subnav{
		display: none;
	}
	
	.main-nav-wrapper{
		margin-right: 0;
	}
	.masthead-nav > li > a{
		font: 11px/30px open_sansregular;
	}
	.masthead-nav > li:nth-child(2) a i{
		font-size: 11px;
	}
	/* End Spending NAVIGATION */
	.site-wrapper{
		padding: 10% 0;
	}
	.site-left, .site-right{
		padding: 0 3%;
	}
	.masthead-brand, .mastfoot .inner h1{
		
	}
	.subnav li a{
		font: 11px open_sansregular;
		line-height: 3;
	}
	.subnav{
		width: 150px;
		padding: 0 0;
	}
/* thank you */
	.thankyou #px-nav{
		color: #fff;
	}
/* end thank you */
/* home page */
	.rd-phone{
		font: 11px/18px open_sansregular;
		padding: 7px 8px;
		width: 230px;
		margin-top: 0;
		margin-right: 0
	}
	.masthead-brand{
		margin-left: 0 !important;
	}
	.logo-brand{
		width: 90%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.px-main #px-nav {
	  color: #fff;
	  background-color: transparent;
	}
    
	.px-main .cover-px p.up{
		font: 27px/30px dosislight;
	}
	.px-main .cover-px p.down{
		font: 16px/30px open_sansregular;
	}
	.tile-icon{
		width: 37px;
		height: 13px;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.px-main .zero-pixel .site-wrapper-inner .cover-container .inner p.jo{
		margin-top: 0;
	}
	.px-main .pixel-01{
		height: initial !important;
	}
	.px-main .pixel-01 .animated ul li h3{
		padding: 5px 16px;
	}
	
	.px-main .zero-pixel .item:first-child .cover-container .inner .lead.mobile-02{
		margin-bottom: 16px;
	}
	.px-main .zero-pixel .pending-px{
		padding-bottom: 0;
	}
	.px-main .cover-container .inner .cover-heading{
		padding-top: 0;
	}
	.px-main .mobile-03{
		margin-bottom: 72px;
	}
	.px-main .btn-pixel{
		padding: 7px 30px !important;
		font-size: 12px;
		font-weight: bold;
		font: 14px/20px open_sansregular;
		min-width: 193px;
	}
	.px-main .pixel-02{
		padding-bottom: 10%;
	}
	.px-main .pixel-02 .animated ul{
		width: 962px;
	}
	.px-main .pixel-02 .animated ul li{
		width: 320px;
	}
	.pixel-02 .animated ul li h3{
		font: 27px/48px dosislight;
	}
	.pixel-02 .animated ul li p{
		font: 16px/24px open_sansregular;
	}
	.px-main .cover-px p.title{
		font: 12px/14px open_sansregular;
	}
	.px-main .pixel-03{
		 background: #eee url(../images/chat.png) 10% center no-repeat;
  		height: 600px !important;
	}
	.px-main .pixel-03 .up{
		margin-top: 0;
	}
	.px-main .pixel-03 .site-left{
		width: 50%;
	}
	.px-main .pixel-03 .site-right{
		width: 50%;
	}
	.px-main .pixel-03 .col-md-offset-2{
		margin-left: 0;
	}
	.px-main .pixel-03 .wrap-left{
		margin-top: 0;
		margin-left: 0;
		padding: 0 0;
	}
	.px-main .pixel-03 .title{
		padding: 0 24px;
		margin-top: 30%;
	}
	.px-main .pixel-04 .wrap-left .summary, .pixel-04 .wrap-left .title{
		padding: 0 0;
	}
/* end home pgae  */
	.site-left, .site-right{
		padding: 0 3%;
	}
/* residental */
	.residential .wrapper-residential{
		width: 1000px;
		padding-top: 0;
	}
	.residential .col-md-offset-2{
		margin-left: 0 ;
	}
	.residential .pixel-01 .rd-left{
		height: 715px;
	}
	.residential .pixel-01 .rd-left .carousel {
		height: 100%;
	}
	.residential .pixel-01 .rd-left .carousel-inner{
		height: 100%;
	}
	.residential .pixel-01 .rd-left .carousel-inner .item {
		height: 100%;
	}
	.residential .pixel-01 .rd-left img{
		height: 100%;
	}
	.residential .pixel-01 .rd-right ul li a{
		width: 100%;
		float: left;
	}

	.residential .pixel-01 .rd-right ul li a h3{
		margin: 10px 0;
	}
	.residential .pixel-01{
		padding-bottom: 0;
	}
	.residential .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end residental */
/* commercial */
	.commercial .wrapper-commercial{
		width: 1000px;
		padding-top: 0;
	}
	.commercial .col-md-offset-2{
		margin-left: 0 ;
	}
	.commercial .pixel-01 .rd-left{
		height: 715px;
	}
	.commercial .wrapper-commercial .rd-right {

	}
	.commercial .pixel-01 .rd-left .carousel {
		height: 100%;
	}
	.commercial .pixel-01 .rd-left .carousel-inner{
		height: 100%;
	}
	.commercial .pixel-01 .rd-left .carousel-inner .item {
		height: 100%;
	}
	.commercial .pixel-01 .rd-left img{
		height: 100%;
	}
	.commercial .pixel-01 .rd-right ul li a{
		width: 100%;
		float: left;
	}

	.commercial .pixel-01 .rd-right ul li a h3{
		margin: 10px 0;
	}
	.commercial .pixel-01{
		padding-bottom: 0;
	}
	.commercial .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end commercial */
/* materials */
	.materials .zero-pixel .cover-container .inner .lead.mobile-02{
		margin-bottom: 100px;
	}
	.materials .logo-branding-header{
		width: 960px;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.materials .wrapper-materials {
		width: 1024px;
		border-left: none;
		border-right: none;
	}
	.materials .sub-title-wrapper p.summary{
		font: 14px/18px open_sansregular;
	}
	.wrapper-materials ul{
		width: 100%;
	}
	.wrapper-materials ul li{
		height: initial !important;
		width: 100%;
	}
	.wrapper-materials ul li img{
		height: 374px;
	}
	.materials .pixel-01{
		padding-bottom: 0;
	}
	.materials .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
/* end materials */
/* fabrication */
	.fabrication .wrapper-fabrication {
		width: 100%;
	}
	.wrapper-fabrication ul{
		width: 100%;
	}
	.fabrication .pixel-01{
		padding-bottom: 0;
	}
	.fabrication .pixel-01 .title{
		margin-top: 0;
	}
	.fabrication .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-fabrication .fab-02{
		margin-left: 160px;
	}
	.fabrication .pixel-02 .title{
		width: 100%;
	}
	.fabrication .pixel-02 img{
		width: 100%;
		margin-bottom: 0;
	}
	.fabrication .pixel-01 .site-wrapper{
		padding-bottom: 0;
	}
	.fabrication .pixel-02 .site-wrapper{
		padding-top: 0;
	}
/* end fabrication */
/* gallery */
	.gallery .zero-pixel .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.gallery .mini-wrapper{
		width: 1000px;
	}
	.gallery .cover-px ul{
		padding-left: 0;
	}
	.gallery-wrapper{
		width: 1000px;
	}
	.category-wrapper .item-gallery li a{
		height: 256px;
	}
	.bullet-gallery{
		margin-left: calc(50% - 50px);
		margin-left: -moz-calc(50% - 50px);
	}
/* end gallery */
/* about */
	.about .pixel-01 p.summary.title-style-01{
		padding: 0 30px;
	}
/* end about */
/* contact */
	.contact .zero-pixel{
		height: 498px !important;
	}
	.pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.contact .wrapper-contact{
		width: 100%;
	}
	.contact .pixel-01{
		background-position: center center;
	}
	.contact .bottom-title{
		margin-top: 0;
	}
	.contact .col-md-offset-2{
		margin-left: 0;
	}
	.contact .pixel-02{
		padding-bottom: 0;
	}
	.contact .pixel-04 .site-wrapper{
		padding-top: 0;
	}
/* end contact */
}
@media (min-width: 1028px) {
	.mobile-request-a-quote{
		display: none;
	}
	.glyphicon-remove-sign{
		display: none;
	}
	#px-nav{
		display: none;
	}
}
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 961px){

/* normal form -------------------------------------------------------------------------------------------------*/
	.zero-pixel .cover-container .inner h2{
		font: 35px open_sansregular;
	}
	.zero-pixel .cover-container .inner h2 span{
		font: 35px open_sansregular;
		margin-bottom: 18px;
	}
/* end normal form */
/* home page */
	.main-nav-wrapper{
		display: none;
	}
	.px-main .zero-pixel .cover-container .inner h2{
		font: 42px/42px dosislight;
	}
	.px-main .zero-pixel .cover-container .inner h2 span{
		font: 42px/42px dosislight;
	}
/* end home page */

/* contact */
	.contact ul.ul-contact li.contact-item{
		width: 195px;
	}
/* end contact */
}
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 771px) {
	
	.logo-brand{
		width: 100%;
	}
	.inner{
		padding: 0 10px;
	}
	.animated img{
		margin-top: 0;
	 	height: 400px;
	 	width: 400px;
	}
	.masthead-brand, .mastfoot .inner .logo{
		height: 72px;
  		width: 130px;
  		-webkit-background-size: 100%;
  		background-size: 100%;
  		margin-left: 14px;
	}
	.mastfoot .inner .logo{
		margin: 0 auto;
	}
	.masthead-brand < a{
		display: block;
	}
	 .mastfoot .inner h1{
	 	margin: 0 auto;
	 }
	.masthead-brand p{

	}
	.masthead-nav > li:hover .subnav{
		display: none;	
	}
	.masthead-nav > li + li{
		margin-left: 0;
	}
	.masthead-nav > li > a{
		font-size: 11px;
		padding: 0 7px;
	}
	.cover-container .inner h1,.field-of-business{

	}
	.pending-px{
		padding-bottom: 0;
		font-size: 30pt;
	}
	.pixel-01 .cover-container .inner h2, .pixel-02 .cover-container .inner h2, .pixel-03 .cover-container .inner h2{
		margin-top: 30px;
		font: 18px/34px ralewaymedium;
	}
	.term .zero-pixel .cover-container .inner p,.privacy .zero-pixel .cover-container .inner p{
		font: 12px/34px ralewaymedium;
	}
	.zero-pixel .cover-container .inner .lead.mobile-01{
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin: 0;
	}
	.btn-pixel{
		padding: 10px 20px !important;
	}
	.btn-lg{
		font-size: 11pt;
	}
	.cover-heading{
		font-size: 24pt;
	}
	.cover-px h2 {
		
	}
	.lead{
		font-size: 24pt;
	}
	p.title.title-style-04{
		font: 27px/30px dosislight;
	}
	p.title.title-style-03{
		font: 27px/30px dosisregular;
	}
	p.title.title-style-01{
		margin-top: 0;
		padding-top: 0;
		width: 720px;
		font: 27px/30px dosislight
	}
	.cover-px p.summary {
	  	font: 18px/30px dosislight;
	}
	/* Spending NAVIGATION */
	.mastnav .inner{
		padding-bottom: 10px
	}
	.main-nav-wrapper{
		margin-right: 0;
		float: none;
		width: 100%;
		overflow-y: hidden;
		top: 30%;
	}
	.mastnav.mastnav-static{
		position: fixed !important;
		color: #000 !important;
		background-color: #0e4c61 !important;
	}
	#px-nav{
		display: block;
		text-shadow: none;
		text-transform: uppercase;
		text-align: left;
		top: 120px;
  		padding-left: 20px;
  		z-index: 999;
  		position: fixed;
  		font: 36px/36px dosislight;
  		width: 100%;
	}
	.glyphicon{
		font-size: 30px;
	}
	#px-nav .glyphicon-align-justify:before{
		position: inherit;
	}
	.px-close-nav{
		width: 50px;
		height: 50px;
		position: fixed;
		text-transform: uppercase;
		display: none;
		z-index: 10000;
	}
	.solid-color-screen{
		background-color: #0e4c61;
		position: relative;
		z-index: 9999;
		padding: 20px 0;
	}
	.main-nav-wrapper{
		display: none;
	}
	.px-close-nav-display{
		display: block;
		top: 20px;
		right: 20px;
		color: #fff;
	}
	.glyphicon-align-justify:before{
		position: absolute;
		top:0;
		left: 0;
	}
	.main-nav-wrapper-display{
		display: block;
		position: absolute;
	}
	.main-nav-wrapper-display ul li {
		display: list-item;
	}
	.main-nav-wrapper ul li a{
		font: 36px/60px dosislight;
		padding: 0;
		margin: 0;
		color: #000!important;
		text-shadow: none;
		height: auto;
	}
	.open-subnav .subnav{
		background-color: #fff;
		width: 100%;
		text-align: center;
		color: #fff;
		position: relative;
		display: block !important;
	}
	.masthead-nav a:hover{
		border-bottom-color: transparent !important;
	}
	/* End Spending NAVIGATION */
/* home page */
	.cover-container .inner .cover-heading {
		font: 36px/48px dosislight;
		margin-bottom: 0;
		margin-left: 30px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-02 {
		font: 15px/30px open_sansregular;
		margin-bottom: 72px;
		margin-top: 0;
	}
	.px-main .zero-pixel .item:first-child .cover-container .inner .lead.mobile-02 {
		margin-bottom: 20px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin-bottom: 40px;
	}
	.pixel-01 .animated ul{
		width: 585px;
	}
	.px-main .pixel-02 .animated ul {
		width: 722px;
	}
	.px-main .pixel-02 .animated ul li {
		width: 240px;
	}
	.px-main .pixel-03{
		background: #eee url(../images/chat.png) 10% center no-repeat;
		-webkit-background-size: 40%;
		background-size: 40%;
	}
	.pixel-04 .up{
		width: 720px;
	}
	.pixel-04 .wrap-contact{
		width: 600px;
	}
	.wrap-left{
		padding: 0;
	}
	.pixel-04 .wrap-left{
		text-indent: 40%;
		float: left;
	}

/* end home page */
	.hide{
		display: none !important; 
	}
/* residental */
	.residential .wrapper-residential{
		width: 750px;
		padding-top: 0;
	}
	.residential .col-md-offset-2{
		margin-left: 0 ;
	}
	.residential .wrapper-residential .rd-right {
		height: initial !important;
		padding-left: 0;
		padding-right: 0;
	}
	.residential .wrapper-residential .rd-right ul{
		width: 100%;
	}
	.residential .wrapper-residential .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
	}
	.residential .wrapper-residential .rd-right ul li a{
		width: 100%;
	}
	.residential .pixel-01{
		padding-bottom: 0;
	}
	.residential .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end residental */
/* commercial */
	.commercial .wrapper-commercial{
		width: 750px;
		padding-top: 0;
	}
	.commercial .col-md-offset-2{
		margin-left: 0 ;
	}
	.commercial .wrapper-commercial .rd-right {
		height: initial !important;
		padding-left: 0;
		padding-right: 0;
	}
	.commercial .wrapper-commercial .rd-right ul{
		width: 100%;
	}
	.commercial .wrapper-commercial .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
	}
	.commercial .wrapper-commercial .rd-right ul li a{
		width: 100%;
	}
	.commercial .pixel-01{
		padding-bottom: 0;
	}
	.commercial .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end commercial */
/* materials */
	.materials .logo-branding-header{
		-webkit-background-size: 100%;
		background-size: 100%;
		width: 100%;
	}
	.materials .wrapper-materials {
		margin: 0 0;
	}
	.materials .sub-title-wrapper p.summary{
		font: 14px/18px open_sansregular;
	}
	.wrapper-materials ul li{
		height: initial !important;
	}
	.wrapper-materials ul li img{
		
	}
	.materials .pixel-01{
		padding-bottom: 0;
	}
	.materials .pixel-01 .site-wrapper-inner{
		padding: 0;
	}

	.wrapper-materials ul li img {
		height: 464px;
	}
/* end materials */
/* fabrication */
	.fabrication .pixel-01 .title{
		width: 100%;
	}
	.fabrication .wrapper-fabrication {
		
	}
	.fabrication .pixel-01{
		padding-bottom: 0;
	}
	.fabrication .pixel-01 .title{
		margin-top: 0;
	}
	.fabrication .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-fabrication .fab-02{
		margin-left: 120px;
	}
	.fabrication .pixel-02 .title{
		width: 720px;
	}
	.fabrication .pixel-02 img{
		width: 720px;
		margin-bottom: 0;
	}
	.fabrication .pixel-01 .site-wrapper{
		padding-bottom: 0;
	}
	.fabrication .pixel-02 .site-wrapper{
		padding-top: 0;
	}
	.wrapper-fabrication ul li h3 {
		font: 16px/30px open_sanslight;
	}
/* end fabrication */
/* gallery */
	.gallery .zero-pixel .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.gallery .mini-wrapper{
		width: 720px;
	}
	.gallery .cover-px ul{
		padding-left: 0;
	}
	.gallery-wrapper{
		width: 720px;
	}
	.category-wrapper .item-gallery li a{
		height: 182px;
	}
	.bullet-gallery{
		margin-left: calc(50% - 50px);
		margin-left: -moz-calc(50% - 50px);
	}
/* end gallery */
/* about */
	.about .pixel-01 p.summary.title-style-01{
		padding: 0 30px;
		width: 100%;
	}
/* end about */
/* contact */
	.contact ul li:nth-child(1) .info-contact p.summary{
		margin: 0;
		border-bottom: none;
	}
	.contact ul li .info-contact p{
		float: none;
		margin: 0;
		padding-left: 120px
	}
	.contact .pixel-02 .site-wrapper{
		border-bottom: none;
	}
	.contact .pixel-textbox, .contact .pixel-textarea{
		width: 100%;
	}
	.wrapper-contact{
		width: 720px;
	}
	.contact .pixel-04 .site-wrapper{
		padding-bottom: 0;
	}
/* end contact */
}
@media (min-width: 768px) {
	.masthead-nav {
	  float: none;
	}
	.subnav li a:hover{
		color: #fff;
	}
	/* marketing */
	.marketing .pixel-02 h2,.marketing .pixel-03 h2,.marketing .pixel-04 .site-left h2{
		margin-top: -10%;
	}
	/* marketing */
}
@media (max-width: 767px) {
	/* about */
	.about .zero-pixel .cover-container .inner h2{
		
	}
	.about .pixel-02 {
		background: #faf8f9 url(../photos/about/04.jpg) center 5% no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	/* end about */
	/* marketing */
	.marketing .pixel-03 {
		background: #fff url(../photos/marketing-px-px3-n.jpg) center 90% no-repeat;
		-webkit-background-size: 90%;
		background-size: 90%;
	}
	/* end marketing */
	/* partnership */
	.partnership .pixel-01 {
		background: #fff url(../photos/partnership-px-px1.png) center 90% no-repeat;
		-webkit-background-size: 30%;
		background-size: 30%;
	}
	/* end partnership */
}
@media (max-width: 737px) {
	.logo-brand{
		width: 100%;
	}
	.bd-footer p {
		font: 12px/20px dosislight;
	}
	.inner{
		padding: 0 10px;
	}
	.animated img{
		margin-top: 0;
	 	height: 400px;
	 	width: 400px;
	}
	.masthead-brand, .mastfoot .inner .logo{
		height: 72px;
  		width: 130px;
  		-webkit-background-size: 100%;
  		background-size: 100%;
  		margin-left: 14px;
	}
	.mastfoot .inner .logo{
		margin: 0 auto;
	}
	.masthead-brand < a{
		display: block;
	}
	 .mastfoot .inner h1{
	 	margin: 0 auto;
	 }
	.masthead-brand p{
		font: 18px/34px ralewaymedium;
	}
	.masthead-nav > li:hover .subnav{
		display: none;	
	}
	.masthead-nav > li + li{
		margin-left: 0;
	}
	.masthead-nav > li > a{
		font-size: 11px;
		padding: 0 7px;
	}
	.cover-container .inner h1,.field-of-business{

	}
	.pending-px{
		padding-bottom: 0;
		font-size: 30pt;
	}
	.zero-pixel .cover-container .inner .lead.mobile-01{
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin: 0;
	}
	.btn-pixel{
		padding: 10px 20px !important;
	}
	.btn-lg{
		font-size: 11pt;
	}
	.cover-heading{
		font-size: 24pt;
	}
	.cover-px h2 {
		
	}
	.lead{
		font-size: 24pt;
	}
	p.title.title-style-04{
		font: 27px/30px dosislight;
	}
	p.title.title-style-03{
		font: 27px/30px dosisregular;
	}
	p.title.title-style-01{
		margin-top: 0;
		padding-top: 0;
		width: 100%;
		font: 27px/30px dosislight
	}
	.cover-px p.summary {
	  	font: 18px/30px dosislight;
	}
	/* Spending NAVIGATION */
	.mastnav .inner{
		padding-bottom: 10px
	}
	.main-nav-wrapper{
		margin-right: 0;
		float: none;
		width: 100%;
		overflow-y: hidden;
		top: -5%;
	}
	.mastnav.mastnav-static{
		color: #000;
		background-color: #0e4c61 !important;
	}
	#px-nav{
		display: block;
		text-shadow: none;
		text-transform: uppercase;
		text-align: left;
		top: 120px;
  		padding-left: 20px;
  		z-index: 999;
  		position: fixed;
  		font: 36px/36px dosislight;
  		width: 100%;
	}
	.glyphicon{
		font-size: 30px;
	}
	#px-nav .glyphicon-align-justify:before{
		position: inherit;
	}
	.px-close-nav{
		width: 50px;
		height: 50px;
		position: fixed;
		text-transform: uppercase;
		display: none;
		z-index: 10000;
	}
	.solid-color-screen{
		background-color: #0e4c61;
		position: relative;
		z-index: 9999;
		padding: 20px 0;
	}
	.main-nav-wrapper{
		display: none;
	}
	.px-close-nav-display{
		display: block;
		top: 20px;
		right: 20px;
		color: #fff;
	}
	.glyphicon-align-justify:before{
		position: absolute;
		top:0;
		left: 0;
	}
	.main-nav-wrapper-display{
		display: block;
		position: absolute;
	}
	.main-nav-wrapper-display ul li {
		display: list-item;
	}
	.main-nav-wrapper ul li a{
		font: 30px/42px dosislight;
		padding: 0;
		margin: 0;
		color: #000!important;
		text-shadow: none;
		height: auto;
	}
	.open-subnav .subnav{
		background-color: #fff;
		width: 100%;
		text-align: center;
		color: #fff;
		position: relative;
		display: block !important;
	}
	.masthead-nav a:hover{
		border-bottom-color: transparent !important;
	}
	/* End Spending NAVIGATION */
	/* home page */
	.rd-phone{
		margin-top: -72px;
	}
	.pixel-01 .animated ul li h3{
		float: left;
		width: 100%;
	}
	.cover-container .inner .cover-heading {
		font: 24px/30px dosislight;
		margin-bottom: 0;
		letter-spacing: 0;
		margin-top: 11%;
		margin-left: 0;
	}
	.px-main .zero-pixel .site-wrapper-inner .cover-container .inner p.jo {
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-02 {
		font: 15px/30px open_sansregular;
		margin-bottom: 72px;
		margin-top: 0;
	}
	.px-main .zero-pixel .item:first-child .cover-container .inner .lead.mobile-02 {
		margin-bottom: 20px;
		margin-top: 0;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin-bottom: 40px;
	}
	.pixel-01 .animated ul{
		width: 100%;
	}
	.pixel-01 .animated ul li{
		width: 50%;
		margin: 0;
		height: initial !important;
		padding: 5px;
	}
	.pixel-01 .animated ul li img{
		height: initial !important;
		display: block;
		float: left;
	}
	.px-main .pixel-02 .animated ul {
		width: 100%;
	}
	.px-main .pixel-02 .animated ul li {
		width: 100%;
	}
	.px-main .pixel-03{
		background: #eee url(../images/chat.png) center 35% no-repeat;
		-webkit-background-size: 40%;
		background-size: 40%;
	}
	.pixel-04 .up{
		width: 100%;
	}
	.pixel-04 .wrap-contact{
		width: 100%;
	}
	.px-main .pixel-03 .wrap-left:first-child{
		margin-top: 92px;
		width: 100%;
	}
	.px-main .pixel-03 .site-left, .px-main .pixel-03 .site-right{
		width: 100%;
	}
	.px-main .pixel-03 .site-left{
		height: 220px;
	}
	.px-main .pixel-03 .title{
		margin-top: 20px;
	}
	.pixel-04 .wrap-left:first-child{
		padding: 0;
		text-indent: 40%;
		float: left;
	}
	.bullet-wrapper{
		display: none;
	}
	.px-main .pixel-03 .wrap-left{
		width: 100%;
	}
/* end home page */
	.hide{
		display: none !important; 
	}
	.px-main .pixel-01{
		height: initial !important
	}
	.px-main .pixel-02{
		height: initial !important
	}
/* residental */
	.residential .wrapper-residential{
		width: 100%;
		padding-top: 0;
	}
	.residential .col-md-offset-2{
		margin-left: 0 ;
	}
	.residential .wrapper-residential .rd-right {
		height: initial !important;
	}
	.residential .wrapper-residential .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
 		
	}
	.residential .wrapper-residential .rd-right ul li a{
		width: 100%;
	}
	.residential .pixel-01{
		padding-bottom: 0;
	}
	.residential .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end residental */
/* commercial */
	.commercial .wrapper-commercial{
		width: 100%;
		padding-top: 0;
	}
	.commercial .col-md-offset-2{
		margin-left: 0 ;
	}
	.commercial .wrapper-commercial .rd-right {
		height: initial !important;
	}
	.commercial .wrapper-commercial .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
	}
	.commercial .wrapper-commercial .rd-right ul li a{
		width: 100%;
	}
	.commercial .pixel-01{
		padding-bottom: 0;
	}
	.commercial .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end commercial */
/* materials */
	.materials .logo-branding-header{
		background: url(../photos/materials/05.png) center 100% no-repeat;
		width: 720px;
		-webkit-background-size: 75%;
		background-size: 75%;
		position: relative;
	}
	.materials .wrapper-materials {
		width: 100%;
	}
	.materials .sub-title-wrapper p.summary{
		font: 14px/18px open_sansregular;
	}
	.wrapper-materials ul li{
		height: initial !important;
	}
	.wrapper-materials ul li img{
		
	}
	.materials .pixel-01{
		padding-bottom: 0;
	}
	.materials .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-materials{
		margin: 0 0;
	}
	.wrapper-materials ul li img {
		height: 464px;
	}
/* end materials */
/* fabrication */
	.fabrication .pixel-01 .title{
		width: 720px;
	}
	.fabrication .wrapper-fabrication {
		width: 720px;
	}
	.fabrication .pixel-01{
		padding-bottom: 0;
	}
	.fabrication .pixel-01 .title{
		margin-top: 0;
	}
	.fabrication .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-fabrication .fab-02{
		margin-left: 120px;
	}
	.fabrication .pixel-02 .title{
		width: 720px;
	}
	.fabrication .pixel-02 img{
		width: 720px;
		margin-bottom: 0;
	}
	.fabrication .pixel-01 .site-wrapper{
		padding-bottom: 0;
	}
	.fabrication .pixel-02 .site-wrapper{
		padding-top: 0;
	}
	.wrapper-fabrication ul li h3 {
		font: 16px/30px open_sanslight;
	}
/* end fabrication */
/* gallery */
	.gallery .zero-pixel .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.gallery .mini-wrapper{
		width: 736px;
	}
	.gallery .cover-px ul{
		padding-left: 0;
	}
	.gallery-wrapper{
		width: 736px;
	}
	.category-wrapper .item-gallery li a{
		height: 182px;
	}
	.bullet-gallery{
		margin-left: calc(50% - 50px);
		margin-left: -moz-calc(50% - 50px);
	}
/* end gallery */
/* about */
	.about .pixel-01 p.summary.title-style-01{
		padding: 0 30px;
	}
/* end about */
/* contact */
	.contact ul li:nth-child(1) .info-contact p.summary{
		margin: 0;
		border-bottom: none;
	}
	.contact ul li .info-contact p{
		float: none;
		margin: 0;
		padding-left: 120px
	}
	.contact .pixel-02 .site-wrapper{
		border-bottom: none;
	}
	.contact .pixel-textbox, .contact .pixel-textarea{
		width: 100%;
	}
	.wrapper-contact{
		width: 720px;
	}
	.contact .pixel-04 .site-wrapper{
		padding-bottom: 0;
	}
/* end contact */

}
@media (max-width: 668px){
	.logo-brand{
		width: 100%;
	}
	.bd-footer p {
		font: 12px/20px dosislight;
	}
	.bd-footer p > a {
	    font: 12px/20px dosislight;
	}
	.inner{
		padding: 0 10px;
	}
	.animated img{
		margin-top: 0;
	 	height: 400px;
	 	width: 400px;
	}
	.masthead-brand, .mastfoot .inner .logo{
		height: 55px;
  		width: 100px;
  		-webkit-background-size: 100%;
  		background-size: 100%;
  		margin-left: 14px;
	}
	.mastfoot .inner .logo{
		margin: 0 auto;
	}
	.masthead-brand < a{
		display: block;
	}
	 .mastfoot .inner h1{
	 	margin: 0 auto;
	 }
	.masthead-brand p{
		font: 18px/34px ralewaymedium;
	}
	.masthead-nav > li:hover .subnav{
		display: none;	
	}
	.masthead-nav > li + li{
		margin-left: 0;
	}
	.masthead-nav > li > a{
		font-size: 11px;
		padding: 0 7px;
	}
	.cover-container .inner h1,.field-of-business{

	}
	.pending-px{
		padding-bottom: 0;
		font-size: 30pt;
	}
	.zero-pixel .cover-container .inner .lead.mobile-01{
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin: 0;
	}
	.btn-pixel{
		padding: 10px 20px !important;
	}
	.btn-lg{
		font-size: 11pt;
	}
	.cover-heading{
		font-size: 24pt;
	}
	.cover-px h2 {
		
	}
	.lead{
		font-size: 24pt;
	}
	p.title.title-style-04{
		font: 27px/30px dosislight;
	}
	p.title.title-style-03{
		font: 27px/30px dosisregular;
	}
	p.title.title-style-01{
		margin-top: 0;
		padding-top: 0;
		width: 100%;
		font: 27px/30px dosislight
	}
	.cover-px p.summary {
	  	font: 18px/30px dosislight;
	}
	/* Spending NAVIGATION */
	.mastnav .inner{
		padding-bottom: 10px
	}
	.main-nav-wrapper{
		margin-right: 0;
		float: none;
		width: 100%;
		overflow-y: hidden;
		top: 0;
	}
	.mastnav.mastnav-static{
		color: #000;
		background-color: #0e4c61 !important;
	}
	#px-nav{
		display: block;
		text-shadow: none;
		text-transform: uppercase;
		text-align: left;
		top: 90px;
  		padding-left: 10px;
  		z-index: 999;
  		position: fixed;
  		font: 30px/30px dosislight;
  		width: 100%;
	}
	#px-nav span{
		font-size: 24px;
	}
	.glyphicon{
		font-size: 30px;
	}
	#px-nav .glyphicon-align-justify:before{
		position: inherit;
	}
	.px-close-nav{
		width: 50px;
		height: 50px;
		position: fixed;
		text-transform: uppercase;
		display: none;
		z-index: 10000;
	}
	.solid-color-screen{
		background-color: #0e4c61;
		position: relative;
		z-index: 9999;
		padding: 20px 0;
	}
	.main-nav-wrapper{
		display: none;
	}
	.px-close-nav-display{
		display: block;
		top: 20px;
		right: 20px;
		color: #fff;
	}
	.glyphicon-align-justify:before{
		position: absolute;
		top:0;
		left: 0;
	}
	.main-nav-wrapper-display{
		display: block;
		position: absolute;
	}
	.main-nav-wrapper-display ul li {
		display: list-item;
	}
	.main-nav-wrapper ul li a{
		font: 30px/42px dosislight;
		padding: 0;
		margin: 0;
		color: #000!important;
		text-shadow: none;
		height: auto;
	}
	.open-subnav .subnav{
		background-color: #fff;
		width: 100%;
		text-align: center;
		color: #fff;
		position: relative;
		display: block !important;
	}
	.masthead-nav a:hover{
		border-bottom-color: transparent !important;
	}
	/* End Spending NAVIGATION */
	/* home page */
	.rd-phone{
		margin-top: -72px;
	}
	.pixel-01 .animated ul li h3{
		float: left;
		width: 100%;
	}
	.px-main .cover-container .inner .cover-heading {
		font: 24px/30px dosislight;
		margin-bottom: 0;
		letter-spacing: 0;
		padding-top: 0;
		margin-top: 0;
	}
	.px-main .zero-pixel .site-wrapper-inner .cover-container .inner p.jo {
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-02 {
		font: 15px/30px open_sansregular;
		margin-bottom: 0 !important;
		margin-top: 0;
		padding: 0 90px;
	}
	.px-main .zero-pixel .item:first-child .cover-container .inner .lead.mobile-02 {
		margin-bottom: 0;
		margin-top: 0;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin-bottom: 40px;
	}
	.pixel-01 .animated ul{
		width: 100%;
	}
	.pixel-01 .animated ul li{
		width: 50%;
		margin: 0;
		height: initial !important;
		padding: 5px;
	}
	.pixel-01 .animated ul li img{
		height: initial !important;
		display: block;
		float: left;
	}
	.px-main .pixel-02 .animated ul {
		width: 100%;
	}
	.px-main .pixel-02 .animated ul li {
		width: 100%;
	}
	.px-main .pixel-03{
		background: #eee url(../images/chat.png) center 25% no-repeat;
		-webkit-background-size: 40%;
		background-size: 40%;
	}
	.pixel-04 .up{
		width: 100%;
	}
	.pixel-04 .wrap-contact{
		width: 100%;
	}
	.wrap-left{
		width: 100%;
	}
	.px-main .pixel-03 .site-left, .px-main .pixel-03 .site-right{
		width: 100%;
	}
	.px-main .pixel-03 .site-left{
		height: 220px;
	}
	.px-main .pixel-03 .title{
		margin-top: 20px;
	}
	.pixel-04 .wrap-left:first-child{
		padding: 0;
		text-indent: 40%;
		float: left;
	}
	.bullet-wrapper{
		display: none;
	}
	.pixel-04 .wrap-left{
		margin-top: 28px;
		margin-left: 0;
	}
/* end home page */
	.hide{
		display: none !important; 
	}
	.px-main .pixel-01{
		height: initial !important
	}
	.px-main .pixel-02{
		height: initial !important
	}
/* residental */
	.residential .wrapper-residential{
		width: 100%;
		padding-top: 0;
	}
	.residential .col-md-offset-2{
		margin-left: 0 ;
	}
	.residential .wrapper-residential .rd-right {
		height: initial !important;
	}
	.residential .wrapper-residential .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
 		
	}
	.residential .wrapper-residential .rd-right ul li a{
		width: 100%;
	}
	.residential .pixel-01{
		padding-bottom: 0;
	}
	.residential .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end residental */
/* commercial */
	.commercial .wrapper-commercial{
		width: 100%;
		padding-top: 0;
	}
	.commercial .col-md-offset-2{
		margin-left: 0 ;
	}
	.commercial .wrapper-commercial .rd-right {
		height: initial !important;
	}
	.commercial .wrapper-commercial .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
	}
	.commercial .wrapper-commercial .rd-right ul li a{
		width: 100%;
	}
	.commercial .pixel-01{
		padding-bottom: 0;
	}
	.commercial .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end commercial */
/* materials */
	.materials .logo-branding-header{
		width: 500px;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.materials .wrapper-materials {
		width: 100%;
	}
	.materials .sub-title-wrapper p.summary{
		font: 14px/18px open_sansregular;
	}
	.wrapper-materials ul li{
		height: initial !important;
	}
	.wrapper-materials ul li img{
		
	}
	.materials .pixel-01{
		padding-bottom: 0;
	}
	.materials .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-materials{
		margin: 0 0;
	}
	.wrapper-materials ul li img {
		height: 537px;
	}
/* end materials */
/* fabrication */
	.fabrication .pixel-01 .title{
		width: 667px;
	}
	.fabrication .wrapper-fabrication {
		width: 667px;
	}
	.fabrication .pixel-01{
		padding-bottom: 0;
	}
	.fabrication .pixel-01 .title{
		margin-top: 0;
	}
	.fabrication .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-fabrication .fab-02{
		margin-left: 120px;
	}
	.fabrication .pixel-02 .title{
		width: 667px;
	}
	.fabrication .pixel-02 img{
		width: 667px;
		margin-bottom: 0;
	}
	.fabrication .pixel-01 .site-wrapper{
		padding-bottom: 0;
	}
	.fabrication .pixel-02 .site-wrapper{
		padding-top: 0;
	}
	.wrapper-fabrication ul li h3 {
		font: 16px/30px open_sanslight;
	}
/* end fabrication */
/* gallery */
	.gallery .zero-pixel .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.gallery .mini-wrapper{
		width: 667px;
	}
	.gallery .cover-px ul{
		padding-left: 0;
	}
	.gallery-wrapper{
		width: 667px;
	}
	.category-wrapper .item-gallery li a{
		height: 182px;
	}
	.bullet-gallery{
		margin-left: calc(50% - 50px);
		margin-left: -moz-calc(50% - 50px);
	}
/* end gallery */
/* about */
	.about .pixel-01 p.summary.title-style-01{
		padding: 0 30px;
	}
	.about .about-wrapper{
		width: 100%;
	}
/* end about */
/* contact */
	.contact ul li:nth-child(1) .info-contact p.summary{
		margin: 0;
		border-bottom: none;
	}
	.contact ul li .info-contact p{
		float: none;
		margin: 0;
		padding-left: 120px
	}
	.contact .pixel-02 .site-wrapper{
		border-bottom: none;
	}
	.contact .pixel-textbox, .contact .pixel-textarea{
		width: 100%;
	}
	.wrapper-contact{
		width: 720px;
	}
	.contact .pixel-04 .site-wrapper{
		padding-bottom: 0;
	}
/* end contact */
}
@media (max-width: 641px){
	.scroll-down {
		bottom: 10px;
	}
	/* form wrap */
	.form-wrap {
	  width: 300px;
	  margin: 0 auto;
	  height: 340px;
	  position: absolute;
	  top: 45px;
	  margin-top: 0;
	  left: 50%;
	  margin-left: -150px;
	}
	#request_form .title {
	  font: 24px/24px dosislight;
	  color: #fff;
	  margin-bottom: 15px;
	  margin-top: 5%;
	}
	#request_form .title span {
	  color: #0e4b60;
	}
	.form-wrap .rq-form .input-wrap {
	  padding: 0;
	  width: 100%;
	  margin-bottom: 10px;
	}
	.form-wrap .rq-form .textarea-wrap textarea {
	  background: 0 0;
	}
	.form-wrap .rq-form .input-wrap input {
	  background: 0 0;
	  height: 12px;
	}
	.form-wrap .rq-form .submit-wrap {
	  padding: 0;
	  width: 100%;
	}
	/* end form wrap */
/* about us */

/* end about us */
/* contact */
	.contact .site-wrapper{
		padding: 25% 0;
	}
	.contact .cover-heading{
		font: 32px/32px dosislight;
		text-transform: capitalize;
		margin: 0 0 20px;
	}
	.contact .lead{
		font: 20px/30px open_sansregular;
	}
	.contact ul.ul-contact li.contact-item{
		width: 300px;
	}
	#contact-form {
	  width: 250px;
	}
	#contact-form div input {
		margin: 0 0 10px;
		width: 234px;
	}
	#contact-form div textarea {
		margin: 0 0 10px;
		padding: 11px 6px;
		width: 234px;
	}
	#contact-form div.fl_left {
		float: left;
 		width: 250px;
	}
	#contact-form div.fl_right {
		float: right;
 		width: 250px;
	}
/* end contact */
/* latest work */
	#works-wrap #works .work {
		width: 100%;
	}
	#single-work #work-images .work-image {
		margin-bottom: 10px;
		visibility: visible!important;
	}
	#single-work #work-images .work-image .wrap {
		background: 0 0;
		padding: 0;
		width: 80%;
	}
/* end latest work */
}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 570px) {

	.logo-brand{
		width: 100%;
	}
	.bd-footer p {
		font: 12px/20px dosislight;
	}
	.inner{
		padding: 0 10px;
	}
	.animated img{
		margin-top: 0;
	 	height: 400px;
	 	width: 400px;
	}
	.masthead-brand, .mastfoot .inner .logo{
		height: 55px;
  		width: 100px;
  		-webkit-background-size: 100%;
  		background-size: 100%;
  		margin-left: 14px;
	}
	.mastfoot .inner .logo{
		margin: 0 auto;
	}
	.masthead-brand < a{
		display: block;
	}
	 .mastfoot .inner h1{
	 	margin: 0 auto;
	 }
	.masthead-brand p{
		font: 18px/34px ralewaymedium;
	}
	.masthead-nav > li:hover .subnav{
		display: none;	
	}
	.masthead-nav > li + li{
		margin-left: 0;
	}
	.masthead-nav > li > a{
		font-size: 11px;
		padding: 0 7px;
	}
	.cover-container .inner h1,.field-of-business{

	}
	.pending-px{
		padding-bottom: 0;
		font-size: 30pt;
	}
	.zero-pixel .cover-container .inner .lead.mobile-01{
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin: 0;
	}
	.btn-pixel{
		padding: 10px 20px !important;
	}
	.btn-lg{
		font-size: 11pt;
	}
	.cover-heading{
		font-size: 24pt;
	}
	.cover-px h2 {
		
	}
	.lead{
		font-size: 24pt;
	}
	p.title.title-style-04{
		font: 27px/30px dosislight;
	}
	p.title.title-style-03{
		font: 27px/30px dosisregular;
	}
	p.title.title-style-01{
		margin-top: 0;
		padding-top: 0;
		width: 100%;
		font: 27px/30px dosislight
	}
	.cover-px p.summary {
	  	font: 18px/30px dosislight;
	}
	/* Spending NAVIGATION */
	.mastnav .inner{
		padding-bottom: 10px
	}
	.main-nav-wrapper{
		margin-right: 0;
		float: none;
		width: 100%;
		overflow-y: hidden;
		top: -5%;
	}
	.mastnav-static{
		color: #000;
		background-color: #0e4c61 !important;
	}
	#px-nav{
		display: block;
		text-shadow: none;
		text-transform: uppercase;
		text-align: left;
		top: 90px;
  		padding-left: 10px;
  		z-index: 999;
  		position: fixed;
  		font: 30px/30px dosislight;
  		width: 100%;
	}
	.glyphicon{
		font-size: 30px;
	}
	#px-nav span{
		font-size: 24px;
	}
	#px-nav .glyphicon-align-justify:before{
		position: inherit;
	}
	.px-close-nav{
		width: 50px;
		height: 50px;
		position: fixed;
		text-transform: uppercase;
		display: none;
		z-index: 10000;
	}
	.solid-color-screen{
		background-color: #0e4c61;
		position: relative;
		z-index: 9999;
		padding: 20px 0;
	}
	.main-nav-wrapper{
		display: none;
	}
	.px-close-nav-display{
		display: block;
		top: 20px;
		right: 20px;
		color: #fff;
	}
	.glyphicon-align-justify:before{
		position: absolute;
		top:0;
		left: 0;
	}
	.main-nav-wrapper-display{
		display: block;
		position: absolute;
	}
	.main-nav-wrapper-display ul li {
		display: list-item;
	}
	.main-nav-wrapper ul li a{
		font: 30px/42px dosislight;
		padding: 0;
		margin: 0;
		color: #000!important;
		text-shadow: none;
		height: auto;
	}
	.open-subnav .subnav{
		background-color: #fff;
		width: 100%;
		text-align: center;
		color: #fff;
		position: relative;
		display: block !important;
	}
	.masthead-nav a:hover{
		border-bottom-color: transparent !important;
	}
	/* End Spending NAVIGATION */
	/* home page */
	.rd-phone{
		margin-top: -72px;
	}
	.pixel-01 .animated ul li h3{
		float: left;
		width: 100%;
	}
	.cover-container .inner .cover-heading {
		font: 24px/30px dosislight;
		margin-bottom: 0;
		letter-spacing: 0;
	}
	.px-main .zero-pixel .site-wrapper-inner .cover-container .inner p.jo {
		margin-top: 60px;
	}
	.px-main .zero-pixel .cover-container .inner .lead.mobile-02 {
		font: 14px/16px open_sansregular;
		margin-bottom: 72px;
		margin-top: 0;
	}
	.px-main .zero-pixel .item:first-child .cover-container .inner .lead.mobile-02 {
		margin-bottom: 20px;
		margin-top: 0;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin-bottom: 40px;
	}
	.pixel-01 .animated ul{
		width: 100%;
	}
	.pixel-01 .animated ul li{
		width: 50%;
		margin: 0;
		height: initial !important;
		padding: 5px;
	}
	.pixel-01 .animated ul li img{
		height: initial !important;
		display: block;
		float: left;
	}
	.px-main .pixel-02 .animated ul {
		width: 100%;
	}
	.px-main .pixel-02 .animated ul li {
		width: 100%;
	}
	.px-main .pixel-03{
		background: #eee url(../images/chat.png) center 36% no-repeat;
		-webkit-background-size: 40%;
		background-size: 40%;
	}
	.pixel-04{
		height: initial !important;
	}
	.pixel-04 .up{
		width: 100%;
	}
	.pixel-04 .wrap-contact{
		width: 100%;
	}
	.px-main .pixel-03 .wrap-left:first-child{
		margin-top: 92px;
		width: 100%;
	}
	.px-main .pixel-03 .site-left, .px-main .pixel-03 .site-right{
		width: 100%;
	}
	.px-main .pixel-03 .site-left{
		height: 220px;
	}
	.px-main .pixel-03 .title{
		margin-top: 20px;
	}
	.pixel-04 .wrap-left:first-child{
		padding: 0;
		text-indent: 40%;
		float: left;
	}
	.bullet-wrapper{
		display: none;
	}
	/* end home page */
	.hide{
		display: none !important; 
	}
	.px-main .pixel-01{
		height: initial !important
	}
	.px-main .pixel-02{
		height: initial !important
	}
	/* residental */
	.residential .wrapper-residential{
		width: 500px;
		padding-top: 0;
	}
	.residential .col-md-offset-2{
		margin-left: 0 ;
	}
	.residential .wrapper-residential .rd-right ,.residential .wrapper-residential .rd-left {
		height: initial !important;
	}
	.residential .wrapper-residential .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
 		
	}
	.residential .wrapper-residential .rd-right ul li a{
		width: 100%;
	}
	.residential .pixel-01{
		padding-bottom: 0;
	}
	.residential .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
	/* end residental */
	/* commercial */
	.commercial .wrapper-commercial{
		width: 500px;
		padding-top: 0;
	}
	.commercial .col-md-offset-2{
		margin-left: 0 ;
	}
	.commercial .wrapper-commercial .rd-right,.commercial .wrapper-commercial .rd-left {
		height: initial !important;
	}
	.commercial .wrapper-commercial .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
	}
	.commercial .wrapper-commercial .rd-right ul li a{
		width: 100%;
	}
	.commercial .pixel-01{
		padding-bottom: 0;
	}
	.commercial .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
	/* end commercial */
	/* materials */
	.materials .logo-branding-header{
		width: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.materials .wrapper-materials {
		width: 100%;
	}
	.materials .sub-title-wrapper{
		width: 100%;
	}
	.materials .sub-title-wrapper p.summary{
		font: 14px/18px open_sansregular;
	}
	.wrapper-materials ul li{
		height: initial !important;
	}
	.wrapper-materials ul li img{
		
	}
	.materials .pixel-01{
		padding-bottom: 0;
	}
	.materials .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-materials{
		margin: 0 0;
	}
	.wrapper-materials ul li img {
		width: 100%;
	}
	/* end materials */
	/* fabrication */
	.fabrication .pixel-01 .title{
		width: 100%;
	}
	.fabrication .wrapper-fabrication {
		width: 100%;
	}
	.fabrication .pixel-01{
		padding-bottom: 0;
	}
	.fabrication .pixel-01 .title{
		margin-top: 0;
	}
	.fabrication .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-fabrication .fab-02{
		margin-left: 120px;
	}
	.fabrication .pixel-02 .title{
		width: 550px;
	}
	.fabrication .pixel-02 img{
		width: 550px;
		margin-bottom: 0;
	}
	.fabrication .pixel-01 .site-wrapper{
		padding-bottom: 0;
	}
	.fabrication .pixel-02 .site-wrapper{
		padding-top: 0;
	}
	.wrapper-fabrication ul li h3 {
		font: 14px/16px open_sanslight;
	}
	/* end fabrication */
	/* gallery */
	.gallery .category li{
		padding-left: 0 !important;
		padding-right: 10px !important;
	}
	.gallery .zero-pixel .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.gallery .mini-wrapper{
		width: 550px;
	}
	.gallery .cover-px ul{
		padding-left: 0;
	}
	.gallery-wrapper{
		width: 550px;
	}
	.category-wrapper .item-gallery li a{
		height: 182px;
	}
	.bullet-gallery{
		margin-left: calc(50% - 50px);
		margin-left: -moz-calc(50% - 50px);
	}
	/* end gallery */
	/* about */
	.about .pixel-01 p.summary.title-style-01{
		padding: 0 30px;
		width: 100%;
	}
	.about .about-wrapper {
		width: 100%;
	}
	.about .pixel-01 ul li{
		padding-right: 0;
	}
	/* end about */
	/* contact */
	.contact ul li:nth-child(1) .info-contact p.summary{
		margin: 0;
		border-bottom: none;
	}
	.contact ul li .info-contact p{
		float: none;
		margin: 0;
		padding-left: 120px
	}
	.contact .pixel-02 .site-wrapper{
		border-bottom: none;
	}
	.contact .pixel-textbox, .contact .pixel-textarea{
		width: 100%;
	}
	.wrapper-contact{
		width: 720px;
	}
	.contact .pixel-04 .site-wrapper{
		padding-bottom: 0;
	}
/* end contact */
}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 415px) {
	.rd-phone {
		font: 11px/18px open_sansregular;
		padding: 7px 7px;
		width: 145px;
		margin-top: -80px;
		margin-right: 0;
		text-align: middle;
	}
	.wrap-contact {
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.main-nav-wrapper{
		margin-right: 0;
		float: none;
		width: 100%;
		overflow-y: hidden;
		top: 20%;
	}
	/*fabrication*/
	.wrapper-fabrication .fab-02 {
		margin-left: 67px;
	}
	.fabrication .pixel-02 .title{
		width: 100%;
	}
	.fabrication .pixel-02 img{
		width: 100%;
	}
	.fabrication .wrapper-fabrication ul li h3{
		margin-top: 8px;
		margin-bottom: 0;
	}
	/*end fabrication*/
	/*gallery*/
	.gallery .mini-wrapper{
		width: 414px;
	}
	.bullet-gallery{
		margin-left: calc(50% - 50px);
		margin-left: -moz-calc(50% - 50px);
	}
	.gallery-wrapper{
		width: 414px;
	}
	.category-wrapper .item-gallery li{
		width: 50%;
	}
	.residential .pixel-01 .rd-left {
		height: initial !important
	}
	.residential .pixel-01 .rd-left img{
		height: initial !important;
	}
	.commercial .pixel-01 .rd-left{
		height: initial !important
	}
	.commercial .pixel-01 .rd-left img{
		height: initial !important;
	}
	.category li{
		padding-left: 0 !important;
		padding-right: 10px !important;
	}
	/*end gallery*/
	/*about*/
	.about .pixel-02 {
		background: #faf8f9 url(../photos/about/04.jpg) center 5% no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.about-wrapper{
		width: 100%;
	}
	/*end about*/
	/*materials*/
	.px-main .zero-pixel .item:first-child .cover-container .inner .lead.mobile-02{
		margin-top: 0;
	}
	.wrapper-materials ul li img{
		width: 100%;
	}
	.materials .sub-title-wrapper{
		width: 100%;
	}
	/*end materials*/
}
@media (max-width: 	400px) {
	.field-of-business .ul-02 {
		width: initial;
	}
}
@media (max-width: 376px) {
	.logo-brand{
		width: 100%;
	}
	.bd-footer p {
		font: 12px/20px dosislight;
	}
	.bd-footer p > a{
		font: 12px/20px dosislight !important;
	}
	.inner{
		padding: 0 10px;
	}
	.animated img{
		margin-top: 0;
	 	height: 400px;
	 	width: 400px;
	}
	.masthead-brand, .mastfoot .inner .logo{
		height: 55px;
  		width: 100px;
  		-webkit-background-size: 100%;
  		background-size: 100%;
  		margin-left: 14px;
	}
	.mastfoot .inner .logo{
		margin: 0 auto;
	}
	.masthead-brand < a{
		display: block;
	}
	 .mastfoot .inner h1{
	 	margin: 0 auto;
	 }
	.masthead-brand p{
		font: 18px/34px ralewaymedium;
	}
	.masthead-nav > li:hover .subnav{
		display: none;	
	}
	.masthead-nav > li + li{
		margin-left: 0;
	}
	.masthead-nav > li > a{
		font-size: 11px;
		padding: 0 7px;
	}
	.cover-container .inner h1,.field-of-business{

	}
	.pending-px{
		padding-bottom: 0;
		font-size: 30pt;
	}
	.zero-pixel .cover-container .inner .lead.mobile-01{
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin: 0;
	}
	.btn-pixel{
		padding: 10px 20px !important;
	}
	.btn-lg{
		font-size: 11pt;
	}
	.cover-heading{
		font-size: 24pt;
	}
	.cover-px h2 {
		
	}
	.lead{
		font-size: 24pt;
	}
	p.title.title-style-04{
		font: 27px/30px dosislight;
	}
	p.title.title-style-03{
		font: 27px/30px dosisregular;
	}
	p.title.title-style-01{
		margin-top: 0;
		padding-top: 0;
		width: 100%;
		font: 27px/30px dosislight
	}
	.cover-px p.summary {
	  	font: 18px/30px dosislight;
	}
	/* Spending NAVIGATION */
	.mastnav .inner{
		padding-bottom: 10px
	}
	.main-nav-wrapper{
		margin-right: 0;
		float: none;
		width: 100%;
		overflow-y: hidden;
		top: 14%;
	}
	.mastnav.mastnav-static{
		color: #000 !important;
		background-color: #0e4c61 !important;
	}
	#px-nav{
		display: block;
		text-shadow: none;
		text-transform: uppercase;
		text-align: left;
		top: 90px;
  		padding-left: 10px;
  		z-index: 999;
  		position: fixed;
  		font: 30px/30px dosislight;
  		width: 100%;
	}
	#px-nav span{
		font-size: 24px;
	}
	.glyphicon{
		font-size: 24px;
	}
	#px-nav .glyphicon-align-justify:before{
		position: inherit;
	}
	.px-close-nav{
		width: 50px;
		height: 50px;
		position: fixed;
		text-transform: uppercase;
		display: none;
		z-index: 10000;
	}
	.solid-color-screen{
		background-color: #0e4c61;
		position: relative;
		z-index: 9999;
		padding: 20px 0;
	}
	.main-nav-wrapper{
		display: none;
	}
	.px-close-nav-display{
		display: block;
		top: 20px;
		right: 20px;
		color: #fff;
	}
	.glyphicon-align-justify:before{
		position: absolute;
		top:0;
		left: 0;
	}
	.main-nav-wrapper-display{
		display: block;
		position: absolute;
	}
	.main-nav-wrapper-display ul li {
		display: list-item;
	}
	.main-nav-wrapper ul li a{
		font: 30px/60px dosislight;
		padding: 0;
		margin: 0;
		color: #000!important;
		text-shadow: none;
		height: auto;
	}
	.open-subnav .subnav{
		background-color: #fff;
		width: 100%;
		text-align: center;
		color: #fff;
		position: relative;
		display: block !important;
	}
	.masthead-nav a:hover{
		border-bottom-color: transparent !important;
	}
	/* End Spending NAVIGATION */
	/* home page */
	.
	.rd-phone{
		margin-top: -72px;
	}
	.pixel-01 .animated ul li h3{
		float: left;
		width: 100%;
	}
	.px-main .cover-container .inner .cover-heading {
		font: 24px/30px dosislight;
		margin-bottom: 0;
		letter-spacing: 0;
		padding-top: 0;
		margin-top: -30px;
	}
	.px-main .zero-pixel .site-wrapper-inner .cover-container .inner p.jo {
		margin-top: 60px;
	}
	.px-main .zero-pixel .cover-container .inner .lead.mobile-02 {
		font: 14px/24px open_sansregular;
		margin-bottom: 72px;
		margin-top: 0;
		padding: 0 52px;
	}
	.px-main .zero-pixel .item:first-child .cover-container .inner .lead.mobile-02 {
		margin-bottom: 20px;
		margin-top: 0;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin-bottom: 40px;
	}
	.pixel-01 .animated ul{
		width: 100%;
	}
	.pixel-01 .animated ul li{
		width: 50%;
		margin: 0;
		height: initial !important;
		padding: 5px;
	}
	.pixel-01 .animated ul li img{
		height: initial !important;
		display: block;
		float: left;
	}
	.px-main .pixel-02 .animated ul {
		width: 100%;
	}
	.px-main .pixel-02 .animated ul li {
		width: 100%;
	}
	.px-main .pixel-03{
		background: #eee url(../images/chat.png) center 35% no-repeat;
		-webkit-background-size: 40%;
		background-size: 40%;
	}
	.pixel-04 .up{
		width: 100%;
	}
	.pixel-04 .wrap-contact{
		width: 100%;
	}
	.px-main .pixel-03 .wrap-left:first-child{
		width: 100%;
		margin-top: 48px;
	}
	.px-main .pixel-03 .site-left, .px-main .pixel-03 .site-right{
		width: 100%;
	}
	.px-main .pixel-03 .site-left{
		height: 220px;
	}
	.px-main .pixel-03 .title{
		margin-top: 20px;
	}
	.pixel-04 .wrap-left:first-child{
		padding: 0;
		text-indent: 40%;
		float: left;
	}
	.bullet-wrapper{
		display: none;
	}
	.pixel-04 .wrap-left{
		margin-top: 36px;
		margin-left: 0;
	}
	/* end home page */
	.hide{
		display: none !important; 
	}
	.px-main .pixel-01{
		height: initial !important
	}
	.px-main .pixel-02{
		height: initial !important
	}
	/* residental */
	.residential .wrapper-residential{
		width: 100%;
		padding-top: 0;
	}
	.residential .col-md-offset-2{
		margin-left: 0 ;
	}
	.residential .wrapper-residential .rd-right {
		height: initial !important;
	}
	.residential .wrapper-residential .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
 		
	}
	.residential .wrapper-residential .rd-right ul li a{
		width: 100%;
	}
	.residential .pixel-01{
		padding-bottom: 0;
	}
	.residential .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end residental */
/* commercial */
	.commercial .wrapper-commercial{
		width: 100%;
		padding-top: 0;
	}
	.commercial .col-md-offset-2{
		margin-left: 0 ;
	}
	.commercial .wrapper-commercial .rd-right {
		height: initial !important;
	}
	.commercial .wrapper-commercial .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
	}
	.commercial .wrapper-commercial .rd-right ul li a{
		width: 100%;
	}
	.commercial .pixel-01{
		padding-bottom: 0;
	}
	.commercial .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end commercial */
/* materials */
	.materials .cover-container .inner .cover-heading{
		margin-top: 40%;
	}
	.materials .logo-branding-header{
		width: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.materials .wrapper-materials {
		width: 100%;
	}
	.materials .sub-title-wrapper p.summary{
		font: 14px/18px open_sansregular;
	}
	.wrapper-materials ul li{
		height: initial !important;
	}
	.wrapper-materials ul li img{
		
	}
	.materials .pixel-01{
		padding-bottom: 0;
	}
	.materials .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-materials{
		margin: 0 0;
	}
	.wrapper-materials ul li img {
		height: 453px;
		width: 100%;
	}
	.materials .sub-title-wrapper{
		width: 100%;
	}
/* end materials */
/* fabrication */
	.fabrication .pixel-01 .title{
		width: 375px;
	}
	.fabrication .wrapper-fabrication {
		width: 375px;
	}
	.fabrication .pixel-01{
		padding-bottom: 0;
	}
	.fabrication .pixel-01 .title{
		margin-top: 0;
	}
	.fabrication .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-fabrication .fab-02{
		margin-left: 60px;
	}
	.fabrication .pixel-02 .title{
		width: 375px;
	}
	.fabrication .pixel-02 img{
		width: 375px;
		margin-bottom: 0;
	}
	.fabrication .pixel-01 .site-wrapper{
		padding-bottom: 0;
	}
	.fabrication .pixel-02 .site-wrapper{
		padding-top: 0;
	}
	.wrapper-fabrication ul li h3 {
		font: 10px/10px open_sanslight;
	}
/* end fabrication */
/* gallery */
	.gallery .zero-pixel .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.gallery .mini-wrapper{
		width: 375px;
	}
	.gallery .cover-px ul{
		padding-left: 0;
	}
	.gallery-wrapper{
		width: 375px;
	}
	.category-wrapper .item-gallery li a{
		height: 182px;
	}
	.bullet-gallery{
		margin-left: calc(50% - 50px);
		margin-left: -moz-calc(50% - 50px);
	}
/* end gallery */
/* about */
	.about .pixel-01 p.summary.title-style-01{
		padding: 0 30px;
	}
/* end about */
/* contact */
	.contact ul li:nth-child(1) .info-contact p.summary{
		margin: 0;
		border-bottom: none;
	}
	.contact ul li .info-contact p{
		float: none;
		margin: 0;
		padding-left: 120px
	}
	.contact .pixel-02 .site-wrapper{
		border-bottom: none;
	}
	.contact .pixel-textbox, .contact .pixel-textarea{
		width: 100%;
	}
	.wrapper-contact{
		width: 720px;
	}
	.contact .pixel-04 .site-wrapper{
		padding-bottom: 0;
	}
/* end contact */
}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 481px) {
	.box-text{
		width: 240px;
		margin: 0 auto;
		font: 14px/24px dosislight;
	}
	.carousel-control {
		width: 16%;
	}
	.logo-brand{
		width: 100%;
	}
	.bd-footer p {
		font: 12px/20px dosislight;
	}
	.wrap-contact{
		background: #f7f7f7 url(../images/contact2.png) center center no-repeat;
		width: 273px !important;
		height: 473px;
		-webkit-background-size: 80%;
		background-size: 80%;
	}
	.inner{
		padding: 0 10px;
	}
	.masthead-brand, .mastfoot .inner .logo{
		height: 55px;
  		width: 100px;
  		-webkit-background-size: 100%;
  		background-size: 100%;
  		margin-left: 14px;
	}
	.mastfoot .inner .logo{
		margin: 0 auto;
	}
	.masthead-brand < a{
		display: block;
	}
	 .mastfoot .inner h1{
	 	margin: 0 auto;
	 }
	.masthead-brand p{
		font: 18px/34px ralewaymedium;
	}
	.masthead-nav > li:hover .subnav{
		display: none;	
	}
	.masthead-nav > li + li{
		margin-left: 0;
	}
	.masthead-nav > li > a{
		font-size: 11px;
		padding: 0 7px;
	}
	.cover-container .inner h1,.field-of-business{

	}
	.pending-px{
		padding-bottom: 0;
		font-size: 30pt;
	}
	.zero-pixel .cover-container .inner .lead.mobile-01{
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin: 0;
	}
	.btn-pixel{
		padding: 10px 20px !important;
	}
	.btn-lg{
		font-size: 11pt;
	}
	.cover-heading{
		font-size: 24pt;
	}
	.cover-px h2 {
		
	}
	.lead{
		font-size: 24pt;
	}
	p.title.title-style-04{
		font: 27px/30px dosislight;
	}
	p.title.title-style-03{
		font: 27px/30px dosisregular;
	}
	p.title.title-style-01{
		margin-top: 0;
		padding-top: 0;
		font: 27px/30px dosislight
	}
	.cover-px p.summary {
	  	font: 18px/30px dosislight;
	}
	/* Spending NAVIGATION */
	.mastnav .inner{
		padding-bottom: 10px
	}
	.main-nav-wrapper{
		margin-right: 0;
		float: none;
		width: 100%;
		overflow-y: hidden;
		top: 2%;
	}
	.mastnav.mastnav-static{
		color: #000;
		background-color: #0e4c61 !important;
	}
	#px-nav{
		display: block;
		text-shadow: none;
		text-transform: uppercase;
		text-align: left;
		top: 90px;
  		padding-left: 10px;
  		z-index: 999;
  		position: fixed;
  		font: 30px/30px dosislight;
  		width: 100%;
	}
	.glyphicon{
		font-size: 30px;
	}
	#px-nav .glyphicon-align-justify:before{
		position: inherit;
	}
	.px-close-nav{
		width: 50px;
		height: 50px;
		position: fixed;
		text-transform: uppercase;
		display: none;
		z-index: 10000;
	}
	.solid-color-screen{
		background-color: #0e4c61;
		position: relative;
		z-index: 9999;
		padding: 20px 0;
	}
	.main-nav-wrapper{
		display: none;
	}
	.px-close-nav-display{
		display: block;
		top: 20px;
		right: 20px;
		color: #fff;
	}
	.glyphicon-align-justify:before{
		position: absolute;
		top:0;
		left: 0;
	}
	.main-nav-wrapper-display{
		display: block;
		position: absolute;
	}
	.main-nav-wrapper-display ul li {
		display: list-item;
	}
	.main-nav-wrapper ul li a{
		font: 24px/40px dosislight;
		padding: 0;
		margin: 0;
		color: #000!important;
		text-shadow: none;
		height: auto;
	}
	.open-subnav .subnav{
		background-color: #fff;
		width: 100%;
		text-align: center;
		color: #fff;
		position: relative;
		display: block !important;
	}
	.masthead-nav a:hover{
		border-bottom-color: transparent !important;
	}
	/* End Spending NAVIGATION */
	/* home page */
	.rd-phone{
		margin-top: -72px;
	}
	.pixel-01 .animated ul li h3{
		float: left;
		width: 100%;
	}
	.px-main .cover-container .inner .cover-heading {
		font: 24px/30px dosislight;
		margin-bottom: 0;
		letter-spacing: 0;
		padding-top: 0;
		margin-top: -30px;
	}
	.px-main .zero-pixel .site-wrapper-inner .cover-container .inner p.jo {
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-02 {
		font: 15px/30px open_sansregular;
		margin-bottom: 72px;
		margin-top: 0;
		padding: 0 0;
	}
	.px-main .zero-pixel .item:first-child .cover-container .inner .lead.mobile-02 {
		margin-bottom: 20px;
		margin-top: 0;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin-bottom: 40px;
	}
	.pixel-01 .animated ul{
		width: 100%;
	}
	.pixel-01 .animated ul li{
		width: 50%;
		margin: 0;
		height: initial !important;
	}
	.pixel-01 .animated ul li img{
		height: initial !important;
		display: block;
		float: left;
	}
	.px-main .pixel-02 .animated ul {
		width: 100%;
	}
	.px-main .pixel-02 .animated ul li {
		width: 100%;
	}
	.px-main .pixel-03{
		background: #eee url(../images/chat.png) center 35% no-repeat;
		-webkit-background-size: 40%;
		background-size: 40%;
	}
	.pixel-04 .up{
		width: 100%;
	}
	.pixel-04 .wrap-contact{
		width: 100%;
	}
	.px-main .pixel-03 .wrap-left:first-child{
		width: 100%;
		margin-top: 48px;
	}
	.px-main .pixel-03 .site-left, .px-main .pixel-03 .site-right{
		width: 100%;
	}
	.px-main .pixel-03 .site-left{
		height: 220px;
	}
	.px-main .pixel-03 .title{
		margin-top: 20px;
	}
	.pixel-04 .wrap-left:first-child{
		padding: 0;
		text-indent: 40%;
		float: left;
	}
	.bullet-wrapper{
		display: none;
	}
	.pixel-04 .wrap-left{
		margin-top: 36px;
		margin-left: 0;
	}
/* end home page */
	.hide{
		display: none !important; 
	}
	.px-main .pixel-01{
		height: initial !important
	}
	.px-main .pixel-02{
		height: initial !important
	}
/* residental */
	.residential .wrapper-residential{
		width: 450px;
		padding-top: 0;
	}
	.residential .col-md-offset-2{
		margin-left: 0 ;
	}
	.residential .wrapper-residential .rd-right {
		height: initial !important;
	}
	.residential .wrapper-residential .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
 		
	}
	.residential .wrapper-residential .rd-right ul li a{
		width: 100%;
	}
	.residential .pixel-01{
		padding-bottom: 0;
	}
	.residential .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end residental */
/* commercial */
	.commercial .wrapper-commercial{
		width: 450px;
		padding-top: 0;
	}
	.commercial .col-md-offset-2{
		margin-left: 0 ;
	}
	.commercial .wrapper-commercial .rd-right {
		height: initial !important;
	}
	.commercial .wrapper-commercial .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
	}
	.commercial .wrapper-commercial .rd-right ul li a{
		width: 100%;
	}
	.commercial .pixel-01{
		padding-bottom: 0;
	}
	.commercial .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end commercial */
/* materials */
	.materials .logo-branding-header{
		width: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.materials .wrapper-materials {
		width: 100%;
	}
	.materials .sub-title-wrapper p.summary{
		font: 14px/18px open_sansregular;
	}
	.wrapper-materials ul li{
		height: initial !important;
	}
	.wrapper-materials ul li img{
		
	}
	.materials .pixel-01{
		padding-bottom: 0;
	}
	.materials .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-materials{
		margin: 0 0;
	}
	.wrapper-materials ul li img {
		height: 453px;
		width: 100%;
	}
	.materials .sub-title-wrapper{
		width: 100%;
	}
/* end materials */
/* fabrication */
	.fabrication .pixel-01 .title{
		width: 450px;
	}
	.fabrication .wrapper-fabrication {
		width: 450px;
	}
	.fabrication .pixel-01{
		padding-bottom: 0;
	}
	.fabrication .pixel-01 .title{
		margin-top: 0;
	}
	.fabrication .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-fabrication .fab-02{
		margin-left: 48px;
	}
	.fabrication .pixel-02 .title{
		width: 450px;
	}
	.fabrication .pixel-02 img{
		width: 450px;
		margin-bottom: 0;
	}
	.fabrication .pixel-01 .site-wrapper{
		padding-bottom: 0;
	}
	.fabrication .pixel-02 .site-wrapper{
		padding-top: 0;
	}
	.wrapper-fabrication ul li h3 {
		font: 8px/10px open_sanslight;
	}
/* end fabrication */
/* gallery */
	.gallery .masthead-brand, .mastfoot .inner .logo {
	    background-size: 100% auto;
	    height: 56px;
	    width: 100px;
	}
	.gallery .zero-pixel .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.gallery .mini-wrapper{
		width: 450px;
	}
	.gallery .cover-px ul{
		padding-left: 0;
	}
	.gallery-wrapper{
		width: 450px;
	}
	.category-wrapper .item-gallery li{
		width: 100%;
	}
	.category-wrapper .item-gallery li a{
		height: 182px;
	}
	.bullet-gallery{
		margin-left: calc(50% - 50px);
		margin-left: -moz-calc(50% - 50px);
	}
/* end gallery */
/* about */
	.about .cover-px p.summary.box-text{
		font: 14px/14px dosislight;
		margin-bottom: 20px;
	}
	.about .pixel-01 p.summary.title-style-01{
		padding: 0 0;
		width: 100%;
	}
	.about .pixel-01 ul{
		width: 100%;
	}
	.about .wrapper-about{
		width: 450px;
	}
	.about .pixel-01 ul li{
		width: 100%;
		padding: 0 0;
	}
	.about .pixel-01 ul li img{
		width: 100%;
	}
/* end about */
/* contact */
	.contact .pixel-01 {
		height: 510px !important;
		background: url(../photos/contact/01.jpg) 52% 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.contact ul li:nth-child(1) .info-contact p.summary{
		margin: 0;
		border-bottom: none;
	}
	.contact ul li .info-contact p{
		float: none;
		margin: 0;
		padding-left: 120px
	}
	.contact .pixel-02 .site-wrapper{
		border-bottom: none;
	}
	.contact .pixel-textbox, .contact .pixel-textarea{
		width: 100%;
	}
	.wrapper-contact{
		width: 100%;
	}
	.contact .pixel-04 .site-wrapper{
		padding-bottom: 0;
	}
/* end contact */
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 321px) {
	.box-text{
		width: 240px;
		margin: 0 auto;
		font: 14px/24px dosislight;
	}
	.carousel-control {
		width: 16%;
	}
	.logo-brand{
		width: 100%;
	}
	.bd-footer p {
		font: 12px/20px dosislight;
	}
	.wrap-contact{
		background: #f7f7f7 url(../images/contact2.png) center center no-repeat;
		width: 273px !important;
		height: 473px;
		-webkit-background-size: 80%;
		background-size: 80%;
	}
	.inner{
		padding: 0 10px;
	}
	.masthead-brand, .mastfoot .inner .logo{
		height: 55px;
  		width: 100px;
  		-webkit-background-size: 100%;
  		background-size: 100%;
  		margin-left: 14px;
	}
	.mastfoot .inner .logo{
		margin: 0 auto;
	}
	.masthead-brand < a{
		display: block;
	}
	 .mastfoot .inner h1{
	 	margin: 0 auto;
	 }
	.masthead-brand p{
		font: 18px/34px ralewaymedium;
	}
	.masthead-nav > li:hover .subnav{
		display: none;	
	}
	.masthead-nav > li + li{
		margin-left: 0;
	}
	.masthead-nav > li > a{
		font-size: 11px;
		padding: 0 7px;
	}
	.cover-container .inner h1,.field-of-business{

	}
	.pending-px{
		padding-bottom: 0;
		font-size: 30pt;
	}
	.zero-pixel .cover-container .inner .lead.mobile-01{
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin: 0;
	}
	.btn-pixel{
		padding: 10px 20px !important;
	}
	.btn-lg{
		font-size: 11pt;
	}
	.cover-heading{
		font-size: 24pt;
	}
	.cover-px h2 {
		
	}
	.lead{
		font-size: 24pt;
	}
	p.title.title-style-04{
		font: 27px/30px dosislight;
	}
	p.title.title-style-03{
		font: 27px/30px dosisregular;
	}
	p.title.title-style-01{
		margin-top: 0;
		padding-top: 0;
		font: 27px/30px dosislight
	}
	.cover-px p.summary {
	  	font: 18px/30px dosislight;
	}
	/* Spending NAVIGATION */
	.mastnav .inner{
		padding-bottom: 10px
	}
	.main-nav-wrapper{
		margin-right: 0;
		float: none;
		width: 100%;
		overflow-y: hidden;
		top: 5%;
	}
	.mastnav.mastnav-static{
		color: #000;
		background-color: #0e4c61 !important;
	}
	#px-nav{
		display: block;
		text-shadow: none;
		text-transform: uppercase;
		text-align: left;
		top: 90px;
  		padding-left: 10px;
  		z-index: 999;
  		position: fixed;
  		font: 30px/30px dosislight;
  		width: 100%;
	}
	.glyphicon{
		font-size: 30px;
	}
	#px-nav .glyphicon-align-justify:before{
		position: inherit;
	}
	.px-close-nav{
		width: 50px;
		height: 50px;
		position: fixed;
		text-transform: uppercase;
		display: none;
		z-index: 10000;
	}
	.solid-color-screen{
		background-color: #0e4c61;
		position: relative;
		z-index: 9999;
		padding: 20px 0;
	}
	.main-nav-wrapper{
		display: none;
	}
	.px-close-nav-display{
		display: block;
		top: 20px;
		right: 20px;
		color: #fff;
	}
	.glyphicon-align-justify:before{
		position: absolute;
		top:0;
		left: 0;
	}
	.main-nav-wrapper-display{
		display: block;
		position: absolute;
	}
	.main-nav-wrapper-display ul li {
		display: list-item;
	}
	.main-nav-wrapper ul li a{
		font: 30px/60px dosislight;
		padding: 0;
		margin: 0;
		color: #000!important;
		text-shadow: none;
		height: auto;
	}
	.open-subnav .subnav{
		background-color: #fff;
		width: 100%;
		text-align: center;
		color: #fff;
		position: relative;
		display: block !important;
	}
	.masthead-nav a:hover{
		border-bottom-color: transparent !important;
	}
	/* End Spending NAVIGATION */
	/* home page */
	.rd-phone{
		margin-top: -72px;
	}
	.pixel-01 .animated ul li h3{
		float: left;
		width: 100%;
	}
	.px-main .cover-container .inner .cover-heading {
		font: 24px/30px dosislight;
		margin-bottom: 0;
		letter-spacing: 0;
		padding-top: 0;
		margin-top: -30px;
	}
	.px-main .zero-pixel .site-wrapper-inner .cover-container .inner p.jo {
		margin-top: 60px;
	}
	.zero-pixel .cover-container .inner .lead.mobile-02 {
		font: 15px/30px open_sansregular;
		margin-bottom: 72px;
		margin-top: 0;
		padding: 0 0;
	}
	.px-main .zero-pixel .item:first-child .cover-container .inner .lead.mobile-02 {
		margin-bottom: 20px;
		margin-top: 0;
	}
	.zero-pixel .cover-container .inner .lead.mobile-03{
		margin-bottom: 40px;
	}
	.pixel-01 .animated ul{
		width: 100%;
	}
	.pixel-01 .animated ul li{
		width: 50%;
		margin: 0;
		height: initial !important;
	}
	.pixel-01 .animated ul li img{
		height: initial !important;
		display: block;
		float: left;
	}
	.px-main .pixel-02 .animated ul {
		width: 100%;
	}
	.px-main .pixel-02 .animated ul li {
		width: 100%;
	}
	.px-main .pixel-03{
		background: #eee url(../images/chat.png) center 35% no-repeat;
		-webkit-background-size: 40%;
		background-size: 40%;
	}
	.pixel-04 .up{
		width: 100%;
	}
	.pixel-04 .wrap-contact{
		width: 100%;
	}
	.px-main .pixel-03 .wrap-left:first-child{
		width: 100%;
		margin-top: 48px;
	}
	.px-main .pixel-03 .site-left, .px-main .pixel-03 .site-right{
		width: 100%;
	}
	.px-main .pixel-03 .site-left{
		height: 220px;
	}
	.px-main .pixel-03 .title{
		margin-top: 20px;
	}
	.pixel-04 .wrap-left:first-child{
		padding: 0;
		text-indent: 40%;
		float: left;
	}
	.bullet-wrapper{
		display: none;
	}
	.pixel-04 .wrap-left{
		margin-top: 36px;
		margin-left: 0;
	}
/* end home page */
	.hide{
		display: none !important; 
	}
	.px-main .pixel-01{
		height: initial !important
	}
	.px-main .pixel-02{
		height: initial !important
	}
/* residental */
	.residential .wrapper-residential{
		width: 300px;
		padding-top: 0;
	}
	.residential .col-md-offset-2{
		margin-left: 0 ;
	}
	.residential .wrapper-residential .rd-right {
		height: initial !important;
	}
	.residential .wrapper-residential .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
 		
	}
	.residential .wrapper-residential .rd-right ul li a{
		width: 100%;
	}
	.residential .pixel-01{
		padding-bottom: 0;
	}
	.residential .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end residental */
/* commercial */
	.commercial .wrapper-commercial{
		width: 300px;
		padding-top: 0;
	}
	.commercial .col-md-offset-2{
		margin-left: 0 ;
	}
	.commercial .wrapper-commercial .rd-right {
		height: initial !important;
	}
	.commercial .wrapper-commercial .rd-right ul li {
 		height: initial !important;
 		padding: 20px 0 0 0;
 		float: left;
	}
	.commercial .wrapper-commercial .rd-right ul li a{
		width: 100%;
	}
	.commercial .pixel-01{
		padding-bottom: 0;
	}
	.commercial .pixel-01 .site-wrapper-inner{
		padding: 0 0;
	}
	.pixel-04 .wrap-left .summary{
		padding: 0;
	}
/* end commercial */
/* materials */
	.materials .logo-branding-header{
		width: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.materials .wrapper-materials {
		width: 100%;
	}
	.materials .sub-title-wrapper p.summary{
		font: 14px/18px open_sansregular;
	}
	.wrapper-materials ul li{
		height: initial !important;
	}
	.wrapper-materials ul li img{
		
	}
	.materials .pixel-01{
		padding-bottom: 0;
	}
	.materials .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-materials{
		margin: 0 0;
	}
	.wrapper-materials ul li img {
		height: 453px;
		width: 100%;
	}
	.materials .sub-title-wrapper{
		width: 100%;
	}
/* end materials */
/* fabrication */
	.fabrication .pixel-01 .title{
		width: 300px;
	}
	.fabrication .wrapper-fabrication {
		width: 300px;
	}
	.fabrication .pixel-01{
		padding-bottom: 0;
	}
	.fabrication .pixel-01 .title{
		margin-top: 0;
	}
	.fabrication .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.wrapper-fabrication .fab-02{
		margin-left: 48px;
	}
	.fabrication .pixel-02 .title{
		width: 300px;
	}
	.fabrication .pixel-02 img{
		width: 300px;
		margin-bottom: 0;
	}
	.fabrication .pixel-01 .site-wrapper{
		padding-bottom: 0;
	}
	.fabrication .pixel-02 .site-wrapper{
		padding-top: 0;
	}
	.wrapper-fabrication ul li h3 {
		font: 8px/10px open_sanslight;
	}
/* end fabrication */
/* gallery */
	.gallery .masthead-brand, .mastfoot .inner .logo {
	    background-size: 100% auto;
	    height: 56px;
	    width: 100px;
	}
	.gallery .zero-pixel .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper{
		padding: 0;
	}
	.gallery .pixel-01 .site-wrapper-inner{
		padding: 0;
	}
	.gallery .mini-wrapper{
		width: 300px;
	}
	.gallery .cover-px ul{
		padding-left: 0;
	}
	.gallery-wrapper{
		width: 300px;
	}
	.category-wrapper .item-gallery li{
		width: 100%;
	}
	.category-wrapper .item-gallery li a{
		height: 182px;
	}
	.bullet-gallery{
		margin-left: calc(50% - 50px);
		margin-left: -moz-calc(50% - 50px);
	}
/* end gallery */
/* about */
	.about .cover-px p.summary.box-text{
		font: 14px/14px dosislight;
		margin-bottom: 20px;
	}
	.about .pixel-01 p.summary.title-style-01{
		padding: 0 0;
		width: 100%;
	}
	.about .pixel-01 ul{
		width: 100%;
	}
	.about .wrapper-about{
		width: 300px;
	}
	.about .pixel-01 ul li{
		width: 100%;
		padding: 0 0;
	}
	.about .pixel-01 ul li img{
		width: 100%;
	}
/* end about */
/* contact */
	.contact .pixel-01 {
		height: 510px !important;
		background: url(../photos/contact/01.jpg) 52% 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.contact ul li:nth-child(1) .info-contact p.summary{
		margin: 0;
		border-bottom: none;
	}
	.contact ul li .info-contact p{
		float: none;
		margin: 0;
		padding-left: 120px
	}
	.contact .pixel-02 .site-wrapper{
		border-bottom: none;
	}
	.contact .pixel-textbox, .contact .pixel-textarea{
		width: 100%;
	}
	.wrapper-contact{
		width: 100%;
	}
	.contact .pixel-04 .site-wrapper{
		padding-bottom: 0;
	}
/* end contact */
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3) 
{ 
	.scroll-down {
	  bottom: 40px;
	}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2)
{ 
	.scroll-down {
	  bottom: 40px;
	}
}