
@media only screen and (max-width: 1919px) {
.installation-process-sec .process-box .process-box-text h3 {
    font-size: 30px;
}

.installation-process-text h3 {
    font-size: 26px;
    line-height: 43px;
}

.adding-solar-free-site .button-group-link .common-btn {
        flex-grow: inherit;
        width: auto;
        margin-left: 0;
        padding: 22px 30px;
        font-size: 21px;
    }

}

@media only screen and (min-width: 1800px) {
.adding-solar.evaluation-adding-solar .parent-outer {
    grid-template-columns: 856px 1fr;
}
}

@media only screen and (max-width: 1728px) {
	
.dealer-banner {
    background-position: center;
}

.page-template-Best-Solar-Company div#message-container h4 {
    font-size: 33px;
}

.installation-process-sec .process-box .process-box-text h3 {
    line-height: 33px;
    font-size: 22px;
}


.adding-solar .parent-outer {
    grid-template-columns: 1fr 1fr;
}

.adding-solar.enphase-iq-adding-solar .parent-outer {
    grid-template-columns: 1fr 1fr;
}

.process-box-text h4 {
    font-size: 27px;
}

.first-percentage h2 {
    font-size: 90px;
}

.exciting-company-installs {
    grid-template-columns: 576px 1fr;
}

.directly-customers-outer {
    grid-template-columns: 500px 1fr;
}

 .free-site-evaluation.powerwall-site-evaluation .button-group-link {
    flex-direction: row;
}

    .free-site-evaluation .button-group-link .common-btn {
        padding: 21px 29px;
        font-size: 19px;
    }

.adding-solar-free-site .button-group-link .common-btn {
        flex-grow: inherit;
        width: auto;
        margin-left: 0;
        padding: 18px 12px;
        font-size: 17px;
    }

}


@media only screen and (min-width: 1601px) {
.adding-solar.evaluation-adding-solar .parent-outer {
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

.adding-solar.evaluation-adding-solar  .adding-solar-content {
 padding: 0;
}

.adding-solar.evaluation-adding-solar.adding-solar-main-service .parent-outer{ gap: 48px;}

}

@media only screen and (max-width: 1600px) {

.energy-benefits-outer .count {
    font-size: 30px;
}

.energy-benefits-outer .count-p {
    font-size: 24px;
}

.schedule-free .free-consultation {
    font-size: 13px;
    padding: 8px 8px;
}


.main-header .navbar .nav-item .nav-link {
    padding: 9px 8px;
    font-size: 13px;
}

.schedule-free {
    column-gap: 8px;
}

.deals-text h4 {
    font-size: 24px;
}

.premium-product-content p {
    font-size: 21px;
}

.premium-product-content h3 {
    font-size: 35px;
}

.premium-product-content h3 span {
    font-size: 35px;
}

.common-heading {
    padding-left: 30px;
}

.common-heading-space-remove .common-heading {
    padding: 0;
}


.plan-type-box-text h2 {
    font-size: 36px;
}

.common-heading h3 {
    font-size: 30px;
}

.resources-sec .home-blog-image {
    height: 210px;
}

.energy-benefits-outer {
    min-height: auto;
}

.new-solar-web .energy-benefits-outer {
    column-gap: 10px;
}


.energy-benefits-outer span {
    max-width: 50px;
}

.new-solar-web .energy-benefits-outer span { max-width: 75px;}

.why-us-text .common-heading {
    padding-left: 0;
}

	
.exciting-update .large-title {
    font-size: 63px;
}	
	

.exciting-update .common-heading {
  padding-left: 0;
}


.new-main-header .nav-item .nav-link, .is-sticky .new-main-header .nav-item .nav-link {
    padding: 20px 10px;
}

.adding-solar .parent-outer {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.adding-solar.enphase-iq-adding-solar .parent-outer {
    grid-template-columns: 1fr 1fr;
}



.battery-cover.installation-battery .container {
    grid-template-columns: 1fr 1fr;
}

.adding-solar-content {
    padding: 0px 0px 0 80px;
}

.adding-solar-content .title-sec {
    font-size: 38px;
    line-height: normal;
}


.save-more h2 {
    font-size: 50px;
}

.what-new .accordion-item .accordion-body h3 {
    font-size: 25px;
}

.enphase-details {
    grid-template-columns: 500px 1fr;
}

.battery-backup-work .title-sec {
    font-size: 45px;
}

.battery-backup-work h3{ font-size: 28px;}


.control-replacement-arizona .battery-solution h3 {
    font-size: 40px;
}

.great-product {
    grid-template-columns: 520px 1fr;
}


.large-title {
    font-size: 120px;
}

.ref-program .common-heading-data .large-title {
    font-size: 165px;
}

.ref-program .common-heading-data {
    padding: 92px 0;
    margin-bottom: -64px;
}

.project-system li h5 {
    font-size: 18px;
}

.common-heading-data {
    padding: 60px 0;
}


.battery-cover .container {
    grid-template-columns: 505px 1fr;
}

    .is-sticky .new-main-header #menu-main-menu > li > .nav-link {
    padding: 24px 10px 24px !important;
}


.priority-sec .container {
    grid-template-columns: 530px 1fr;
}

.priority-sec.about-priority .container{ grid-template-columns: 1fr 530px;}

.single-blog-img {
    height: 829px;
}

.gallery-content {
    min-width: 620px;
    max-width: 620px;
}

}


@media only screen and (max-width: 1500px) {


.installation-banner .banner-title {
    font-size: 70px;
}

.installing-standalone {
    padding: 80px 40px 50px;
}

.installing-standalone h3 {
        line-height: normal;
        max-width: 810px;
    }

    .federal-tax h2 {
        font-size: 48px;
        max-width: 200px;
    }

.federal-data {
    grid-template-columns: 292px 1fr;
}

.take-control .title-sec {
    max-width: 1000px;
    font-size: 45px;
}




.adding-solar-content {
    row-gap: 20px;
}

.enphase-iq-battery-system .battery-system-box-outer p {
    font-size: 20px;
    font-weight: 500;
}


.installing-standalone h3 span {
    display: inline;
}


.enphase-iq-adding-solar .adding-solar-content {
    padding: 80px 48px;
}


     .inverter-replacement-img img {
        max-width: 541px;
        right: -6px;
        bottom: 5px;
        transform: rotate(0deg);
    }

.inverter-replacement-img::before {
        height: 482px;
        width: 482px;
        right: 0;
        bottom: 4px;
        top: auto;
        left: 47px;
    }
.inverter-replacement {
    padding-right: 20px;
    align-items: center;
    column-gap: 40px;
}

.inverter-replacement-img {
    align-items: center;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    padding-right: 30px;
}


.new-solar-web .inverter-replacement-content .common-btn{
    margin-left: inherit;
}

.chose-enphase::after {
    transform: skewX(27deg);
}

.chose-enphase-content .title-sec {
    font-size: 40px;
    line-height: normal;
}


.free-site-evaluation .title-sec {
    font-size: 48px;
}

.free-site-evaluation .container {
    gap: 64px;
}

.battery-only-systems-icon h3 {
    font-size: 24px;
}


.commercial-solar .common-solution-list {
    padding-left: 28px;
}

.gallery-content .first-percentage, .gallery-content .first-percentage.second-percentage  {
    min-height: 317px;
}

.gallery-content .ev-data {
    min-height: 296px;
}

.gallery-content .percentage-calculator-two .ev-data{ min-height: 296px;}

    .common-col-outer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 46px;
    }

    

     .gallery-content .first-percentage h2 {
        font-size: 58px;
        line-height: 62px;
    }


   .adding-solar-panel-comm .common-col-outer {
        grid-template-columns: 1fr 540px;
    }


    .common-image-text .common-col-outer {
    display: grid;
    grid-template-columns: 1fr 490px;
}

    .adding-solar-free-site .button-group-link .common-btn {
        flex-grow: inherit;
        width: auto;
        margin-left: 0;
        padding: 14px 12px;
        font-size: 15px;
    }

.button-group-link {
    flex-direction: column;
    align-items: flex-start;
}

.free-site-evaluation .button-group-link {
    flex-direction: row;
}


.single-blog-img {
    height: 722px;
}

.power-your-home .button-group-link{ flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}

.title-sec br{ display: none;}

.is-sticky .new-main-header #menu-main-menu > li > .nav-link{padding: 20px 13px 20px !important;}
.new-main-header .nav-item .nav-link{ padding: 13px;}


}


@media (max-width: 1600px) and (min-width: 1300px) {
	
    .side-banner-overlay{
		clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 0% 100%);
	}
	
	.right-banner-overlay{
		clip-path: polygon(100% 0%, 0% 0%, 9% 100%, 100% 100%);
	}
	
}

@media only screen and (max-width: 1401px) {

.new-solar-web .slider-content p {
    text-align: right;
}

.new-solar-web.old-solar-web .slider-content p {
    text-align: left;
}


.new-solar-web .solar-energy-benefits .container {
    padding: 0 60px;
}

.adding-solar.adding-solar-energy-system .parent-outer {
    gap: 48px;
    align-items: inherit;
    display: flex;
    flex-direction: column-reverse;
}

.new-solar-web .common-btn{
    margin-left: auto;
    margin-right: auto;
}

.new-solar-web.old-solar-web .common-btn{
    margin-left: 0;
    margin-right: 0;
}

.product-content {
    padding: 80px;
}

.new-solar-web.old-solar-web .slider-content p {
    text-align: right;
}

.page-id-193 .slider-rotate-width, .page-id-193 .slider-rotate-width, .page-id-473 .slider-rotate-width, .page-id-2509 .slider-rotate-width, .page-id-1002 .slider-rotate-width, .page-id-999 .slider-rotate-width, .page-id-850 .slider-rotate-width{
    max-width: 750px;
}

.chose-enphase-content .title-sec br{ display: none;}

.common-btn.new-common-btn-p {
    padding: 24px 30px;
}


}

@media only screen and (min-width: 1401px) {
.main-service-take-control .solution-usage-outer {
    gap: 80px;
}
}

@media only screen and (max-width: 1399px) {
	
.side-banner-overlay {
    width: 100%;
    clip-path: none;
}

.right-banner-overlay {
    width: 100%;
    clip-path: none;
}

/*** header responsive start ***/

.page-template-home-inner-contact-form-page div#message-container h4 {
    font-size: 26px;
}

.toggler-image {
    display: flex;
    padding: 12px 0;
}


.left-header-text h5 {
    font-size: 14px;
}


.main-header .navbar-brand {
    padding: 0;
    margin-right: 0;
    margin-left: 12px;
}

.main-header .navbar {
    padding: 0;
    display: flex;
    justify-content: flex-start;
}

.main-header .navbar-toggler[aria-expanded=false] .hamburger-close{
  display: none;
}


.main-header .navbar-toggler[aria-expanded=true] .hamburger-close{
  display: block;
}

.main-header .navbar-toggler[aria-expanded=true] .hamburger-icon{
  display: none;
}

 

.main-header .navbar-toggler {
    padding: 0;
    border: none;
    opacity: 1;
    border-radius: 0;
}

.main-header .navbar-toggler:focus {
    box-shadow: none;
    outline: none;
}

.main-header .navbar-toggler{ border: none; padding: 0;}

.main-header .container {
    display: flex;
    max-width: 100%;
}


.site-header {
    position: fixed;
    width: 100%;
}



body{ padding-top: 115px !important;}

body.new-header-footer{padding-top: 0 !important;}

/* body.logged-in {
    padding-top: 72px !important;
} */

/* body.logged-in.page-template-Referral {
    padding-top: 70px !important;
} */

body.logged-in.page-template-Match-and-Beat, body.logged-in.page-template-Best-Solar-Company, body.page-template-Match-and-Beat, body.page-template-Best-Solar-Company{padding-top: 0px !important;}



.main-header .navbar .nav-item .nav-link {
    border-bottom: none;
    border-right: 2px solid #fff;
}

.main-header .navbar-collapse .navbar-nav {
    grid-row-gap: 12px;
	width: 100%;
	margin-bottom: 16px;
}



.scroll-menu {
    flex-direction: column;
    height: calc(100vh - 116px);
    overflow: auto;
}

.site-header.is-sticky .scroll-menu {
    height: calc(100vh - 63px);
}

.site-header.is-sticky .icon-contact-responsive{ margin-bottom: 20px}


.schedule-free.schedule-free-desk {
    display: block;
	margin-left: auto;
}


/*** header responsive end ***/




/***residential start ***/

.residential-banner h1 {
    font-size: 66px;
	text-align: right;
}

.residential-banner.commercial-banner h1 {
    text-align: left;
}


.process-box-text h4 {
    font-size: 22px;
}

.process-box-text p {
    font-size: 16px;
}

.home-blog .container {
    padding: 0 40px;
}

.home-blog-text {
    padding: 20px 20px 20px;
}

.home-blog-text h2, .home-blog-text h4 {
    font-size: 26px;
}

.blog-date-read h6 {
    font-size: 15px;
}

.blog-date-read span {
    font-size: 15px;
}

.home-blog-text p {
    font-size: 14px;
}

.home-product-sec.residential-product-sec .product-bg {
    left: auto;
    bottom: -59px;
    right: -84px;
    background-size: 826px;
}

/***residential end ***/

.spotlight-text p {
    font-size: 18px;
}


.spotlight-text h2 {
    font-size: 30px;
}


.spotlight .slick-arrow {
    width: 35px;
    height: 35px;
}

.spotlight .slick-prev {
    right: 60px;
    bottom: 33px;
}

.spotlight .slick-next {
    right: 16px;
    bottom: 33px;
}

.spotlight .slick-prev::before {
    background-size: 15px;
}

.spotlight .slick-next::before {
    background-size: 15px;
}


.home-blog-image {
    height: 255px;
}

.panels-installed-outer img {
    padding-right: 30px;
}



.first-percentage h6 {
    font-size: 25px;
}


.first-percentage h2 {
    font-size: 78px;
}

.product-adders .first-percentage h6 {
    font-size: 33px;
}

.schedule-free{ display: none;}


.common-content-data-img {
    width: 100%;
    max-width: 481px;
}


.common-content-flex .common-content-data-content {
    width: 100%;
}

.common-about-content-img-one .common-content-flex .common-content-data-content {
    padding-left: 70px;
}

.common-about-content-img-two .common-content-flex .common-content-data-content {
    padding-right: 65px;
}


.job-description-data .job-details {
    grid-row-gap: 8px;
	flex-direction: column;
	margin-bottom: 12px;
}


.job-description-data .job-details li {
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 5px;
}


.employee-benefits-text h4 {
    font-size: 25px;
}


.employee-benefits {
    min-height: auto;
	padding: 15px 0;
}



.common-heading h3 {
    font-size: 26px;
}


.large-title {
    font-size: 70px;
	left: -22px;
}


.common-heading h6 {
    font-size: 16px;
}

.common-heading-data {
    padding: 33px 0;
    margin-bottom: -16px;
}


.product-monitoring .large-title {
    font-size: 70px;
}

.product-monitoring .common-heading-data {
    padding: 33px 0;
	margin-bottom: -18px;
}

.common-heading-center .common-heading-data {
    padding: 36px 0;
    margin-bottom: -21px;
} 

.resources-sec .cvf_pag_loading .row > * {
    padding: 0 12px;
}

.resources-sec .cvf_pag_loading .row {
    margin: 0 -12px;
    grid-row-gap: 48px;
}




.book-meeting-date .sec-col-meeting-form {
    grid-template-columns: 1fr;
}

.call-sec h5 a {
    display: block;
}

.book-meeting-date .call-sec {
    margin-top: 20px;
}


.book-meeting-date .call-sec {
    margin-top: 16px;
    justify-content: center;
    text-align: center;
}

.call-sec h5 a {
    font-size: 24px;
}

.meet-with-client {
    max-width: 465px;
    margin-left: auto;
}

.meeting-sec {
    margin-top: 50px;
    flex-direction: column;
    grid-row-gap: 20px;
}


.energy-benefits-outer .count {
    font-size: 38px;
}

.energy-benefits-outer .count-p {
    font-size: 20px;
}


.home-blog-image {
    height: 191px;
}


.got-questions h3 {
    font-size: 30px;
}


.home-contact-form {
    max-width: 630px;
}

.hours-operation {
    column-gap: 54px;
}

.home-contact-form-text ul li p {
    font-size: 24px;
}

.home-contact-form-text h4 {
    font-size: 28px;
}

.got-questions h5 {
    font-size: 30px;
}

.operation-data p {
    font-size: 20px;
}


.resources-sec .home-blog-image {
    height: 179px;
}


.dealer-premium-product .premium-product-sec .container {
    padding-right: 16px;
}


.award-outer {
    grid-template-columns: 1fr 1fr 1fr;
}

.home-award .more-btn {
    right: 0;
    top: -149px;
}


.about-sec.home-about .row {
    column-gap: 0px;
}


.best-solar-company .container {
    flex-direction: column;
    grid-row-gap: 20px;
}

.best-solar-company h2 {
    font-size: 25px;
}

.before-grid-light {
    height: 48px;
    width: 48px;
}

.before-grid-dark {
    height: 56px;
    width: 56px;
}

.why-us-slide .better-product {
    padding-right: 35px;
	padding-top: 40px;
}


.why-us-outer {
    align-items: center;
}

.why-us-text {
    padding-top: 0;
}


.contact-form h3 {
    font-size: 26px;
}

.match-beat-text h1 span {
    font-size: 40px;
}

.match-beat-text h1 {
    font-size: 44px;
}

.match-beat-quote {
    gap: 20px;
}

.referral-banner .match-beat-quote {
    gap: 48px;
}


.process-boxes {
    padding: 16px;
    row-gap: 16px;
}

.process-boxes-round {
    width: 80px;
    height: 80px;
}

.process-boxes-round img {
    max-width: 32px;
}

.process-boxes h2 {
    font-size: 19px;
}

.process-boxes p {
    font-size: 14px;
}

.refferal-process-sec {
    padding: 17px 0 36px;
}

.refferal-process-sec .common-heading p {
    margin-top: 20px;
}

.referral-banner .match-beat-text h1 span {
    font-size: 50px;
}

.referral-banner .match-beat-text h1 {
    font-size: 50px;
}


.match-beat-text h1 sup {
    font-size: 25px;
    top: -10px;
}


.ref-program .common-heading-data .large-title {
    font-size: 176px;
}


.standalone-battery-box h4 {
    font-size: 23px;
}


.landing-page-banner h1 {
    font-size: 58px;
}


.battery-cover .container {
    grid-template-columns: 476px 1fr;
	column-gap: 40px;
}

.battery-cover.installation-battery .container {
    grid-template-columns: 1fr 1fr;
}

.installation-battery .battery-cover-content h2 {
    font-size: 40px;
}

.save-more h2 {
    font-size: 55px;
}

.battery-cover-content h2 {
    font-size: 39px;
}

.battery-cover-content .col-content p {
    font-size: 18px;
    font-weight: 400;
}

.promotional-banner h4 {
    font-size: 30px;
}

.promotional-banner h6 {
    font-size: 22px;
}


body.page-template-proposal-design-request.logged-in{ padding-top: 0px !important;}

    .new-main-header .navbar .navbar-toggler {
        order: 1;
        margin-right: 20px;
    }


.new-main-header .navbar-collapse {
    flex-grow: inherit;
    order: 4;
    background: #fff;;
}

.new-main-header .navbar-toggler {
        padding: 0;
        border: none;
        order: 1;
    }



.new-main-header .navbar-nav {
    text-align: center;
}

.installation-banner {
    min-height: 640px;
}

.installation-banner .banner-title {
    font-size: 60px;
}

.hamburger-body .white-logo {
    display: none;
}

.hamburger-body .green-logo {
    display: block;
}

.new-main-header .navbar-collapse{ background: transparent;}

.hamburger-body .new-header {
    background-color: #fff;
    height: 100%;
	overflow: auto;
}
.hamburger-body .new-main-header .navbar-toggler img{ filter: invert(1);}

.hamburger-body .new-top-header p,.hamburger-body .new-top-header p a,.hamburger-body .new-top-header-list li a {
    color: #000;
}

.hamburger-body .new-top-header p {
    font-weight: 600;
}

.new-main-header .nav-item .nav-link, .is-sticky .new-main-header .nav-item .nav-link {
    padding: 10px 7px;
}

.menu-list {
    column-gap: 3px;
}

.new-header-btn {
    gap: 10px;
}


.installation-process-sec .process-box {
    width: auto;
	min-height: 350px;
}

.installation-process-sec .process-box:nth-child(5) {
    width: auto;
	grid-column: 2 / span 2;
}

.installation-process-sec .process-box:nth-child(4) {
    width: auto;
}

.installation-process-sec .process-box .process-box-text h3 {
    line-height: 35px;
    font-size: 24px;
}





  .installation-cost {
    column-gap: 8px;
}

.installation-cost-summary.cost-summary-divide {
    font-size: 65px;
}


.federal-data {
    grid-template-columns: 292px 1fr;
}

.federal-tax h2 {
    font-size: 45px;
    max-width: 200px;
}

.installing-standalone {
    padding: 80px 40px 50px;
}

.new-header.is-sticky .new-header-btn .common-btn {
    padding: 5px 16px;
}

.take-control .title-sec {
    font-size: 45px;
}

.installation-process-box {
    min-height: 500px;
}

.installation-process-text h3 {
    font-size: 19px;
    line-height: 31px;
}

.installation-process-text {
    padding: 0 12px;
}

.adding-solar .parent-outer {
    grid-template-columns: 1fr;
}

.adding-solar.enphase-iq-adding-solar .parent-outer {
    grid-template-columns: 1fr;
}

    .adding-solar-content {
        padding: 40px 0px 0;
        row-gap: 25px;
    }

.adding-solar {
    padding: 48px 0;
}

.adding-solar.evaluation-adding-solar {
    padding: 48px 0;
}

.what-new .accordion-button {
    font-size: 25px;
}

.what-new .accordion-item .accordion-body h3 {
    font-size: 22px;
}

.what-new .accordion-item .accordion-body {
    padding: 12px 0px 0;
}

.stable-clean-energy .container {
    row-gap: 60px;
}

.why-add .title-sec {
    font-size: 40px;
}

.adding-solar-content .title-sec{ max-width: 100%;}


  .adding-solar.removal-adding-solar .parent-outer {
        grid-template-columns: 1fr 1fr;
    }

    .removal-adding-solar .adding-solar-content {
    padding: 80px 80px 80px 48px;
}


    .adding-solar-content .title-sec {
        font-size: 40px;  
        line-height: normal;
    }

.customer-img{ display: block;}

.enphase-iq-battery-system .battery-system-box-outer p {
    font-size: 18px;
    line-height: normal;
}

.enphase-iq-battery-system .battery-system-box-outer h3 {
    font-size: 24px;
}

.enphase-details {
  grid-template-columns: 400px 1fr;
}

.adding-solar-energy-system .adding-solar-content-details h3 {
    font-size: 22px;
}

.indicators-troubleshoot {
    min-height: 360px;
}

.adding-solar-energy-system .adding-solar-content .title-sec {
    font-size: 30px;
}

.removal-adding-solar .adding-solar-content .title-sec {
    font-size: 31px;
}

.adding-solar.adding-solar-energy-system .parent-outer {
    gap: 60px;
}

.energy-capacity-label {
    min-width: 312px;
	max-width: 312px;
}

.energy-capacity {
    font-size: 19px;
}

.battery-backup-work.enphase-iq-battery h3 {
    font-size: 24px;
}

.existing-solar .title-sec {
    font-size: 40px;
}

.enphase-iq-adding-solar .adding-solar-content {
    padding: 48px 80px;
}

.new-solar-web .our-reviews .title-sec {
    font-size: 42px;
}


.control-replacement-arizona .battery-solution h3 {
    font-size: 30px;
}

.control-replacement-arizona .battery-solution p {
    font-size: 16px;
}


.battery-backup-work .title-sec {
    font-size: 35px;
    line-height: normal;
}

.battery-backup-work h3 {
    font-size: 24px;
}

.new-site-footer .footer-container-middle {
        column-count: 5;
        gap: 28px;
        display: inline;
        margin-bottom: 24px;
    }

    .footer-link, .footer-left {
        break-inside: avoid;
    }

.contact-buttons {
    align-items: flex-start;
}

.footer-left {
    align-items: flex-start;
}

.new-site-footer address {
    text-align: left;
}

.great-product {
    grid-template-columns: 310px 1fr;
}

.product-content {
    padding: 80px;
}

.great-product-img img {
    right: -190px;
    max-width: 500px;
}


.tesla-inverters-gallery-bg {
    min-height: 236px;
}

.tesla-inverters-gallery .gallery-col:nth-child(3) {
    display: none;
}


    .tesla-inverters-gallery {
        grid-template-columns: 1fr 1fr;
    }

.enphase-iq-battery-system.existing-battery-system .battery-system-box-outer h3 {
    font-size: 22px;
}

.existing-battery-system .battery-system-box-img {
    min-height: 300px;
}

.headings-backdrop-filter {
    padding: 24px 10px 24px 10px;
}

.inverter-replacement-content .title-sec {
    font-size: 42px;
}


.common-col-outer {
    gap: 88px;
}

.adding-solar-panel-comm .common-col-outer {
        display: flex;
        flex-direction: column-reverse;
        gap: 32px;
    }

.free-site-evaluation.adding-solar-free-site .container{ flex-direction: column;}
   
   .common-col-outer, .common-image-text .common-col-outer {
    flex-direction: column-reverse;
    display: flex
   }

.home-topps-difference .common-col-outer {
    flex-direction: column;
}


   .exciting-company-installs {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
}

.exciting-company-img {
    clip-path: inherit;
    width: 100%;
    min-height: 652px;
}

.directly-customers-outer{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.button-group-link {
        flex-direction: row;
}

.priority-sec .container {
    gap: 48px;
    grid-template-columns: 1fr;
}

.priority-sec.about-priority .container{ display: flex; flex-direction: column-reverse;} 

.priority-sec-img {
    max-width: 100%;
}

.single-blog-img {
    height: 607px;
}

.common-solution-wrapper {
    flex-direction: column;
}

.free-site-evaluation .container {
    gap: 64px;
    flex-direction: column;
}

.site-evaluation-image{ min-width: 100%;}

.software-sec .row {
    gap: 32px;
    flex-direction: column-reverse;
    display: flex;
}

.software-img-mobile {
    display: block;
}
.software-img-desktop {
    display: none;
}

.career-single-page .container {
    grid-template-columns: 326px 1fr;
}

.save-more h2 br, .save-more p br, .partner-with-us p br{ display: none;}
.project-system li span img {
    max-width: 34px;
    max-height: 34px;
}

.ad-banner {
    column-gap: 50px;
}

}

@media only screen and (max-width: 1366px) {
    .save-more h2 {
        font-size: 48px;
    }

    .arizona-save-more p {
    font-size: 26px;
    line-height: normal;
	max-width: 950px;
    }

.expert-for-solar h3 {
    font-size: 25px;
}

.utility-form {
    grid-template-columns: 608px 327px 1fr;

}

}    

@media only screen and (min-width: 1199px) {

.home-product-sec.dealer-home-product.powerwall-product .col-content {
    margin-top: 27px;
}


.powerwall-product .what-we-content h5 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.46px;
    color: #015030;
    margin-bottom: 16px;
}
.dropdown-item .hover-border:after {
    display: none;
}

}






@media only screen and (max-width: 1201px) {


    .new-top-header{ display: none;}


.new-main-header {
    padding: 20px 0 20px;
}

.new-top-header .new-top-header-list {
    display: none;
}


.navbar-item .menu-list {
    display: none;
}

.navbar-item .new-header-btn {
    display: none;
	order: inherit;	
}

.sidebar-nav.open{
    transform: translateX(0);
    opacity: 1;
    width: 266px;
}

.sidebar-nav {
        width: 160px;
        background-color: rgba(0, 0, 0, 0.90);
        position: fixed;
        height: 100%;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 64px 0px 0 16px;
        row-gap: 12px;
        overflow: auto;
        padding-bottom: 32px;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 400ms 
        cubic-bezier(0.4, 0, 0.2, 1), opacity 400ms 
        cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.6s;
    }

        .menu-list .dropdown .dropdown-drop > .dropdown > a {
    color: #5F5F5F;
}

.new-main-header .new-top-header-list, .new-main-header .new-top-header-list, .new-header-btn{ margin-right: 16px;}

.new-main-header .nav-item .nav-link, .is-sticky .new-main-header .nav-item .nav-link {
        padding: 10px 16px;
    }
    

.menu-list li {
    text-align: right;
}


    .new-main-header .nav-item .nav-link {
        text-align: right;
        font-size: 16px;
    }


.new-main-header .dropdown-drop{ height: 0; transition: all 0.8s; overflow: hidden; transition: height 0.3s ease; position: static; min-width: 100%;}
.new-main-header .dropdown-drop.active{ height: auto; overflow: visible; background-color: transparent;}

.menu-list {
    column-gap: 12px;
    flex-direction: column;
}

.new-main-header .new-top-header-list {
    display: flex;
}

.dropdown-drop .hover-border::after{ display: none;}

.back-mobile, .back-mobile:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.new-header-btn {
    flex-direction: column;
}

.new-header-btn .common-btn {
    width: auto;
}


.hamburger.hamburger2 .line {
        width: 24px;
        height: 3px;
}

.hamburger.hamburger2 .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}
.sidebar-nav .hamburger {
    margin-right: 3px;
}

.back-btn.nav-item {
    position: fixed;
    top: -48px;
}

.hamburger.hamburger2 .line:nth-child(1) {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

.new-top-header-list {
    align-items: flex-end;
	row-gap: 8px;
}

.is-sticky .hamburger .line{ background-color: #000;}

.is-sticky .new-main-header {
    padding: 20px 0 20px;
}

.is-sticky .sidebar-nav .hamburger .line{ background-color: #fff;}

.new-header.is-sticky .new-main-header .nav-item .nav-link {
    color: #fff;
}

.is-sticky .new-main-header .dropdown-item {
    color: #fff;
}

.new-header.is-sticky .new-top-header-list li a {
    color: #fff;
}

.new-header.is-sticky .new-header-btn .common-btn {
        padding: 8px 16px;
    }

.sidebar-nav-sub li a {
    padding: 4px 0px;
}   


.installation-cost {
        column-gap: 8px;
    }


    .enphase-details {
        grid-template-columns: 1fr;
    }

    .new-solar-web .slider-content p {
        font-size: 20px;
    }
	
	.new-solar-web.old-solar-web .slider-content p {
    font-size: 20px;
}

.removal-adding-solar .adding-solar-customer {
    background-position: -170px center;
}

.removal-adding-solar.adding-solar-troubleshooting .adding-solar-customer{background-position: center;}

.hamburger-new{ display: block;}

.is-sticky .hamburger-new span {
    background-color: #000;
}
body.open .is-sticky .hamburger-new span {
    background: #fff;
}



    .footer-left address, .footer-left .social-icons,.footer-left .certifications {
        display: none;
    }




.container.footer-container-top{  display: block;}

    .footer-container-top .footer-left {
        flex-direction: row;
        justify-content: space-between;
        display: flex;
        align-items: center;
        margin-bottom: 24px;
        column-gap: 20px;
    }

.footer-left{ display: none;}

.new-site-footer {
    row-gap: 0;
    padding-top: 60px;
}



    .contact-buttons {
        align-items: flex-start;
        flex-direction: row;
        gap: 12px;
    }

    .footer-bottom-links {
    display: none;
}


.footer-mobile .footer-bottom-links { display: flex;}

    .footer-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 12px;
        width: 100%;
    }

    .footer-bottom {
    justify-content: center;
}

    .new-site-footer .footer-container-middle {
        column-count: 4;
        row-gap: 14px;
        display: inline;
        margin-bottom: 24px;
    }

.footer-link {
        break-inside: avoid;
        padding-top: 0;
        margin-bottom: 25px;
    }

.new-solar-web.old-solar-web .energy-benefits-outer .count {
    font-size: 28px;
}


.new-main-header .dropdown-drop .dropdown-drop li:first-child {
    display: none;
}

.new-main-header .dropdown-drop .dropdown-drop {
    padding-left: 0;
}

.new-main-header .dropdown-drop li .dropdown-drop li {
    transform: translateX(0px) !important;
}

.new-main-header .dropdown-drop{ margin-top: 0px;}

}


@media only screen and (max-width: 1199px) {
	
/*** home ***/	
	
	
.plan-type-box-text h2 {
    font-size: 28px;
}

.home-banner .container {
    padding: 0 16px;
}

.solar-energy-benefits .container {
    padding: 0 16px;
}

.new-solar-web .solar-energy-benefits .container{ padding: 0 80px;}

.energy-benefits-outer span img {
    max-width: 40px;
    max-height: 40px;
}

.energy-benefits-outer {
    min-height: auto;
	column-gap: 10px;
}

.companies-logo {
    padding: 25px 0;
	margin: 0;
}

.compare-data h4 {
    font-size: 24px;
}

.home-blog .common-heading {
    padding-left: 30px;
}

.home-blog-image {
    height: 182px;
}

.innovation-text {
    padding: 9px 19px;
    font-size: 16px;
}

.first-percentage h2 {
    font-size: 56px;
}

.first-percentage h6 {
    font-size: 24px;
}

.product-adders .first-percentage h6 {
    font-size: 32px;
}

.first-percentage {
    min-height: 289px;
}

.ev-data {
    min-height: 260px;
}

.percentage-calculator-two .ev-data {
    min-height: 255px;
}

.first-percentage.second-percentage {
    min-height: 289px;
}


.percentage-calculator-two {
    padding-top: 34px;
}


.spotlight-text {
    background-color: #002013;
    width: 50%;
    padding: 36px 20px 36px 59px;
    display: flex;
    flex-direction: column;
    grid-row-gap: 12px;
    margin-top: 91px;
}

.spotlight .slick-prev::before {
    background-size: 15px;
}

.spotlight .slick-next::before, .spotlight .slick-next::before{ background-size: 22px;}

.spotlight .slick-next{right: 16px; bottom: 0px;}

.spotlight .slick-prev {
    right: 60px;
    bottom: 0px;
}


.spotlight-text {
    padding: 16px;
    width: 100%;
    margin-top: 0;
    padding-top: 96px;
	height: 100%;
}


.spotlight-outer {
    display: flex;
    flex-direction: column;
	height: 100%;
}


.spotlight-video iframe {
    height: 210px;
}

.common-heading p {
    font-size: 14px;
}


.spotlight .common-heading {
    padding-left: 0;
}

.spotlight .common-heading-data .large-title {
    position: static;
	text-align: left;
}

.play-button-hover .play-button {
    width: 64px;
    height: 44px;
    background: rgba(0, 0, 0, 0.80);
    opacity: 1;
    bottom: 0;
    margin: auto;
    border-radius: 8px;
    left: 0;
    right: 0;
}

.play-button-hover .play-button img {
    max-width: 19px;
}


.blog-date-read {
    flex-direction: inherit;
}


.blog-date-read span {
    margin: 0;
}

.home-blog-text p {
    font-size: 14px;
}


.spotlight .slick-track {
    display: flex;
}


.spotlight .slick-slide{ height: auto;}


.spotlight .slick-slide > div, .spotlight .slick-slide > div > div {
    height: 100%;
}


.spotlight-video {
    width: 100%;
    margin-right: 0;
    display: flex;
	margin-bottom: -80px;
	padding: 0 16px;
}

.spotlight .slick-slide > div > .spotlight-video {
    height: auto;
}

	
/***residential start ***/

.process-box {
    position: relative;
    width: calc(1/6*100%);
    justify-content: space-between;
    transition: opacity 0.125s 0s ease, width 0.375s 0s ease, transform 0.375s 0s ease;
    width: 100%;
    min-height: 322px;
    overflow: hidden;
    position: relative;  
}

.process-box:hover {
    width: 100%;
}



.process-box-text p {
    font-size: 16px;
    width: 275px;
	padding: 0 19px;
}

.process-box-text h4 {
    font-size: 23px;
	margin-top: 25px;
}


.compare-sec {
    padding-top: 40px;
    padding-bottom: 40px;
}

.compare-sec .container {
    padding: 0 16px;
}

.compare-sec .row {
    grid-row-gap: 16px;
}




.process-sec {
    padding: 40px 0 40px;
}


.about-sec.residential-about-sec .row {
    column-gap: 10px;
}

.about-sec.residential-about-sec {
    margin-bottom: 40px;
    padding-top: 0;
}


.residential-banner {
    min-height: 586px;
    padding-top: 26px;
    padding-bottom: 36px;
	background-position: bottom;
}

.residential-banner h1 {
    font-size: 60px !important;
}

.residential-banner h1 span {
    font-size: 60px !important;
}

.home-product-sec.residential-product-sec {
    padding-top: 40px;
    padding-bottom: 40px;
}

.about-sec .container {
    padding: 0 16px 0 16px;
}


.what-we-content h5 {
    font-size: 20px;
    margin-bottom: 12px;
}

.compare-sec .what-we-content p {
    font-size: 14px;
}

.what-we-use li span, .common-round-icon {
    width: 34px;
    height: 34px;
}



.what-we-content {
    padding-left: 10px;
}

.our-finance-partners h4 {
    font-size: 25px;
}

.home-blog .container {
    padding: 0 16px;
}

.home-blog-text {
    padding: 16px;
}

.blog-date-read span {
    font-size: 12px;
}

.blog-date-read h6 {
    font-size: 12px;
}

.home-blog-text h2, .home-blog-text h4 {
    font-size: 20px;
}

.home-blog-text p {
    font-size: 14px;
}

.blog-date-read {
    margin-bottom: 20px;
}

.home-product-sec.residential-product-sec .product-bg {
    left: auto;
    bottom: -43px;
    right: -26px;
    background-size: 616px;
}



/***residential end ***/	
	
	
	
	
	
/**** footer ****/	
	
.footer-menu-outer .container {
    flex-wrap: wrap;
}


.footer-menu-outer .container {
    display: flex;
    column-gap: 0;
    flex-wrap: wrap;
    grid-row-gap: 24px;
}


.menu-box {
    width: 33.33333333333333%;
    padding: 0 12px;
}


.site-footer .container {
    padding: 0 16px;
}

.site-footer .energy-utility .container {
    padding: 0 16px;
}

.utility-form {
    grid-template-columns: 408px 327px 1fr;
    column-gap: 20px;
}

.menu-box:nth-child(3n+1) {
    padding-left: 0;
}

.copyright-left .widget {
    display: flex;
    align-items: flex-start;
    column-gap: 24px;
    flex-direction: column;
}


.utility-form {
    grid-template-columns: 358px 287px 1fr;
}

.product-bg {
    right: -140px;
    background-size: 781px;
    bottom: -48px;
}


.satisfied-customers .more-btn {
    right: 8px;
    top: -47px;
}

.panels-installed-number {
    display: inline-flex;
    padding: 43px 10px 42px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #015030;
    color: #fff;
    position: absolute;
    bottom: -70px;
    max-width: 119px;
    width: 100%;
    height: 119px;
}


.panels-installed-number p {
    font-size: 12px;
}

.panels-installed-outer img {
    padding-left: 68px;
    padding-right: 30px;
}

.spotlight-video-popup iframe {
    height: 481px; 
}

.common-content-data-img {
    width: 100%;
    max-width: 420px;
}

.common-about-content-img-one .common-content-flex .common-content-data-content {
    padding-left: 50px;
}

.common-content-flex .common-content-data-content {
    width: 100%;
}

.common-about-content-img-two .common-content-flex .common-content-data-content {
    padding-right: 35px;
}




.project-popup.common-popup-content .modal-content .modal-body {
    padding-top: 0;
}

.project-popup #photo-view-container {
    width: 100%;
}

.project-details {
    width: 100%;
}


.slider-main-image{ height: 361px;}


.job-description-data h3 {
    font-size: 23px;
}


/*** dealer ***/

.deals-text h4 {
    font-size: 20px;
}

.dealer-premium-product .premium-product-img {
    max-width: 426px;
}


.dealer-premium-product .premium-product-content{ width: calc(100% - 426px);}


.deals-text {
    display: flex;
    column-gap: 43px;
    margin-bottom: 16px;
}

.premium-product-content p {
    font-size: 16px;
    margin: 0 0 16px;
}

.dealer-premium-product .premium-product-sec::before {
    top: 30px;
    bottom: 30px;
}


.dealer-home-product .first-percentage img {
    max-width: 110px;
}


.dealer-home-product .product-bg {
    right: -40px;
    background-size: 731px;
    bottom: -38px;
}


.premium-product-outer {
    column-gap: 22px;
}


/** product **/


.product-banner h4 {
    font-size: 54px !important;
}

.product-banner h1 {
    font-size: 100px !important;
}

.product-banner h3 {
    font-size: 54px !important;
}

.premium-product-img {
    max-width: 440px;
}


.common-heading h3 {
    font-size: 20px;
}


.large-title {
    font-size: 70px;
	left: -22px;
}


.common-heading h6 {
    font-size: 16px;
}

.common-heading-data {
    padding: 33px 0;
    margin-bottom: -16px;
}


.product-monitoring .large-title {
    font-size: 70px;
}

.product-monitoring .common-heading-data {
    padding: 33px 0;
}

.common-heading-center .common-heading-data {
    padding: 36px 0;
    margin-bottom: -21px;
}


.book-meeting-date .sec-col-meeting-form {
    grid-template-columns: 1fr;
}

.energy-benefits-outer .count {
    font-size: 28px;
}

.energy-benefits-outer .count-p {
    font-size: 20px;
}



.home-blog .row > * {
    padding: 0 12px;
}

.home-blog .row {
    margin: 0 -12px;
}

.spotlight .common-heading-data {
    padding: 0;
}

.resources-sec .home-blog-image {
    height: 203px;
}

.premium-product-content h3 {
    font-size: 30px;
}

.premium-product-content h3 span {
    font-size: 30px;
}

.premium-product-content {
    width: calc(100% - 440px);
}

.commitment-success h4 {
    font-size: 20px;
}

.dealer-home-product .row {
    column-gap: 20px;
}

.partnerships-premium-product .premium-product-content h4 {
    font-size: 27px;
}

.partnerships-premium-product .premium-product-content h5 {
    font-size: 35px;
}

.award-outer {
    grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
    grid-row-gap: 20px;
}

.slider-content p {
  font-size: 20px;
  text-align: left;
}

.energy-benefits-outer .count {
    font-size: 30px;
}

.solar-energy-benefits.commercial-energy-benefits .slider-rotate-width {
    max-width: 600px;
}


.financing-logo-desktop{display: none;}
.financing-logo-mobile{ display: block;}

.partners-companies-logo img {
    max-width: 250px;
}

div#cookie-law-info-bar {
    top: 0;
    background-color: rgba(0, 0, 0, 0.67) !important;
    padding: 16px !important;
    z-index: 99999;
    align-items: center;
    justify-content: center;
	height: 100%;
}

div#cookie-law-info-bar > span{
	height: 100%;
	align-items: center;
    justify-content: center;
	display: flex;
}

div#cookie-law-info-bar .cli-bar-container {
    background-color: #FFF;
    display: flex;
    padding: 56px 16px 16px;
    border-radius: 8px;
	width: 100%;
    max-width: 361px;
	position:relative;
}

.cli-bar-message {
    font-size: 16px;
}

.cli-bar-btn_container{
	width: 100%;
    margin-left: 0 !important;
	padding: 8px 22px;
}

.cli-bar-btn_container a{
	width: 100%;
	font-size: 15px !important;
}

.cli-bar-container {
    flex-direction: column;
}

#cookie-law-info-bar .cli-style-v2 .cli-bar-message {
    width: 100%;
    text-align: left;
	margin-bottom: 24px;
}


.cli-bar-container .cookie_action_close_header_reject {
	display:block;
    position: absolute;
    right: 16px;
    top: 12px;
    width: 24px;
    height: 24px;
    word-wrap: break-word;
	background-image: url(../assets/images/close-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent !important;
	color: transparent !important;
}

.popup-title {
    position: absolute;
    top: 16px;
    left: 16px;
    color: #242424;
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.15px;
	display: inline-block;
}

.sub-text-cookie h4 {
	font-size: 22px;
}

.out-guarantee-content {
    font-size: 25px;
}

.spotlight.match-spotlight {
    padding-top: 50px;
    padding-bottom: 160px;
}

.happy-customers {
    width: 100%;
    padding: 32px 0px 0;
    margin: 0;
	max-width: 100%;
}

.happy-customers-inner {
    width: 100%;
    margin: 0;
    padding: 24px;
}

.happy-customers p {
    max-width: 100%;
}

/* ======referral page ========*/



.referral-banner .match-beat-text h1, .referral-banner .match-beat-text h1 span{
	font-size: 24px;
}
.referral-banner .match-beat-text p{
	font-size: 16px;
}

.referral-content h1 {
    font-size: 56px;
}

.ref-program .common-heading-data .large-title {
    font-size: 100px;
}

.ref-program .common-heading-data {
    padding: 51px 0;
    margin-bottom: -21px;
}

.refferal-sec .ref-program {
    padding-top: 0;
}





/* ======referral page ========*/


.page-template-Best-Solar-Company div#message-container h4 {
    font-size: 28px;
}

.close-button-green {
    right: 10px;
    top: 3px;
}


.exciting-update .large-title {
    font-size: 54px;
}


.exciting-update .common-heading {
        padding-left: 0;
    }
	


.battery-sec .first-percentage {
    min-height: 289px;
}

.battery-sec .percentage-calculator-two .ev-data {
    min-height: 255px;
}


.battery-sec .ev-data {
    min-height: 260px;
}

.battery-cover .container {
    display: flex;
    flex-direction: column;
}

.battery-cover-content h2 {
    font-size: 40px;
}


.battery-cover-content .btn-space .common-outline-btn {
    width: auto;
}

.battery-cover-content .col-content p {
    font-size: 20px;
    font-weight: 400;
}

.battery-cover .container {
    row-gap: 30px;
	flex-direction: column;
	display: flex;
}

.powerwall-banner h1 {
    font-size: 42px;
}

.powerwall-banner {
    min-height: 500px;
    padding: 112px 0 60px;
	background-position: right bottom;
}


.comparing-specs .table tbody .first-row {
    font-size: 18px;
}


.comparing-specs .table tbody {
    font-size: 16px;
}

.comparing-specs .table thead th {
    font-size: 18px;
}


.comparing-specs {
    padding: 40px 0 40px;
}

.home-product-sec.dealer-home-product.powerwall-product {
    padding-bottom: 60px;
    padding-top: 60px;
}

.promotional-banner h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }

.promotional-banner h6 {
    font-size: 22px;
}

.promotional-banner .match-beat-text {
    max-width: 400px;
    width: 100%;
}

.promotional-banner .match-beat-form h2 {
    font-size: 28px;
}


.exciting-content {
    padding-right: 0px;
}


.equipment-preference-action li {
    align-items: flex-start;
    flex-direction: column;
	border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.equipment-lable {
    min-width: 100%;
}

.equipment-check {
    flex-direction: column;
	align-items: flex-start;
}

.equipment-check .wpcf7-form-control {
    row-gap: 10px;
	flex-direction: column;
}


.equipment-check {
    row-gap: 20px;
}


.equipment-lable span, .equipment-lable p {
    font-size: 14px;
    margin-bottom: 10px;
}

.equipment-preference-action li:last-child {
    border: none;
}	

.equipment-input .form-group {
    width: 120px;
    min-width: 120px;
}


.installation-banner .banner-title {
    font-size: 50px;
}

.installation-banner {
    min-height: 640px;
}

.installation-battery  .battery-cover-content .btn-space a {
        flex: inherit;
    }

.installation-battery .battery-cover-content .btn-space {
    justify-content: center;
}


.energy-system .btn-link{
    border-radius: 10px;
    background-color: transparent;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    color: #015030;
    min-height: 104px;
    text-align: left;
    display: flex;
    align-items: center;
    column-gap: 16px;
    padding: 0 14px;
	text-decoration: none;
	width: 100%;
}

.energy-system .btn-link span {
    width: 31px;
}

.energy-system .btn-link[aria-expanded="true"]{
    background: var(--brand-gradient, linear-gradient(129deg, #04633D 11.88%, #002617 88.08%));
    color: #fff;
}

.energy-system .btn-link[aria-expanded="true"] img{ filter: brightness(1000);}

.accordion .card {
    border: none;
    background-color: transparent;
}

.accordion .card .card-header {
    background-color: transparent;
    border: none;
    padding: 0;
}

.energy-system h2 {
    font-size: 20px;
	margin-bottom:32px;
}

.energy-system p {
    font-size: 16px;
}	

.energy-system  .card-body{ padding: 14px;}


.existing-solar .title-sec {
    font-size: 27px;
    line-height: normal;
}

.existing-solar {
    padding: 50px 0 50px;
}

.existing-solar.enphase-iq-existing.replacement-existing {
    padding-bottom: 50px;
}

.control-replacement-arizona .center-content p {
    max-width: 510px;
    margin: 0 auto;
}

.save-more h2 {
    font-size: 25px;
}

.save-more p {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    line-height: 24px;
}



.save-more {
    padding: 50px 0px;
}

.battery-cover-img img {
    max-width: 470px;
}


.federal-data {
    grid-template-columns: 1fr;
}

.installing-standalone {
    padding: 48px;

}

.navbar-item .navbar-brand {
    order: inherit;
}

.navbar-item .new-header-btn {
    order: 2;
}

.navbar-item {
    flex-wrap: wrap;
}

    .navbar-item .menu-list {
        order: 3;
        column-gap: 4px;
        flex-grow: 1;
        justify-content: center;
    }

.navbar-item {
    row-gap: 20px;
}

.is-sticky .navbar-item {
    row-gap: 7px;
}


.new-header.is-sticky{ background: #fff;}

.installation-battery .battery-cover-content .col-content p{ text-align: left;}


.energy-system .container{ grid-template-columns: 1fr;}


.energy-system .tab-content {
    margin-top: 30px;
}

.energy-system .nav-link {
    min-height: 80px;
}


.federal-tax h2 {
        font-size: 64px;
        max-width: 100%;
        margin-left: inherit;
    }

.federal-tax {
    text-align: center;
    padding: 48px 24px;
    justify-content: center;
}


.solution-usage-outer {
    grid-template-columns: 1fr;
    gap: 40px;
}


.padding-top-80 {
    padding-top: 48px;
}

.padding-bottom-80 {
    padding-bottom: 48px;
}

.free-site-evaluation.adding-solar-free-site {
    padding-top: 48px;
    padding-bottom: 48px;
}

.title-sec, .take-control .title-sec{
    font-size: 40px;
    line-height: normal;
}

.title-sec-sub {
    font-size: 24px;
}

.installation-process-sec .process-box .process-box-text h3 {
        line-height: 30px;
        font-size: 21px;
}

.battery-system .battery-system-box-outer {
    gap: 24px;
}

.new-main-header .nav-item .nav-link,.is-sticky .new-main-header .nav-item .nav-link {
        padding: 10px 20px;
    }


.battery-backup-work {
    padding: 48px 0;
}


.installation-process {
    flex-wrap: wrap;
}


.installation-process-box {
    min-height: 500px;
    width: 100%;
}

.installation-process {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.installation-process-box:nth-child(odd):last-child {
    grid-column: 1 / -1;
}

.installation-process-text h3 {
    font-size: 32px;
    line-height: 49px;
}

    .installation-process-text {
        padding: 0 22px;
    }

.installation-battery .battery-cover-content h2 {
    font-size: 30px;
    letter-spacing: normal;
}


.stable-clean-energy .container {
    row-gap: 50px;
}

    .expert-for-solar h3 {
        font-size: 25px;
    }

 .what-new .accordion-item {
    padding: 24px;
}

.what-new .accordion-button::after, .what-new .accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 25px;
}

    .why-add .title-sec {
        font-size: 40px;
        line-height: normal;
    }


.removal-adding-solar .adding-solar-customer {
        clip-path: ellipse(61% 95% at 39% 54%);
    }

.common-btn.new-common-btn-p {
        padding: 16px 20px;
        font-size: 16px;
    }

.battery-backup-work.enphase-iq-battery h3{ font-size: 23px;}

   .enphase-iq-battery-system  .battery-system-col {
        border-radius: 0;
        border: none;
        background: transparent;
        box-shadow: none;
        overflow: visible;
        padding-bottom: 0px;
    }

      .enphase-iq-battery-system .battery-system-box-img {
        border-radius: 24px;
    }


.enphase-details {
    grid-template-columns: 1fr;
}


.enphase-quality .nav {
    gap: 10px;
}

    .enphase-iq-battery-system .battery-system-box-outer h3 {
        line-height: normal;
        margin-bottom: 4px;
        font-size: 24px;
    }

.enphase-iq-battery-system .battery-system-box-outer p {
        font-size: 16px;
        line-height: normal;
        font-weight: 400;
    }

.adding-solar.adding-solar-energy-system .parent-outer {
    gap: 40px;
    align-items: stretch;
    display: flex;
    flex-direction: column-reverse;
}  

.removal-adding-solar .adding-solar-content .title-sec {
    max-width: 100%;
}  

    .indicators-troubleshoot {
        min-height: 510px;
    }

.federal-data {
    grid-template-columns: 1fr;
}

    .removal-adding-solar .adding-solar-customer {
        background-position: center;
    }

.battery-system-box-outer h3 {
    font-size: 24px;
    line-height: normal;
}
    
.expert-for-solar {
  grid-template-columns: 1fr;
}

.enphase-quality .title-sec {
    font-size: 40px;
}

.new-solar-web .energy-benefits-outer span img {
    max-width: 60px;
    max-height: 60px;
}

.battery-system-box-img, .existing-battery-system .battery-system-box-img {
    min-height: 290px;
}

.our-warehouse .battery-system-box-outer {
    grid-template-columns: 1fr;
}

.our-warehouse .battery-system-col {
    display: grid;
    grid-template-columns: 420px 1fr;
}

.new-solar-web .our-reviews .title-sec {
        font-size: 35px;
    }




.take-control.control-replacement-arizona .title-sec {
    font-size: 31px;
}

.control-replacement-arizona .battery-solution h3 {
    font-size: 24px;
}

.control-replacement-arizona .battery-solution p {
    font-size: 16px;
}

.battery-backup-work h3 {
    font-size: 24px;
}

.battery-backup-work .title-sec{
    font-size: 35px;
    line-height: normal;
}

    .new-site-footer .footer-container-middle {
        column-count: 4;
    }



.product-content {
    padding: 48px;
}

.great-product {
    grid-template-columns: 290px 1fr;
    gap: 80px;
}

.great-product-img img {
    right: -180px;
    max-width: 400px;
}

.product-content {
    padding: 48px;
}

.great-product {
    gap: 100px;
}

    .tesla-inverters-gallery {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

.tesla-inverters-gallery-bg {
    min-height: 202px;
}

.tesla-inverters-gallery .gallery-col:nth-child(3) {
    display: none;
}

.tesla-inverters-gallery .gallery-col:nth-child(1) {
    gap: 8px;
}


.partner-with-us p {
    font-size: 22px;
}

.great-product-img {
    min-height: 641px;
}

.headings-backdrop-filter {
    padding: 24px 0 24px 0;
}

.enphase-iq-battery-system.existing-battery-system .battery-system-box-outer h3 {
    font-size: 20px;
}


.inverter-replacement {
    display: flex;
    flex-direction: column-reverse;
}


.inverter-replacement-img::before {
    border-radius: 50%;
    height: 550px;
    width: 550px;
    right: 0;
    bottom: -2px;
    top: auto;
    left: 0px;
    margin: auto;
}

.inverter-replacement-img {
    margin-left: inherit;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    padding-right: 60px;
}

.inverter-replacement-img img {
    max-width: 574px;
    right: 0;
    bottom: 0;
    left: 40px;
    margin: auto;
}

.inverter-replacement-content {
    padding: 24px 80px 0;
}

.inverter-replacement {
    padding: 48px 0;
}

.inverter-replacement {
    padding-right: 0px;
}


.removal-clean-energy .expert-for-solar {
    grid-template-columns: 1fr 1fr;
}

.installation-banner.solar-battery-banner {
    background-position: 82%;
}

.process-box-outer {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
 }

.process-box {
    width: 100%;
  }

  .process-box:hover {
    width: 100%;
}

.referral-box {
    grid-template-columns: 1fr 1fr;
}

.price-overlay h3 {
    font-size: 40px;
}

.referral-options {
    gap: 48px;
}


.common-banner-img {
    max-width: 213px;
}

.common-banner-add h2 {
    font-size: 24px;
    line-height: normal;
}

.chose-enphase {
    flex-direction: column-reverse;
}

.chose-enphase-logo {
    justify-content: center;
    max-width: 100%;
    padding: 20px 48px 0;
}


    .chose-enphase-content {
        padding: 40px 48px 50px;
        flex: 1;
    }


.chose-enphase::after {
    left: auto;
    width: 100%;
    height: 100%;
    background: linear-gradient(101deg, #04633D 0.46%, #002617 71.56%, #012A1A 100%);
    transform: inherit;
    clip-path: ellipse(75% 85% at 29% -6%);
    clip-path: polygon(200% 0%, 100% 100%, 40% 100%, -180% 100%);
}


.chose-enphase-logo img {
    max-width: 260px;
}

.safety-benefit {
    grid-template-columns: 1fr 1fr;
    display: grid;
}
.chose-enphase-content .title-sec {
    max-width: 730px;
}

.partner-with-us .title-sec{ font-size: 40px;}

.site-evaluation-image {
    width: 100%;
    min-width: 100%;
    min-height: 740px;
}

.free-site-evaluation .title-sec {
    font-size: 48px;
    max-width: 900px;
}  


.gallery-content {
    min-width: 100%;
}


.gallery-content .first-percentage {
        min-height: 374px;
    }

    .gallery-content .percentage-calculator-two .ev-data {
        min-height: 330px;
    }


       .gallery-content .first-percentage.second-percentage {
        min-height: 374px;
    }

.gallery-content .ev-data {
        min-height: 330px;
    }

    .gallery-content .first-percentage h6 {
        font-size: 28px;
    }

    .gallery-content .first-percentage h2{ font-size: 76px; line-height: 74px;}

.gallery-content .systems-exceed {
        max-width: 660px;
        margin: 0 auto;
    }

    .gallery-content .percentage-calculator-two {
        padding-top: 40px;
    }

    .meet-your-need .title-sec {
    max-width: 640px;
    margin: 0 auto;
   }

   .meet-your-need.power-your-home .title-sec{ max-width: 100%;}

   .exciting-company-content .title-sec-sub br, .directly-customers-content .title-sec-sub br{
    display: none;
   }
   
.single-blog-img {
    height: 490px;
}


.button-space-lefts {
    padding-left: 153px;
}

.inner-faq-content {
    flex-direction: column;
}

.faq-video-play {
    height: 510px;
}

.faq-desc {
    width: 100%;
}

.faq-accordion .card-body {
    padding: 24px 0 0;
}

.career-single-page .container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
}

.career-block-banner {
    display: none;
}

.career-single-page .multiple-category li {
    padding: 8px 12px;
    font-size: 12px;
}


.project-details-value {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


.single-blog-section .embla-slider-outer .embla__container .embla__slide .row>* {
    padding: 0 14px;
}

.single-blog-section .embla-slider-outer .embla__container .embla__slide .row {
    margin: 0 -14px;
}

.project-system {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.warranty-sec p br {
    display: none;
}

.ad-banner {
    background-color: #062538;
    padding: 0 0px;
    display: grid;
    column-gap: 40px;
    grid-template-columns: 40% 1fr;
}

.ad-banner-tex p {
    font-size: 20px;
}

.ad-banner-tex {
    padding: 24px 24px 24px 0;
}

.ad-banner-img {
    clip-path: inherit;
}


.year-warranties p span {
    padding-right: 0;
    font-size: 24px;
}

.year-warranties:before{ display: none;}

.manufacture-list thead th, .manufacture-list tbody td {
    padding: 15px;
}
.manufacture-list table th {
    font-size: 18px;
}

.career-sec .dataTable tbody tr td {
    padding: 15px;
}

.career-sec .dataTable thead tr th {
    font-size: 18px;
    padding: 15px;
}

.sorting .category-sorting:after {
    background-size: 26px;
}

}


@media screen and (max-device-width:992px), screen and (max-width:1199px) {
.home-contact-form-text h4 {
    font-size: 24px;
    margin-bottom: 10px;
}	

.home-contact-form-text ul li p {
    font-size: 23px;
}

.got-questions h3 {
    font-size: 23px;
}

.got-questions h5 {
    font-size: 30px;
}

.hours-operation {
    flex-direction: column;
}

.hours-operation {
    grid-row-gap: 20px;
}

.home-contact-form {
    width: 100%;
    max-width: 540px;
}

.operation-data p {
    font-size: 20px;
}

.home-contact-form-text ul {
    padding-left: 0;
}

.installer-icon {
    width: 30px;
}

.inner-small-banner h1 {
    font-size: 44px;
}



}



@media only screen and (max-width: 1024px) {
.finance-partners-companies .slick-slide img {
    max-width: 200px;
    max-height: 45px;
}


.installation-cost {
        column-gap: 24px;
    }

.equipment-warehouse-outer .bg-zoom-outer:nth-child(3) {
    display: none;
}

.take-control .product-slider .embla__slide {
    flex: 0 0 100%;
}

}

@media only screen and (max-width: 993px) {
.enphase-quality .nav .nav-link {
    padding: 12px;
    width: 100%;
}

.removal-adding-solar .adding-solar-content{ padding: 80px 80px 80px 48px;}

.chose-enphase-content .title-sec {
        max-width: 800px;
    }

}



@media only screen and (min-width: 991px) {

.header-login{ display: none;}



.nav-tabs.nav-tabs-slick-desktop {
    display: block;
}	

.nav-tabs.nav-tabs-slick-mobile{ display: none;}

.sec-col-meeting-form .second-section-book-calender-form {
    display: none;
}

.call-sec{display: none;}


.show-mobile{ display: none;}
.show-desktop{ display: block;}

}


@media screen and (max-device-width:768px), screen and (max-width:991px) {

.career-social-change {
    display: flex;
    flex-direction: column;
    grid-row-gap: 24px;
    margin-bottom: 16px;
	margin-top: 16px;
}

.career-social-outer {
    display: none;
}

.career-social-change .career-social-icon .navigation {
    margin-left: auto;
}

.nav-links {
    display: flex;
    column-gap: 12px;
}

.career-single-page .row {
    grid-row-gap: 16px;
}

.better-serve {
    padding-left: 0;
}

}


@media only screen and (max-width: 991px) {
	

.page-template-home-inner-contact-form-page .close-button-green {
    top: -6px;
}

.here-to-assist .common-col {
    padding: 0 12px;
}


.here-to-assist {
    padding-top: 30px;
    padding-bottom: 45px;
}

.here-to-assist .common-heading h3 {
    font-size: 28px;
} 

.service-banner h1 {
    font-size: 54px;
}

.service-banner {
    min-height: 400px;
}


.here-to-assist .container {
    padding: 0 16px;
}

.here-to-assist .row {
    grid-row-gap: 24px;
}



.about-sec {
    padding: 18px 0 0;
}




.first-percentage.second-percentage {
    height: 140px;
}


.first-percentage h2 {
    font-size: 40px;
}


.first-percentage h6 {
    font-size: 18px;
}

.product-adders .first-percentage h6 {
    font-size: 22px;
}


/*** contact ***/

.contact-address {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    grid-row-gap: 24px;
}

.address-top h3 {
    font-size: 20px;
    font-weight: 700;
}

.address-top h1 {
    font-size: 20px;
    margin: 8px 0 16px;
}


.hours-operation {
    display: flex;
    flex-direction: column;
    column-gap: 0;
}


.contact-sec {
    padding: 16px 0 24px;
}

.address-top {
    margin-bottom: 0;
}


.operation-data h6 {
    font-size: 24px;
    margin: 0 0 8px;
}

.operation-data p {
    font-size: 20px;
}

.contact-address .hours-operation {
    margin-bottom: 0px;
    grid-row-gap: 24px;
}


.contact-map {
    margin-bottom: 0;
}



/*** home ***/

.home-banner .container {
    padding: 0 16px;
}

.home-banner-text h1 {
    font-size: 45px;
}

.banner-input {
    max-width: 100%;
}

.home-banner-text h6 {
    font-size: 20px;
}


.common-btn {
    padding: 8px 16px;
    font-size: 14px;
}



.input-range .rangevalue {
    font-size: 20px;
    text-align: center;
}

.energy-benefits-outer .count {
    font-size: 32px;
}

.energy-benefits-outer .count {
    font-size: 28px;
}

.energy-benefits-outer .count-p {
    font-size: 15px;
}

.energy-benefits-outer h6 {
    font-size: 12px;
}



.energy-benefits-outer span img {
    max-width: 48px;
    max-height: 48px;
}


.monthly-electric-bill {
    margin-top: 16px;
    margin-bottom: 0;
}

.home-banner-text h1 span {
    line-height: 160%;
}

.energy-benefits-outer {
    min-height: auto;
}

.energy-benefits-outer {
    column-gap: 20px;
}

.panels-installed-outer img {
   padding-left: 0;
    padding-right: 14px;
	width: 100%;
}

.about-sec .container {
    padding: 0 16px 0 16px;
}



.companies-logo {
    padding: 16px 0;
    margin-top: 0;
}

.home-companies-logo .slick-slide img {
    display: inline;
    max-width: 184px;
    max-height: 94px;
}





.plan-type-box-text h2 {
    font-size: 20px;
	margin-bottom: -41px;
}


.col-content p {
    font-size: 16px;
}

.about-sec .remove-text .col-content {
    margin-top: 0;
}

.about-sec .common-outline-btn {
    width: 100%;
}

.home-product-sec .container {
    padding: 0 16px 0 16px;
}

.what-we-use li span {
    width: 24px;
    height: 24px;
}

.what-we-use li span img {
    max-width: 13px;
}


.what-we-content h5 {
    font-size: 20px;
    margin-bottom: 0px;
}

.what-we-content {
    width: calc(100% - 24px);
    padding-left: 8px;
}



.home-product-sec {
    padding-top: 40px;
    padding-bottom: 40px
}



.home-product-sec .what-we-use {
    margin-left: 0;
}


.common-outline-btn {
    width: 100%;
	font-size: 14px;
	padding: 8px 10px
}



.col-content {
    margin-top: 16px;
}


.systems-exceed {
    display: flex;
    max-width: 358px;
    margin: 0 auto;
}


.product-bg {
    top: 0px;
    left: -7px;
    background-size: 391px;
    bottom: 0;
}

.more-btn {
    height: 56px;
    width: 56px;
    border-width: 1px;
} 


.more-btn span {
    font-size: 12px;
    width: 40px;
    height: 40px;
}

.satisfied-customers .more-btn {
    right: 0px;
    top: -26px;
    z-index: 1;
    position: absolute;
}

.home-blog .container {
    padding: 0 16px;
}

.innovation-text {
    left: 16px;
    font-size: 16px;
	padding: 8px;
}


.blog-read-more {
    font-size: 35px;
}

.home-blog-image {
    height: 150px;
}

.home-blog-text {
    padding: 16px 16px 16px;
}

.home-blog-text h2, .home-blog-text h4 {
    font-size: 16px;
}


.common-heading.common-heading-middle {
    margin: 0 auto 24px;
}

.spotlight .container {
    padding: 0;
}

.spotlight-text {
    padding: 16px;
}


.spotlight-video {
    width: 100%;
    margin-right: 0;
    display: flex;
	margin-bottom: -80px;
	padding: 0 16px;
}


.spotlight-text h2 {
    font-size: 25px;
}

.spotlight-text h6 {
    font-size: 18px;
}

.spotlight-text p {
    font-size: 18px;
}

.spotlight-text h5 {
    font-size: 20px;
}


.spotlight .slick-prev::before {
    background-size: 15px;
}

.spotlight .slick-next::before, .spotlight .slick-next::before{ background-size: 15px;}

.spotlight .slick-arrow {
    width: 35px;
    height: 35px;
}

.spotlight .slick-next{right: 16px; bottom: 4px;}

.spotlight .slick-prev {
    right: 60px;
    bottom: 4px;
}


.spotlight-text {
    padding: 16px;
    width: 100%;
    margin-top: 0;
    padding-top: 96px;
    height: 100%;
}


.spotlight-outer {
    display: flex;
    flex-direction: column;
}


.spotlight-video iframe {
    height: 440px;
}

.common-heading p {
    font-size: 14px;
}


.spotlight .common-heading {
    padding-left: 40px;
}

.spotlight .common-heading-data .large-title {
    position: static;
}


.blog-date-read {
    align-items: flex-start;
    margin-bottom: 15px;
    flex-direction: column;
}


.blog-date-read h6 {
    font-size: 14px;
}

.blog-date-read span {
    margin-top: 10px;
	font-size: 14px;
}


.home-blog-text p {
    font-size: 13px;
	margin: 16px 0 0;
}

.spotlight-after {
    top: 70px;
}


.first-percentage {
    min-height: 201px;
}

.first-percentage.second-percentage {
    min-height: 201px;
}


.percentage-calculator-two {
    padding-top: 19px;
}

.ev-data {
    min-height: 182px;
}

.percentage-calculator-two .ev-data {
    min-height: 182px;
}

.click-information .common-btn {
    width: auto;
}

.spotlight-outer {
    height: 100%;
}

.spotlight .slick-slide > div, .spotlight .slick-slide > div > div {
    height: 100%;
}

.spotlight .slick-slide{ height: auto;}


.spotlight .slick-track {
    display: flex;
}

/*** residential start ***/



.home-product-sec.residential-product-sec .product-bg {
    left: auto;
    bottom: -32px;
    right: -26px;
    background-size: 546px;
}

/*** residential end ***/

/** footer ***/

.page-template-services .site-footer .energy-utility .container {
    padding: 0 16px;
}

.utility-rates-form h2 {
    font-size: 30px;
}

.site-footer .container {
    padding: 0 16px;
}

.utility-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    margin-top: 11px;
    grid-row-gap: 20px;
}

.utility-rates-form h4 {
    font-size: 22px;
}

.site-footer .energy-utility .container {
    padding: 0 16px;
}


.site-footer .container {
    padding: 0 16px;
    grid-column-gap: 0;
    grid-row-gap: 24px;
	flex-wrap: wrap;
}

.menu-box {
    width: 50%;
}

.copyright-left .widget {
    display: flex;
    align-items: flex-start;
    column-gap: 24px;
    flex-direction: column;
	grid-row-gap: 8px;
}

.footer-copyright .row {
    align-items: center;
}


.footer-brand-logo {
    margin-top: 24px;
}

.copyright-left p span {
    display: block;
}


.panels-installed-outer img {
    padding-left: 12px;
    padding-right: 0px;
}


.spotlight-video-popup iframe {
    height: 391px;
}

.panels-installed-number h2 {
    font-size: 26px;
}


.residential-banner.commercial-banner h1 {
    font-size: 52px !important;
}

.residential-banner.commercial-banner h1 span {
  font-size: 52px !important;
}


.premium-product-outer {
    flex-direction: column;
}


.premium-product-img {
    max-width: 100%;
    overflow: hidden;
	height: 400px;
	width: 100%;
}

.premium-product-content {
    width: 100%;
	padding: 30px 0;
}

.premium-product-content h3 {
    font-size: 35px;
}

.premium-product-sec::before {
    top: 160px;
	bottom: 0;
}

.premium-product-img img {
    width: 100%;
	height: 100%;
}

.compare-sec.commercial-compare-sec {
    padding-top: 38px;
}

.process-sec.commercial-process-sec {
    padding: 38px 0 50px;
}



.banner-monthly-bill {
   max-width: 100%;
}


.solar-energy-benefits.commercial-energy-benefits .energy-benefits-outer h6 {
    font-size: 25px;
}

.solar-energy-benefits.commercial-energy-benefits .energy-benefits-outer span {
    min-width: auto;
}


.common-content-flex {
    flex-direction: column;
}


.common-content-flex .common-content-data-content {
    width: 100%;
}

.common-about-content-img-one .common-content-flex .common-content-data-content {
    padding-left: 0;
}

.common-about-content-img-two .common-content-flex .common-content-data-content {
    padding-left: 0;
    padding-right: 0;
}

.common-content-img.common-about-content-img-two .common-content-flex {
    flex-direction: column-reverse;
}




.process-box-text h4 span {
    display: inline;
}

.about-banner {
    min-height: 400px;
    background-position: center;
}


.common-content-data-img {
    max-width: 100%;
}


.common-content-flex .add-text .common-heading {
    display: block;
}

.common-content-flex .remove-text .common-heading {
    display: none;
}

.process-sec.about-process {
    padding: 40px 0 0px;
}
 
.resources-sec .cvf_pag_loading .row > * {
    padding: 0 12px;
}

.resources-sec .cvf_pag_loading .row {
    margin: 0 -12px;
    grid-row-gap: 24px;
}

.resources-content {
    width: 100%;
}

.updates-tabbing .nav-tabs .nav-item {
    width: auto;
}


.updates-tabbing {
    max-width: 100%;
}

.updates-tabbing .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #F47320;
	border-right: none;
}

.page-template-Resources-Template .site-footer,.page-template-Resource-Faqs .site-footer, .page-template-Resource-Reviews .site-footer, .page-template-Resource-Projects  .site-footer{
    margin-top: 102px;
}




.project-system li h5 {
    font-size: 18px;
}

.resources-project .blog-date-read {
    margin-bottom: 14px;
    flex-direction: row;
}

.resources-project .blog-date-read span {
    margin-top: 0;
}


.topps-talk .home-blog-text {
    padding: 16px;
}

.single-blog-categories {
    flex-direction: column;
}

.category-nav-tabs h6 {
    width: 100%;
}


.sub-blog h4 {
    font-size: 30px;
}

.career-social-change {
    display: flex;
    flex-direction: column;
    grid-row-gap: 24px;
    margin-bottom: 16px;
	margin-top: 16px;
}

.career-social-outer {
    display: none;
}

.career-social-change .career-social-icon .navigation {
    margin-left: auto;
}

.nav-links {
    display: flex;
    column-gap: 12px;
}

.career-single-page .row {
    grid-row-gap: 16px;
}


.nav-tabs.nav-tabs-slick-desktop {
    display: none;
}


.updates-tabbing .nav-tabs .nav-item {
    text-align: center;
}


.updates-tabbing .nav-tabs .slick-prev {
    left: 0;
	width: 28px;
    height: 28px;
	background-color: #F3F3F3;
}

.updates-tabbing .nav-tabs .slick-next {
    right: 0;
    width: 28px;
    height: 28px;
	background-color: #F3F3F3;
}

.updates-tabbing .nav-tabs .slick-next:before {
	content: "";
	background-image: url(../assets/images/career/right-rounded-icon.svg);
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
	left: 0;
}


.updates-tabbing .nav-tabs .slick-prev:before {
	content: "";
	background-image: url(../assets/images/career/left-rounded-icon.svg);
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
	left: 0;
}

.nav-tabs.nav-tabs-slick-mobile .slick-slide{ height: auto; padding-bottom: 1px; width: max-content !important;}


.updates-tabbing .nav-tabs .nav-item .nav-link{ display: inline-block;}


.updates-tabbing .nav-tabs .slick-prev,.updates-tabbing .nav-tabs .slick-next{ z-index: 1;}

.why-us-content .row {
    column-gap: 0px;
}

.career-banner h1 {
    font-size: 56px;
}

.career-banner {
    min-height: 507px;
    background-position: center;
}

.employee-benefits-text {
    padding: 10px 0;
}

.employee-benefits-text h4 {
    font-size: 20px;
}

.employee-benefits {
    min-height: auto;
    padding: 10px 0px;
}

.employee-benefits-icon {
    width: 53px;
}


.home-contact-form-text {
    padding-top: 40px;
}


.outer-home-contact-form {
    flex-direction: column;
}

.home-contact-form-text ul {
    padding-left: 0;
    margin-bottom: 34px;
}

.home-contact-form-text .hours-operation {
    display: flex;
    flex-direction: row;
    column-gap: 120px;
}

.inner-small-banner h1 {
    font-size: 34px;
}

.home-contact-form{  max-width: 100%;}

.home-contact-form-text .hours-operation{ flex-direction: column;}

.compare-sec .what-we-content p {
    font-size: 16px;
}

/** dealer  **/

.deals-text h4 {
    font-size: 25px;
}

.dealer-premium-product .premium-product-sec .container {
    padding-right: 16px;
}

.deals-text {
    column-gap: 43px;
    justify-content: space-between;
    width: 100%;
}

.dealer-premium-product .premium-product-sec::before {
    top: 60px;
    bottom: 0;
}


.premium-product-content p {
    font-size: 16px;
}

.slick-dots li button,.slick-dots li { width: 14px; height: 14px;}


.redlines-text h4 {
    font-size: 50px;
}

.redlines-text h4 span {
    font-size: 26px;
}


.redlines-text h3 {
    font-size: 98px;
}

.redlines-text h3 sup {
    font-size: 41px;
}

.join-company h4 {
    font-size: 44px;
}

.join-company h3 {
    font-size: 44px;
}


.join-company p{ font-size: 21px;}

.dealer-banner {
    background-position: -230px;
}


.dealer-premium-product .premium-product-img {
    max-width: 100%;
}


.dealer-premium-product .premium-product-content{ width: 100%;}


/*** product ***/

.product-banner h1 {
    font-size: 70px !important;
}

.product-banner h4 {
    font-size: 46px !important;
}


.product-banner h3 {
    font-size: 50px !important;
}

.padding-24 {
    padding: 16px;
}

.home-product-sec.product-adders {
    padding-bottom: 50px;
}


.product-banner {
    padding-top: 42px;
}


.home-product-sec.product-panel {
    padding-bottom: 50px;
    padding-top: 50px;
}

.home-product-sec.product-panel .row{ align-items: center;}


.high-performance {
    padding-top: 50px;
    padding-bottom: 50px;
}

.high-performance .common-heading.common-heading-middle {
    margin: 0 auto 41px;
}


.common-heading {
    padding-left: 21px;
    margin-bottom: 16px;
}



.common-heading h3 {
    font-size: 20px;
}

.common-heading h3 span {
    display: inline;
}

.large-title {
    font-size: 60px;
	left: -22px;
}


.common-heading h6 {
    font-size: 16px;
}

.common-heading-data {
    padding: 25px 0;
    margin-bottom: -8px;
}


.product-monitoring .large-title {
    font-size: 50px;
}

.product-monitoring .common-heading-data {
    padding: 19px 0;
    margin-bottom: -9px;
}


.common-heading-center .common-heading-data {
    padding: 31px 0;
    margin-bottom: -17px;
}

.key-features .common-heading-center .common-heading-data{ margin-bottom: 0px;}
.powerwall-product .common-heading-data {
    margin-bottom: 7px;
}

.comparing-specs .common-heading-center .common-heading-data {
        margin-bottom: 0;
    }

.product-batteries-sec .software-img-space img {
    max-width: 370px;
    max-height: 370px;
}


/** consultation **/

.consultation-title{ font-size: 30px; margin-bottom: 24px;}

.time-details {
    grid-row-gap: 20px;
}

.consultation-outer {
    flex-direction: column;
	padding: 16px;
}

.book-meeting-date::before{ display: none;}

.book-meeting-date {
    width: 100%;
    padding-left: 0;
}

.book-meeting-date .sec-col-meeting-form {
    grid-template-columns: 1fr;
}


.book-meeting-date .available-slots ul {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
}

.call-sec h5 a {
    font-size: 24px;
	display: block;
}

.call-sec h5 {
    font-size: 24px;
}


.call-sec {
    margin-top: 24px;
}

.schedule-consultation {
    padding-top: 24px;
    padding-bottom: 24px;
}


.common-title-consultation {
    font-size: 20px;
}

.book-meeting-date {
    margin-top: 24px;
    border-top: 1px solid #8B8B8B;
    padding-top: 24px;
}


.book-meeting-date .buttons-container, .book-meeting-date .monthyear, .book-meeting-date .monthyearMeet {
    margin-bottom: 16px;
} 


.consultation-outer .meeting-details .second-section-book-calender-form {
    display: none;
}

.book-meeting-date .call-sec {
    display: none;
}

.msgdtp{ display: none;}


.schedule-consultation.schedule-consultation-meeting .section-book-calender-form{padding: 0 16px;}

.schedule-consultation.schedule-consultation-meeting .consultation-outer{ padding:16px 0 0;}



.meet-with-client {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
}

.meeting-sec {
    margin-top: 70px;
}

.schedule-consultation.schedule-consultation-meeting .meeting-details {
    padding: 0 16px;
}

.spotlight .common-heading-data {
    padding: 0;
}


.project-popup .swiper .swiper-slide {
    height: 416px;
}

.project-popup .swiper .swiper-slide iframe {
    height: 416px;
}

.resources-sec .home-blog-image {
    height: 200px;
}

.solar-energy-benefits {
    padding: 20px 0;
}

.spotlight-slider-img {
    height: 405px;
}

.single-blog-img {
    height: 367px;
}


.welcome-form .progressbar-step li p {
    font-size: 12px;
    margin-top: 40px;
	padding-left: 0px;
	max-width: 109px;
}

.welcome-form .progressbar-step li {
    flex-direction: column;
	width: 25%;
}

.welcome-form .progressbar-step {
    column-gap: 0;
}

.welcome-form .progressbar-step li:after {
    width: 100%;
    top: 11px;
    left: 50%;
	top: 15px;
	position: absolute;
}

.welcome-form .progressbar-step li:before {
    width: 32px;
    height: 32px;
	z-index: 1;
}

.welcome-form .progressbar-step li.active p{ font-weight: 500; color: #242424;}

.contact-form h2 {
    font-size: 20px;
}

.match-beat-form h2 {
    font-size: 20px;
}


.welcome-form .welcome-form-outer.form-space-24{grid-row-gap: 24px;}

/* Partnership start */

.work-process-img {
    height: 200px;
}

.work-process-one .work-process-img:last-child {
    height: 170px;
}

.work-process-two .work-process-img:first-child {
    height: 180px;
}

.work-process-two .work-process-img:last-child {
    height: 190px;
}

.start-your-partnership .row {
    grid-row-gap: 16px;
}

.partnerships-premium-product .premium-product-content h4 {
    font-size: 22px;
}

.partnerships-premium-product .premium-product-content h5 {
    font-size: 27px;
}

.partnerships-data h1 {
	font-size: 34px;
}

.partnerships-data h3 {
    font-size: 26px;
}

.become-customer-data h4 {
	font-size: 20px;
}

.partnerships-data p {
    font-size: 21px;
}


.start-your-partnership .commitment-success {
    text-align: center;
}


.partnerships-banner {
    min-height: 574px;
}


.partnerships-product .large-title {
    font-size: 55px;
	top: 4px;
}


.work-process-two {
    padding-top: 17px;
}



/* Partnership end */


.about-sec.home-about .row {
    column-gap: 0;
}


.home-award {
    column-gap: 15px;
}

.about-sec.home-about .first-percentage {
    min-height: 215px;
}

.about-sec.home-about .ev-data {
    min-height: 226px;
}


.about-sec.home-about .percentage-calculator-two .ev-data {
    min-height: 236px;
}

.about-sec.home-about .first-percentage.second-percentage {
    min-height: 225px;
}


.about-sec.home-about .percentage-calculator-two {
    padding-top: 10px;
}


.home-award .more-btn {
    right: -14px;
    top: -28px;
}


.warranty-solar {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    grid-row-gap: 30px;
}



.vertical-slider {
    flex-direction: column;
}


.max-content{ width: max-content;}

.companies-logo-desktop{display: none;}
.companies-logo-mobile{ display: block;}



.companies-logo .slick-slide img {
    max-height: 70px;
}

.companies-logo .slick-slide img, .commercial-companies-logo-slick img {
    max-width: 230px;
    max-height: 60px;
}

.best-solar-company .container {
    flex-direction: column;
    grid-row-gap: 16px;
}

.match-beat-quote {
    flex-direction: column;
	gap: 47px;
    padding: 90px 0 51px;
}

.match-beat-text {
    width: 100%;
}

.match-beat-text h1 span {
    font-size: 50px;
	display: inline-block;
}

.match-beat-text h1 {
    font-size: 50px;
	min-width: auto;
}

.match-beat-form {
    max-width: 100%;
}


.why-us-text.remove-text .common-heading {
    display: none;
}


.why-us-slide.add-text .common-heading {
    display: block;
}

.contact-social p {
    font-size: 16px;
}

.why-us-slide .better-product {
    margin-left: 0;
    padding-right: 33px;
    padding-top: 30px;
    padding-left: 30px;
    max-width: 100%;
}


.why-us-slide .position-relative {
    max-width: 100%;
    margin: 0 auto;
}

.before-grid-light {
    height: 48px;
    width: 48px;
}

.before-grid-dark {
    height: 56px;
    width: 56px;
}

.why-us-slide .panels-installed-number {
    padding: 6px;
    bottom: -70px;
    max-width: 148px;
    height: 112px;
    left: 10px;
}

.after-grid {
    width: 64px;
    height: 64px;
    bottom: -11px;
    left: -11px;
}

.why-us-outer {
    grid-template-columns: 1fr;
}

.out-guarantee-content {
    font-size: 28px;
}



.why-us-slide {
    padding-right: 0;
    position: relative;
}


.happy-customers {
    width: 100%;
    padding: 24px 16px 0;
    margin: 0;
}

.happy-customers {
    max-width: 100%;
    width: 100%;
    margin-top: 0;
}

.spotlight.match-spotlight {
    padding-top: 30px;
    padding-bottom: 142px;
}

.happy-customers-inner {
    padding: 24px;
}


.happy-customers h3 {
    font-size: 30px;
}

.happy-customers p {
    font-size: 20px;
}


.refferal-sec .referral-content {
    padding-top: 0;
}

.refferal-sec .ref-program .common-heading {
    display: none;
}

.refferal-sec .container > .col-content {
    display: block;
    margin-bottom: 30px;
}

.refferal-sec .container > .common-heading {
    display: block;
}


.referral-content > p {
    display: none;
}

.refferal-sec {
    padding-bottom: 36px;
}

.refferal-sec .ref-sec-img {
    max-width: 370px;
}

.refferal-sec .refferal-content-outer {
    column-gap: 40px;
    align-items: center;
}


.match-beat-text h1 sup {
    font-size: 33px;
    top: -13px;
}

.match-and-beat.referral-banner {
    min-height: auto;
}

.referral-banner .match-beat-quote {
    gap: 24px;
}

.wallet-form .helping-title {
    text-align: left;
}

.exciting-update .common-heading{ padding-left: 0;}


.exciting-update .large-title {
    font-size: 43px;
}

.exciting-update .slick-dots {
    bottom: -55px;
}

.battery-sec.home-about .row {
    column-gap: 0;
}

.battery-sec .first-percentage {
    min-height: 201px;
}

.battery-sec .ev-data {
    min-height: 182px;
}

.battery-sec .percentage-calculator-two .ev-data {
    min-height: 182px;
}

.battery-sec .percentage-calculator-two {
    padding-top: 19px;
}

.battery-sec .col-content h3 {
    font-size: 20px;
}


.standalone-battery-title h2 {
    font-size: 28px;
    max-width: 492px;
}

.standalone-battery-box h4 {
    font-size: 22px;
}

.standalone-battery-box P {
    font-size: 16px;
}

.landing-page-footer h2 {
    font-size: 28px;
}

.landing-page-banner h1 {
    font-size: 62px;
}

.battery-cover-content .btn-space a {
    flex: 1;
}

    .promotional-banner .match-beat-text {
        max-width: 100%;
        width: 100%;
    }


.exciting-outer {
    grid-template-columns: 1fr;
	align-items: inherit;
}


.update-img img {
    max-width: 100%;
	max-height: inherit;
}

.installation-banner {
        min-height: 628px;
        background-position: center;
        padding-bottom: 48px;
}

.installation-banner .home-banner-content{padding-bottom: 48px;}

.navbar-item .menu-list {
	column-gap: 0px;
}

.battery-system-col {
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
	overflow: hidden;
	padding-bottom: 20px;
}

.battery-system-box-img {
    border-radius: 0;
}

.battery-system .battery-system-box-outer {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.battery-system-box-outer p{
    padding: 0 15px;
}


.new-main-header .nav-item .nav-link, .is-sticky .new-main-header .nav-item .nav-link {
        padding: 10px 9px;
}

.installation-battery .battery-cover-content h2 {
    max-width: 560px;
}


.what-new .accordion-button {
    font-size: 22px;
}

.what-new .accordion-button::after, .what-new .accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 25px;
}


.enphase-iq-adding-solar .adding-solar-content {
    padding: 48px;
}


    .new-solar-web .solar-energy-benefits .container {
        padding: 0 48px;
    }


       .new-solar-web .utility-rates-form {
        padding: 24px 48px;
    }

        .removal-adding-solar .adding-solar-content {
    padding: 48px 48px 48px;
}

.new-solar-web .container, .new-solar-web .terms-condition .container, .new-solar-web .slick-common-padding .container, .partner-with-us .center-content  {
    padding: 0 48px;
}

.terms-condition .common-form-style{padding: 48px;}

.new-solar-web .our-reviews .title-sec {
    padding: 0 48px;
}

.battery-system-box-outer h3 {
    max-width: 100%;
}

.adding-solar-content .title-sec {
        font-size: 27px;
    }

      .why-add .title-sec {
        font-size: 27px;
        line-height: normal;
    }
    

.enphase-quality .nav {
    flex-direction: column;
    align-items: center;
}


.enphase-iq-adding-solar .adding-solar-customer .bottom-layer {
    max-width: 260px;
}

.adding-solar-energy-system .adding-solar-content .title-sec {
    font-size: 27px;
}

.adding-solar-energy-system .adding-solar-content-details h3 {
    font-size: 22px;
}

.energy-capacity {
    font-size: 19px;
}

.energy-capacity-label {
    min-width: 312px;
	max-width: 312px;
}

    .slider-content p {
        text-align: center;
    }


    .federal-tax h2 {
        max-width: 600px;
    }
 
    .installation-cost-summary span {
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.installation-cost-summary.cost-summary-divide {
        font-size: 32px;
        align-items: center;
        position: relative;
        top: 15px;
    }

.installation-cost-summary p {
    font-size: 32px;
}

.note-text {
    font-weight: 400;
    line-height: 160%;
    font-size: 16px
}

.new-solar-web .benefits-text {
        text-align: left;
    }


.enphase-iq-battery-system .color-layer.color-layer2 {
    height: 1620px;
    object-fit: cover;
    margin-bottom: -4px;
}

  .enphase-iq-battery-system .color-layer.color-layer2{
            display: none;
    } 

    .enphase-iq-battery-system .color-layer.color-layer2.color-layer3 {
            display: block;
    } 

.new-solar-web .slider-content p {
        font-size: 17px;
    }
	


.partner-with-us .container {
        gap: 30px 40px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .partner-with-us .container div img {
        max-width: 169px;
        max-height: 60px;
    }

.partner-with-us {
    padding: 48px 0;
}

.battery-system-box-img, .existing-battery-system .battery-system-box-img {
        min-height: 460px;
    }

.our-warehouse .battery-system-col {
        grid-template-columns: 340px 1fr;
    }	

.control-replacement-arizona .solution-usage-outer {
    grid-template-columns: 1fr;
}

.removal-adding-solar .adding-solar-customer {
    clip-path: circle(586px at 50% 29%);
}

    .adding-solar.removal-adding-solar .parent-outer {
        grid-template-columns: 1fr;
    } 


       .removal-adding-solar .adding-solar-content {
        padding: 48px;
    } 

    .new-site-footer .footer-container-middle {
        column-count: 3;
    }



.great-product {
    grid-template-columns:  1fr;
	gap: 24px;
	padding-top: 24px;
}

.great-product-bg {
    display: none;
}
.great-product-img img{ position: static;}


.great-product-img {
    min-height: auto;
	text-align: center;
}




.tesla-inverters .container {
    row-gap: 24px;
}

.tesla-inverters .center-content .title-sec {
    line-height: normal;
    font-size: 35px;
}

.tesla-inverters .center-content {
    row-gap: 24px;
}

    .product-content .title-sec {
        font-size: 40px;
		line-height: normal;
    }



.great-product-img img {
    max-width: 100%;
}

.new-site-footer {
    padding-top: 24px;
}


.tesla-inverters-gallery-bg {
    min-height: 162px;
}

.future-expert::before {
    min-height: 294px;
}

.battery-backup-work .slick-track .slick-slide > div {
    padding: 0 48px;
}


.removal-clean-energy .expert-for-solar {
        column-gap: 24px;
    }

.inverter-replacement-content {
    padding: 24px 48px 0;
}

.new-solar-web.old-solar-web .installation-banner .container{
    padding: 0 48px;
}

    .new-solar-web.old-solar-web .slider-content p {
        text-align: center;
    }

    .new-solar-web.old-solar-web .slider-content p {
        font-size: 19px;
    }

   .site-evaluation-image {
        min-height: 597px;
    }

    .free-site-evaluation .title-sec {
        max-width: 700px;
    }


    .battery-only-systems {
    gap: 24px;
}

.battery-only-systems-icon h3 {
    font-size: 19px;
}

.award-area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.award-area .award-img {
    padding: 4px;
}

.title-sec-64 .title-sec {
    font-size: 44px;
}

.home-topps-difference .title-sec-sub {
    font-size: 24px;
}

.show-desktop{ display: none;}

.resources-sec .container {
        flex-direction: column;
        grid-row-gap: 24px;
}

.sub-categories .show-mobile {
    margin: 0 -15px;
}

.sub-categories .title-sec {
    margin-bottom: 35px;
}

.faq-video-play {
    height: 400px;
}

.solar-gallery-box:last-child{ display: none;}

.common-search-filter {
    grid-template-columns: 1fr 1fr;
}

}

@media only screen and (max-width: 880px) {
.button-group-link, .button-group-link p {
        flex-direction: column;
    }

   .free-site-evaluation .button-group-link {
        flex-direction: row;
    }    
    
}


@media only screen and (min-width: 767px) {



.career-sec .dataTables_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.careerMobile{display: none;}

 .navbar-nav .career-menu-item {
        display: none;
}

.selectMobile {
    display: none;
}


.tabDesktop {
    display: block;
}


.msgmob{ display: none;}

.separate-line{ display: none;}


.wallet-form-ref{
	display: none;
}

.wallet-ref-view{
	display: block;
}

/**** new ****/

.energy-system .accordion {
    display: none;
}



}




@media only screen and (max-width: 767px) {
	
.commercial-project{
	flex-direction: column;
}
	
	
.page-template-home-inner-contact-form-page div#message-container h4 {
    font-size: 28px;
}
	
.page-template-Best-Solar-Company .under-text {
    margin-left: 15px;
}


.menu-box {
    width: 100%;
    padding-left: 0;
}


.contact-address {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    grid-row-gap: 24px;
}

.address-top h3 {
    font-size: 20px;
    font-weight: 700;
}

.address-top h1 {
    font-size: 20px;
    margin: 8px 0 16px;
}


.hours-operation {
    display: flex;
    flex-direction: column;
    column-gap: 0;
}


.contact-sec {
    padding: 16px 0 24px;
}

.address-top {
    margin-bottom: 0;
}


.operation-data h6 {
    font-size: 24px;
    margin: 0 0 8px;
}

.operation-data p {
    font-size: 20px;
}

.operation-data p br{ display: none;}

.contact-address .hours-operation {
    margin-bottom: 0px;
    grid-row-gap: 24px;
}


.contact-map {
    margin-bottom: 0;
}

.operation-data:last-child p span{ display: inline-block;}
.operation-data:last-child p br{ display: none;}

.upload-cv-file .codedropz-upload-inner {
    font-size: 13px;
}

.upload-cv-file .codedropz-upload-inner h3 {
    font-size: 13px;
}

.submit-area .see-work, .submit-area button, .submit-area .wpcf7-submit {
    width: 100%;
}

.doc-text {
    font-size: 13px;
    padding: 0 10px;
}

.common-form-style {
    padding: 16px;
}

.submit-area {
    gap: 16px;
}

/*** home ***/

.home-banner-text h1 {
    font-size: 30px;
}

.home-banner .container {
    padding: 0 16px;
}

.home-banner-text h6 {
    font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.15px;
}

.home-banner-text h6 span {
    display: inline;
}

.monthly-electric-bill h5 {
    font-size: 16px;
    font-weight: 600;
}

.common-btn {
    padding: 8px 16px;
    font-size: 15px;
	width: 100%;
}

.plan-type-box-text .common-btn {
    width: auto;
}

.solar-energy-benefits {
    padding: 16px 0 0;
}

.new-solar-web .solar-energy-benefits {
    padding: 16px 0 16px;
}

.home-banner{ min-height: 460px; padding: 66px 0;}


.input-range .rangevalue {
    font-size: 16px;
    text-align: center;
}



.energy-benefits-outer h6 {
    font-size: 20px;
}

.energy-benefits-outer span img {
    max-width: 34px;
    max-height: 34px;
}


.monthly-electric-bill {
    margin-top: 16px;
    margin-bottom: 0;
}

.home-banner-text h1 span {
    line-height: 160%;
}



.energy-benefits-outer {
    column-gap: 10px;
}

.panels-installed-outer img {
    padding-left: 14px;
    padding-right: 0;
}


.about-sec .container {
    padding: 0 16px 0 16px;
}

.panels-installed-number h2 {
    font-size: 17px;
}

.panels-installed-number span {
    font-size: 16px;
}


.panels-installed-number h2 {
    font-size: 20px;
}

.panels-installed-number p {
    font-size: 14px;
}

.companies-logo {
    padding: 8px 0;
    margin-top: 0;
}

.home-companies-logo .slick-slide img {
    display: inline;
    max-width: 184px;
    max-height: 94px;
}


.plan-type   {
    flex-direction: column;
}


.plan-type-box {
    height: 210px;
    max-height: 210px;
}

.plan-type-box .plan-type-box-text .common-btn{
    opacity: 1;
    display: flex;
    pointer-events: all;	
}


.remove-text .common-heading {
    display: none;
}

.add-text .common-heading {
    display: block;
}




.common-heading {
    padding-left: 21px;
    margin-bottom: 16px;
}


.col-content p {
    font-size: 16px;
}

.about-sec .remove-text .col-content {
    margin-top: 48px;
}

.about-sec .common-outline-btn {
    margin-top: 16px;
    width: 100%;
}

.home-product-sec .container {
    padding: 0 16px 0 16px;
}

.what-we-use li span {
    width: 28px;
    height: 28px;
}

.what-we-use li span img {
    max-width: 8px;
}


.what-we-content h5 {
    font-size: 20px;
    margin-bottom: 8px;
}

.what-we-content {
    width: calc(100% - 24px);
    padding-left: 8px;
}



.home-product-sec {
    padding-top: 24px;
    padding-bottom: 24px
}

.home-product-sec.partnerships-product {
    padding-top: 24px;
    padding-bottom: 24px;
}

.process-sec.partnership-process {
    padding-top: 24px;
	padding-bottom: 0;
}

.satisfied-customers {
    padding-top: 24px;
}


.spotlight {
    padding: 0 0 24px;
    margin-top: 24px;
}

.spotlight .common-heading-data {
    padding-top: 0;
	padding-bottom: 0;
}


.home-product-sec .what-we-use {
    margin-left: 0;
}


.common-outline-btn {
    width: 100%;
}


.column-reverse-outer {
    flex-direction: column-reverse;
}

.col-content {
    margin-top: 16px;
}


.systems-exceed {
    display: flex;
    max-width: 498px;
    margin: 0 auto;
}

.percentage-calculator-two {
    padding-top: 21px;
}

.ev-data {
    min-height: 231px;
}

.percentage-calculator-two .ev-data {
    min-height: 223px;
}


.product-bg {
    top: 0;
    left: -40px;
    background-size: 332px;
    bottom: 0px;
}

.more-btn {
    height: 56px;
    width: 56px;
    border-width: 1px;
} 


.more-btn span {
    font-size: 12px;
    width: 40px;
    height: 40px;
}

.satisfied-customers .more-btn {
    right: 0px;
    top: -26px;
    z-index: 1;
    position: absolute;
}

.satisfied-customers-flex-card {
    padding: 0 16px;
}


.satisfied-customers-card-item{ 
	width: 100%; 
	height: 188px; 
}

.satisfied-customers-card-item:hover {
    width: 100%;
}

.satisfied-customers-flex-card {
    display: grid;
    padding: 0 16px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-template-columns: 1fr 1fr;
}


.home-blog .container {
    padding: 0 16px;
}


.innovation-text {
    left: 16px;
    font-size: 14px;
}


.blog-read-more {
    font-size: 35px;
}

.home-blog-image {
    height: 320px;
}

.home-blog-text {
    padding: 16px 16px 16px;
}

.home-blog-text h2, .home-blog-text h4 {
    font-size: 20px;
}

.home-blog .row {
    grid-row-gap: 16px;
}

.common-heading.common-heading-middle {
    margin: 0 auto 24px;
}

.spotlight .container {
    padding: 0;
}

.spotlight-text {
    padding: 16px;
}


.spotlight-video {
    width: 100%;
    margin-right: 0;
    display: flex;
	padding: 0 16px;
}


.spotlight-text h2 {
    font-size: 16px;
}

.spotlight-text h6 {
    font-size: 14px;
}

.spotlight-text p {
    font-size: 16px;
	font-weight: 400;
}

.spotlight-text h5 {
    color: #f47320;
    font-size: 16px;
}


.spotlight .slick-prev::before {
    background-size: 15px;
}

.spotlight .slick-next::before, .spotlight .slick-next::before{ background-size: 15px;}

.spotlight .slick-arrow {
    width: 35px;
    height: 35px;
}

.spotlight .slick-next{right: 16px; bottom: 3px;}

.spotlight .slick-prev {
    right: 60px;
    bottom: 3px;
}


.spotlight-text {
    padding: 16px;
    width: 100%;
    margin-top: 0;
    padding-top: 96px;
}


.spotlight-outer {
    display: flex;
    flex-direction: column;
	height: 100%;
}


.spotlight-video iframe {
    height: 210px;
}

.common-heading p {
    font-size: 16px;
}

.common-heading p br{ display: none;}

.spotlight .common-heading {
    padding-left: 0;
	margin-bottom: 20px;
}

.spotlight .common-heading-data .large-title {
    position: static;
	text-align: center;
}




.blog-date-read {
    flex-direction: inherit;
}


.blog-date-read span {
    margin: 0;
}

.home-blog-text p {
    font-size: 16px;
}


.spotlight .slick-track {
    display: flex;
}


.spotlight .slick-slide{ height: auto;}


.spotlight .slick-slide > div, .spotlight .slick-slide > div > div {
    height: 100%;
}

.spotlight .common-heading-data h6 {
    display: none;
}

.spotlight-after {
    position: absolute;
    top: 68px;
    right: 0;
    opacity: 0.7;
}


.spotlight-before {
    position: absolute;
    top: -60px;
    bottom: 0;
    opacity: 0.5;
    left: -17px;
}


/**** service ****/
.service-banner h1 {
    font-size: 30px;
}

.service-banner {
    min-height: 400px;
    background-position: center;
}

.here-to-assist .container {
    padding: 0 16px;
}

.here-to-assist .common-col {
    padding: 0 12px;
}

.here-to-assist .row {
    grid-row-gap: 16px;
}

.padding-24 {
    padding: 16px;
}

.flex-space-24 {
    grid-row-gap: 16px;
}

.here-to-assist .common-btn.common-outline-btn-green{ width: 100%;}


.here-to-assist {
    padding-top: 24px;
    padding-bottom: 24px;
}

.page-template-services .site-footer .energy-utility .container {
    padding:0px;
}




.service-option h4 {
    font-size: 24px;
}




/** residential start **/


.residential-banner .container {
    padding: 0 16px;
	position: relative;
}


.banner-monthly-bill h4 {
    font-size: 20px;
	padding: 0 10px;
}

.banner-monthly-bill .monthly-electric-bill h5 {
    font-size: 16px;
}


.residential-banner {
    min-height: 524px;
    padding-top: 37px;
    padding-bottom: 48px;
	position: relative;
}

.residential-banner:before {
    background-color: rgba(36, 36, 36, 0.50);
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

.residential-banner.commercial-banner:before{ display: none;}



.flex-direction-sec-row {
    flex-direction: column;
}

.home-product-sec.residential-product-sec .common-outline-btn {
    margin-top: 16px;
}


.home-product-sec.residential-product-sec {
    padding-top: 24px;
    overflow: hidden;
    padding-bottom: 24px;
}

.compare-data h4 {
    font-size: 24px;
}

.compare-data .what-we-use li {
    align-items: flex-start;
}

.about-sec.residential-about-sec {
    margin-bottom: 24px;
    padding-top: 0;
}

.compare-sec {
    padding-top: 24px;
    padding-bottom: 24px;
}

.compare-sec .row {
    grid-row-gap: 16px;
}

.our-finance-partners h4 {
    font-size: 20px;
}

.what-we-use {
    grid-row-gap: 20px;
}

.process-sec {
    padding: 24px 0 24px;
}

    .process-box-outer {
        flex-direction: column;
		display: flex;
    }

.process-box img {
    filter: inherit;
}

.process-box .process-box-text p{
	opacity: 1;
    max-height: 46px;
}

.process-box-text{grid-row-gap: 8px;}


.process-box {
    width: calc(6 / 6 * 100%);
    min-height: 260px;
	transition: min-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.process-box-text h4 {
    font-size: 20px;
	margin: 0;
}


.process-box:hover {
    width: calc(6 / 6 * 100%);
    transition: min-height 1s ease-in-out;
     min-height: 260px;
}

.process-box-text p {
    font-size: 16px;
	padding: 0;
	width: 315px;
}



.our-finance-partners {
    padding: 16px 0 16px;
}

.finance-partners-companies img {
    max-width: 150px;
}


.home-product-sec.residential-product-sec .product-bg {
    left: auto;
    bottom: -43px;
    right: -34px;
    background-size: 656px;
}



/** residential end **/



/** commercial start **/

.premium-product-sec .container {
    padding: 0 16px;
    z-index: 1;
    position: relative;
}

.premium-product-content {
    width: 100%;
	padding-bottom: 40px;
}

.compare-sec.commercial-compare-sec {
    padding-top: 24px;
}

.process-sec.commercial-process-sec {
    padding: 24px 0 24px;
}

.premium-product-img img {
    width: 100%;
	height: auto;
}


.residential-banner.commercial-banner .container {
    display: block;
}

.residential-banner.commercial-banner {
    min-height: 455px;
	padding-bottom: 46px;
	padding-top: 46px;
}

.banner-monthly-bill {
    margin-top: 16px;
}



.solar-energy-benefits.commercial-energy-benefits .energy-benefits-outer span {
    min-width: auto;
}


.premium-product-outer {
    column-gap: 0;
    flex-direction: column;
}


.premium-product-content h3 {
    font-size: 30px;
    margin: 0 0 12px;
}


.premium-product-content h3 span {
    margin-top: 4px;
}


.premium-product-content p {
    font-size: 16px;
    font-weight: 400;
    padding-right: 0;
    line-height: 150%;
    letter-spacing: 0.15px;
	margin-bottom: 16px;
}

.home-banner .input-range {
    margin-bottom: 16px;
	max-width: 100%;
}





/** commercial end **/


/***  404 ***/
.notfound-404 img {
    max-width: 230px;
}


.error-page h2 {
    font-size: 22px;
}

.error-page p {
    font-size: 15px;
}


/** contact 2 start **/

.home-contact-form-text h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.5px;
    margin: 0 0 28px;
	padding-right: 20px;
    color: #F47320;
}

 

.got-questions h3 {
    font-size: 24px;
    font-weight: 600;
}

.got-questions h5 {
    font-size: 20px;
	margin-top: 8px;
}

.got-questions {
    grid-row-gap: 0;
}



.home-contact-main .hours-operation {
    grid-row-gap: 24px;
	margin-top: 24px;
}

.home-contact-main .operation-data h6 {
    font-size: 20px;
}

.banner-text-right {
    text-align: left;
}

.outer-home-contact-form { 
    flex-direction: column;
}

.search-box-bill .electric-bill {
    width: 100%;
	text-align: left;
}

.page-template-commercial-form .avbill {
    max-width: 100%;
}

.avbill {
    max-width: 100%;
}

.search-box-bill h5 {
    margin-bottom: 12px;
}

.home-contact-form h6 {
    font-size: 20px;
}

.billdollar {
    font-size: 16px;
}

.avbill input {
    font-size: 16px;
}


.search-box-bill {
    display: flex;
    flex-direction: column;
	grid-row-gap: 24px;
}





.home-contact-form-text ul {
    padding-left: 0;
    margin-bottom: 34px;
}

.home-contact-form-text ul li p {
    font-size: 16px;
}

.home-contact-form-text ul li {
    min-height: auto;
	margin-bottom: 24px;
}

.installer-icon {
    width: 28px;
}



/** contact 2 end **/



/*** footer start ***/
.footer-contact {
    margin-top: 0;
}

.footer-menu-outer {
    margin-top: 16px;
}

.utility-rates-form {
    padding: 24px 16px;
}

.utility-rates-form h4 {
    font-size: 15px;
}

.utility-rates-form h2 {
    font-size: 20px;
}

.utility-form {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    grid-row-gap: 16px;
}

.utility-form .btn {
    max-width: 100%;
    width: 100%;
}


.footer-contact .nabcep-img {
    flex-direction: inherit;
	grid-column-gap: 16px;
}

.footer-contact .nabcep-img a:nth-child(1) {
    max-width: 82px;
}

.footer-contact .nabcep-img a:nth-child(2) {
    max-width: 190px;
}

.site-footer .container {
    padding: 0 16px;
}

.footer-menu-outer .container {
    display: flex;
    flex-direction: column;
    grid-row-gap: 24px;
}


.menu-box h4 {
    margin: 24px 0 0;
	font-size: 16px;
}

.footer-contact li h6 {
    font-size: 16px;
}

.footer-contact li a {
    column-gap: 12px;
}


.copyright-left .widget {
    align-items: flex-start;
    flex-direction: column;
	grid-row-gap: 24px;
}

.footer-privacy {
    justify-content: flex-start;
	column-gap: 0;
}

.footer-brand-logo {
    margin-top: 24px;
}

.footer-copyright {
    padding: 24px 0;
}


.footer-copyright .row {
    grid-row-gap: 24px;
}

.copyright-left p span {
    display: block;
}

.footer-social-icon li img {
    min-width: 24px;
    min-height: 24px;
}

.footer-social-icon li:last-child img {
    min-width: 21px;
    min-height: 21px;
}

.footer-privacy li a {
    border-right: 1.5px solid #fff;
	padding: 0 10px;
}

.footer-privacy li:last-child a{ border-right: none; padding-right: 0;}

.footer-privacy li:first-child a {
    padding-left: 0;
}

#back-to-top {
	right: 16px;
	width: 56px;
	height: 56px;
	bottom: 38px;
}

#back-to-top img {
    min-width: 16px;
}

.site-footer .energy-utility .container {
    padding: 0 0;
}

.site-footer {
    margin-top: 128px;
}

.page-template-dealer-network .process-sec.dealer-process-sec {
    padding-bottom: 0;
}

.page-template-dealer-network .site-footer{ margin-top: 102px}

/*** footer end ***/

.spotlight-slider-img {
    height: 350px;
}

.spotlight-video-popup iframe {
    height: 341px;
}


.project-popup .modal-body {
    flex-direction: column;
	column-gap: 16px
}

.project-popup #photo-view-container {
    width: 100%;
}

.project-details {
    width: 100%;
    grid-row-gap: 16px;
	padding-top: 0;
	margin-top: 0px;
}

.project-details-header {
    align-items: flex-start;
    flex-direction: column;
}


.common-popup-content .modal-content .modal-body{ padding: 6px 16px 24px;}


.common-popup-content .modal-content .modal-body {
    padding: 6px 16px 24px;
}


.project-details-value {
    grid-template-columns: 1fr 1fr;
	grid-gap: 34px;
	display: grid;
}

.slider-main-image {
    height: 401px;
} 

.panels-installed-number h2 {
    font-size: 17px;
}

.panels-installed-number span {
    font-size: 14px;
}

.panels-installed-number {
    right: auto;
    max-width: 161px;
    height: 72px;
    bottom: -33px;
    padding: 12px 7px;
	min-height: 98px;
}

.panels-installed-number h2 {
    font-size: 28px;
}

.panels-installed-number p {
    font-size: 16px;
}


.residential-banner h1 {
    font-size: 40px !important;
	color: #fff;
}

.residential-banner h1 span {
    font-size: 40px !important;
}


.residential-banner.commercial-banner h1 {
    font-size: 38px !important;
}

.residential-banner.commercial-banner h1 span {
  font-size: 38px !important;
}

.premium-product-outer {
    flex-direction: column;
}

.premium-product-img {
    max-width: 100%;
	height: 370px;
}

.premium-product-sec::before {
    top: 230px;
}

.premium-product-content {
    padding: 40px 0;
} 

.common-about-content-img-one {
    padding-top: 24px;
    padding-bottom: 24px;
}

.process-sec.about-process {
    padding: 0px;
}


.resources-sec .container {
    flex-direction: column;
}

.updates-tabbing {
    max-width: 100%;
    width: 100%;
	 margin-bottom: 0;
}

.resources-content {
    width: 100%;
}

.resources-content.form-space-24{ grid-row-gap: 24px;}

.faq-video-play {
    position: relative;
    width: 100%;
    height: 375px;
}


.updates-tabbing > .updates-tabbing{ margin-bottom: 0;}

.single-blog-section .updates-tabbing > .updates-tabbing{ margin-bottom: 24px;}


.project-popup.common-popup-header.center-popup.common-popup-content {
    padding: 0;
}

.project-system li h5 {
    font-size: 16px;
}




.topps-talk .home-blog-text {
    padding: 16px 16px 16px;
}





.single-blog-title-outer h3 {
    font-size: 20px;
	width: calc(100% - 100px);
}

.single-blog-meta.post-meta {
	grid-row-gap: 16px;
	padding: 16px 0;
	font-size: 14px;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* .single-blog-meta.post-meta .estimate-read {
    order: 2;
}

.single-blog-meta.post-meta .social-icons {
    order: 4;
}

.single-blog-meta.post-meta > span {
    order: 1;
}

.single-blog-meta.post-meta .post-view-sec {
    order: 3;
} */

/* .single-blog-meta.post-meta .estimate-read {
    order: 2;
    margin-left: auto;
} */

.single-blog-section .heateor_sss_sharing_title {
    font-size: 16px;
}

.sub-blog h4 {
    font-size: 20px;
	width: calc(100% - 82px);
}

.sub-blog {
    column-gap: 20px;
}

.single-blog-section .heateor_sss_sharing_ul a span img {
    width: 28px;
    height: 28px;
}

.single-blog-section .heateor_sss_sharing_ul .heateor_sss_button_x img {
    width: 21px;
    height: 22px;
}


.sub-categories {
    margin-top: 24px;
}

.sub-categories .row {
    grid-row-gap: 24px;
}

.career-banner h1 {
    font-size: 30px;
}



.why-us-content .row {
    grid-template-columns: 1fr;
}

.why-us {
    padding: 24px 0 48px;
}

.why-us .common-heading {
    margin-bottom: 16px;
}

.common-heading.common-heading-center {
    padding: 0;
}

.commitment-success h4 {
    font-size: 20px;
}

.commitment-success {
    padding: 16px;
}

.why-us-content .row {
    grid-row-gap: 16px;
}



.why-us {
    padding: 24px 0 24px;
}

.job-description-data h3 {
    font-size: 20px;
	margin-bottom: 12px
}

.job-description-data {
    padding: 16px;
}

.job-description-data .job-details li {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}



.job-description-data p {
    margin-bottom: 12px;
}




.upload-cv h4 {
    font-size: 20px;
}

.page-template-Best-Solar-Company div#message-container h4 {
    font-size: 22px;
}

.page-template-Best-Solar-Company div#message-container p {
    font-size: 17px;
}

.upload-cv {
    padding: 16px;
}

.close-button-green{
	right: 4px;
	top: -4px;
}



.footer-contact li p br{ display: none;}


.career-sec .dataTables_wrapper {
    display: none;
}

 .navbar-nav .career-menu-item {
        display: block;
}


.career-mobile-view h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 123.5%;
    letter-spacing: 0.25px;
    color: #015030;
	margin-bottom: 0;
}

.career-mobile-view a {
    text-decoration: none;
}

.career-mobile-view ul li {
    display: flex;
	column-gap: 8px;
}

.career-mobile-view ul li span{ width: 24px;}

.career-mobile-view ul li p{ margin-bottom: 0;}

.career-sec .common-heading.common-heading-center {
    margin-bottom: 24px;
}

.career-mobile-view {
    display: flex;
    flex-direction: column;
    grid-row-gap: 16px;
}

.career-mobile-view ul {
    display: flex;
    flex-direction: column;
    grid-row-gap: 16px;
}

.careers .row {
    grid-row-gap: 16px;
}


.careers .navbar-form {
    margin-bottom: 24px;
}


.career-banner {
    min-height: 357px;
    background-position: center;
}


.banner-title-right-padding h1 {
    padding-right: 0;
}


.home-form-inner-banner.banner-text-right {
    text-align: right;
	background-position: right;
}

.inner-small-banner h1 {
    font-size: 30px; 
}


.nav-tabs.singleDesktop {
    display: none;
}

.tabDesktop{ display: none;}

/** dealer ***/
.redlines-text h3 {
    font-size: 48px;
}

.redlines-text h3 sup {
    font-size: 28px;
    top: -17px;
}

.redlines-text h3 .sup-one {
    margin-right: 3px;
}


.redlines-text h4 {
   font-size: 30px;
}


.redlines-text h4 span {
    font-size: 16px;
}


.redlines-text {
    padding: 12px;
}

.join-company h4 {
    font-size: 30px;
	font-weight: 600;
}

.join-company h3 {
    font-size: 30px;
    font-weight: 600;
}

.join-company p {
    font-size: 16px;
    margin: 0px 0 16px auto;
    max-width: 100%;
}

.commercial-banner p {
    font-size: 16px;
    max-width: 100%;
}

.residential-data p {
    font-size: 16px;
    max-width: 100%;
}

.join-company p br {
    display: none;
}


.join-company {
    background-color: rgba(36, 36, 36, 0.75);
    padding: 11px 16px 16px 16px;
    margin-top: 16px;
	max-width: 560px;
}


.dealer-banner {
    padding: 179px 0 24px;
    min-height: 527px;
	background-position: -230px;
}

.deals-text h4 {
    font-size: 16px;
}

.deals-text h4 span {
    font-size: 20px;
}

.deals-text {
    column-gap: 11px;
    margin-bottom: 12px;
    width: 100%;
    justify-content: space-between;
}

.dealer-premium-product .premium-product-content {
    padding: 16px 0;
}

.product-bg {
    left: 30px;
}

.dealer-home-product .row {
    flex-direction: column;
}

.dealer-home-product .first-percentage {
    grid-row-gap: 10px;
}

.dealer-home-product .first-percentage img {
    max-width: 84px;
}

.dealer-home-product .first-percentage img:last-child {
    max-width: 50px;
}

.home-product-sec.dealer-home-product {
    padding-top: 24px;
    padding-bottom: 24px;
}


.dealer-premium-product .premium-product-sec .container {
    padding-right: 16px;
}

.dealer-premium-product .premium-product-sec .container {
    padding-right: 16px;
}


.software-img-space img {
    margin-bottom: 12px;
}

.slick-dots li button, .slick-dots li {
    width: 8px;
    height: 8px;
}

.software-img .slick-dots {
    bottom: -30px;
}

.home-product-sec.software-sec {
    padding-top: 24px;
    padding-bottom: 24px;
}


.dealer-home-product .what-we-use li span {
    width: 28px;
    height: 28px;
}

.dealer-home-product .what-we-content h5 {
    font-size: 20px;
}

.dealer-home-product .what-we-use li span img {
    max-width: 13px;
}

.dealer-premium-product .premium-product-sec::before {
    bottom: 0;
}


.dealer-home-product .first-percentage img {
    max-width: 104px;
}

.dealer-home-product .first-percentage {
    grid-row-gap: 42px;
}

.dealer-banner .common-btn {
    width: auto;
}


.premium-product-spacen.white-bg {
    background-color: #F3F3F3;
    padding-top: 24px;
}


.software-sec .what-we-content h5 {
    font-size: 20px;
    margin-bottom: 0px;
}

.software-sec .col-content p {
    font-size: 16px;
}


/*** product ***/



.high-performance {
    padding-top: 24px;
    padding-bottom: 24px;
}

.high-performance .row {
    grid-row-gap: 16px;
}



.what-we-content p {
    font-size: 16px;
}

.what-we-use li span {
    width: 28px;
    height: 28px;
}

.what-we-use li span img {
    max-width: 13px;
}

.product-panel img {
    max-width: 120px;
}

.home-product-sec.product-panel {
    padding-bottom: 24px;
    padding-top: 24px;
}


.high-performance .common-heading.common-heading-middle {
    margin: 0 auto 24px;
}

.batteries-img {
    padding-top: 0;
}

.home-product-sec.product-batteries-sec {
    padding-top: 24px;
    padding-bottom: 24px;
}



/*** product ***/


.product-banner h1 {
    font-size: 54px !important;
	color: #fff !important;
}

.product-banner h4 {
    font-size: 32px !important;
	color: #fff !important;
}

.product-banner h3 {
    font-size: 31px !important;
	color: #F6992E !important;
}

.product-banner {
    min-height: 400px;
    background-position: right;
    padding-top: 12px;
	display: flex;
    align-items: center;
	position: relative;
}


.product-banner:before {
    content: "";
    background: rgba(36, 36, 36, 0.50);
    position: absolute;
    width: 100%;
    height: 100%;
	top: 0;
}

.product-banner .container {
    position: relative;
    z-index: 1;
}

.dealer-banner .common-btn {
    width: 100%;
}

.first-percentage h6 {
    font-size: 20px;
}



.home-product-sec.product-monitoring {
    padding-bottom: 24px;
    padding-top: 16px;
}


.home-product-sec.product-adders {
    padding-bottom: 24px;
}


.padding-24 {
    padding: 16px;
}





.product-batteries-sec .software-img-space img {
    max-width: 370px;
    max-height: 370px;
}



.common-heading h3 {
    font-size: 20px;
}

.why-us .common-heading h3 {
    padding: 0 50px;
}

.common-heading h3 span {
    display: inline;
}

.large-title {
    font-size: 60px;
	left: -22px;
}


.partnerships-product .large-title {
    font-size: 54px;
}


.common-heading h6 {
    font-size: 14px;
}

.common-heading-data {
    padding: 25px 0;
    margin-bottom: -8px;
}


.product-monitoring .large-title {
    font-size: 50px;
}

.product-monitoring .common-heading-data {
    padding: 19px 0;
	margin-bottom: -2px;
}

.common-heading-center .common-heading-data {
    padding: 31px 0;
    margin-bottom: -17px;
}

/** consultation **/

.consultation-title{ font-size: 30px; margin-bottom: 24px;}

.time-details {
    grid-row-gap: 20px;
}

.consultation-outer {
    flex-direction: column;
	padding: 16px;
}

.book-meeting-date::before{ display: none;}

.book-meeting-date {
    width: 100%;
    padding-left: 0;
}

.book-meeting-date .sec-col-meeting-form {
    grid-template-columns: 1fr;
}


.book-meeting-date .available-slots ul {
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}


.months-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}


.call-sec h5 a {
    font-size: 24px;
	display: block;
}

.call-sec h5 {
    font-size: 24px;
}


.call-sec {
    margin-top: 24px;
}

.schedule-consultation {
    padding-top: 24px;
    padding-bottom: 24px;
}


.common-title-consultation {
    font-size: 20px;
}

.book-meeting-date {
    margin-top: 24px;
    border-top: 1px solid #8B8B8B;
    padding-top: 24px;
}


.book-meeting-date .buttons-container, .book-meeting-date .monthyear, .book-meeting-date .monthyearMeet {
    margin-bottom: 16px;
} 

.consultation-outer .meeting-details .second-section-book-calender-form {
    display: none;
}

.book-meeting-date .call-sec {
    display: none;
}

.thanku-popup.appointment-pop .modal-header h5 {
    font-size: 20px;
}

.thanku-popup.appointment-pop .modal-header .close {
    top: 14px;
}




.director-img {
    max-width: 177px;
    max-height: 165px;
}

.director-name {
    padding-left: 49px;
    min-height: 85px;
}

.director-name h6 {
    font-size: 16px;
}

.director-name p {
    font-size: 14px;
}

.meeting-sec {
    margin-top: 20px;
}

.schedule-consultation.schedule-consultation-meeting .meet-with-client {
    margin-left: auto;
}

.schedule-consultation.schedule-consultation-meeting .meet-with-client {
    margin-right: 0;
    margin-bottom: 0;
}



.click-information{
	transition: opacity 0.125s 0s ease, width 0.375s 0s ease, transform 0.375s 0s ease;
}


.first-percentage {
    min-height: 244px;
}

.first-percentage.second-percentage {
    min-height: 244px;
}

.home-banner-overlay {
    opacity: 0.35;
}


.software-img.slick-dotted.slick-slider {
    margin: 0 0 30px;
}

.product-batteries-sec .software-img.slick-dotted.slick-slider,.product-monitoring .software-img.slick-dotted.slick-slider{margin: 0;}


.project-system {
    margin-top: 16px;
    display: grid;
}

.common-form .form-group textarea {
    height: 128px;
}

.companies-logo.about-companies-logo {
    padding: 8px 0;
}

.here-to-assist .common-heading h3 {
    font-size: 20px;
}


.companies-logo .slick-slide img, .commercial-companies-logo-slick img {
    max-width: 230px;
	max-height: 60px;
}


.energy-benefits-outer .count {
    font-size: 32px;
}

.energy-benefits-outer .count-p {
    font-size: 17px;
}

.spotlight-video-popup h2 {
    margin: 8px 0px 16px;
}

.home-blog-image {
    height: 260px;
}


.thanku-form-data p {
    font-size: 16px;
}

.home-contact-message h5 {
    margin: 0 0 12px;
	font-size: 20px;
}


.home-contact-message-outer {
    grid-template-columns: 1fr;
	grid-row-gap: 24px;
	margin-bottom: 32px;
}

.home-contact-message-text:nth-child(odd):last-child {
    grid-column: inherit;
}

.home-contact-message-text:nth-child(odd):last-child ul {
    grid-template-columns: 1fr;
}

.home-contact-message-text ul li {
    margin-top: 16px;
}

.home-contact-message .home-contact-message-text h5 {
    font-weight: 600;
}

.res-none{ display: none;}

.page-template-about-us .site-footer {
    margin-top: 101px;
}


.escalating-utility-rates {
    background-position: left;
}

.project-popup .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .project-popup .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -36px;
}

.no-results-found {
    min-height: 230px;
}

.no-results-found h3 {
    font-size: 24px;
}

.no-results-found img {
    max-width: 210px;
}


.software-img.software-img-desktop {
    display: none;
}

.plan-type-box-text h2 {
	margin-bottom: 16px;
}


.plan-type-box img {
    filter: inherit;
}


.project-popup .swiper .swiper-slide {
    height: 348px;
}


.project-popup .swiper .swiper-slide iframe {
    height: 348px;
}

.project-swiper .swiper .swiper-slide {
    height: 400px;
}

.resources-sec .home-blog-image {
    height: 280px;
}

.single-blog-img {
    height: 300px;
}



.welcome-form .progressbar-step li p {
    font-size: 12px;
}
.under-text {
    padding-left: 0;
}

.page-template-home-inner-contact-form-page .under-text {
    padding-left: 9px;
}

.welcome-form .contact-section .common-form .cf7mls-btns {
    padding: 24px 16px 16px;
    flex-direction: column-reverse;
}


 /* partnership page responsive start */
.become-customer {
	grid-template-columns: 1fr;
	padding: 24px 16px;
	grid-row-gap: 36px
}

.page-template-Partnerships .site-footer {
    margin-top: 102px;
}

.page-template-Partnerships .process-sec.commercial-process-sec {
    padding: 38px 0 0;
}

.partnerships-data h3 {
    font-size: 20px;
}

.partnerships-data h1 {
    font-size: 24px;
	margin-top: 8px;
}

.partnerships-data p {
    font-size: 16px;
    margin: 8px 0 16px;
}

.partnerships-data .common-btn {
    font-size: 15px;
}

.partnerships-banner {
    padding: 20px 0;
    min-height: 527px;
    background-position: right;
}

.partnerships-banner .container {
    padding: 0;
}

.partnerships-data {
    padding: 16px;
}

.better-serve {
    padding-left: 0px;
    padding-top: 16px;
}

.partnerships-premium-product .premium-product-content h4 {
	font-size: 20px;
}

.partnerships-premium-product .premium-product-content h5 {
	font-size:24px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.start-partnership {
    margin-top: 16px;
}

.start-your-partnership {
    padding-bottom: 24px;
}

.become-customer-data h4 {
    font-size: 24px;
}

.work-process {
    max-width: 300px;
    margin: 0 auto;
	padding: 0 30px;
}

.work-process-two .work-process-img:last-child {
    height: 129px;
}

.work-process-two .work-process-img:first-child {
    height: 108px;
}

.work-process-two {
    padding-top: 20px;
}

.work-process-one .work-process-img:last-child {
    height: 122px;
}

.work-process-img {
    height: 129px;
}

.partnerships-product .product-bg {
    background-size: 342px;
    bottom: -30px;
    left: 0px;
}

 /* partnership page responsive end */
 
 
.award-outer {
    column-gap: 20px;
    grid-row-gap: 20px;
}
 
 
.about-sec.home-about .row {
    flex-wrap: wrap;
} 

 
.award-winning .large-title {
    font-size: 48px;
} 
 
.award-winning .common-heading-center .common-heading-data {
    padding: 22px 0;
} 

.home-award {
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    grid-row-gap: 12px;
}

.home-award-box img {
    width: 100%;
    height: auto;
}


.home-award .more-btn {
    right: -13px;
    top: -21px;
}

.award-winning {
    padding: 24px 0 24px;
}


.about-sec.home-about .first-percentage {
    min-height: 200px;
}


.about-sec.home-about .percentage-calculator-two .ev-data {
    min-height: 240px;
}


.about-sec.home-about .first-percentage.second-percentage {
    min-height: 214px;
    min-height: 214px;
}

.about-sec.home-about .ev-data {
    min-height: 127px;
}

.about-sec.home-about .percentage-calculator-two {
    padding-top: 10px;
}

.about-sec.home-about .remove-text .col-content {
    margin-top: 20px;
}


.about-sec.home-about {
    padding-top: 24px;
}

.about-sec.home-about .ev-data {
    min-height: 209px;
}


.about-process .large-title {
    font-size: 35px;
}

.about-process .common-heading h3 {
    font-size: 17px;
}

.about-process .common-heading-center .common-heading-data {
    padding: 13px 0;
    margin-bottom: -9px;
}

.about-process .common-heading.common-heading-middle {
    margin: 0 auto 20px;
}

.warranty-solar {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 16px;
    grid-row-gap: 16px;
} 


.energy-benefits-outer span {
    display: none;
    max-width: 40px;
}

.slider-content {
    text-align: center;

}

.vertical-slider {
    flex-direction: column;
    grid-row-gap: 0;
}

.slider-content p {
    font-size: 20px;
    text-align: center;
}

.energy-benefits-outer .count img {
    display: block;
    max-width: 40px;
    max-height: 40px;
}

.energy-benefits-outer .count {
    font-size: 27px;
    display: inline-flex;
    column-gap: 12px;
}


.benefits-text{ text-align: center; padding: 0;}


.energy-benefits-outer .count {
    min-width: max-content;
    font-size: 20px;
    align-items: center;
}


.energy-benefits-outer {
    min-height: 100px;
}

.solar-energy-benefits.commercial-energy-benefits .energy-benefits-outer h6 {
    font-size: 20px;
}


.manufacture-list h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;
}

.manufacture-list {
    margin-bottom: 16px;
}


.premium-section-button .common-btn {
    width: auto;
}


.match-beat-header .container {
    align-items: flex-start;
    flex-direction: column-reverse;
	grid-row-gap: 24px;
}



.contact-social {
    align-items: flex-start;
    flex-direction: column;
}

.contact-social p {
    font-size: 14px;
}

.match-beat-quote {
    display: flex;
    align-items: center;
    padding: 190px 0 24px;
    flex-direction: column;
	gap: 16px;
}

.referral-banner .match-beat-quote, .logged-in .referral-banner .match-beat-quote{
	padding: 24px 0 24px;
}


.match-beat-text h1 span {
    display: inline-block;
    font-size: 24px;
}

.match-beat-text h1 {
    font-size: 24px;
}


.match-beat-text h1 sup {
    font-size: 22px;
    top: -6px;
}


.contact-form h3 {
    font-size: 20px;
}

.happy-customers {
    width: 100%;
    padding: 24px 16px 0;
    margin: 0;
}

.happy-customers-inner {
    width: 100%;
    margin: 0;
    padding: 16px;
}

.happy-customers h3 {
    font-size: 20px;
    margin-bottom: 0;
    color: #F6992E;
}

.happy-customers p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.15px;
}

.spotlight.match-spotlight {
	padding-top: 24px;
    padding-bottom: 134px;
}


.before-grid-light {
    height: 48px;
    width: 48px;
}

.before-grid-dark {
    height: 56px;
    width: 56px;
}

.after-grid {
    width: 64px;
    height: 64px;
    bottom: -11px;
    left: -11px;
}

.why-us-slide {
    padding-right: 0;
}

.spotlight-text::after {
    display: none;
}


.best-solar-company h2 {
    font-size: 20px;
    font-weight: 500;
}

.best-solar-company {
    padding: 16px 0;
}

.logged-in .match-beat-quote {
    padding-top: 132px;
}



.out-guarantee-content {
    font-size: 24px;
}


.out-guarantee-content span {
    font-weight: 600;
}

.our-guarantee li {
    margin-bottom: 24px;
}


.why-us-slide .panels-installed-number {
    padding: 6px;
    bottom: -70px;
    max-width: 148px;
    height: 112px;
    left: 10px;
}


.why-us-text {
    padding-top: 16px;
}


.companies-logo.companies-logo-match {
    padding: 16px 0;
    margin-top: 0;
}

.page-template-Match-and-Beat .match-beat-header {
    position: absolute;
}

.refferal-sec .referral-content h6{
	display: none;
}

.refferal-sec .ref-program {
    padding: 0px;
}

.refferal-sec .ref-program .common-heading {
    display: none;
}

.refferal-process-sec .common-heading p {
    margin-top: 28px;
}

.ref-program .common-heading-data {
    padding: 32px 0;
    margin-bottom: -16px;
}

.ref-program .common-heading-data .large-title {
    font-size: 60px;
}

.refferal-sec .container > .common-heading {
    display: block;
}

.referral-content > p {
    display: none;
}

.refferal-sec .container > .col-content {
    display: block;
}

.refferal-sec .common-heading h3 {
    font-size: 16px;
}

.refferal-sec .refferal-content-outer {
    column-gap: 14px;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}

.refferal-sec {
    padding-top: 24px;
    padding-bottom: 24px;
}

.process-boxes h2 {
	font-size: 24px;
}


.refferal-process-sec {
    padding: 24px 0 24px;
}

.wallet-form-head h4 {
    text-align: left;
    width: 100%;
}

.page-template-Referral .footer-menu-outer {
    padding-top: 16px;
}

.wallet-form {
    padding: 24px 0 24px;
}


.referral-banner .match-beat-text {
    row-gap: 16px;
}


.refferal-sec .ref-sec-img img {
    max-width: 200px;
}


.refferal-sec .ref-sec-img {
    width: auto;
}

.process-boxes-round {
    width: 80px;
    height: 80px;
}

.process-boxes-round img{ max-width: 32px;}


.upload-cv form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    left: 0;
}

.upload-cv .cf7mls_back.action-button {
    margin-top: 0px;
    left: 0;
    width: 100%;
}


#new-form-container .submit-area {
    align-items: center;
    width: 100%;
    margin-left: auto;
}


#new-form-container .submit-area p {
    width: 100%;
}


.common-thanku, .common-thanku p {
    flex-direction: column-reverse;
}


.common-thanku {
    margin-top: 30px;
}

.match-and-beat {
    min-height: auto;
}

.page-template-home-inner-contact-form-page .billdollar {
    top: 24px;
}

.home-banner .common-btn {
    margin-top: 44px;
}

.residential-data .common-btn{
	margin-top: 44px;
}

.page-template-commercial .banner-monthly-bill {
    grid-row-gap: 44px;
	margin-top: 44px;
}

.dealer-banner .common-btn {
  margin-top: 28px;
}

.exciting-update {
    padding: 36px 0px 16px;
}

.exciting-update .large-title {
    font-size: 35px;
    left: 0;
}

.exciting-update .common-heading{ padding-left: 0;}

.exciting-update .col-content, .exciting-update .update-img {
    padding: 0 30px;
}

.exciting-update .col-content{margin-top: 0px;}


.exciting-updates-slide {
    padding: 0px;
}

.exciting-update .slick-dots {
    bottom: -25px;
}


.battery-sec.home-about .row {
    flex-wrap: wrap;
}

.battery-sec .first-percentage {
    min-height: 126px;
}

.battery-sec .ev-data {
    min-height: 119px;
}

.battery-sec .percentage-calculator-two .ev-data {
    min-height: 115px;
}

.battery-sec .col-content h3 {
    font-size: 19px;
}

.landing-page-banner h1 {
    font-size: 36px;
}

.landing-page-banner h5 {
    font-size: 23px;
}

.common-btn.large-size-btn {
    font-size: 18px;
}

.landing-page-banner {
    min-height: 416px;
}

.standalone-battery-title h2 {
    font-size: 23px;
}

.standalone-battery-title p {
    font-size: 16px;
}

.standalone-battery-box h4 {
    font-size: 22px;
}

.standalone-battery-box P {
    font-size: 16px;
}

.landing-page-footer h2 {
    font-size: 21px;
    max-width: 280px;
}


.landing-page-footer h5 {
    font-size: 18px;
}

.landing-page-footer .container {
    row-gap: 16px;
}


.landing-page-footer {
    margin-top: 34px;
}




.battery-cover .container {
    display: flex;
    flex-direction: column;
	row-gap: 30px;
}


.battery-cover {
    display: flex;
	flex-direction: column;
	padding: 24px 0;
}

.battery-cover-content .btn-space {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
	margin-top: 30px;
}


.comparing-specs .common-heading.common-heading-middle {
    margin: 0 auto 20px;
}



.powerwall-banner {
    min-height: 500px;
    padding: 112px 0 40px;
}


.key-features .what-we-use {
    grid-template-columns: 1fr;
}

.comparing-specs .table tbody {
    font-size: 12px;
}

.comparing-specs .table thead th {
    font-size: 11px;
}

.comparing-specs .table thead th, .comparing-specs .table tbody th {
    padding: 12px 10px;
}

.comparing-specs .large-title {
    font-size: 42px;
}

.comparing-specs {
    padding: 24px 0 24px;
}

.battery-cover-content h2 {
    font-size: 31px;
}


.battery-cover-content .col-content p {
    font-size: 16px;
    font-weight: 400;
}


.dealer-home-product.powerwall-product .first-percentage img:last-child {
        max-width: 100%;
 }

.dealer-home-product.powerwall-product .first-percentage {
    padding: 0 8px;
}

.powerwall-banner h1 {
    font-size: 26px;
}


.key-features .large-title {
	font-size: 52px;
}


 .key-features .common-heading-center .common-heading-data {
        padding: 31px 0;
        margin-bottom: -7px;
  }
	
.key-features {
    padding: 24px 0 24px;
}

.comparing-specs .common-heading-center .common-heading-data {
        padding: 25px 0;
    }
	
	
.industry-leader .warranty-solar {
    grid-template-columns: 1fr 1fr;
}

.limited-offer-box {
    grid-template-columns: 1fr;
	gap: 20px;
}	

.logged-in .match-beat-quote {
    padding-top: 42px;
}


.promotional-banner h6 p{ margin:0;}

.promotional-banner h4 {
    font-size: 23px;
	margin: 0 0 14px;
}

.promotional-banner h6 {
    font-size: 16px;
}

.promotional-banner .match-beat-text h1 span {
    font-size: 34px;
}

.promotional-banner .match-beat-text h1 {
    margin-bottom: 14px;
}

.promotional-banner .large-title {
    font-size: 36px;
}

.promotional-banner .common-heading-center .common-heading-data {
    padding: 31px 0;
    margin-bottom: -31px;
}

.limited-offer .common-heading.common-heading-middle {
    margin-bottom: 0;
}

.limited-offer .common-heading p {
    margin: 0 0 20px;
}

.homeowners-sec .large-title {
    font-size: 31px;
    -webkit-text-stroke: 1px #fff;
}

.homeowners-sec {
    padding: 40px 0 40px;
}
	
.homeowners-sec .table {
    table-layout: inherit;
}	

.homeowners-sec .table tbody td {
    font-size: 15px;
}

.homeowners-sec .table thead th {
    font-size: 15px;
}

.common-table-Installers {
    width: auto;
    min-width: auto;
}

.common-table-width {
    width: 126px;
    min-width: 126px;
}

.homeowners-sec .common-heading-center .common-heading-data {
   padding: 31px 0;
   margin-bottom: -32px;
}

.industry-leader .large-title {
        font-size: 38px;
        left: -22px;
    }


    .battery-cover-content .btn-space a {
        flex: inherit;
    }


.our-reviews {
    padding: 40px 0 40px;
}



	
.industry-leader {
    padding: 40px 0 40px;
}	

.our-reviews .large-title {
        font-size: 40px;
        left: -22px;
}

.our-reviews .common-heading-center .common-heading-data {
        margin-bottom: -24px;
}


.homeowners-sec .table thead th, .homeowners-sec .table tbody td {
    padding: 8px;
}

.profile-content p {
    font-size: 16px;
}

.profile-content figcaption {
    font-size: 20px;
}

.user-rating-div .star-icon {
    width: 20px;
}

.profile-content {
    row-gap: 8px;
}

.limited-offer .large-title {
        font-size: 35px;
    }
	
.limited-offer .common-heading-center .common-heading-data {
        margin-bottom: -27px;
    }	

.promotional-banner .match-beat-form h2 {
        font-size: 20px;
    }
	
	
.talk-details .details-back .nav-links {
    display: none;
}	


.talk-details .social-icons {
    font-size: 19px;
}


.page-template-residential .our-reviews {
    padding: 24px 0 40px;
}

.page-template-residential .home-blog {
    padding-top: 24px;
}
	
.exciting-outer {
    grid-template-columns: 1fr;
	align-items: inherit;
}


.update-img img {
    max-width: 100%;
    max-height: 270px;
}
	
.update-img .common-heading.common-heading-center .large-title {
    left: 0;
}

.proposal-request-design {
    padding: 40px 0;
}


.logo-suite {
    min-width: 320px;
}	

.proposal-request-design h1 {
    font-size: 25px;
}

/*** new ***/


.energy-system .container {
    display: flex;
    grid-template-columns: 400px 1fr;
    align-items: center;
    flex-direction: column;
}

    .new-main-header .navbar-expand-lg .navbar-collapse {
        flex-grow: 1;
        flex-basis: 100%;
        order: 4;
    }
	

.installation-banner .banner-title {
    font-size: 40px;
}

.installation-banner {
 padding-bottom: 48px;
}
.installation-banner .home-banner-content{padding-bottom: 48px;}

.save-more h2 {
    font-size: 24px;
}

.request-quote {
    flex-direction: column;
    gap: 24px;
}

    .installation-banner {
        min-height: 528px;
        padding-bottom: 24px;
        position: relative;
    }

    .installation-banner .home-banner-content{padding-bottom: 24px;}

.installation-banner .container {
    position: relative;
}


.new-main-header .navbar-toggler:focus{ box-shadow: none;}
	
.new-main-header .navbar .navbar-brand {
    margin: 0;
    order: 2;
}	

.installation-battery .battery-cover-content h2 {
    font-size: 24px;
}

.battery-cover.installation-battery {
	padding-bottom: 40px;
}

.installation-battery .battery-cover-content .col-content p {
    font-size: 16px;
	text-align: left;
}


.installation-battery .battery-cover-content .btn-space{ align-items: center;}
	

.existing-solar .title-sec {
    font-size: 24px;
    line-height: 29px;
	margin-bottom: 10px;
}

.existing-solar {
    padding: 40px 0 40px;
}


.existing-solar .container {
    row-gap: normal;
}

.existing-solar p {
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 24px;
}

.installation-process-sec .process-box, .installation-process-sec .process-box:hover {
    width: calc(1 / 1 * 100%);
    min-height: 300px;
}

.installation-process-sec .process-box-text {
    background: rgba(0, 0, 0, 0.80);
}



.save-more p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
	letter-spacing: 0.16px;
}


.save-more {
    padding: 40px 0px;
}


.battery-cover-img img {
    max-width: 470px;
}

.installation-process-sec .process-box:nth-child(4) {
        width: auto;
    }

.installation-process-sec .process-box:nth-child(5) {
        width: auto;
        grid-column: 2 / span 2;
    }
	
	.installation-process-sec .process-box .process-box-text h3 {
        line-height: 29px;
        font-size: 19px;
    }



.existing-solar .title-sec span {
    display: inline;
}

    .solution-usage-outer {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }


.battery-backup-work .title-sec{
    margin-bottom: 24px;
    font-size: 28px;
    line-height: normal;
}


.take-control .title-sec {
    font-size: 24px;
    line-height: normal;
    font-weight: 600;
}


.take-control .container {
    row-gap: 50px;
}

.take-control .common-btn {
    max-width: inherit;
}

.take-control.control-replacement-arizona .common-btn {
    width: 100%;
}

.common-btn.new-common-btn-p {
    width: 100%;
}


.battery-backup-work p {
    font-size: 14px;
    margin-bottom: 24px;
}

.padding-top-80 {
    padding-top: 48px;
}

.padding-bottom-80 {
    padding-bottom: 48px;
}

.free-site-evaluation.adding-solar-free-site {
    padding-top: 48px;
    padding-bottom: 48px;
}

.battery-backup-work.padding-bottom-80 {
    padding-bottom: 30px;
}

.battery-backup-work .slick-dots .slick-active button {
    width: 18px;
}

.battery-solution h3 {
    font-size: 20px;
}
.battery-solution h3 span {
    font-size: 24px;
}

.battery-system .title-sec {
    font-size: 24px;
    line-height: normal;
	margin-bottom: 29px;
}

.battery-system-box-outer h3 {
    font-size: 20px;
	line-height: 30px;
}

.battery-system-box-outer p{
    font-size: 14px;
}


.battery-system-learn-more .common-btn {
    padding: 8px 16px;
    font-size: 14px;
}





.new-header.is-sticky .new-main-header .nav-item .nav-link{ color: #fff;}


.new-main-header .dropdown-item {
	text-align: right;
	font-size: 12px;
    padding: 9px 10px;
}

.new-main-header .dropdown-item:hover{ background-color: transparent;}

.new-top-header p {
    font-size: 18px;
}


.is-sticky .sidebar-nav .hamburger .line{ background-color: #fff;}


.energy-system .nav-link {
    font-size: 18px;
}


.battery-backup-work {
    padding: 40px 0;
}

.installation-process {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.installation-process-box {
    width: 100%;
    min-height: 350px;
}


.is-sticky .new-main-header .dropdown-item {
    color: #fff;
}

.is-sticky .new-main-header {
    padding: 20px 0 20px;
}

.new-top-header {
    margin-top: 15px;
}

.solar-gallery-box {
    min-height: 370px;
}

.solar-gallery-box:nth-child(1), .solar-gallery-box:nth-child(4) {
    display: none;
}

.expert-for-solar {
    grid-template-columns: 1fr;
}

.adding-solar-content {
    padding: 40px 0px 0;
    row-gap: 24px;
    align-items: center;
}

.adding-solar {
    padding: 40px 0;
}

.adding-solar.evaluation-adding-solar {
    padding: 40px 0;
}

.stable-clean-energy .container {
    row-gap: 40px;
}

.why-add .title-sec{ font-size: 27px; line-height: normal;}

.why-add p{ font-size: 16px;}

.why-add {
    row-gap: 24px;
}

.what-new .accordion-item .accordion-body h3 {
    font-size: 20px;
}

.expert-for-solar h3 {
    font-size: 20px;
    margin-bottom: 18px;
}

.common-p p {
    font-size: 16px;
}

.what-new .accordion-button {
    font-size: 18px;
    font-weight: 600;
}

.what-new .accordion-button::after, .what-new .accordion-button:not(.collapsed)::after {
    width: 20px;
    height: 20px;
}

.what-new .accordion-item .accordion-body {
    font-size: 14px;
    padding: 0;
    padding: 12px 0px 0;
}

.what-new .accordion-title {
    padding: 0 5px;
}

.adding-solar-content .title-sec {
    font-size: 24px;
    line-height: normal;
}

.removal-adding-solar .adding-solar-customer {
    min-height: 566px;
    clip-path: circle(401px at 50% 29%);
}

.removal-adding-solar .adding-solar-content {
    padding: 24px 24px 40px;
}

.removal-clean-energy .expert-for-solar {
    grid-template-columns: 1fr;
    gap: 40px;
}

.solar-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .switch-col {
        display: flex;
        row-gap: 24px;
        align-items: inherit;
    }


.enphase-iq-battery-system .battery-system-box-outer {
    margin-top: 20px;
}

.battery-backup-work.enphase-iq-battery h3 {
    font-size: 20px;
}   

.enphase-iq-battery-system .battery-system-box-outer h3 {
   font-size: 20px;
}


.adding-solar-energy-system .adding-solar-content .title-sec {
    font-size: 30px;
}

.adding-solar-energy-system .adding-solar-content-details h3 {
    font-size: 20px;
}

.adding-solar.adding-solar-energy-system {
    padding: 40px 0;
}

.indicators-troubleshoot {
    min-height: 500px;
}

.energy-capacity-label {
    min-width: 242px;
	max-width: 242px;
}

.energy-capacity {
    font-size: 17px;
}

    .installing-standalone h3 {
        font-size: 32px;
    }

        .installing-standalone {
        padding: 24px;
    }

        .installation-cost {
        column-gap: 8px;
    }

    .installation-cost {
    margin-top: 12px;
}

    .note-text {
        margin-top: 12px;
    }

.new-solar-web .vertical-slider {
        flex-direction: column;
        padding: 0;
        column-gap: 20px;
    }

        .new-solar-web .slider-content p {
        font-size: 19px;
        text-align: center;
    }
	
	.new-solar-web.old-solar-web .slider-content p {
    font-size: 20px;
	max-width: 100%;
}

.new-solar-web .container, .new-solar-web .terms-condition .container, .new-solar-web .take-control .container { padding: 0 24px;}

.terms-condition .common-form-style{padding: 24px;}


.indicators-troubleshoot:nth-child(3) {
    display: none;
}

.indicators-troubleshoot:nth-child(4) {
    display: none;
}
.indicators-troubleshoot:nth-child(1) {
    width: 100%;
}
.indicators-troubleshoot:nth-child(2) {
    width: 100%;
}

.adding-solar-energy-system .adding-solar-customer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4px;
}

.adding-solar.adding-solar-energy-system .parent-outer {
        gap: 20px;
    }

.battery-cover.installation-battery .container {
    row-gap: 24px;
}


.enphase-quality .title-sec {
    font-size: 26px;
}

.enphase-quality h3 {
    font-size: 24px;
}

.battery-info {
    font-size: 18px;
}

.enphase-iq-adding-solar .adding-solar-content {
    padding: 24px;
}

    .adding-solar.adding-solar-energy-system .parent-outer {
        gap: 24px;
    }

    .adding-solar-energy-system .adding-solar-content {
    row-gap: 24px;
}

.new-solar-web .utility-rates-form {
        padding: 24px 24px;
    }


.new-solar-web .solar-energy-benefits .container{ padding: 0 24px;}
.new-solar-web .energy-benefits-outer .count-p{ min-width: auto;}
.new-solar-web .energy-benefits-outer .count{ width: auto; min-width: max-content;}

.new-solar-web .energy-benefits-outer {
        margin: 0 auto;
    }

    .new-solar-web .energy-benefits-outer span img {
    max-width: 100%;
    max-height: none;
}

.enphase-details {
    gap: 24px;
}

.our-warehouse .title-sec span {
    display: inline;
}


.equipment-warehouse-outer .bg-zoom-outer:nth-child(4){display: none;}

.solar-panel-note {
    padding: 24px;
}

.advantages-climate-data {
    padding: 24px;
}


.solar-panel-note h3 {
    font-size: 24px;
}

.our-warehouse .center-content h3 {
    font-size: 24px;
}

.our-warehouse .title-sec br{ display: none;}

.existing-solar.enphase-iq-existing {
    padding-bottom: 40px;
}

.advantages-climate {
    min-height: auto;
}

.container-fluid {
    padding: 0 24px;
}


.enphase-iq-battery-system .color-layer.color-layer2 {
    height: 1370px;
}

.battery-system-box-img,.existing-battery-system .battery-system-box-img {
        min-height: 370px;
    }



 .our-warehouse .title-sec {
    font-size: 24px;
    line-height: normal;
}   

	.our-warehouse .battery-system-box-outer {
    gap: 24px;
}


.our-warehouse .battery-system-col {
        display: block;
    }

.new-solar-web .our-reviews .title-sec {
        font-size: 28px;
        margin: 0 0 24px;
    }


.control-replacement-arizona .solution-usage-outer {
    grid-template-columns: 1fr;
}



.new-site-footer {
    row-gap: 0px;
}
 
.adding-solar-replacement-arizona .adding-solar-content{ align-items: flex-start;} 

.take-control.control-replacement-arizona .title-sec {
    font-size: 28px;
    font-weight: 700;
}

.control-replacement-arizona .battery-solution p {
    font-size: 16px;
}

.control-replacement-arizona .battery-solution h3 {
    font-size: 28px;
}

.control-replacement-arizona .battery-solution {
    padding: 24px 24px 24px;
}

.battery-backup-work h3 {
    font-size: 22px;
}

.solar-batteries {
    padding: 24px;
}

.tesla-inverters .center-content .title-sec {
    font-size: 28px;
}

.product-content {
    padding: 0 24px 24px;
}


.partner-with-us p {
    font-size: 20px;
}

.partner-with-us .title-sec {
    color: #fff;
    margin-bottom: 6px;
	font-size: 31px;
}


.future-expert .color-layer {
    display: block;
}

.future-expert::before{ display: none;}


.headings-backdrop-filter {
    padding: 24px 0 24px 0;
}

.enphase-iq-battery-system.existing-battery-system .battery-system-box-outer h3 {
    font-size: 24px;
}

.partner-with-us .center-content {
    padding: 0 24px;
}

.common-btn.new-common-btn-p {
    width: 100%;
}

.battery-system-learn-more .common-btn{ max-width: 100%; width: 100%;}




.inverter-replacement-img::before {
    border-radius: 50%;
    height: 394px;
    width: 394px;
    right: 0;
    bottom: 0px;
    top: auto;
    left: 20px;
    margin: auto;
}

.inverter-replacement-img {
    margin-left: inherit;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    padding-right: 60px;
}

.inverter-replacement-img img {
    max-width: 424px;
    right: 0;
    bottom: 0;
    left: 40px;
    margin: auto;
}

.inverter-replacement-content {
    padding: 24px 24px 0;
}

.inverter-replacement {
    padding: 48px 0;
}

.new-solar-web .our-reviews .title-sec {
    padding: 0 24px;
}

.solar-battery-replacement-stable .why-trust {
    margin-bottom: 24px;
    font-size: 27px;
}


.battery-backup .slick-track {
    padding-bottom: 24px;
}

.battery-backup-work .slider-new {
    margin-bottom: 24px;
}

.battery-backup-work .slick-track .slick-slide > div {
    padding: 0 24px;
}

.new-solar-web.old-solar-web .installation-banner .container{
    padding: 0 24px;
}

.new-solar-web.old-solar-web .slider-content p {
        text-align: center;
    }

    .button-container {
    padding: 8px 14px !important;
   }

.home-contact-main .common-form-style {
  padding: 24px;
  margin-top: 30px;
}

.commercial-project h3 {
    font-size: 20px;
}
.home-contact-main .common-form .form-group label {
    font-size: 14px;
}

.home-contact-main .upload-cv-file .codedropz-upload-handler {
    padding: 58px 24px 20px;
}

.referral-options {
    gap: 24px;
    flex-direction: column;
}

.common-banner-img {
    max-width: 163px;
    clip-path: polygon(0 0, 100% 0, 108px 100%, 0% 100%);
}



.common-banner-add {
    padding-right: 20px;
}


.common-banner-add h2 {
    font-size: 26px;
    line-height: normal;
}

.common-banner-add .common-btn {
    padding: 6px 14px;
    font-size: 16px;
    min-width: max-content;
}

.old-solar-web .take-control .common-btn {
    width: 100%;
}

.chose-enphase::after {
    clip-path: polygon(200% 0%, 100% 100%, 40% 100%, -250% 100%);
}

.safety-benefit {
    flex-direction: column;
    display: flex;
}


    .chose-enphase-content .title-sec{
        font-size: 35px;
    }

    .intro-highlight .title-sec {
    font-size: 30px;
    line-height: normal;
}

.intro-highlight-border {
    padding: 24px;
}


.free-site-evaluation .title-sec {
        font-size: 42px;
        max-width: 900px;
    }

.site-evaluation-image {
    min-height: 469px;
}

.battery-only-systems {
    grid-template-columns: 1fr;
}

.adding-solar-free-site .button-group-link .common-btn {
    flex-grow: 1;
    width: 100%;
    margin-left: 0;
}

.new-solar-web .exciting-company .container {
    padding: 0 24px;
}

.exciting-company-content {
    padding: 80px 24px 80px 24px;
}


.title-sec-sub {
    font-size: 35px;
}

.exciting-company-content .title-sec-sub, .directly-customers-content .title-sec-sub {
    font-size: 35px;
}

.leader-sec .title-sec {
    font-size: 35px;
}

.leader-sec p {
    font-size: 22px;
}

.title-sec-64 .title-sec {
    font-size: 40px;
}
.home-topps-difference .title-sec-sub {
    font-size: 21px;
}

.take-control .product-slider .slick-slide {
    margin: 0 10px;
}

.product-slider {
    margin: 0 -10px;
}

.free-site-evaluation.adding-solar-free-site .title-sec {
    font-size: 40px;
}

.product-slider .embla__slide{ flex: 0 0 100%;}

.new-solar-web .slick-common-padding .container {
    padding: 0 24px;
}

.free-site-evaluation .button-group-link {
        flex-direction: column;
    } 
    
 .common-solution-wrapper .common-solution-list {
    padding: 24px;
}   

.comparing-specs .table thead th, .comparing-specs .table tbody td {
    padding: 12px;
}

.faq-accordion .card{ padding: 24px;}

.faq-accordion .card-header .btn-link {
    font-size: 24px;
}

.details-content-space {
    padding: 0;
    margin: 0;
}

.project-details .time-media {
    margin-top: 0;
}

.referral-program-sec .priority-sec-content .title-sec-sub {
    font-size: 30px;
}

.new-referral-form p br {
    display: none;
}

.post-navigation {
    display: none;
}

.title-sec{ font-size: 34px;}
.title-sec br{ display: none;}
.sub-categories .title-sec {
    font-size: 28px;
}

.adding-solar-free-site .site-evaluation-image {
    min-width: auto;
}




} 
 


@media screen and (max-device-width: 767px) and (orientation : landscape){
.scroll-menu {
    flex-direction: column;
    height: calc(100vh - 170px);
    overflow: auto;
}

.site-header.is-sticky .scroll-menu {
    height: calc(100vh - 63px);
}

}



@media only screen and (max-width: 667px) {
	
button#cf7mls-back-btn-cf7mls_step-2 {
	margin-left: 127px;
}
	
.warranty-solar-box:nth-child(odd):last-child {
    grid-column: auto / span 2;
    text-align: center;
}

.warranty-solar-box img {
    max-width: 169px;
}

.warranty-solar{
	text-align: center;
}

.page-template-home-inner-contact-form-page div#message-container p {
    font-size: 16px;
}	

.page-template-home-inner-contact-form-page .form-checkbox .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 15px;
}

.page-template-Best-Solar-Company .form-checkbox .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 15px;
}

.page-template-home-inner-contact-form-page div#message-container h4 {
    font-size: 21px;
}

.schedule-free {
    flex-direction: column;
    grid-row-gap: 8px;
	margin: 0;
}

.schedule-free.schedule-free-desk {
    display: none;
}

.schedule-free .free-quote {
    background: transparent;
    color: #f47320;
    width: 100%;
    border: 2px solid #f47320;
}

.schedule-free .free-quote {
    width: 100%;
    order: 2;
}


.social-media{ display: none;}
.schedule-free .free-consultation.header-login {
    background-color: #f47320;
    color: #fff;
    order: 1;
}

.schedule-free .free-consultation {
    width: 100%;
    text-align: center;
    order: 3;
}


.schedule-free {
    display: none;
}



.icon-contact-responsive {
    display: flex;
	margin-bottom: 100px;
	margin-top: 18px;
}

.schedule-free{ display: flex;}

.spotlight-video-popup iframe {
    height: 168px;
}


.spotlight-video-popup.common-popup-content .modal-content .modal-body {
    padding: 16px 16px 16px;
}

.common-popup-header .modal-header {
    padding: 16px 16px 0;
    border: none;
}

.residential-banner h1 {
    text-align: left;
} 

.residential-data p {
	text-align: left;
}

.residential-banner .common-btn {
	width: 100%;
}

.residential-banner.commercial-banner h1 {
    font-size: 24px !important;
}


.residential-banner.commercial-banner h1 span{font-size: 24px !important;}

.premium-product-content {
	padding: 16px 0;
}

.premium-product-img {
    max-width: 100%;
	height: 270px;
}


.about-banner {
    min-height: 330px;
}


.home-blog-image {
    height: 340px;
}


.home-form-inner-banner {
    min-height: 128px;
}

.home-form-inner-banner.banner-text-right {
    text-align: right;
	background-position: right;
}

.inner-small-banner h1 {
    font-size: 20px; 
}


/** dealer ***/
.redlines-text h3 {
    font-size: 48px;
}

.redlines-text h3 sup {
    font-size: 28px;
    top: -17px;
}

.redlines-text h3 .sup-one {
    margin-right: 3px;
}


.redlines-text h4 {
   font-size: 30px;
}


.redlines-text h4 span {
    font-size: 16px;
}


.redlines-text {
    padding: 12px;
	column-gap: 8px;
}

.join-company h4 {
    font-size: 30px;
	font-weight: 600;
}

.join-company h3 {
    font-size: 30px;
    font-weight: 600;
}

.join-company p {
    font-size: 16px;
    margin: 0px 0 16px auto;
    max-width: 100%;
}

.commercial-banner p {
    font-size: 16px;
    max-width: 100%;
}

.residential-data p {
    font-size: 16px;
    max-width: 100%;
	margin-top: 16px;
    margin-bottom: 16px;
}

.join-company p br {
    display: none;
}


.join-company {
    background-color: rgba(36, 36, 36, 0.75);
    padding: 11px 16px 16px 16px;
    margin-top: 16px;
}


.dealer-banner {
    padding: 179px 0 24px;
    min-height: 527px;
	background-position: -230px;
}

.deals-text h4 {
    font-size: 16px;
}

.deals-text h4 span {
    font-size: 20px;
}

.deals-text {
    column-gap: 11px;
    margin-bottom: 12px;
    width: 100%;
    justify-content: space-between;
}

.dealer-premium-product .premium-product-content {
    padding: 16px 0;
}

.product-bg {
    left: 30px;
}

.dealer-home-product .row {
    flex-direction: column;
}

.dealer-home-product .first-percentage {
    grid-row-gap: 10px;
}

.dealer-home-product .first-percentage img {
    max-width: 84px;
}

.dealer-home-product .first-percentage img:last-child {
    max-width: 50px;
}

.home-product-sec.dealer-home-product {
    padding-top: 24px;
    padding-bottom: 24px;
}

    .home-product-sec.dealer-home-product.powerwall-product {
        padding-bottom: 24px;
        padding-top: 24px;
    }


.dealer-premium-product .premium-product-sec .container {
    padding-right: 16px;
}

.dealer-premium-product .premium-product-sec .container {
    padding-right: 16px;
}


.software-img-space img {
    margin-bottom: 12px;
}

.slick-dots li button, .slick-dots li {
    width: 8px;
    height: 8px;
}

.software-img .slick-dots {
    bottom: -30px;
}

.home-product-sec.software-sec {
    padding-top: 24px;
    padding-bottom: 24px;
}


.dealer-home-product .what-we-use li span,.dealer-home-product .what-we-use li .common-round-icon {
    width: 28px;
    height: 28px;
}

.dealer-home-product .what-we-content h5 {
    font-size: 20px;
}

.dealer-home-product .what-we-use li span img, .dealer-home-product .what-we-use li .common-round-icon img {
    max-width: 13px;
}

.dealer-premium-product .premium-product-sec::before {
    bottom: 0;
}


/*** product ***/


.product-banner h1 {
    font-size: 34px !important;
	color: #fff;
}

.product-banner h4 {
    font-size: 24px !important;
	color: #fff;
}

.product-banner h3 {
    font-size: 24px !important;
}

.product-banner {
    min-height: 400px;
    background-position: right;
    padding-top: 12px;
	display: flex;
    align-items: center;
	position: relative;
}


.product-banner:before {
    content: "";
    background: rgba(36, 36, 36, 0.50);
    position: absolute;
    width: 100%;
    height: 100%;
	top: 0;
}

.product-banner .container {
    position: relative;
    z-index: 1;
}

.dealer-banner .common-btn {
    width: 100%;
}

.first-percentage h6 {
    font-size: 20px;
}

.product-adders .first-percentage h6 {
    font-size: 20px;
}

.home-product-sec.product-monitoring {
    padding-bottom: 24px;
    padding-top: 16px;
}


.home-product-sec.product-adders {
    padding-bottom: 24px;
}




.product-batteries-sec .software-img-space img {
    max-width: 250px;
    max-height: 250px;
}


.terms-condition p, .sub-text li p {
    margin-bottom: 16px;
}

.sub-text {
    grid-row-gap: 24px;
}

.director-name {
    min-height: 67px;
}


.satisfied-customers-card-item{
    height: 128px;	
}

.owl-theme .owl-dots .owl-dot {
    margin: 0 4px;
}

.owl-theme .owl-dots .owl-dot span {
    height: 8px;
    width: 8px;
}

.hamburger-body .site-header {
    top: -53px;
}

.hamburger-body .scroll-menu {
    height: calc(100vh - 66px);
}

.welcome-form .cf7mls_back.action-button {
    margin-top: -60px;
    left: 0;
    width: 100%;
}

.welcome-form .welcome-form-outer.last-tab {
    padding-bottom: 64px;
}


.welcome-form .cf7mls .wpcf7-form-control.wpcf7-submit {
    left: 0;
    width: 100%;
}

.last-step-submit p {
    width: 100%;
}

.welcome-form .welcome-form-outer {
    padding: 16px;
}




.about-sec.home-about .first-percentage {
    min-height: 121px;
}


.about-sec.home-about .percentage-calculator-two .ev-data {
    min-height: 119px;
}


.about-sec.home-about .first-percentage.second-percentage {
    min-height: 114px;
    min-height: 114px;
}

.about-sec.home-about .ev-data {
    min-height: 127px;
}

.about-sec.home-about .percentage-calculator-two {
    padding-top: 10px;
}

.warranty-solar {
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    grid-row-gap: 12px;
}

.warranty-sec {
    padding-bottom: 24px;
}

/* ======= referral page ======= */
.referral-banner .match-beat-text h1, .referral-banner .match-beat-text h1 span {
	font-size: 24px;
}

.referral-banner .match-beat-quote {
	padding: 24px 0 24px;
    gap: 16px;
}

 .process-boxes {
	row-gap: 16px;
}


.refferal-process-sec .common-heading p {
    margin-top: 4px;
}


.referral-pro-img{
	display: none;
}

.referral-mobile-img{
	display: block;
}

.amout-sec-content .residen-content{
	margin-bottom: 16px;
}

.amount-sec .amout-sec-content {
	padding-top: 69px;
    width: 100%;
}

.refferal-sec .col-content .amount-sec {
    grid-column-gap: 0px;
}

.refferal-sec .col-content h5 {
    text-align: center;
}

.refferal-sec .referral-content {
     padding-top: 0px;
}

.refferal-sec .col-content h5 {
    margin-top: 26px;
    margin-bottom: 38px;
}



/* ======= referral page ======= */


.page-template-Best-Solar-Company div#message-container h4 {
    font-size: 20px;
	max-width: 350px;
}

.page-template-Best-Solar-Company .under-text {
    margin-left: 15px;
}


.battery-cover-img img {
    max-width: 616px;
}

.battery-cover-img img {
    max-width: 100%;
}

.removal-adding-solar .adding-solar-customer {
        min-height: 476px;
        clip-path: circle(389px at 50% 18%);
    }


.remove-expert {
    min-height: 322px;
}


    .tesla-inverters-gallery-bg {
        min-height: 114px;
    }

 .common-btn.new-common-btn-p {
    width: 100%;
}   

.button-container {
    grid-template-columns: 1fr !important;
}


    .gallery-content .percentage-calculator-two {
        padding-top: 45px;
    }

    .gallery-content .first-percentage h2 {
        font-size: 58px;
        line-height: 60px;
    }

   .gallery-content .first-percentage h6 {
        font-size: 24px;
    }

    .gallery-content .first-percentage.second-percentage {
        min-height: 344px;
    }

        .gallery-content .ev-data {
        min-height: 300px;
    }

    .gallery-content .first-percentage {
        min-height: 344px;
    }
    
    .gallery-content .percentage-calculator-two .ev-data {
        min-height: 300px;
    }

.button-space-lefts {
    padding-left: 0;
}

.comparing-specs .table tbody .first-row {
    font-size: 11px;
}

.common-search-filter {
    grid-template-columns: 1fr;
}

}


@media only screen and (max-width: 575px) {

	
.page-template-home-inner-contact-form-page div#message-container h4 {
    font-size: 17px;
}


.first-percentage h2 {
    font-size: 32px;
}

.first-percentage h6 {
    font-size: 12px;
}

.product-adders .first-percentage h6 {
    font-size: 14px;
}

.first-percentage {
    min-height: 129px;
}

.ev-data {
    min-height: 119px;
}

.percentage-calculator-two .ev-data {
    min-height: 115px;
}

.first-percentage.second-percentage {
    min-height: 126px;
}

.home-banner-text h1 {
    font-size: 24px;
}

.home-banner-text h6 {
    font-size: 16px;
}

.monthly-electric-bill h5 {
    font-size: 16px;
	font-weight: 600;
}

.systems-exceed {
    display: flex;
    max-width: 258px;
    margin: 0 auto;
	position: relative;
}


.percentage-calculator-two {
    padding-top: 12px;
}


.home-product-sec.residential-product-sec .product-bg {
    left: auto;
    bottom: -20px;
    right: -45px;
    background-size: 333px;
}

.common-heading.common-heading-middle h3 {
    max-width: 290px;
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}

.process-sec.partnership-process .common-heading.common-heading-middle h3 {
    max-width: 300px;
}


.spotlight-slider-img {
    height: 211px;
}


.slider-main-image {
    height: 241px;
}

.project-details-value {
    grid-template-columns: 1fr 1fr;
}

.project-customer-review h5 {
    font-size: 16px;
	margin: 0 0 4px;
}

.project-details-value li p {
    margin: 4px auto 0;
    font-size: 14px;
    max-width: 110px;
}


.residential-banner h1 {
    font-size: 24px !important;
}
	
.residential-banner h1 span {
    font-size: 24px !important;
}
	
.premium-product-content h3 {
    font-size: 20px;
	font-weight: 700;
	margin: 0 0 12px;
}	

.premium-product-content h3 span {
    font-size: 20px;
}


.career-banner {
    min-height: 400px;
    background-position: -460px;
}




.dealer-why-us .common-heading.common-heading-middle h3 {
    max-width: 100%;
}

.first-percentage h6 {
    font-size: 12px;
	
}

.sub-text li span {
    display: block;
}

.home-banner-text h1 {
    font-size: 20px;
}	

.home-banner-text h6 {
    font-size: 16px;
}

.home-banner-overlay {
    opacity: 0.35;
}


.custom-tooltip {
    right: 0;
}

.premium-product-img {
    height: 190px;
}

.premium-product-sec::before {
    top: 130px;
}


.home-blog-box > div {
    height: 212px;
}

.resources-review iframe {
    height: 210px;
}

.home-blog-image {
    height: 191px;
}


.project-popup .swiper .swiper-slide {
    height: 208px;
}

.project-popup .swiper .swiper-slide iframe {
    height: 208px;
}

.project-swiper .swiper .swiper-slide {
    height: 306px;
}


.resources-sec .home-blog-image {
    height: 200px;
}

.single-blog-img {
    height: 200px;
}


.welcome-form .progressbar-step li p {
    font-size: 11px;
}


.page-template-Partnerships-Form .flex-space-column {
    flex-direction: column;
    grid-row-gap: 16px;
}

.award-outer {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 16px;
}

.premium-product-spacen .premium-section-button{
	display: flex;
	flex-direction: column;
    grid-row-gap: 12px;
    width: 100%;
}

.premium-section-button .common-btn {
    width: 100%;
}

.sub-text-cookie h4 {
	font-size: 20px;
}

.out-guarantee-content {
    font-size: 16px;
}

.commercial-banner .banner-monthly-bill .monthly-electric-bill h5{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.15px;
    justify-content: center;
    margin-bottom: 16px;
}

.commercial-banner .input-range .rangevalue {
    width: 100% !important;
}

.commercial-banner .monthly-electric-bill {
	flex-direction: column;
}


.powerwall-banner h1 {
        font-size: 23px;
    }
	
.battery-cover-content h2 {
        font-size: 22px;
    }


.comparing-specs .common-heading.common-heading-middle h3{ max-width: 330px;}
.new-top-header p {
        font-size: 14px;
    }
	

.installation-battery .battery-cover-content h2 span {
    display: inline;
}

}

@media only screen and (max-width: 574px) {

    .installation-banner .banner-title {
        font-size: 21px;
    }


.installation-process-text {
    padding: 0 20px;
    max-width: 320px;
}

.installation-process-text h3 {
    font-size: 26px;
    line-height: 39px;
}

    .solar-gallery-box {
        min-height: 195px;
    }



.removal-adding-solar .adding-solar-content {
        padding: 40px 24px 40px;
    }

.common-btn.new-common-btn-p {
    padding: 16px 12px;
    font-size: 16px;
}

.enphase-iq-adding-solar .adding-solar-content {
    padding: 40px 20px 40px;
}

.new-main-header .nav-link {
    padding: 12px 20px;
    font-size: 20px;
}



.enphase-iq-adding-solar .adding-solar-customer .bottom-layer {
    max-width: 130px;
}

.enphase-details-img {
    text-align: center;
}

.indicators-troubleshoot {
    min-height: 240px;
}

.energy-capacity {
    font-size: 15px;
}

.energy-capacity-label {
    min-width: 162px;
	max-width: 162px;
}


.federal-tax {
        text-align: center;
        padding: 40px;
    }
	
.federal-tax h2 {
    font-size: 24px;
    max-width: 200px;
    margin: 0 auto;
}	
	
 
.installation-cost {
   flex-wrap: wrap;
   text-align: center;
   justify-content: center;
   column-gap: 0;
}

.installing-standalone {
    padding: 33px 16px 33px;
	text-align: center;
}

.installing-standalone h3 {
    font-size: 20px;
}

.installing-standalone h3 span {
    display: inline;
}

.installation-cost-summary p {
    font-size: 18px;
    line-height: 37px;
}

.installation-cost-summary.cost-summary-divide {
    font-size: 45px;
	align-items: center;
    top: 0;
}

.installation-cost-summary:nth-child(4) {
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}


.note-text {
    font-size: 12px;
    line-height: normal;
    margin-top: 18px;
}


.installation-cost-summary:nth-child(1) {
    width: 160px;
}

.installation-cost-summary:nth-child(2) {
    width: 30px;
    justify-content: center;
}

.installation-cost-summary:nth-child(3) {
    width: 160px;
}

.enphase-quality .title-sec {
    font-size: 24px;
}

.enphase-quality h3 {
    font-size: 20px;
}

.battery-info {
    font-size: 20px;
}


    .new-solar-web .slider-content p {
        text-align: center;
        font-size: 18px;
    }
	
	.new-solar-web.old-solar-web .slider-content p {
    font-size: 18px;
}

    .new-solar-web .vertical-slider {
        flex-direction: column;
    }
      
    
.advantages-climate-data .title-sec {
    font-size: 24px;
}


.new-solar-web .our-reviews .title-sec{ font-size: 27px;}

    .new-solar-web .our-reviews {
        padding: 40px 0 40px;
    }

    .take-control.control-replacement-arizona .title-sec span {
    display: inline;
}

    .battery-backup-work .title-sec {
        font-size: 27px;
    }

    .removal-adding-solar .adding-solar-content .title-sec {
        font-size: 27px;
    }

    .battery-backup-work h3 {
            font-size: 20px;
        }
 

    .footer-container-top .footer-left {
        flex-direction: column;
        align-items: flex-start;
    }

        .new-site-footer .footer-container-middle {
        column-count: 1;
    }

        .footer-mobile {
        align-items: flex-start;
    }

    .footer-bottom {
        justify-content: flex-start;
    }

        .new-site-footer .footer-container-middle {
        margin-bottom: 0;
    }

    .tesla-inverters .center-content .title-sec {
        font-size: 24px;
    }

.product-content .title-sec {
    font-size: 24px;
    line-height: normal;
}

.solar-batteries h3 {
    font-size: 24px;
}

.inverter-replacement-content .title-sec {
    font-size: 24px;
}

    .inverter-replacement-img {
        padding-right: 30px;

    }

    .inverter-replacement-img::before {
        height: 314px;
        width: 314px;
        left: -10px;
        left: 0;
    }

    .inverter-replacement-img img {
        max-width: 354px;
        left: 13px;
    }

    .inverter-replacement-img {
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    align-items: center;
}

.new-solar-web .energy-benefits-outer .count {
        min-width: auto;
        font-size: 19px;
    }

  .energy-benefits-outer .count-p{ font-size: 16px;}

.new-solar-web.old-solar-web .energy-benefits-outer .count {
    font-size: 22px;
}

.single-blog-meta.post-meta .social-icons {
    margin-left: 0;
}

.common-banner-img {
    max-width: 213px;
    clip-path: polygon(0 0, 100% 0, 48px 100%, 0% 100%);
}

.common-banner-add h2 {
    font-size: 20px;
    line-height: normal;
    letter-spacing: normal;
}

.common-banner-add .common-btn {
    padding: 6px 14px;
    font-size: 14px;
    min-width: max-content;
}

.chose-enphase::after {
        clip-path: polygon(210% 0%, 100% 100%, 40% 100%, -340% 100%);
    }

        .chose-enphase-content {
        padding: 40px 24px 50px;
    }

    .chose-enphase-logo {
        padding: 20px 24px 0;
    }

    .chose-enphase-content .title-sec {
        font-size: 31px;
    }


.free-site-evaluation .container {
        gap: 24px;
    }

    .free-site-evaluation .title-sec {
        font-size: 32px;
    }

    .site-evaluation-content p {
    font-size: 16px;
}


.gallery-content .first-percentage h2 {
        font-size: 58px;
        line-height: 60px;
    }

   .gallery-content .first-percentage h6 {
        font-size: 24px;
    }

    .gallery-content .first-percentage.second-percentage {
        min-height: 324px;
    }

        .gallery-content .ev-data {
        min-height: 280px;
    }

    .gallery-content .first-percentage {
        min-height: 324px;
    }
    
    .gallery-content .percentage-calculator-two .ev-data {
        min-height: 280px;
    }

    .gallery-content .first-percentage {
      padding: 10px;
    }

    .common-col-outer {
        gap: 48px;
    }

    .free-site-evaluation.adding-solar-free-site .title-sec {
    font-size: 25px;
}

.adding-solar-free-site .site-evaluation-content p b, .home-topps-difference p b {
    font-size: 16px;
}

.directly-customers-outer {
    padding: 24px;
    gap: 24px;
}

.title-sec-sub {
    font-size: 22px;
}

.exciting-company-content .title-sec-sub, .directly-customers-content .title-sec-sub {
    font-size: 22px;
}

.directly-customers-outer .title-sec-sub span {
    font-size: 29px;
}

.directly-customers-video .play-icon {
    max-width: 110px;
}

.exciting-company-content {
        padding: 48px 24px 48px 24px;
    }

    .exciting-company-img {
        min-height: 362px;
    }

   .award-area {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr 1fr 1fr;
}

.leader-sec .title-sec {
    font-size: 24px;
    margin-bottom: 16px;
}

.leader-sec p {
    font-size: 16px;
}

    .partner-with-us .title-sec {
        font-size: 24px;
    }

   .partner-with-us p {
        font-size: 16px;
    }

    .new-solar-web .exciting-company .container {
        padding: 0 5px;
    }

    .exciting-company-slide .slick-slide {
     margin: 0 15px;
   }

   .slick-common-padding .slick-slide{
     margin: 0 15px;
   }

.title-sec-64 .title-sec {
    font-size: 24px;
}

.home-topps-difference .title-sec-sub {
    font-size: 16px;
}

.exciting-company .title-sec {
    padding: 0 10px;
}

.video-modal .modal-body {
    padding: 80px 24px 24px 24px;
}

.pop-content .title-sec {
    font-size: 24px;
}

.pop-content .title-sec span {
    font-size: 24px;
}

.pop-content {
    padding-top: 24px;
}

.priority-sec .container {
        gap: 24px;
    }

.title-sec br{ display: none;}

.faq-accordion .card-header .btn-link {
    font-size: 20px;
}


.faq-video-play {
        height: 175px;
		min-width: 100%;
}

.referral-content {
    grid-template-columns: 1fr;
}


.referral-program-sec .priority-sec-content .title-sec-sub {
    font-size: 25px;
}

.refferal-process-sec .padding-top-48 {
    padding-top: 20px;
}

.priority-sec-img {
 min-height: 400px;
}

.single-blog article .title-sec {
    font-size: 26px;

}

.sub-categories .title-sec {
    font-size: 24px;
}

    .title-sec {
        font-size: 26px;
        line-height: normal;
    }

    .ad-banner {
        grid-template-columns: 1fr;
    }

    .ad-banner-tex {
        padding: 24px;
    }


}

@media only screen and (max-width: 481px) {



    .commercial-solar .common-solution-list {
    padding-left: 0;
}

.common-solution-list li {
    column-gap: 20px;
}

.common-tick-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
}


.common-solution-list li {
    align-items: start;
}

.solution-list-content h3 {
    font-size: 20px;
}


.gallery-content .first-percentage h2 {
        font-size: 43px;
        line-height: 42px;
        margin-bottom: 6px;
    }

   .gallery-content .first-percentage h6 {
        font-size: 24px;
    }

    .gallery-content .first-percentage.second-percentage {
        min-height: 284px;
    }

    .gallery-content .ev-data {
        min-height: 260px;
    }

    .gallery-content .first-percentage {
        min-height: 284px;
    }
    
    .gallery-content .percentage-calculator-two .ev-data {
        min-height: 260px;
    }

    .gallery-content .systems-exceed {
        max-width: 100%;
    }

    .gallery-content .first-percentage h6 {
        font-size: 20px;
    }

    .gallery-content .percentage-calculator-two {
        padding-top: 24px;
    }
    

}

@media only screen and (max-width: 431px) {
	
.page-template-home-inner-contact-form-page div#message-container h4 {
    max-width: 238px;
}
	
.spotlight-video-popup iframe {
    height: 201px;
}

.schedule-consultation.schedule-consultation-meeting .meet-with-client {
    margin-left: 0;
}	


.page-template-home-inner-contact-form-page .thankyou-form-signup {
	width: 100% !important;
}

.page-template-Adding-Solar-Panel-Arizona .installation-banner {
    background-position: -590px;
}

	
}	


@media only screen and (max-width: 415px) {

.spotlight-video-popup iframe {
    height: 191px;
}

.topps-talk .spotlight-video-popup iframe {
    height: 171px;
}

.home-blog-image {
    height: 231px;
}


.what-we-content h5 {
    font-size: 19px;
}

.project-popup .swiper .swiper-slide {
    height: 168px;
}

.project-popup .swiper .swiper-slide iframe {
    height: 168px;
}

.project-swiper .swiper .swiper-slide {
    height: 218px;
}

.swiper-pagination-bullet {
    height: 12px;
    width: 12px;
}

.common-popup-header .modal-header .modal-title {
    font-size: 16px;
}

.common-btn {
    font-size: 14px;
}

   .powerwall-product .common-heading h3 {
        font-size: 18px;
    }

.what-new .accordion-item {
        padding: 15px;
    }

.what-new .accordion-button {
        font-size: 16px;
    }


}


@media only screen and (max-width: 391px) {
.utility-rates-form h2 {
    font-size: 18px;
}

		
}	
	

@media only screen and (max-width: 389px) {

.spotlight-text h5 {
    max-width: 265px;
}

.spotlight .slick-prev {
    right: 60px;
    bottom: 10px;
}


.spotlight .slick-next {
    right: 16px;
    bottom: 10px;
}


.spotlight-text p {
    flex: 1;
}


.call-sec h5 a {
    font-size: 20px;
	margin-top: 8px;
}

.call-sec h5 {
    font-size: 20px;
}

.resources-sec .home-blog-image {
    height: 200px;
}

.first-percentage h2 {
    font-size: 29px;
}

.page-template-Best-Solar-Company div#message-container h4 {
    max-width: 250px;
}

.installation-banner .banner-title br{ display: none;}

.battery-backup-work .title-sec {
        font-size: 21px;
    }

}


@media only screen and (max-width: 376px) {
	
.home-banner-text h1 {
    font-size: 23px;
}

.home-banner-text h6 {
    font-size: 15px;
}

.spotlight-video-popup iframe {
    height: 181px;
}

.home-blog-image {
    height: 191px;
}

.utility-rates-form h4 {
    font-size: 14px;
}

.common-btn {
    font-size: 14px;
}

.project-popup .swiper .swiper-slide iframe {
    height: 171px;
}


.project-swiper .swiper .swiper-slide {
    height: 218px;
}


.common-btn {
    padding: 8px 6px;
}

.energy-benefits-outer .count {
    font-size: 18px;
}

.energy-benefits-outer .count-p {
    font-size: 18px;
}

.slider-content p {
    font-size: 18px;
}

    .battery-cover-content h2 {
        font-size: 21px;
    }

}



