#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:1024px) { 
.initial-row { margin: 25px 0 10px 0;}
.benefit-section .icons-row { margin: 30px 0 10px 0;}
.faqs-sec { margin-top: 70px; padding: 30px 0 170px;}
.metal-roof-sec { margin: 70px 0;}

}
@media (max-width:991px) { 
.initial-row { margin: 25px 0 10px 0;}
.benefit-section .icons-row { margin: 30px 0 10px 0;}
.faqs-sec { margin-top: 70px; padding: 30px 0 170px;}
.metal-roof-sec { margin: 40px 0;}

}

@media (max-width: 767px) {
    .initial-row { margin: 0 0 20px 0; }
    .brand-logos ul { margin: 20px 0 30px 0 !important;}
    .m-call { padding: 8px 20px 6px 35px !important;}
    .m-call a, .m-btn a { font-size: 16px !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: 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: #000; position: fixed; width: 100%;top: 125px; 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 { border-bottom:rgba(213, 121, 58,0.1) solid 1px;}
.mobile_navigation ul.nav > li + li { border-bottom:rgba(213, 121, 58,0.1) solid 1px;}
  .mobile_navigation ul.nav ul { display: none; margin: 0px; padding: 0px;}
  .mobile_navigation ul.nav li a:hover { background: #c97e47;}
  .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: #000; margin: 15px -10px -20px; display: flex;}
  .m-call { width: 50%; color: #fff;line-height: 1;height: 50px; padding: 6px 20px 6px 35px;}
  .m-btn a {color: #333;text-align: center;display: block;padding: 12px 0;font-weight: 600; font-size: 18px;}
  .m-btn {width: 50%;background: #d5793a;}
  .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: 100px;}
.m-btn a {color: #fff !important;}



}
@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) {
.about-sec { margin: 40px 0; }
.our-work-sec { margin: 50px 0;}    
.slide-home .c-padd { padding: 1px 45px 60px; max-width: 550px;float: right;}
.slide-home .c-padd { padding: 1px 25px 60px; }
.slide-home h2 { font-size:24px; line-height:35px; }
.btn-b a {width: 136px;}
.slide-home .c-padd { padding: 1px 25px 0px;}
.slider-thumb .b-bdr::after {top: -22px;}  
.mobile_header .nav-icon {top: 17px;}
.roof-services-sec { margin-top: 30px;}
.faqs-sec {margin-top: 40px; padding: 30px 0 !important;}
.faqs-sec h2 { font-size: 30px;}
.service-bnr-bg { padding: 15px 0 30px 0; }
.faqs-sec .card .card-header { padding: 8px 15px 8px 5px;}

footer#footer .col2, footer#footer .col3, footer#footer .col5, footer#footer .col4 {    width: 100%;}
 footer#footer .col3, footer#footer .col5, footer#footer .col4 { margin-top:20px; }
.copy-fo { height:auto; width:90%; }
 footer#footer .follow-blk {    margin: 20px 0 0 33px;    width: 100%;    text-align: center;}
 footer#footer .c-midd {    font-size: 15px;    font-weight: 600;    margin: 1px 0 0px 14px;    padding: 8px 0 5px 13px;    border-left: none;}
 footer#footer .r-right {    font-size: 15px;    font-weight: 600;    margin: 0px 0 12px 14px;    padding: 8px 0 5px 13px;    border-left: none;}
.copy-fo { margin-top:25px; }
footer#footer .col4.contact-fo {    margin: 0 0 70px;}
footer#footer {    background-size: 65%;}
footer#footer .r-right { font-size:14px; width:100%; }
footer#footer .c-midd { font-size:14px; width:100%;}

.about-sec .year-blk {    bottom: 0;    left: 0;}
.about-sec .img_blk {    margin: 0 0 50px;}
.about-sec .padd-blk {    padding-top: 25px;}
.about-sec .h2, .about-sec h2 { font-size: 24px; margin-bottom: 20px;}
.about-sec .row {    padding: 60px 0 30px;}
.clients-sec {padding: 30px 0;}
.clients-sec .c-img {    margin: 4px 10px;}
.clients-sec h2 { font-size:24px; }
a.w-btn {    width: 100%;    margin: 0;    margin: 15px 0 0;}
a.red-btn {    width: 100%;}
.call-btn { width:100%; }

.serve-sec h2{ font-size:24px; }

.testimonial-sec .wrapp {    width: 100%;    border-radius: 0;padding:25px; }
.testimonial-slider .padd-blk { margin:0px; }
.testimonial-slider .slick-arrow {    left: 41%;}
.testimonial-sec {    padding-bottom: 30px;}
.studies-sec h2 { font-size:24px; }
.studies-sec {    padding-bottom: 30px;}
section.call-action-two h3 {    color: #fff;    font-size: 24px;}
section.call-action-two h4{font-size: 16px;}
section.call-action-two p {margin-bottom: 20px;}
.faq-sec {    padding: 30px 0;}
.faq-sec h2 { font-size:30px; line-height:1.2; text-align: center;}

.serve-sec .slick-arrow {    position: absolute;    bottom: 0px;    left: 50%;    bottom: 0px;    transform: translate(-50%,0);}
.serve-sec .slick-next.slick-arrow {    margin-left: 25px;}
.serve-sec center {    max-width: 800px;    margin: 0 auto 20px;}
.testimonial-sec .wrapp {    width: 100%;    border-radius: 0;    padding: 25px 15px;}
.testimonial-sec h2 {    text-align: center;    font-size: 30px;    font-weight: 700;    color: #fff;    margin: 0px 0px 30px;    padding: 0px;}

.about-page .row .padd {    padding-left: 0;    margin: 20px 0 0;}
.about-page .row:nth-child(2n) .padd {    padding-right: 0;    padding-left: 0px;}
.about-page .row {    padding-top: 35px;    padding-bottom: 0;}
.inner_banner { padding: 40px 0; }
.inner_banner h1 {    color: #fff;    font-size: 35px;    text-align: center;}

.inner-page {    padding: 30px 0;}

.services-page h2 {   text-align: center;    margin: 0px auto 45px;    padding: 0px;    color: #333;    max-width: 600px;    font-size: 28px;}
.services-page .s-content {    margin: 0 0 0 0;}
.services-page  .sticky-dv {    position: static;    top: 90px;    margin-bottom: 35px;}
section.process-sec .wrapp {    width: 100%;    border-radius: 0;}
section.process-sec h2 {    text-align: center;    margin: 0 0 50px;    font-size: 26px;}
.studies-page .c-padd {    padding-right: 0;}
.studies-page p {    text-align: left;}
.studies-page .c-padd {    padding-right: 0;    margin-bottom: 29PX;}

.single-list h2 {    font-size: 24px;    margin: 0px 0px 10px;} 
.right-side {    margin-top: 30px;}
.single-list {    padding: 30px 0;}

.inner_banner h1{    font-size: 24px; }
footer#footer {    margin-bottom: 20px;}
.clients-sec .c_slider {    padding-bottom: 0;}	
	
.serve-sec {    padding-bottom: 30px;  		}	
	footer#footer .col4.contact-fo {    margin: 23px 0 70px;	}
	


.btn-b a {
    background: #6D6E70;
    height: 45px;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    vertical-align: top;
    text-decoration: none !important;
	 width: 154px;
}	
	
	.wmpci-popup-open #wmpci-popup-wrp {
    display: none;
}
	
.wmpci-popup-open, .wmpci-popup-open body {
    overflow-x: hidden;
}	

.contact-page .c-pad {
  
    text-align: center;
    height: 100%;
}	
	
	
.wmpci-popup-open, .wmpci-popup-open body {    overflow-x: hidden;    overflow-y: inherit;}	
span.crical-box-new.two-dv {    position: absolute;    right: 0;    top: auto;    width: 37px;    margin: 52px 0 0px;}
.btn-b a {     width: 126px; }	

.hero-section {    min-height: auto;    height: auto;    padding: 0 15px;}
.about-section .w-100 { margin-bottom:20px; }
.about-section  { padding:0 15px; }
.about-section h3 {    padding: 5px 0 2px 0;    line-height: 28px;}
.why-choose-section, .our-services-section {    margin-top: 30px;}
.service-hero-section .hero-content { position:static; }
.hero-section .hero-content p {    font-size: 14px;    line-height: 21px;}
.hero-section {    min-height: auto;    height: auto;    padding: 35px 15px;}
.bt-ser {    margin: 30px 0 0; }
.bt-ser p { margin:0px; padding:0px; }
.what-expect-sec {    margin-top: 30px;}
.ftr-contact-section h3 {    font-size: 22px;   font-weight: normal;    line-height: 28px;}
.blog-list span.latestblog-img { margin-bottom:15px; }

.Inquiries-box ul.call-add {    display: block;} 
.contact-page {    padding: 41px 0 0;}
.Inquiries-box { margin-top:25px; }

.service-hero-section.blog-slider {    height: auto;    padding-top: 50px;  height: auto;}
.hero-cnt {    padding-top: 10px;}
.hero-cnt p {    max-width: 100%;    margin-top: 20px;    font-size: 16px;}
.about-sec .sections-title {    padding-top: 0;}	
p {    font-size: 16px;   font-weight: normal;    color: #1A3347;   line-height: 23px;}	
.services-sec, .why-choose-sec, .faqs-sec {
    max-width: 97%;
    padding: 40px 0 40px 0;
}	
	


.hero-bg .hero-img {    background: #fff;    border-top: none;    margin: 0 0;}
.hero-bg {        max-width: 100%;        border-radius: 0;    }
	
	
	
}