#button-bt{
  display: inline-block;
  background-color: #3e89c7;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 80px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000; border: #fff solid 1px;
}
#button-bt::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	padding: 13px 0 0;
	display: block;
}
#button-bt:hover {
  cursor: pointer;
  background-color: #333;
}

#button-bt.show {
	opacity: 10;
	visibility: visible;
}


@media (min-width:1170px) and (max-width:1400px) {  
	.main-header .head_right .btn {    font-size: 14px;    padding: 13px 18px 11px;}
	.navigation ul li a {    font-size: 12px;  }
	.navigation ul li {    padding: 0 2px;}
	.logo_pull {    width: 183px;    margin: 6px 0 0;}
	.main-header .container {
    max-width: 100%;
    padding: 0 20px;
}
	
}

@media (max-width:1550px) {	
.navigation ul li { padding: 0 8px; }
}
@media (max-width:1380px) {	
 .navigation ul li { padding: 0 5px; }
}

@media (min-width:1280px) and (max-width:1379px) {  
	.navigation ul li a {font-size: 15px;}
	.main-header .logo { max-width:253px;}
	.polygon_img_l.polygon_img_right {    right: -11px;}
}

@media (max-width:1299px) {
  .main-header .head_right .head_phone { font-size: 16px; }
  .main-header .head_right .btn { font-size: 16px; }
	

 }



@media (min-width:1024px) and (max-width:1279px) {  
	
	




}

@media (min-width:1024px) {    
.mobile_header { display: none; }
.mobile_navigation { display: none !important; }

}

@media (max-width:1023px) {    
  #header { display: none; }
  body { margin: 0px; }

  /******home banner********/
  
  .banner_tream article {    max-width: 100%;    position: relative;}
  .hero_banner h1 { font-size: 30px; }
  .hero_banner {    height: auto;    width: 100%;    padding: 0 0 24px;}
  .hero_banner .banner_content {    padding: 0 0 0px;}

  /******home_request_form*******/

  .home_request_form h2  { font-size: 30px; }

  .home_request_form .sub_btn { position: static; }

  .home_request_form .sub_btn {    position: static;    right: 0px;    width: 220px;    margin: 15px auto 27px;}

  .home_request_form::after {    background-size: 100% 62px; bottom: -62px;    width: 100%;    height: 100%;}

 

  /*****Mobile Menu****/

  
  .mobile_header {  padding: 19px 10px;  box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);  position: fixed;  top: 0;  width: 100%;  z-index: 1000;  background: #fff;}


  .logo_m {    max-width: 260px;}
  .mobile_header .nav-icon {cursor: pointer;}
  .mobile_header .nav-icon:after, .nav-icon:before, .nav-icon div {  background-color: #000;  border-radius: 3px;  content: '';  display: block;  height: 5px;  margin: 7px 0;  transition: all .2s ease-in-out;}
  .mobile_header .nav-icon.active:before {  transform: translateY(12px) rotate(135deg);}
  .mobile_header .nav-icon.active:after {  transform: translateY(-12px) rotate(-135deg);}
  .mobile_header .nav-icon.active div {  transform: scale(0);}
  .mobile_header .nav-icon {    margin: 0;    width: 40px;    position: absolute;    right: 20px;    top: 20px;}

  .mobile_navigation {  background: #333;  position: fixed;  width: 100%;  top: 85px;  max-height: calc(100% - 59px);  left: 0;  padding: 0px 0px;  display: none;  z-index: 1000;  overflow: auto;}
  .mobile_navigation ul.nav{ margin: 0px; padding: 0px; }
  .mobile_navigation ul.nav li { list-style: none; width: 100%; margin-bottom: 0px; padding-bottom: 0px; position: relative; }
  .mobile_navigation ul.nav li a{ color: #fff; padding: 12px 25px; display: block; text-decoration: none !important; }
  .mobile_navigation ul.nav > li + li { border-top:rgba(255, 255, 255,0.1) solid 1px ; }
  .mobile_navigation ul.nav ul { display: none; margin: 0px; padding: 0px; }
  .mobile_navigation ul.nav li a:hover {    background: linear-gradient(97.03deg, #F36F21 17.19%, #FFAC0A 106.13%);}
  .submenu-caret {  position: absolute;  width: 50px;  height: 48px;  right: 0;  top: 0;  background: #0000001c;  cursor: pointer; text-align: center;}
  
  .submenu-caret i {    color: #fff;    position: relative;    top: 13px;      line-height: 1;}
  em.submenu-caret.toggled i {    transform: rotate(180deg);    top: 13px;}
  .mobile_navigation ul.nav ul li a{ padding: 5px 25px 5px 35px; }  

  /*****Mobile Menu End****/

  .reviews_sec { padding: 70px 0 50px; }
  .reviews_sec::before, .reviews_sec::after {     height: 60px; background-size: 100% 60px; }
  .reviews_sec h2 { font-size: 24px; padding: 0 0px; }

  /***************/

  .main-footer::before {  height: 60px; background-size: 100% 60px;  }


  /***********************************************/

      /* Inner Page */

  /************************************************/

  .padd-bottom {    padding-bottom: 40px !important;}
  .padd-top {    padding-top: 40px !important;}
  .inner_content p {    line-height: 22px;    font-size: 15px;    color: #333;}
  .wp-block-spacer {    height: 7px !important;}
  .inner_content h1 { font-size: 30px; }
  .inner_content h2 { font-size: 24px; }

  /******************/


  body {    margin: 84px 0 0;}
  ul.selectsolar-tabs .home_icon { top: 3px;}


  .home_request_form .polygon_img_l {    width: 50px;    height: 70px;            top: 0;    left: 22px;    background-size: 100%;}
  .polygon_img_l.polygon_img_right {    left: auto;    right: 20px;    width: 50px;    height: 70px;    background-size: 100%;    top: 73px;}
  .home_request_form h2 {z-index: 1;    position: relative;}
  .home_banner .cec_img {bottom: 0;}

}
@media (min-width:768px) and (max-width:992px) { 


.hero_banner p strong { font-size: 20px; }
.hero_banner { padding: 20px 0; }

.social-review .col{    -webkit-box-flex: 0;    -ms-flex: 0 0 33.333%;    flex: 0 0 33.333%;    max-width: 33.333%;}
  .social-review .col:nth-child(n+4) { margin-top: 15px; }
  .why_sec .icon_blk { text-align: center; }
  .why_sec .slick-slide { text-align: center; }
  .slick-slide img { display: inline; }
  .payment_plans .wrapp { padding: 30px; }

  .reviews_sec .img_blk { display: none; }
   .reviews_sec { padding-top: 0px; }
   .reviews_sec { padding-bottom: 70px; }

}
@media (min-width:767px) {
.widget_nav_menu > div {    height: auto !important;    opacity: 10 !important;    display: block !important;}
.mobile_footer_logo { display: none !important; }
.mobile_footer { display: none; }

}
@media (max-width:767px) {

  .reviews_sec .img_blk {    margin: 0; }
  .hero_banner {    height: auto;    width: 100%;    padding: 25px 10px;}
  .hero_banner .banner_content { margin-top: 35px; }
  .hero_banner p strong { font-size: 20px; }
  .home_request_form form input[type="submit"] { width: 100%; max-width: 100%; }
  .home_request_form .sub_btn {    position: relative;    right: 0px;    margin: 0;    width: 100%;}
  .home_banner .flex-row-reverse {    -webkit-box-orient: horizontal!important;    -webkit-box-direction: reverse!important;    -ms-flex-direction: column-reverse!important;    flex-direction: column-reverse !important;}
  .hero_banner .banner_content {    margin-top: 0;}
  .home_request_form { margin-top: 30px;}
  .home_banner .cec_img { margin-top: 10px; }
  .hero_banner h1{ margin-bottom: 8px; }

  .social-review .col{    -webkit-box-flex: 0;    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}
  .social-review .col:nth-child(n+3) { margin-top: 15px; }
  .social-review .row {    justify-content: center;}
  .social-review .col .w-box { padding: 0 10px; }
  .page_sec {    padding: 40px 0;}
  .why_sec .icon_blk { text-align: center; }
  .why_sec .slick-slide { text-align: center; }
  .page_sec p {    font-size: 16px;}
  .why_sec  .slick-slide img {    display: inline-block;}
  .h2, h2 {    font-size: 28px;    margin-bottom: 20px;}
  .residebtial_sec_home { padding: 40px 0; }
  .residebtial_sec h2 { font-size: 28px; }
.best_sec .row {    padding: 20px 0px 0px;}


  /****************residebtial_sec ***************/

 .residebtial_sec ul.selectsolar-tabs li {    width: 48%;}
 .residebtial_sec ul.selectsolar-tabs li + li {    margin-left: 0;    float: right;}
 .residebtial_sec ul.selectsolar-tabs  { width: 100%; }
 .residebtial_sec ul.selectsolar-tabs li {     height: 56px; padding: 13px 0; font-size: 16px;     padding: 14px 0;}
 ul.selectsolar-tabs {padding: 0px 0px 20px;}
 .residebtial_sec p {       font-weight: normal;    line-height: 22px;    font-size: 15px;}

.residebtial_sec center {    padding: 0 0 0px;}
.best_sec { padding: 40px 0px 40px; }
.best_sec h2 { font-size: 28px; }
.best_sec center p { font-size: 16px; }
.best_sec .col-md-4  + .col-md-4 { margin-top: 20px; }
.best_sec .row {    padding: 20px 0px 20px;}
.payment_plans .wrapp { padding: 15px; }
.payment_plans .wrapp {    padding: 25px;    background-image: none !important;}
.payment_plans h2 {    font-size: 32px;    color: #fff;   }

.payment_plans {    padding-bottom: 0;}
.reviews_sec {    padding: 40px 0 40px;}

.reviews_sec p { font-size: 16px; }
.review-slider .review_blk { padding: 25px; }
.review-slider .review_blk .review_name { margin-top: 33px; }
.review-slider .item {    padding: 12px;      position: relative;}
.reviews_sec .img_blk { display: none; }
.reviews_sec {    padding: 40px 0 90px;}
.produce_sec h2 {    font-size: 28px;}
.produce_sec .img_blk { margin-bottom: 25px; }
.faq_sec { padding: 40px 0; }
.faq_sec h2 { font-size: 28px; }
.faq_sec center p { font-size: 16px; }


/************/

  .top_footer .col-5, .top_footer .col-7 {     -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
  .fo_review a {    width: 48%;}
  .fo_review .fr_dv { padding-top: 25px; }
  .fo_review .fr_dv a + a {    margin-left: 4%;}
  #footer .widget_nav_menu .menu-popular-locations-container, #footer .widget_nav_menu .menu-benefit-of-solar-container, #footer .widget_nav_menu .menu-commercial-solar-container, #footer .widget_nav_menu .menu-residential-solar-container, #footer .widget_nav_menu .menu-residential-solar-container, .menu-important-link-container, 
  .menu-solar-panel-services-container, .menu-location-container {  display: none;}
  .middle_footer { padding-top: 0px; }
  .top_footer { border-bottom:none ; }
  .middle_footer h3 { font-size: 16px; }
  .middle_footer .widget_nav_menu  h3 {    font-size: 16px;    border-bottom: #45544a solid 1px;    margin: 0;    padding: 16px 0; background: url(../svg/arrow-bt.svg) no-repeat right center;}
  .main-footer .rs_nav ul {    margin-bottom: 0;}
  .fo_content {    margin-top: 30px; }
  .widget_nav_menu > div { padding: 20px 0 0; }
  .top_footer {    padding: 0 0 15px;}

  .bottom_footer .cer_box {    float: left;    max-width: 200px;    margin: 0 0 12px;}
  .bottom_footer .cec_box {    float: left;     margin: 0 0 0; width: 100%;}

  .fo_terms  .col-4 {    -webkit-box-flex: 0;    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; padding: 0px;}
  .fo_terms  .col-8 {    -webkit-box-flex: 0;    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; padding: 0px;}
  .main-footer {    background-size: 100%;}
  .fo_terms .logo { display: none; }
  .main-footer { padding-bottom: 50px; }
  .fo_terms p { font-size: 12px; }
  .b_left {    width: 100%;}
  .fo_terms { padding-top: 46px; }
  .b_right {    position: absolute;    bottom: -39px;    width: 100%;}
  .bottom_footer {    overflow: inherit;    margin: 0px;    position: relative;}
  a.logo.mobile_footer_logo {    margin-left: 20px;    margin-bottom: 6px;    max-width: 264px;    width: 90%;}
  .top_footer .fo_phone {    display: none;}

  /********/

  .residential_page .padd_blk {    padding-right: 0;}
  .inner_content {    padding: 40px 0;}
  .residential_page .solar-assessment {    margin-top: 40px;}
  .page-template-residential .payment_plans { margin-bottom: 50px; }
  .inner_banner h1 {    color: #fff;    font-size: 35px;    text-align: center;    margin: 0;}
  .solar-assessment h3 { font-size: 25px; }

  .system_sec .system_blk { height: auto; }
  .system_sec .system_blk .padd {    padding: 25px;    position: relative;}
  .system_sec .solar_icon {    position: static;    left: 0;    top: 0;    z-index: 1;    margin: 0 0 23px;    display: block;}
  .bt_content {      margin: 20px 0 40px;  }
  .inverters_page .padd_blk {    padding-right: 8px;}
  .inverters_page .post-thumbnail {    margin: 27px 0 0 0px;}
  .inverter-type .padd {    text-align: center;}
  .inverter-type .img_blk {    display: block;    margin: 0 auto 12px;    max-width: 110px;    width: 100%;}
  .inverter-type .col-md-6 {    margin-top: 28px;}
  .inverter-type h3 { text-align: center; }
  .inverter-type {    padding: 50px 0 0;}
  .monitoring_sec .padd_blk {    padding-left: 0;    padding-top: 30px;}
  .batteries_sec .padd {    padding-right: 0;    margin-top: 30px;}
  .payment_plans .tel_link {    margin: 12px 0 0; width: 100%;}
  .payment_plans .more_link {    width: 100%;}
  .page-template-solar-services .payment_plans {  padding-bottom: 40px;}

  .about-page .img_blk {  margin: 0 0 22px;}
  .vision_sec .img_blk {  margin: 0 0 21px;}
  .vision_sec .padd_blk {  padding-left: 0;}

  .main-footer { padding-top: 30px; }
  .faq-page.faq_sec .img_blk {  display: block;  margin-top: 19px;  padding: 0 55px;}
  .faq-page.faq_sec {  margin-bottom: 40px;}
  .page-template-faq .payment_plans { padding-bottom: 40px; }
  .contact_page center {  max-width: 800px;  margin: 0 auto 30px;}
  .contact_page .padd_form {  padding-left: 0;  margin-top: 40px;}
  .padd_form h3 {  margin: 0;  padding: 0 0 17px;  font-size: 25px;}

  .page-template-policy .payment_plans { padding-bottom: 40px; }
  .faq_sec center {  padding-bottom: 20px;}

  .support-page .img_blk  { display: none; }
  .contact_page .padd_form { margin-top: 0px; }
  .support-page .padd_form h3 { text-align: center; }
  .support-page  .padd_form p.sub-blk { text-align: center; }

  .freequote-popup .freequote_form {padding: 30px 25px;}
  .wmpci-popup-wrp .wmpci-popup-close::after {	position: absolute;	left: 0;	padding: 0 54px;	bottom: 14px;}	
	.top-header p {	width: calc(100% - 0px);	font-size: 14px;	line-height: 21px;}
.top-header .container .btn {	background: #094225;	padding: 11px 29px;	height: 50px;	position: static;	margin: 14px 0 0;}
.payment_plans .wrapp {	padding: 25px 12px;	}
	
.banner-box .col-lg-3 + .col-lg-3 {	margin-top: 30px;}

.glance-sec .row {    margin-left: 0; margin-right:0px; } 
.glance-sec h2 { position:static; text-align:center; margin:0px 0px 20px; padding:0px; }
.glance-sec .col-md-4 + .col-md-4 { margin-top:30px; }
.best_sec .col-md-4 {    margin-bottom: 0;  }
.top-header a { font-size:14px; }

.copy {    margin-bottom: 63px;}	
	
.banner_blk article { display:block; }

	.payment_plans h2 {    font-size: 25px; }
.payment_plans .more_link {    width: 100%;    margin: 20px 0 0;}
.logo_m {
    max-width: 144px;
}
}

@media (max-width:400px) {
.residebtial_sec h2 {    font-size: 23px;    line-height: 34px;    font-weight: 600;}
.residebtial_sec p {    font-weight: normal;    line-height: 28px;    font-size: 15px;}
.residebtial_sec ul.selectsolar-tabs li {        font-size: 14px;    padding: 16px 0;}
}

