#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; border-radius: 85px;}


@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:1279px) { 
.top-hdr-section .mynav-wrap ul#primary-menu > li {    margin: 0 12px;}
}
@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: 5px 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: 200px;}
  .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: 55px;  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, #952520 17.19%, #f83c33 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; }

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



  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;}

  header#masthead {    display: none;}   


/*****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: 200px;}
  .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:   #142d4a;  position: fixed;  width: 100%;  top: 139px;  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: #d5793a;}
  .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****/

   .m-head {    background: #092E4C;    margin: 18px -10px -20px;    display: flex;}
  .m-call {    width: 50%;    color: #fff;    line-height: 1;    height: 50px;    padding: 6px 20px 6px 35px;  position: relative;}
  .m-btn a {    color: #fff;    text-align: center;    display: block;    padding: 12px 0;    font-weight: 600;    font-size: 18px;}
  .m-btn {    width: 50%;    background: #E47325;}
  .m-call a.v-phone {    display: block;}
  .m-call a {    color: #fff;    font-weight: 600;    font-size: 20px; padding-top: 2px;}

  .mobile_header {    padding: 6px 10px 0;}
  .logo_m {    max-width: 150px;}
  .hero-section .hero-content { position:static; }
  body {    padding-top: 129px;}
  .m-call i {
    width: 28px;
    display: block;
    position: absolute;
    left: 4px;
    top: 11px;
}


}
@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) {

section.guarantee_sec .container {flex-wrap: wrap;  }
.hero_sec { padding-top:40px; }
.hero_sec h1 {   font-size: 24px;    font-weight: normal;}
.hero_sec h1 br { display:none; }
section.guarantee_sec ul {    margin: 0px;   padding: 0px;}
section.guarantee_sec ul li { font-size:16px; }
section.guarantee_sec h2 {    background-size: 85px;    padding: 0 0 20px;    margin-bottom: 25px;    width: 100%;}
section.guarantee_row {   padding: 40px 0;    border-bottom: #ccc solid 1px;}
.guarantee_row .col-md-3 { width: 50%;}
section.guarantee_row h3{ font-size:16px; }
.roof-sec {    padding: 40px 0;}
.roof-sec h2 {    font-size: 25px;   background-position: bottom left;}
.roof-sec .row {   flex-wrap: wrap;   column-gap: 35px;}
.roof-sec p { line-height:24px; }
.choose_sec h2 {    word-wrap: break-word; font-size: 25px;}
.roof-sec .padd_b { margin-top:40px; }
.services_sec {    padding: 40px 0;  }
.services_sec h2, .roof-sec h2, .work_sec h2, .help_sec h2, .faq_sec h2 { font-size:25px;         background-size: 85px; }
.services_sec .col-md-4 + .col-md-4 { margin-top:25px; }
.work_sec, .help_sec, .choose_sec, .faq_sec, section.client-logo {    padding: 40px 0;}
.help_sec .col-md-4 + .col-md-4 { margin-top: 25px;}
.choose_sec ul li strong { font-weight:normal; font-size:20px; }
 
.help_sec .img_blk { margin-top:40px; }
section.client-logo .col-img { padding:0 5px }
    section.client-logo .col-img {
        padding: 7px 23px;
        width: 50%;
    }

section.client-logo .wrapp     {     display: flex; flex-wrap:wrap; }
section.client-logo .col-img { border:none; }

.main-footer { padding:40px 0; }
.main-footer .container {    padding: 0 20px;    max-width: 1294px;}
.fo-link {    border-left: none;    border-right: none;    border-top: solid 1px rgba(255,255,255,0.2);    border-bottom: solid 1px rgba(255,255,255,0.2);   margin: 30px 0;    padding: 30px 0;}
.contact-fo {   padding-left: 0;}
.copy-fo { font-size:13px; }

.servics-top h2, .services-sec h2 {
    font-size: 26px;
    margin: 0 0 40px;
}

.servics-top h2 strong, .services-sec h2 strong{
    display: inline-block;
}

.servics-top {
    padding: 40px 0;
}

.servics-top .padd_blk {
    padding-right: 0;
    margin: 0 0 30px;
}

.services-sec {
    background: #F2F4F6;
    padding: 40px 0;
}


.cta_sec h2 {
    text-transform: uppercase;
    font-size: 26px;
    color: #092E4C;
    margin: 30px 0 20px;
}

.Contact-Us-page .wp-block-column {
    height: auto;
    padding: 20px 35px;
}
	
	.gallery-page {
    padding: 0px 0 0;
}

    .filters button {
        padding: 2px 14px;
        margin: 4px 5px;
        height: auto;
        font-size: 14px;
    }
	
section.guarantee_sec a.read_link {
    margin: 30px 0 0;
}	
h6.whyh6 {
    padding: 0 39px;
}	
	
	.faq_sec .acc__title {    padding: 15px 35px 15px 25px; }	
	
     .m-call a {    font-size: 16px; }	 
    


}




#secondary h2 {
    font-size: 24px;
    margin: 0 0 11px;
    padding: 0;
}

section#block-6 {
    margin: 22px 0 0;
}

#secondary .gform-theme--foundation .gfield textarea.large {
    min-block-size: 5;
}

#secondary h2.gform_title {
    color: #000;
    font-size: 24px;
    margin: 0 0 30px;
}


.blog-list h2 a {
    font-weight: 800;
}
.blog-list .read-link-b {
  
    color: #e47325;
    
}

.single-post-dv h2 {
   
    color: #092e4c;
    
}


.single-post-dv h2.gform_title {
    font-size: 24px;
    color: #000;
}


#primary h2.gform_title {
    color: #333;
    font-size: 24px;
}

#primary .gform-theme--foundation .gfield textarea.large {
    min-block-size: 5rem;
}


input#gform_submit_button_3 {
    width: 100%;
    height: 55px;
    background: #e47325;
}