/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {


.wrap{
	  width:100%;
	}
	
header{
		width:98%;
		padding:0% 0% 0% 2%;
		}
		
.slides_container {
				width:98%;
				padding-left:2%;
				height:100%;
			}
			
			
.pagination {
			width:98%;
			padding-left:2%;
		}

section.project-name{
					width:98%;
					padding:1% 2% 8% 0%;
					}
				
	
	
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {



.wrap{
	  width:100%;
	}
	
	
nav li{ padding-left:8px; padding-right:8px; }
	


aside.header-image{
				  width:25%;
				}
				
aside.header-image2{
				  width:24%;
				  margin-left:1px;
				}
	
aside.header-image3{
				  width:24%;
				  margin-left:1px;
				}
				
	
aside.header-image4{
				  width:25%;
				  margin-left:1px;
				}


.slides_container {
				width:100%;
				padding-left:0%;
				height:100%;
			}
				
.pagination {
			width:100%;
			padding-left:0%;
		}
			
section.project-name{
					width:100%;
					padding:1% 0% 8% 0%;
					}
					
					
aside.index-safety{					
					margin-left:0px;
					margin-top:1px;
					}
				

}



/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {



.wrap{
	  width:100%;
	}
			

nav{
	 width:100%;	
	 padding:3% 0% 2% 0%; 
	 text-align:left;
	}

nav ul li{ width:80%; float:left; padding-left:28px; margin-top:15px; }

section.menu{
			width:95%;
			padding-left:5%;
			padding-bottom:10%;
			text-align:left;
			}

section.menu ul li{ width:80%; float:left; padding-left:18px; margin-top:15px; }
section.menu li:first-child{ background:url(../images/brs-bullet.png) left no-repeat; }


section.gallery-menu{
					width:95%;
					padding-left:5%;
					padding-bottom:10%;
					text-align:left;
					}

section.gallery-menu ul li{ width:80%; float:left; padding-left:18px; margin-top:15px; }
section.gallery-menu li:first-child{ background:url(../images/brs-bullet.png) left no-repeat; }


header{
		width:100%;
		padding:0% 0% 0% 0%;
		}

aside.header-image{
				  width:49.5%;
				  height:auto;
				}
				
aside.header-image2{
				  width:49.5%;
				  height:auto;				  
				  float:right;
				  margin-left:0px;
				}
	
aside.header-image3{
				  width:49.5%;			  
				  height:auto;
				  margin-left:0px;
				  margin-top:1%;
				}
				
	
aside.header-image4{
				  width:49.5%;
				  height:auto;				  
				  float:right;
				  margin-left:0px;
				  margin-top:1%;
				}
				
				
section.project-name{					
					padding:3% 0% 8% 0%;
					}
					
					
.font5{ display:block; }
				
					
	
	
	
	
aside.index-indoor{
					width:320px;
					background:url(../images/brs-index-indoor4.jpg) no-repeat;
					height:626px;					
					}
					
aside.index-indoor-inner{ padding:20px 20px 0px 20px; width:280px; height:606px; transition:all 500ms linear 0ms; }


	aside.index-indoor p{ display:block; }
	
					
					
aside.index-outdoor{
					width:319px;
					background:url(../images/brs-index-outdoor5.jpg) no-repeat;					
					height:626px;
					float:right;
					}

					
aside.index-outdoor-inner{ padding:20px 19px 0px 20px; width:280px; height:606px; transition:all 500ms linear 0ms; }

	aside.index-outdoor p{ display:block; }


aside.index-finishes{
					width:320px;
					background:url(../images/brs-index-finishes5.jpg) no-repeat;
					height:631px;
					float:left;
					margin-left:0px;
					margin-top:1px;
					}
					
aside.index-finishes-inner{ padding:20px 20px 0px 20px; width:280px; height:603px; transition:all 500ms linear 0ms; }

	aside.index-finishes p{ display:block; }


aside.index-safety{
					width:319px;
					background:url(../images/brs-index-safety5.jpg) no-repeat;					
					height:631px;
					float:right;
					margin-top:0px;
					margin-top:1px;
					}
					
aside.index-safety-inner{ padding:20px 19px 0px 20px; width:280px; height:603px; transition:all 500ms linear 0ms; }

	aside.index-safety p{ display:block; }	
	
	
	
	
					


}


	

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	  
.wrap{
	  width:100%;
	}
	
					
					
					
					
aside.index-indoor{
					width:240px;
					background:url(../images/brs-index-indoor3.jpg) no-repeat;
					height:469px;					
					}
					
aside.index-indoor-inner{ padding:20px 20px 0px 20px; width:200px; height:449px; transition:all 500ms linear 0ms; }


	aside.index-indoor p{ display:block; }
	
					
					
aside.index-outdoor{
					width:239px;
					background:url(../images/brs-index-outdoor3.jpg) no-repeat;					
					height:469px;
					float:right;
					margin-left:0px;
					}

					
aside.index-outdoor-inner{ padding:20px 19px 0px 20px; width:200px; height:449px; transition:all 500ms linear 0ms; }

	aside.index-outdoor p{ display:block; }


aside.index-finishes{
					width:240px;
					background:url(../images/brs-index-finishes3.jpg) no-repeat;
					height:469px;
					float:left;
					margin-left:0px;
					margin-top:1px;
					}
					
aside.index-finishes-inner{ padding:20px 20px 0px 20px; width:200px; height:449px; transition:all 500ms linear 0ms; }

	aside.index-finishes p{ display:block; }


aside.index-safety{
					width:239px;
					background:url(../images/brs-index-safety3.jpg) no-repeat;					
					height:469px;
					float:right;
					margin-left:0px;
					margin-top:1px;
					}
					
aside.index-safety-inner{ padding:20px 19px 0px 20px; width:200px; height:449px; transition:all 500ms linear 0ms; }

	aside.index-safety p{ display:block; }
					


}







/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {

.wrap{
	  width:100%;
	}




aside.header-image{
				  width:100%;
				  height:auto;
				}
				
aside.header-image2{
				  width:100%;
				  height:auto;
				  margin-left:0px;
				  margin-top:1%;
				}
	
aside.header-image3{
				  width:100%;
				  height:auto;
				  margin-left:0px;
				  margin-top:1%;
				}
				
	
aside.header-image4{
				  width:100%;
				  height:auto;
				  margin-left:0px;
				  margin-top:1%;
				}
				
				
				
aside.index-indoor{
					width:180px;
					background:url(../images/brs-index-indoor5.jpg) no-repeat;					
					height:350px;
					}
					
	aside.index-indoor h3{ padding-bottom:30px; }	
					
aside.index-indoor-inner{ padding:20px 10px 0px 10px; width:160px; height:330px; transition:all 500ms linear 0ms; }
					
					
aside.index-outdoor{
					width:179px;
					background:url(../images/brs-index-outdoor6.jpg) no-repeat;					
					height:350px;
					float:right;
					}
					
	aside.index-outdoor h3{ padding-bottom:30px; }	
					
aside.index-outdoor-inner{ padding:20px 9px 0px 10px; width:159px; height:330px; transition:all 500ms linear 0ms; }


aside.index-finishes{
					width:180px;
					background:url(../images/brs-index-finishes6.jpg) no-repeat;
					height:350px;
					}
					
	aside.index-finishes h3{ padding-bottom:30px; }					
					
aside.index-finishes-inner{ padding:20px 10px 0px 10px; width:160px; height:330px; transition:all 500ms linear 0ms; }


aside.index-safety{
					width:179px;
					background:url(../images/brs-index-safety6.jpg) no-repeat;
					height:350px;
					float:right;
					}
					
	aside.index-safety h3{ padding-bottom:30px; }		
					
aside.index-safety-inner{ padding:20px 9px 0px 10px; width:159px; height:330px; transition:all 500ms linear 0ms; }



}












/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

.wrap{
	  width:100%;
	}




aside.header-image{
				  width:100%;
				  height:auto;
				}
				
aside.header-image2{
				  width:100%;
				  height:auto;
				  margin-left:0px;
				  margin-top:1%;
				}
	
aside.header-image3{
				  width:100%;
				  height:auto;
				  margin-left:0px;
				  margin-top:1%;
				}
				
	
aside.header-image4{
				  width:100%;
				  height:auto;
				  margin-left:0px;
				  margin-top:1%;
				}
				
				
				
aside.index-indoor{
					width:160px;
					background:url(../images/brs-index-indoor4.jpg) no-repeat;					
					height:313px;
					}
					
	aside.index-indoor h3{ padding-bottom:30px; }	
					
aside.index-indoor-inner{ padding:20px 10px 0px 10px; width:140px; height:293px; transition:all 500ms linear 0ms; }
					
					
aside.index-outdoor{
					width:159px;
					background:url(../images/brs-index-outdoor4.jpg) no-repeat;					
					height:313px;
					float:right;
					}
					
	aside.index-outdoor h3{ padding-bottom:30px; }	
					
aside.index-outdoor-inner{ padding:20px 9px 0px 10px; width:140px; height:293px; transition:all 500ms linear 0ms; }


aside.index-finishes{
					width:160px;
					background:url(../images/brs-index-finishes4.jpg) no-repeat;
					height:313px;
					}
					
	aside.index-finishes h3{ padding-bottom:30px; }					
					
aside.index-finishes-inner{ padding:20px 10px 0px 10px; width:140px; height:293px; transition:all 500ms linear 0ms; }


aside.index-safety{
					width:159px;
					background:url(../images/brs-index-safety4.jpg) no-repeat;
					height:313px;
					float:right;
					}
					
	aside.index-safety h3{ padding-bottom:30px; }		
					
aside.index-safety-inner{ padding:20px 9px 0px 10px; width:140px; height:293px; transition:all 500ms linear 0ms; }



}