#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 (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: 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: 240px;}
  .mobile_header .nav-icon {cursor: pointer;}
  .mobile_header .nav-icon:after, .nav-icon:before, .nav-icon div {  background-color: #545454;  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: 10px;}

  .mobile_navigation {  background: #333;  position: fixed;  width: 100%;  top: 68px;  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: #f5c06a;
    color: #000;
}
  .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) {


  body {    margin: 66px 0 0;}
  .home_banner h2 { font-size:22px; line-height:30px; }
  /*.home_banner .hero-img {height: 360px;}*/
  .home_banner .hero-img {height: auto;}
  .midd-center { position:static; }
  .midd-center { padding:25px; background:#fff7e9 }
  .home_banner .hero-img {    height: 320px;}
  
  .midd-center {    padding: 25px 15px;    background: #fff7e9; overflow: inherit;}
  .home_banner article {    background: #fff;    padding: 22px;    margin: -118px 0 30px;    position: relative;    z-index: 10;    border-radius: 5px;    box-shadow: 1px 1px 25px rgba(0,0,0,0.1);}


  .home_banner span.hero-img img {    width: 100%;    height: 100%;    object-fit: cover;}
  
  .home_banner h2 {    font-size: 20px;    line-height: 30px;}
  .home_banner .btn-cal {border-radius: 5px;    width: 188px;    height: 45px;        padding: 9px 0;        font-size: 16px;    font-weight: 700;}

  /*********/

  .banner-service { padding:30px 0 50px;}
  .banner-service h2 { font-size:24px;  margin: 0px 0px 30px}
  .banner-service .container { padding:0 25px; }
  .banner-service .col-lg-3 + .col-lg-3 { margin-top:40px; } 
  .banner-service {    background-size: 140px;    background-position: 0 68px;}

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

  .list-product {    padding: 40px 0;    text-align: center;    background: #F6F2E8;}
  .list-product ul { display:flex; flex-wrap: wrap; height:auto; border:none; } 
  .list-product ul li {    padding: 6px 15px;    border: #ccc solid 1px;    margin: 5px 6px; font-size: 14px; border-radius: 5px;}
  .list-product h2 { margin-bottom:30px; font-size:24px; }

  /********/

  .quote-sec { padding:30px 0; }
  .quote-sec article {    padding-top: 51px;    background-size: 60px;}
  .quote-sec p { font-size:20px; }
  .quote-sec strong { font-size:18px; }

  /******/

  .about--sec { padding:40px 0 20px }
  .about--sec .img_blk::after {    top: 0;    left: 0}
  .about--sec .img_blk { margin-bottom:30px; }
  .about--sec p {font-size: 15px;    text-align: left;    line-height: 24px;}
  .about--sec h2 { font-size:24px; }
  .interiors-since { padding-top:40px; }
  .about--sec h2 {    font-size: 24px;    line-height: 34px;    margin: 0 0 19px;}
  .about--sec .col-md-6.col-lg-3 {    width: 50%;}
  .about--sec .col-md-6.col-lg-3 { margin-bottom:20px; }
  .interiors-since h3 { font-size:14px; padding:15px 5px; }
   
  /**********/
  
  .differ_sec { padding:40px 0 } 
  .differ_sec h2 { font-size:24px; }
  .differ_sec .col-md-3 {    width: 50%;}
  .differ_sec span.img-box {    display: table;    width: 90px;    margin: 0 auto 10px;}
  .differ_sec h3 {font-size: 30px;}
  .differ_sec h3 span {    display: block;    font-size: 16px;    font-weight: 600;}
  .differ_sec h3 span {    display: table;    font-size: 16px;    font-weight: 600;    max-width: 120px;    margin: auto;}
  .differ_sec .content-bo ul {    column-count: 1;}
  .differ_sec .content-bo {    margin-top: 40px;}
  .differ_sec .content-bo ul li { font-size:15px; }

  #footer .col-md-3 + .col-md-3 { margin-top:25px; }
  .copy {    font-size: 12px;}

  /*********/

  section.call-to-action {    text-align: center;}
  .call-to-action h2 { line-height:32px; font-size:24px; }
  .call-to-action a.call-btn {    width: 100%;}
  .call-to-action a.fdc-btn {    width: 100%;    margin: 16px 0 0;}

  .reviews-sec { padding:40px 0 }

  .reviews-sec  .col-md-6  { margin-top:25px; }
  .reviews-sec .acc__card { padding:15px 40px 15px 15px }
  .accordion_call span.fa.fa-chevron-down {    position: absolute;    right: -27px;    top: 4px;    color: #4f8663;}

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

  .testimonials_sec {    padding: 40px 15px;    background: #F6F2E8;}
  .inner-page {    padding: 40px 0;}
  .faq_sec .acc__card { padding:15px 45px 15px 25px }
  .contact_page .padd_form {    padding-left: 0;    padding-top: 35px;}

  .main-about-page .about-sec .img_blk::after {    width: 90%;}
  .main-about-page .about-sec .padd_in {    padding-right: 00;    padding-top: 60px;}
  .main-about-page .about-sec h2 { font-size:24px; }
  .main-about-page .accordion_call_desktop {    margin-top: 40px;    margin-bottom: 40px;}
  .main-about-page .accordion_call_desktop .acc__title {font-size: 16px; padding: 15px 40px 15px 20px;}

  section.call-to-action-new {    position: relative;    background: none;    width: 94%;    margin: auto;    padding: 0 0;    height: auto; margin: auto; float: none;}
  section.call-to-action-new .container { height:auto; }
  section.call-to-action-new h3 { margin-bottom:20px; }
  .connect-us p {    font-size: 16px;    line-height: 27px;    color: #fff;}
  section.call-to-action-new h3 { text-align:center; line-height:28px; font-size:20px; }
  section.call-to-action-new .call-btn {    width: 100%;    margin: 0 0 15px;}
  section.call-to-action-new .design-btn { width:100%; margin:0px; }
  .inner_banner h1 { font-size:30px; font-weight:700; }

  .main-service-sec {    padding: 40px 0;    background: #FFFBF3;}
  .services-page p { font-size:15px; }
  .interior-sec h2 br { display:none; }
  .interior-sec h2 { font-size:24px; line-height:1.2 }
  .interior-sec .slick-dots { margin-top:0px; padding-top:0px; }

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

  .expertise-sec h2 { font-size:24px }
  .work-sec .col-md-3 {    width: 50%;}
  .inner_banner h1 {    font-size: 26px;    font-weight: 600;}

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

  .location-page .padd-blk p {    text-align: left;    line-height: 24px;}
  .location-page .padd-blk h2 {    font-size: 24px;}
  .location-page .h3, .location-page h3 {    font-size: 22px;    margin-bottom: 18px;}
  .location-page .right-side {    padding-left: 0;    margin-top: 30px;}
  section.contact-us-sec p {    color: #fff;    font-size: 15px;    line-height: 27px;}
  section.contact-us-sec .wrapp {    padding: 0 15px;}
  section.contact-us-sec .phone-btn {    margin: 0;    width: 100%;    margin: 0 0 10px;}
  section.contact-us-sec  a.btn {    margin: 0;    width: 100%;}

	/**********/
	
	.main-about-page .about-sec .acc .padd_in {    padding-right: 25px;    padding-top: 0;} 

  .inner_banner {    padding: 60px 0 60px;    height: auto;}
  .copy {    font-size: 12px;    padding-right: 120px;}
  #footer h3 {    margin: 0px 0px 10px;}


section.banner-service {    display: block;    background: #fff;}
.banner-service .container {    padding: 0 25px; margin: 0px; } 
.banner-service .container .col-md-6 + .col-md-6 { margin-top:20px; }

section.about--sec {    background: #f6f6f6;}
.about--sec .padd-blk {    max-width: 100%;    padding: 0 15px;}


.differ_sec h2 {    font-size: 24px;    line-height: 28px;}
.differ_sec .content-bo ul li {    font-size: 15px;    padding: 0 0 0 42px;    line-height: 24px;}

.satisfied-sec .col-md-3 {    width: 50%; margin-bottom: 30px;}
section.satisfied-sec span.img-box { width:80px; margin:auto; }
.satisfied-sec h3 span {    line-height: 26px;}



section.satisfied-sec span.img-box {    width: 80px;    margin: 0 auto 19px;}
.usp-sec .col-2 {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}
.usp-sec h3 {    font-size: 16px;    line-height: 20px;    margin: 0 0 11px;}

.usp-sec h2 { font-size:35px; }
.usp-sec {    padding: 30px 0 0;}


section.need-help {    text-align: center;}
.need-help p {    font-size: 17px;    color: #000;    margin: 0 0 20px;}
a.whatsapp-blk { width:100%; text-align:center; }
.fdc-btn { width:100%; margin-top:20px; }


.we-do-sec .wrapp {    max-width: 1700px;    width: 100%;    margin: auto;    background: #FFBD59;    border-radius: 0;    padding: 25px;}
.we-do-sec h2 {    font-size: 35px;    text-align: center;}
.we-do-sec p {    font-size: 16px;    text-align: center;    margin: 0 0px 20px;}

.slick-next.slick-arrow {    left: auto;    top: 43%;    right: -18px;}
.slick-prev.slick-arrow {    left: -15px;    top: 43%; z-index: 10;}

.reviews-sec .rw-padd { margin-right:0px; }
.reviews-sec .padd-d {    padding: 0 0 0px;}
.reviews-sec .acc__card {    padding: 0;    position: relative;}
.accordion_call span.fa.fa-chevron-down {    position: absolute;    right: 14px;    top: 21px;    color: #333;}
.acc__card  .acc__title {    padding: 15px 35px 15px 25px;}
.footer .col-md-3 {    margin-top: 30px;    margin-bottom: 30px;}
.contact-us-fo { margin-top:30px; }

.main-about-page .about-sec .padd_in {    padding-right: 00;    padding-top: 40px;}
.main-about-page .about-sec p {     text-align: left;}
.faq_sec .acc__card {    padding: 0;}

.fancybox-content .popup-img {    width: 100%;    height: 190px;}

}