@media only screen and (min-width: 1000px) and (max-width: 1168px) {	
.container{ width:980px; position:relative; }

.about_area_right {
    width: 50%;
    float: right;
    margin: 0px;
    padding: 40px 0 0 0px;
    box-sizing: border-box;
}
.banner{background-attachment:scroll; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box;}
}


@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:737px; position:relative; }
.menu{width:330px;  margin:-6px 0 0 0; padding:0px;}
.banner{height:450px; background-attachment:scroll; background-position:center; background-repeat:no-repeat; 
margin:0px 0 0 0; padding:150px 0 0 0; background-size:cover; box-sizing:border-box;}

.about_area_right {
    width: 50%;
    float: right;
    margin: 0px;
    padding: 5px 0 0 0px;
    box-sizing: border-box;
}

.about_area_right h2 {
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    color: #000;
	line-height:24px;
}

.about_area_right p {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0px;
    font-size: 17px;
    line-height: 22px;
    color: #333;
    font-weight: 300;
}
.products_range_content { width:100%; padding:0px 1% ; margin:0px 0 40px ; float:left;}
.products_range_images { width:100%; padding:0px 0; margin:0px; float:left;}

.values-txt{width:70%; float:left; margin:0px; padding:30px 40px 50px; box-sizing:border-box;  background:rgba(255, 255, 255, 0.8);}
.banner-txt { width:94%;}
.banner-txt h2 {
    font-size: 40px;
}
.banner-txt p {
    font-size: 15px;
}
} 



@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:450px; position:relative; }
header{position: relative;}
.menu{width:200px; float:left;  padding:0px; margin: -5px 0 0 0;}
.logo{float:left; margin:0px 0 0 0; padding:20px 0; line-height:0px; width:100%; text-align:center;}
.logo img{ width:100%; height:auto;}

.banner { height:300px; 
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat; margin:0px 0 0 0; padding:70px 0 0px 0;
    background-size: cover; box-sizing:border-box; float:left; width:100%;
}

 
 
.banner-txt { width:100%; padding:15px 10px;}
.banner-txt h2 {
    font-size: 20px;
	letter-spacing:0px;
}
.banner-txt p {
    font-size: 15px;
}



.about_area_left{ width:100%; float:left; margin:0px; padding:0px; line-height:0px;}

.about_area_right {
    width: 100%;
    float: right;
    margin: 0px;
    padding: 20px 0 0 0px;
    box-sizing: border-box;
}

.about_area_right h2 {
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    color: #000;
	line-height:24px;
}

.about_area_right p {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0px;
    font-size: 17px;
    line-height: 22px;
    color: #333;
    font-weight: 300;
}
.products_range_content { width:100%; padding:0px 1% ; margin:0px 0 40px ; float:left;}
.products_range_images { width:100%; padding:0px 0; margin:0px; float:left;}


.values{ width:100%; float:left; margin:70px 0; padding:15px; background:url(../images/values.jpg) center center; background-size:cover;}
.values-txt{width:100%; float:left; margin:0px; padding:20px 30px 30px; box-sizing:border-box;  background:rgba(255, 255, 255, 0.8);}

.quick_link { width:45%; float:left; margin:0px; padding:0px;}
.address-left { width:45%; float:left; margin:0px; padding:0px;}

.form-right { width:100%; float:left; margin:30px 0 0 0; padding:0px;}


#section-1{margin:0px 0 0 0; padding:0px 0 0 0; position:relative;}
#section-2{margin:0px 0 0 0; padding:0px 0 0 0; position:relative;}
#section-3{margin:0px 0 0 0; padding:0px 0 0 0; position:relative;}
#section-4{margin:0px 0 0 0; padding:0px 0 0 0; position:relative;} 

.contact-us{margin:0 auto; float:none; left:0px; display:table;}
} 


@media only screen and (max-width: 479px) {
.container{ width:90%; position:relative;}

header{position:inherit}
.menu{width:200px; float:left;  padding:0px; margin: -5px 0 0 0;}
.mail_link{float:right; padding:0px; margin:6px 0 0 0; color:#FFFFFF; position:absolute; right:0; z-index:9999;  }

.logo{float:left; margin:0px 0 0 0; padding:20px 0; line-height:0px; width:100%; text-align:center;}
.logo img{ width:100%; height:auto;}

.banner { height:265px; 
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat; margin:0px 0 0 0; padding:35px 0 0px 0;
    background-size: cover; box-sizing:border-box; float:left; width:100%;
}


 
 
.banner-txt { width:100%; padding:15px 10px;}
.banner-txt h2 {
    font-size: 20px;
	letter-spacing:0px;
}
.banner-txt p {
    font-size: 15px;
}

.contact-us{margin:0 auto; float:none; left:0px; display:table;}

.about_area_left{ width:100%; float:left; margin:0px; padding:0px; line-height:0px;}

.about_area_right {
    width: 100%;
    float: right;
    margin: 0px;
    padding: 20px 0 0 0px;
    box-sizing: border-box;
}

.about_area_right h2 {
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    color: #000;
	line-height:28px;
}

.about_area_right p {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0px;
    font-size: 17px;
    line-height: 22px;
    color: #333;
    font-weight: 300;
}
.products_range_content { width:100%; padding:0px 3% ; margin:0px 0 40px ; float:left;}
.products_range_content p{ width:100%; margin:15px 0 0 ; padding:0px 0px 0 0; float:left; font-size:18px; color:#fff; font-style:italic; font-weight:400;  line-height:28px}

.products_range_images { width:100%; padding:0px 0; margin:0px; float:left;}
.products_range_images ul li{width:94%; float:left; margin:3%; padding:0px; line-height:0; list-style:none;  position:relative; overflow:hidden; }

.values{ width:100%; float:left; margin:70px 0; padding:15px; background:url(../images/values.jpg) center center; background-size:cover;}
.values-txt{width:100%; float:left; margin:0px; padding:20px 30px 30px; box-sizing:border-box;  background:rgba(255, 255, 255, 0.8);}

.quick_link { width:100%; float:left; margin:0px; padding:0px;}
.address-left { width:100%; float:left; margin:30px 0 0 0; padding:0px;}

.form-right { width:100%; float:left; margin:30px 0 0 0; padding:0px;}



#section-1{margin:0px 0 0 0; padding:0px 0 0 0; position:relative;}
#section-2{margin:0px 0 0 0; padding:0px 0 0 0; position:relative;}
#section-3{margin:0px 0 0 0; padding:0px 0 0 0; position:relative;}
#section-4{margin:0px 0 0 0; padding:0px 0 0 0; position:relative;} 


}