body,div,h1,h2,h3,h4,h5,h6,p,a,ul,li,ol{margin:0;padding:0;font-family: 'OpenSansRegular';}
img{max-width:100%;float:left;}
body{ font-family: 'OpenSansRegular';}
a{text-decoration:none;}
li{list-style: none;}
.container{max-width:1170px;margin:0 auto;}
.container2{max-width:1170px;margin:0 auto;position:relative;}
.clear{clear:both;}


@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot') format('embedded-opentype'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold.eot') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.svg#OpenSansSemibold') format('svg');
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/OpenSans-Bold.eot');
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Bold.woff2') format('woff2'),
       url('fonts/OpenSans-Bold.woff') format('woff'),
       url('fonts/OpenSans-Bold.ttf') format('truetype'),
       url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-light-webfont.woff') format('woff'),
    url('fonts/opensans-light-webfont.ttf') format('truetype'),
    url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*header*/

/*header banner*/

header{float: left;width: 100%;position: relative;border-top:15px solid #ffd800;}
header ul li{float:left;width: 100%;}
.home_banner{width:100%;float:left;background:#0a0e15 url("images/jas-eco-energy-home-banner1.jpg")no-repeat top center;height: 440px;}
.home_banner1{background:#0a0e15 url("images/jas-eco-energy-home-banner2.jpg")no-repeat top center;}
.home_banner2{background:#0a0e15 url("images/jas-eco-energy-home-banner3.jpg")no-repeat top center;}

/*inner banner*/

.inner_banner{width:100%;float:left;background:#0a0e15 url("images/jas-eco-energy-inner-banner1.jpg")no-repeat top center;height:300px;}
.inner_banner1{background:#0a0e15 url("images/jas-eco-energy-inner-banner2.jpg")no-repeat top center;}
.inner_banner2{background:#0a0e15 url("images/jas-eco-energy-inner-banner3.jpg")no-repeat top center;}

.callbacks1_nav{text-decoration:none;position:absolute;-webkit-tap-highlight-color:transparent;opacity:1;z-index:3;text-indent:-9999px;overflow:hidden;height:35px;width:35px}
.callbacks1_nav:active{opacity:1}
.callbacks1_nav{top: 40%; background:url(images/right-arrow.jpg) -0 -0 no-repeat; right: 2%;border: 1px solid #fff;}
.callbacks1_nav.next{background:url(images/left-arrow.jpg) -0 -0 no-repeat;left: 2%;}

.heading_border{background-color: #fff;border-top: 2px dashed #8c8b8b;width: 100px;margin: 2px auto 20px;float: none;display: block;}

.outer_banner{float: left;width: 100%;position: absolute;top: 15px;left: 0;z-index: 999;}

/*end of banner section*/
.logo2 img{ margin-bottom: 20px; }

/*inner header*/


.logo{float:left;margin-top: -16px;}
/*.logo img{ background: rgba(255,255,255,0.5); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }*/
.menu{float:right;margin:25px 1% 25px 0;}
.menu ul li{list-style:none;float:left;width: auto;}
.menu ul li a{color:#fff; font-family: 'OpenSansSemibold';padding:10px 15px;border-radius:5px;}
.menu ul li a:hover{background:#82b541;color:#fff;}
.menu ul li:last-child {margin-right:0;}

.mobile_menu{float: right;position: absolute;right: 10px;top: 10px;display: none;}
.mobile_menu button{content: "\2630";background: none;border: none;font-size: 30px;cursor: pointer;color: #ed2024;}
.cbp-spmenu h3 {background: #e6e7e8  none repeat scroll 0 0;color: #ed2024;font-size: 1.9em;font-weight: 300;margin: 0;padding: 20px;text-align: center;}
.cbp-spmenu-vertical a {border-bottom: 1px solid #ed2024;padding: 1em;}
.cbp-spmenu a {color: #fff;display: block;font-size: 16px;font-weight: bold;float: none;text-align: center;}
.cbp-spmenu {background: #272524;position: fixed;}
.cbp-spmenu a:hover {background: #94191c;}
.cbp-spmenu a:active {background: #afdefa;color: #47a3da;}
.fa-plus-circle{margin-left: 10px;}
.fa-minus-circle{margin-left: 10px;}
.fa-bars{color: #fff;}


/*sub menu*/
.fa-circle{font-size: 10px !important;margin-right: 5px;}
	.menu { list-style: none;  position:relative; z-index:9999; display:block;  }
	.menu:after {clear: both;}
	.menu ul { list-style: none; margin:0 auto; width:100%;}
	.menu li{ float: left; margin:0; position: relative; text-transform: uppercase;  font-family: 'LatoRegular'; }
   .menu li:before{ content: ''; display: block; width: 1px; height: 13px; right: 0; top: 6px; position: absolute; background: #ECB888; }
    .menu li:last-child:before{ display: none;}
	.menu li a{  border-bottom: solid 3px transparent;   }
	.menu li > a:hover, .menu > li:hover > a,  .menu > li.current-menu-item > a, .menu > li.current_page_ancestor > a{ 
    border-bottom: solid 3px transparent;  }
	.menu li  ul { position: absolute;left:0%; padding:0 0 0 0; top:35px; background: #;  display:none; width:115px;    }

	.menu li:hover > ul{ display:block; }
	.menu li li:hover > ul {left: 100%; top:30px; position:absolute;  }
	.menu li li{   position:relative; z-index:1000; margin:0px; padding:0px; font:normal 12px Verdana, Geneva, sans-serif; text-transform:none; text-shadow:none; border-bottom: solid 1px #ccc;list-style: none;}
	.menu li li a { color:#fff; display: block; text-align:left; border:none;     padding:5px 0px 12px 25px;  z-index:1000; position:relative; margin:0px;     background: #d35400  url(images/menuarrow1.png) no-repeat 10px 10px; text-transform: capitalize;font-weight: normal;font-size: 15px;border-radius: 0;}
   .menu li ul.mega_menu li a{width:200px;}
   .menu li ul.mega_menu1{left: -270px !important;}
   .menu li ul.mega_menu1 li a{width: 245px !important;}
    .menu li ul.mega_menu2{left: -324px !important;}
   .menu li ul.mega_menu2 li a{width: 300px !important;}
    .menu li ul.mega_menu3{left: -235px !important;}
   .menu li ul.mega_menu3 li a{width: 310px !important;}




	.menu li li a:hover, .menu li li:hover > a{   list-style: none;    padding:5px 0px 12px 25px; margin:0px; border-radius:0px;  border-bottom: none; }
   .menu li  ul ul{ top:0; margin: -30px 0 0 0; }
	.menu li li li{ text-align:left; background:#246c21; z-index:1000; margin:0 0 0 0px;}
	.menu li li li a {padding:7px 0px 7px 25px;  }
	.menu li li li a:hover { padding:7px 0px 7px 25px;  }



.banner_text{float: left;margin-top: 30px;margin-top: 200px;width: 100%;}
.banner_text h3{color:#fff; font-family: 'open_sansextrabold';font-size:42px;line-height: 44px;text-transform: uppercase;text-shadow: 1px 1px 35px #000;}
.banner_text p{color:#fff; font-size:32px;text-transform: uppercase;text-shadow: 1px 1px 35px #000;}

.banner_text1{margin-top: 175px;width: 100%;}
.banner_text1 h3{font-size:32px;line-height:27px;}
.banner_text1 p{font-size:28px;}

.c-button {background: none !important;color:#ffd800  !important;font-size: 35px !important;}
.c-menu--push-left .c-menu__item, .c-menu--push-right .c-menu__item, .c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item {background: #384767;}
.c-menu {background: #384767 !important;}
.c-menu__close {background: #d35400 !important;}
.c-menu--push-left, .c-menu--push-right, .c-menu--slide-left, .c-menu--slide-right {width: 300px !important;}

/*end of inner header*/

/*.solar_list*/




.solar_list{float:left;width:100%;position:relative;padding:30px 0px;background:#f6f6f6;}
.inner_solar_list{float:left;margin-bottom:30px;}
.inner_solar_list h2{text-align:center;text-transform:capitalize;color:#000;font-size:35px;font-weight: normal;font-style: normal;margin: 10px 0;}
.inner_solar_list ul li{list-style:none;float:left;width:23%;margin:1%;}
.inner_solar_list ul li a{color: #000;}
.inner_solar_list ul li img{float:none;margin:20px auto;display:block;}
.inner_solar_list ul li h3{text-align:center;font-weight:bold;font-style: normal;font-size:20px;margin-bottom: 10px;}
.inner_solar_list ul li p{text-align:center;font-weight:normal;font-style: normal;font-size:14px;}

/*end of .solar_list*/


/*top_advantages*/


.top_advantages{width:98%;padding:50px 1%;float:left;background: #fec107;}
.top_advantages h2{text-align:center;text-transform:capitalize;color:#000;font-size:35px;font-weight: normal;font-style: normal;margin: 10px 0;}
.top_advantages img{margin:10px auto;float:none;display:block;}
.top_advantages p.sub{color:#000;text-align:center;padding-bottom:30px;}
.top_advantages_img{float:right;margin:0 0 20px 20px;width:45%;}
.top_advantages_img img{margin:0;max-width:100%;padding:0;}
.top_advantages_content h4{font-size:22px;padding-bottom:10px;}
.top_advantages_content ul{float:left;margin:30px 0 0;width: 50%;}
.top_advantages_content ul li{list-style:none;padding: 10px 0 20px 60px;margin-bottom: 10px;}
.top_advantages_content ul li:nth-child(1){background:url("images/non-polluting.png")no-repeat 0 0/36px auto;}
.top_advantages_content ul li:nth-child(2){background:url("images/satisfying-the-needs.png")no-repeat 0 10px/40px auto;}
.top_advantages_content ul li:nth-child(3){background:url("images/cost-effective-solar.png")no-repeat 0 6px/45px auto;}
.top_advantages_content ul li:nth-child(4){background:url("images/grid-exports.png")no-repeat 0 6px/45px auto;}


/*our client says part*/

.client{float:left;width:100%;position:relative;padding:30px 0px;border-top: 1px solid #ccc;}
.client h2{text-align:center;text-transform:capitalize;color:#000;font-size:35px;font-weight: normal;font-style: normal;margin: 10px 0;}
.client_list{float:none;width:820px;margin:20px auto;display:block;}
.inner_page_client{float:left;width:400px;}
.inner_page_client ul li{list-style:none;margin-right:35px;}
.inner_page_client ul li .para{float:left;height: 130px;}
.inner_page_client ul li .para p{margin:15px;color:#000;font-weight:normal;font-style:normal;font-size:15px;}
.inner_page_client ul li .joe{margin-bottom:40px;float:left;width:280px;margin-top:10px;}
.inner_page_client ul li .joe h3{color:#000;font-weight:bold;font-style:normal;font-size:18px;text-align:right;}
.inner_page_client ul li .joe p{margin:0px;color:#666666;font-weight:normal;font-style:normal;font-size:13px;text-align:right;}
.right_image{float:right;margin-top:10px;}
.right_image img{float:left;max-width:100%; border: solid 3px #ccc; }


.callbacks2_nav{text-decoration:none;position:absolute;-webkit-tap-highlight-color:transparent;opacity:1;z-index:3;text-indent:-9999px;overflow:hidden;height:35px;width:35px}
.callbacks2_nav:active{opacity:1}
.callbacks2_nav{top: 40%; background:url(images/right-arrow.jpg) -0 -0 no-repeat; right: 10%;border: 1px solid #fff;}
.callbacks2_nav.next{background:url(images/left-arrow.jpg) -0 -0 no-repeat;left: 10%;}


/*end of our client says part*/



/*footer part*/

footer{float:left;width:100%;position:relative;background:#384767;padding:50px 0px;}
.footer1{float: left;}
.footer1 h2{font-size: 20px;color: #243037;background: #fff ;padding: 5px 8px 5px 12px;margin-top: 5px;font-weight: normal;text-align: center;}
.footer1 h3{font-size: 20px;margin-bottom: 20px;color: #fff;}
.footer1 p{font-size: 15px;color: #fff;}
.footer1 a{color: #fff;font-size: 16px;}
.footer1 a:hover{color: #fec107;}
.footer1 ul li{float: left;width: 100%;margin-bottom: 4px;color: #fff;}
.footer1 .footer_address_icon{float: left;color: #fff;}
.footer1 ul.footer_address{float: left;margin-left: 10px;width: 260px;}

.footer1 input[type=text]{float: left;width: 95%;padding: 6px 2%;font-size: 15px;background: none;border: 1px solid #fff;color: #fff;margin-bottom: 7px;}
.footer1 textarea{float: left;width: 95%;padding: 6px 2%;font-size: 15px;background: none;border: 1px solid #fff;color: #fff;height: 40px;}
.footer1 input[type=submit]{float: left;width: 100px;padding: 8px 0;text-align: center;font-weight: bold;margin-top: 10px;background:#fec107 ;border: none;color: #fff;cursor: pointer;font-size: 15px;}
.smo{margin-top: 40px;float: left;}
.smo ul li{float: left;width: auto;}
.smo ul li a{padding: 10px 16px;color: #fec107;background: #fff;border-radius: 35px;margin-right: 10px;}
.smo ul li a:hover{background:#fec107;color: #fff; }
.fa-chevron-right{margin-right: 5px;}
.footer2 ul li{margin-bottom: 10px;}
.footer3 ul li{margin-bottom: 10px;}
.logo2{float: left;width: 80%;}

.footer1{width: 300px;margin-right: 8%}
.footer2{width: 120px;}
.footer3{width: 190px;}
.footer4{width: 235px;margin-right: 0;float: right;}
.fa-chevron-right, .fa-chevron-right::before{float: left;font-size: 10px !important;vertical-align: middle;margin: 3px 4px 0 0 !important;}
.right_footer {
    float: right;
    margin: 0 2%;
    width: auto;
}
/*contact_us*/

.contact_us{padding: 30px 1%;float: left;width: 98%;}
.contact_us h1{text-align:center;text-transform:capitalize;color:#000;font-size:35px;font-weight: normal;font-style: normal;margin: 10px 0;}
.contact_form1{float: left;margin-left: 35px;}
.contact_form3{margin-right: 0;}
.contact_form1 label{font-size: 16px;margin-bottom: 5px;float: left;}
.contact_form1 input[type=text]{float: left;width: 89%;padding: 10px 0% 10px 10%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 10px;background: none;}
.contact_form1 input[type=text].user_name{background: url(images/jas-eco-energy-user.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_email{background: url(images/jas-eco-energy-mail.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_number{background: url(images/jas-eco-energy-phone.png) no-repeat scroll 4px center/25px;}
.contact_form1 textarea{float: left;width: 89%;padding: 10px 4%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 10px;background: none;height: 118px;}
.contact_form1 input[type=submit]{float: none;width: 120px;padding: 10px 0%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 10px;background: #fec107 ;cursor: pointer;color: #fff;font-weight: bold;margin: 0 auto;clear: both;display: block;}
.contact_address_icon{float: left;}
.contact_address{float: left;margin-left: 10px;}
.contact_form1 p{margin-bottom: 2px;}
.contact_form1{width: 380px;}
.contact_form2{width: 380px;}
.contact_form3{width: 290px;}
.contact_form3 p span{margin-left: 10px;}


/*about us*/

.about_us{float: left;width: 100%;padding: 30px 0;}
.about_us h1{text-align:center;text-transform:capitalize;color:#000;font-size:35px;font-weight: normal;font-style: normal;}
.about_us_para{float: left;width: 100%;}
.about_us_para p{font-size: 15px;margin-bottom: 10px;}
.about_us_right{float: left;margin: 10px 20px 10px 0;}
.jas_about_owner{float: left;width: 270px;margin:6px 30px 20px 0;box-shadow: 4px 5px 5px 0px #ccc;border: 1px solid #ccc}
.jas_about_owner img{display: block;max-width: 100%;}

/*copyrights*/

.copyrights{float: left;width: 100%;padding: 20px 0;background: #fec107;}
.copyrights p{font-size: 16px;color:#fff;text-align: left;font-weight: bold; float: left;}


/*our_products_services*/

.our_products_services{width: 100%;float: left;padding: 30px 0;}
.our_products_services h1{text-align:center;text-transform:capitalize;color:#000;font-size:35px;font-weight: normal;font-style: normal;margin: 10px 0;}
.left_our_products{float: left;width: 72%;}
.left_our_products ul li{float: left;width: 100%;padding: 15px 0;border-bottom: 1px solid #ccc;}
.left_our_products ul li:last-child{border: none;}
.left_our_products ol li{padding: 0;margin: 0;border: none;float: none;width: auto;margin: 0 0 10px 16px;list-style: outside disc;}
.left_our_products h2{font-size: 30px;font-weight: bold;margin: 0 0 10px;}
.our_products_para{float: left;width: 100%;}
.our_products_para h3{font-size: 26px;margin-bottom: 20px;}
.right_our_products{float: right;width: 25%;margin-top: 70px;}
.our_products_para p{font-size: 16px;margin-bottom: 10px;line-height: 23px;}
.our_products_images{float: right;margin-left: 20px;margin-bottom: 20px;}

.tariff_grid{float: left;width: 98%;padding: 10px 1%;}
.tariff_grid strong{font-size: 16px;font-weight: bold;}
.tariff_grid p{font-size: 19px;margin: 5px 0 0;}
.tariff_grid_plan{float: left;width: 100%;margin: 20px 0;}
.tariff_grid_plan table{border-collapse: collapse;} 
.tariff_grid_plan th,td{border: 1px solid #000;padding: 10px 0;text-align: center;}


.our_product_form{border: 1px solid #bcbec0;float: left;width: 90%;padding: 15px 5%;}
.form_service{margin-bottom: 10px;background:#2ecc71;}
.our_product_form h3{color: #fff;font-size: 18px;text-align: center;margin-bottom: 5px;text-transform: uppercase;padding: 6px 0 8px;}
.our_product_form p{font-size: 15px;color: #928d8c;text-align: center;margin: 0 auto;float: none;width: 90%;}
.our_product_form input[type=text]{float: left;width: 96%;padding: 2px 2%;font-size: 15px;color: #000;margin-bottom: 7px;border: 1px solid #bcbec0;}
.our_product_form select{padding: 8px 0%;background: none;width: 100%;margin-bottom: 7px;font-size: 15px;;color: #928d8c;border: none;-webkit-appearance: none;-moz-appearance: none;appearance:none;border: 1px solid #bcbec0;background: url(images/select-down-arrow.png) no-repeat scroll 95% center;cursor: pointer;}
.our_product_form select option{padding: 10px 0;}
.our_product_form input[type=submit]{float: left;text-align: center;font-size: 17px;font-weight: 500;text-transform: uppercase;color: #fff;background: #e67e22;border: none;padding: 8px 0;cursor: pointer;width: 100%;}








@media screen and (max-width:1170px)
{
    .home_banner{background-size: cover;height: 380px;width: 98%;padding: 0 1%;}
    .inner_banner{height: 300px;width: 98%;padding: 0 1%;}
    .banner_text{width: 82%;margin-top: 170px;margin-left: 8%;}
    .banner_text1{margin-top: 150px;width: 75%;margin-left: 6%;}
    .banner_text h3{font-size: 40px;line-height: 38px;}
    .callbacks2_nav{right: 3%;}
    .callbacks2_nav.next{left: 3%;}
    .callbacks1_nav{right: 2%;top: 50%;}
    .callbacks1_nav.next{left: 2%;}
    footer{width: 98%;padding: 50px 1%;}
    .footer1{margin-right: 2%;}
    .footer4{float: right;margin-right: 0;}
    .about_us, .our_products_services{padding: 20px 1%;width: 98%;}
    .our_product_form h3{font-size: 15px;}
    .contact_form1{float: left;width: 31%;margin-right: 3%;margin-left: 0;}
    .contact_form3{margin-right: 0;float: right;}
    .copyrights{ width: 96%; padding: 20px 2%; }
    
    /* about us */  
    
    .jas_about_owner{ border: 1px solid #ccc; box-shadow: 4px 5px 5px 0 #ccc;    float: left;  margin: 7px 3% 20px 0;  width: 300px;}
}

@media screen and (max-width:959px)
{
    .outer_banner{z-index: 999;}
    .home_banner{padding: 40px 1%;height: 300px;}
    .banner_text{float: none;display: block;margin: 0 auto;width: 82%;padding-top: 140px;}
    .banner_text h3{font-size: 31px;}
    .banner_text p{font-size: 28px;}
    .callbacks2_nav{display: none;}
    .smo{margin-top: 20px;}
    .menu{display: none;}
    .mobile_menu{display: block;}
    .logo{margin: 0 auto;float: none;display: block;width: 300px;}
    .callbacks1_nav{top: 42%;}
    .footer1, .inner_page_client{width: 46%;margin: 10px 2%;}
    .client_list{width: 100%;}
    .client h2{margin: 10px 0;}
    .footer1{height: 265px;}
    .footer4{height: auto;}
    .our_products_images{float: none;display: block;width: 60%;padding: 20px 0;}
    .left_our_products{width: 70%;}
    .right_our_products{width: 30%;}
    .contact_form1{width: 31%;margin: 0 1%;}
    .contact_form1 ul.contact_address li, .contact_form3 p span{font-size: 13px;}
    .contact_form1 input[type="text"]{width: 83%;padding: 10px 0 10px 17%;}
    .inner_solar_list ul li{width: 46%;margin: 10px 2%;height: 210px;}

    
}

@media screen and (max-width:767px)
{
    
    .banner_text h3{font-size: 28px;line-height: 32px;}
    .banner_text p{font-size: 26px;}
    .top_advantages{padding: 30px 1%;}
    .callbacks1_nav{top: 25%;}
    .inner_solar_list ul li{width: 46%;margin: 10px 2%;}
    .inner_solar_list ul li h3{height: auto;}
    .top_advantages_img, .top_advantages_content, .inner_page_client{width: 96%;margin: 10px 2%;}
    .top_advantages_img img{max-width: 100%;margin: 0 auto;float: none;display: block;}
    .inner_page_client ul li .para{height: auto;}
    .top_advantages_content ul{width: 100%;}
     .left_our_products{width: 98%;margin: 0 1%;}
    .right_our_products{display: none;}
    .contact_form1{width: 48%;margin: 0 1%;}
    .contact_form3{width: 98%;padding: 20px 0;}
    .tariff_grid_plan th, td{font-size: 14px;}
    .contact_form1 ul.contact_address li, .contact_form3 p span{font-size: 15px;}
    
}
@media screen and (max-width:599px)
{
    .banner_text h3{font-size: 24px;}
    .banner_text p{font-size: 20px;}
    .footer1{width: 48%;margin: 20px 1%;}
    .home_banner{height: 340px;}
    .about_us{padding: 20px 2%;width: 96%;}
    .about_us_right{width: 60%;margin: 0 auto;float: none;display: block;padding: 20px 0;}
    .our_products_images{margin: 0 auto;width: 95%;}
    .inner_banner{background-size: cover;height: 350px;}
    .tariff_grid p{font-size: 17px;}
    .footer1 ul.footer_address{width: 190px;}
    .copyrights p{ float: none; text-align: center; }
    .right_footer{ float: none; margin: 15px auto; width: 176px;}
/*    about us */
    .jas_about_owner{width: 96%;margin: 0 2% 30px;text-align: center;border: none;box-shadow: none;}
    .jas_about_owner img{float: none;margin: 0 auto}
    .about_us_para p{text-align: justify}

 
 
}
@media screen and (max-width:479px)
{
    .logo{width: 220px;}
    .inner_solar_list ul li, .footer1, .left_our_products{width: 96%;margin: 20px 2%;} 
    .footer1{height: auto;}
    .contact_form1{width: 96%;margin: 0 2%;}
    .inner_banner{height: 385px;}
    .banner_text{padding-top: 115px;}
     .banner_text1{padding-top: 150px;}
    .tariff_grid_plan th, td{float: left;width: 100%;}
     .footer1 ul.footer_address{width: 260px;}
    
 
}