/* -------- Develope by Mohd. Sakeem khan -------------*/

/* #Page Styles
================================================== */

	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.logo{ width:36%;}
.header_right{width:49%;}
.banner_captions_txt {
    margin: 154px auto 0;
    padding: 0 0 0 2%;
    width:100%;
	box-sizing:border-box;
    }
.banner_captions_txt h1,
.banner_captions_txt h1 span{font-size:40px; line-height:45px;}	
.body_contener{ width:96%;}
.home_top_left,
.home_top_right {
    float: left;
    width:100%;
   }
.home_top_right img,
.gallery_left img,
.big_thumbs img{
    width:100%;
	height:100%;
    }
.gallery_thumbs img{ width:32.5% !important}
.gallery_left, .gallery_right{ width:100%; float:none; margin-bottom:20px}
.footer_top_wraper{ width:96%;}
.home_top_content {
    margin: 18px auto 50px;
    width: 96%;
}
.client_logos img{ width:23%; margin:0 .5%;}
.footer_menu {width: 32%;}
.social_icons{ width:24%;}
.copyright{ width:40%;}	
	
}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
.home_top_left {
    float: left;
    width: 54%;
}
.home_top_right {
    float: right;
    width: 46%;
}
.header_right{width:52%;}
.gallery_left {
    float: left;
    width: 46.5%;
}
.gallery_right{
    float: right;
    width: 46.5%;
}
.banner_captions_txt{ margin-top:230px;}
.client_logos img{ margin:0 8px;}
.footer_menu {width: 38%;}
.copyright{ width:365px;}

	
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.logo,
.header_right {
    float: none;
    text-align: center;
    width: 100%;
}
.banner_captions_txt {
    margin:0px auto 0;
    padding: 0 0 0 2%;
    width:100%;
	box-sizing:border-box;
    }
.banner_captions_txt h1,
.banner_captions_txt h1 span{font-size:40px; line-height:45px;}	
.body_contener{ width:96%;}
.home_top_left,
.home_top_right {
    float: left;
    width:100%;
   }
.home_top_right img,
.gallery_left img,
.big_thumbs img{
    width:100%;
	height:100%;
    }
.gallery_thumbs img{ width:32.5% !important}
.gallery_left, .gallery_right{ width:100%; float:none; margin-bottom:20px}
.footer_top_wraper{ width:96%;}
.home_top_content {
    margin: 18px auto 50px;
    width: 96%;
}
.client_logos img{ width:23%; margin:0 .5%;}
.footer_menu,
.social_icons,
.copyright{width:100%; float:none;}
.header_contener{ position:inherit; background:#594732;}
nav a span {display:none}
.top_nav{ float:none; padding-bottom:15px;}
.top_nav ul{ margin:10px 0 0 0; padding:1px 0 0 0; width:100%;}
.contact_panel{ margin-top:18px;}
nav a#pull::after{ top:15px;}
.gallery_wrapper{ margin-bottom:0;}
.we_supply h3{ width:100%; float:none;}
.we_supply ul{ width:50%;}
.faqs_wrapper{padding: 125px 0 112px;}	
.we_supply{ margin-bottom:40px;}
}
@media only screen and (min-width: 660px) and (max-width: 767px) {
.header_contener{ position:absolute; background:none;}
.logo{ width:36%; float:left;}
.header_right{width:60%; float:right;}
.contact_panel{ margin-top:35px;}
nav a#pull::after{ top:30px;}
.contact_panel{ float:left}
.banner_captions_txt {
    margin: 160px auto 0;
    padding: 0 0 0 2%;
    width:100%;
	box-sizing:border-box;
    }
.banner_captions_txt h1,
.banner_captions_txt h1 span{font-size:40px; line-height:45px;}	
.body_contener{ width:96%;}
.home_top_left,
.home_top_right {
    float: left;
    width:100%;
   }
.home_top_right img,
.gallery_left img,
.big_thumbs img{
    width:100%;
	height:100%;
    }
.gallery_thumbs img{ width:32.5% !important}
.gallery_left, .gallery_right{ width:100%; float:none; margin-bottom:20px}
.footer_top_wraper{ width:96%;}
.home_top_content {
    margin: 18px auto 50px;
    width: 96%;
}
.client_logos img{ width:23%; margin:0 .5%;}
.footer_menu {width: 32%; float:left}
.social_icons{ width:24%; float:left;}
.copyright{ width:40%; float:right;}	
.we_supply h3{ width:40%; float:left;}
.we_supply ul{ width:28%;}
.faqs_wrapper{padding: 125px 0 130px;}
	
}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.logo,
.header_right {
    width: 100%;
}
.banner_captions_txt {
    margin:0px auto 0;
    padding: 0 0 0 2%;
    width:100%;
	box-sizing:border-box;
    }
.banner_captions_txt h1,
.banner_captions_txt h1 span{font-size: 26px; line-height: 30px; margin-bottom:10px;}
.banner_captions_txt p{ font-size:17px;}	
.body_contener{ width:96%;}
.home_top_left,
.home_top_right {
    float: left;
    width:100%;
   }
.home_top_right img,
.gallery_left img,
.big_thumbs img{
    width:100%;
	height:100%;
    }
.gallery_thumbs img{ width:32.4% !important}
.gallery_left, .gallery_right{ width:100%; float:none; margin-bottom:20px}
.footer_top_wraper{ width:96%;}
.home_top_content {
    margin: 18px auto 50px;
    width: 90%;
}
.client_logos img{ width:23%; margin:0 .5%;}
.footer_menu,
.social_icons,
.copyright{width:100%; float:none;}
.header_contener{ position:inherit; background:#594732;}
nav a span {display:none}
.top_nav{ float:none; padding-bottom:15px;}
.top_nav ul{ margin:10px 0 0 0; padding:1px 0 0 0; width:100%;}
.contact_panel {
    float: none;
    margin-top: 18px;
    width: 100%;
    }
nav a#pull::after{ top:-125px;}
.gallery_wrapper{ margin-bottom:0;}
.we_supply h3{ width:100%; float:none;}
.we_supply ul{ width:100%; margin-top:15px;}
.faqs_wrapper{padding: 125px 0 112px;}	
.we_supply{
    box-sizing: border-box;
    float: none;
    margin: 25px auto 40px;
    width: 96%;
    }
.contact_panel a{padding: 0 8px;}
.home_top_left h3,
.home_top_left h3 span{ font-size:18px;}
.faqs_wrapper{ background-size:cover;}
.faqs_wrapper p{ padding:0 15px;}

}