.photo-gallery{
	float:left;
	width:22%;
	background-color:#d2e5e6;
	height:520px;
	margin-top:6px;
}

.product-dropdown{
	display: none;
}

.thumbnail{
	float:left;
	width:32%;
	height:auto;
	padding:3px;
}


.thumbnail-container{
	float:left;
	width:100%;
}

.product-list{
	float:left;
	width:100%;
	margin-top:13px;
	text-transform:capitalize;
}

ul.product-list{
	margin:0px;
	padding:0px;
	background-color:#d2e5e6;
	padding:0px;
}
.product-list li{
	margin:0px;
	padding:0px;
	font-family: 'PT Sans', sans-serif;
	font-size:15px;
	color:#404040;
	text-align:left;
	list-style-type:none;
	padding:6px 18px;
	line-height:16px;
}
.product-list li a{
	color:#404040;
	text-decoration:none;
	}
li.activelink {
  color:#153755;
  font-weight:bold;
 }

#photos{
	float:left;
	width:77.6%;
	margin: 3px 0px 0px 3px;
}

/*-------------Contact Page------------------*/
.addresscontainer{float:left; width:40%;}
.contact-title{
  	font-family: 'PT Sans', sans-serif;
	font-size:36px;
	color:#5a5a5a;
	text-align:left;
	float:left;
	width:100%;
}
.company-name{
  	font-family: 'PT Sans', sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#777777;
	text-align:left;
	float:left;
	line-height:28px;
	width:100%;
	padding-top:10px;
}

.contact-text{
  	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	color:#777777;
	text-align:left;
	float:left;
	line-height:20px;
	width:100%;
	padding-top:4px;
}
.contact-text a{
	text-decoration:none;
}

/*-------------Enquiry Form------------------*/
.enquiry_form{width:100%; float:left; margin:10px 0px;}

.form_field{
	display:block;
	width:240px;
	height:18px;
	padding:6px 12px;
	color:#555;
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	background-color:#fff;
	border:1px solid #408db9;
	border-radius:4px;
	}
.form_field1{
	width:267px;
	display:block;
	height:25px;
	color:#555;
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	background-color:#fff;
	border:1px solid #408db9;
	border-radius:4px;
}
.welcome_text{
	color:red;
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	width:100%;
	float:left;
	text-align:left;
}
.star{
	color:red;
	font-family:'PT Sans', sans-serif;
	font-size:16px;
}
.textarea_field{
	display:block;
	width:240px;
	height:36px;
	padding:6px 12px;
	color:#555;
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	background-color:#fff;
	border:1px solid #408db9;
	border-radius:4px;
}
.form_button{
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	color:#fff;
	border:1px solid #285E8E;
	background-color:#3687b5;
	float:left;
	width:106px;
	height:32px;
	text-align:center;	
}
.enquiry_field{
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	color:#5d5d5d;
	float:left;
	line-height:22px;
	text-align:left;
	width:20%;
}
.enquiry_field_full{
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	color:#5d5d5d;
	line-height:22px;
	text-align:justify;
}
.text_field{
	font-family:'PT Sans', sans-serif;
	font-size:16px;
	color:#5d5d5d;
	float:left;
	line-height:22px;
	text-align:left;
	width:75%;
}

.map{
	float:right;
	width:54%;
}

.map iframe{width:500px; height: 400px;}


@media screen and (max-width: 980px) {
.thumbnail{ 
	width:32%; 
}

.thumbnail img{ 
	width:100%;
	
}
	
	
}


@media screen and (max-width: 880px) {
.map iframe{width:100%; height: 400px;}
	
}


@media screen and (max-width: 800px) {
	
.contact-title{font-size: 32px; line-height: 36px; }

.enquiry_field{width:25%;}
	
.text_field{width:65%;}
}


@media screen and (max-width: 768px) {
	
.photo-gallery{width:21.5%;}

}



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

#photos{
	float:left;
	width:100%;
	margin: 10px 0px 0px 0px;
}
	
.photo-gallery{ display: none;}
	
.product-dropdown{
	display: block;
	float: left;
	width: 100%;
	margin: 5px 0 5px 0;
	text-align: right;
	
}
	
.select-product{
	width:50%;
	font-size: 14px;
	line-height: 22px;
	background-color: #efefef;
	padding: 4px 10px;
}	

	
.thumbnail{ 
	width:32.3%; 
}

.map{width:100%; float: left; margin-top: 20px;}
	
.map iframe{height: 300px;}
	
.addresscontainer{width:100%;}

.contact-title{font-size: 28px; line-height: 32px; }	
	
	
}



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

.thumbnail{ 
	width:32.2%; 
}
.enquiry_field{width:30%;}
	
.text_field{width:60%;}	
	
}



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

.thumbnail{ 
	width:32.1%; 
}
	
	
}



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

.thumbnail{ 
	width:48%; 
}
	
.contact-title{font-size: 30px; line-height: 34px; }
	
.enquiry_field{width:35%;}

.contact-text{font-size: 20px; line-height: 26px;}

.enquiry_field, .form_field, .textarea_field, .form_field1, .enquiry_field_full, .welcome_text{font-size: 20px; line-height: 24px;}
	
.product-dropdown{ 
	width: 100%;
	margin: 5px 0 5px 0;
	text-align: left;
	
}
	
.select-product{
	width:98%;
	font-size: 16px;
	line-height: 24px;
	padding: 5px 10px;
}	



}

@media screen and (max-width: 414px) {
.select-product{
	width:98%;
}

.product-dropdown{text-align: left;}

.enquiry_field{width:40%;}
	
.text_field{width:50%;}	

.form_field, .form_field1, .textarea_field{width:100%;}

}

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

.thumbnail{ 
	width:47.5%; 
}
	
	
}