#button-bt{
  display: inline-block;
  background-color: #333;
  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: #000;
}

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


@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; }
  .main-header .head_right .head_phone{ font-size: 20px; padding: 0 10px; }
  .main-header .head_right .btn{
    margin-left: 10px;
    padding: 10px 20px;
  }
  .pulse{
    width: 45px;
    height: 45px;
  }
  .main-header .head_right .head_phone i img{
    width: 20px;
  }
  .main-header .logo{
    max-width: 200px;
  }
  .logo_pull{
    width: 200px;
  }
	

 }



@media (min-width:1024px) and (max-width:1279px) {  
	
	
.solar-bat-form{
  margin-left: 40px;
}



}

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

}

@media (max-width:1023px) {
.selectsolar_content {
    max-width: 100%;
}	
	
  #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 {
    padding: 30px 25px 1px;
}
  .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: 16px 20px;  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: 200px;}
  .mobile_header .nav-icon {cursor: pointer;}
  .mobile_header .nav-icon:after, .nav-icon:before, .nav-icon div {  background-color: #02336c;  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: 25px;}

  .mobile_navigation {  background: #666;  position: fixed;  width: 100%;  top: 97px;  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: 76px 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; }

.faq-page.faq_sec .img_blk {
    padding-left: 0;
    margin-top: 20px;
}	
.dol {
  width: 209px;
}
.main-footer .container{
  max-width: 712px;
}
.dol.fo_content {
    margin-top: 20px;
    width: 300px;
}
.center-fo{
  padding: 15px 15px;
  flex-wrap: wrap;
}

.faq-page.faq_sec {
    margin-bottom: 0;
}	
	
.payment_plans .more_link {
    font-size: 20px;
    width: 260px;
}	
.center-fo .email-fo a{
  font-size: 20px;
}

.center-fo .call-fo a{
  font-size: 20px;
}
	
}
@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; }
.best_sec .row {    padding: 20px 0px 0px;}


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

 .residebtial_sec ul.selectsolar-tabs li { width: 50%;}
 .residebtial_sec ul.selectsolar-tabs li + li {    margin-left: 0;    float: right;}
 .residebtial_sec ul.selectsolar-tabs  { width: 100%; margin: 0px auto 30px; }
 .residebtial_sec ul.selectsolar-tabs li {  font-size: 16px;     padding: 14px 0;}
 .residebtial_sec p {    color: #333;      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;  }
.payment_plans h2 {    font-size: 32px;    color: #fff;    font-family: 'Jost';}

.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;}
.menu-important-link-container {    display: block;}
  .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: 100px; }
  .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;	}
.center-fo{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.center-fo{  padding: 15px 15px;}
    .middle_footer h3 {        font-size: 18px;    }
    .center-fo .call-fo a{      font-size: 18px;    }
    .center-fo .email-fo a{      font-size: 18px;    }
    .payment_plans p{      margin-bottom: 20px;    }
    .payment_plans a.tel_link {    width: 100%;}
	
	

.payment_plans .wrapp {        padding: 15px 5px 345px !important; } 
.payment_plans h2 {        font-size: 30px !important;        text-align: center;        line-height: 40px;    }
.payment_plans { padding-bottom:20px !important; }


	
}

@media (min-width:767px) {
	.mobile-slider { display:none;}
}

@media (max-width:991px){

  .solar-bat-cont{
    text-align: center;
  }
  .solar-bat-cont h2{
    text-align: center;
  }
  .solar-bat-cont p{
    text-align: center;
  }
  .solar-bat-form{
    margin-top: 30px;
    margin-left: 0;
  }
  .outer-box-right{
    margin-top: 35px;
  }
  .why-ssb-solar .outer-box-right .learn-more{
    text-align: center;
    margin-bottom: 0 !important;
  }
  .clarke-solar{
    padding: 60px 0;
    margin-bottom: 30px;
  }
  .clarke-battery{
    text-align: center;
    margin-top: 30px;
  }
  .clarke-battery img{
    width: 40%;
  }
  .solar-bat{
    text-align: center;
    margin-top: 25px;
  }
  .solar-bat-cont h2 br{
    display: none;
  }
  .solar-bat-cont p br{
    display: none;
  }

}

@media (max-width:767px) {
.why-ssb-solar {    padding: 30px 0 0px;}
.why-ssb-solar .bg-light-blue {    width: 100%;    border-radius: 0;    padding: 40px 25px;}
.why-ssb-solar .outer-box-left img {    margin: 0 0 30px;}
.banner-box {    padding: 50px 15px 0px;    background: #fff;}
.banner-box a{text-align: center;}
.banner-box .icon_blk {    width: 80px;    display: table;    margin: 0 auto 16px;}
.brands_install .container {    margin-top: 0;    padding-top: 30px;    padding-bottom: 40px;}
section.residebtial_sec.residebtial_sec_home {    padding: 30px 15px;    width: 100%;    margin: auto;    border-radius: 0;    max-width: 1600px;}
.faq_sec {        padding: 30px 15px;    }
.payment_plans h2 {        font-size: 26px;           font-family: 'Jost';    }
footer#footer {    padding: 25px 15px 100px;}
.desktop-slider {    display: none;}	

.main-footer .container .row {    margin: 0px;    display: block;}

.payment_plans {margin: 0 0 -23px;}
	
}

@media (max-width:576px){

  .inner-page-section {
    padding: 30px 0;
}
.inner-page-section h1{
  text-align: center;
  font-size: 30px;
}
.inner-page-section h3{
  font-size: 20px;
}
.inner-page-section ul li{
  margin-left: 15px;
}
.payment_plans .wrapp {
    padding: 15px 5px;
}
.payment_plans h2{
  font-size: 22px;
  text-align: center;
}
.payment_plans p{
  text-align: center;
  font-size: 18px;
}
.inner-page-section a{
  font-size: 14px;
}
.center-fo .email-fo a {
        font-size: 12px;
    }
.center-fo .email-fo i img[src$=".svg"]{
  width: 85%;
}
.center-fo .email-fo i img[src$=".svg"]{
  width: 85%;
}
    .center-fo .call-fo a
 {
        font-size: 12px;
    }
        .middle_footer h3 {
        font-size: 17px;
    }
    .social-icons .fa{
      width: 30px;
      height: 30px;
    }
    .social-icons .fa{
      line-height: 33px;
    font-size: 15px;
    }
    .solar-bat-cont{
      margin-top: 25px;
    }
    .solar-bat-cont h2{
      font-size: 32px;
      margin-bottom: 15px;
    }
    .install{
      font-size: 26px;
    }
    .battery-section {
        padding: 35px 15px;
    }
    .section-title h2{
        font-size: 28px;
    }


}