@media screen and (max-width: 1171px) and (min-width: 1024px) {
html, body{
	/* margin: 0 auto; */
	overflow-x: hidden;
}
.top_bar_sub {
	width: 100%;
}
.top_social a {
	color: #FFF;
	font-size: 18px;
	padding: 0 12px 0 12px;
}
.header_area_sub {
	width: 100%;
}
.logo {
	width: 39%;
	padding: 27px 0 27px 27px;
}
.two_area_sub {
	width: 100%;
	margin: 0px auto;
}
.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.who_we_are_sub {
	width: 100%;
}
.three_call_out_box {
	width: 100%;
}
.osc_sub {
	width: 100%;
}
.osc .carousel-caption {
	bottom: 10%;
}
.our_services_sub {
	width: 100%;
}
.contact_us_sub {
	width: 100%;
}
.contact_text img {
	padding: 6% 0 0 6%;
}
.contact_text p {
	padding: 1% 0 4% 6%;
}
.our_suppliers_sub {
	width: 100%;
}
.our_partner_sub {
	width: 100%;
}
}
 @media screen and (max-width: 1024px) and (min-width: 320px) {
body{
	margin: 0 auto;
}
.top_bar_sub {
	width: 100%;
	height: auto;
}
.header_area_sub {
	width: 100%;
}
.top_social {
	width: 100%;
	padding: 12px 0 11px 0;
	text-align: center;
}
.top_phone {
	width: 100%;
	background-color: #005226;
}
.logo {
	width: 39%;
	padding: 27px 0 27px 27px;
}
.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.two_area_sub {
	width: 100%;
}
.solar_panel_calculator {
	width: 100%;
}
.solar_panel_calculator img {
	padding: 2% 2% 2% 0%;
}
.solar_panel_calculator h2 {
	padding: 6% 0% 0% 0%;
	font-size: 18px;
}
.get_a_free_quote {
	width: 100%;
}
.get_a_free_quote h2 {
	padding: 6% 0% 0% 0%;
	font-size: 18px;
}
.get_a_free_quote img {
	padding: 2% 2% 2% 0%;
}
.who_we_are_sub {
	width: 100%;
}
.service1 {
	width: 46% !important;
}
.service2 {
	width: 50% !important;
}
.service3 {
	width: 100% !important;
}
.callout h2 {
	color: #FFF;
	margin: 0;
	position: absolute;
	top: 30%;
	left: 50%;
	font-size: 22px;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.callout h3 {
	color: #FFF;
	margin: 0;
	position: absolute;
	top: 60%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
os_img {
	width:100%;
}
.os_img img{
	padding: 0% 0% 0% 1%;
	width:290px;
}
.who_we_are img {
	padding: 3% 5% 3% 5%;
}
.who_we_are p {
	padding: 0% 3% 0% 3%;
}
.three_call_out_box {
	width: 100%;
	margin: 0 auto;
}
.box1 {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}
.box2 {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.box3 {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.osc_sub {
	width: 100%;
}
.osc .carousel-caption {
	bottom: 10%;
}
.osc .carousel-inner {
	height: inherit;
}
.our_services_sub {
	width: 100%;
}
.contact_us_sub {
	width: 100%;
}
.contact_text img {
	padding: 6% 0 0 6%;
}
.contact_text p {
	padding: 1% 0 4% 6%;
	font-size:18px;
}
.contact_btn img {
	padding: 17% 6% 17% 6%;
	width:100%;
}
.our_suppliers_sub {
	width: 100%;
}
.os_content h2 , .os_content h3, .os_content p{
	margin: 0 auto;
	padding: 2% 6% 0% 6%;
}
.our_partner_sub{
	width:100%;
}
.image_res2{
	width:25%;	
}
.image_res3{
margin:0% !important;
width:100% !important;
}

}
