@media(min-width:1200px) {
    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu {
        /* first sub menu here  */
        display: none !important;
    }

    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
        /* second sub menu here  */
        display: none !important;
    }

    li.menu-item-has-children:hover ul.sub-menu {
        display: block !important;
    }

    li.menu-item-has-children>ul.sub-menu>li:hover ul.sub-menu {
        display: block !important;
    }

    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li:hover ul.sub-menu {
        display: block !important;
    }
}


@media(min-width:1600px) {
    .container {
        max-width: 1600px;
    }
}

@media(max-width:1600px) {
    :root {
        --fs-62: 55px;
        --fs-100: 90px;
        --fs-50: 40px;


    }

    ul.nav-links li a,
    ul.sub-menu li a {
        font-size: 16px;

    }

    ul.contact-details li a {
        font-size: 16px;
    }

    .main-logo {
        max-width: 230px;
    }

    .grid-menusmain {
        padding-top: 10px;
    }

    .custom-header::after {
        width: 50%;
    }

    .homevideo-sec {
        height: 685px;
        padding-bottom: 50px;
    }

    .home-data {
        max-width: 500px;
    }

    .inside-bg .six-zero {
        font-size: 50px;
    }

    .residential-image {
        height: 395px;
    }

    .solar-images {
        height: 330px;
    }

    .grid-typesolar {
        gap: 30px;
    }

    .whatwedo-sec.margin-left .what-we-do-holder {
        max-width: 95%;
    }

    .testmonial-images {
        height: 335px;
    }

    .testmonial-titless {
        padding-bottom: 50px;
    }

    p, li {
        font-size: 18px;
    }

    section.our-project-section{
        padding: 50px 0px;
    }

    .op-project{
        height: 305px;
    }

    .big-images {
        height: 330px;
    }

    .small-images {
        height: 235px;
    }

    .grid-help{
        /* padding: 50px 0px; */
    padding-bottom: 50px;
    }

    .nodata p {
        font-size: 35px;
    }

    .nodata {
        height:80px;
        width:80px;
    }
    .step-holders span.college-point {
        width: 100%;
        padding: 10px;
    }

    .icon-installlation {
        height: 90px;
        width: 90px;
    }

    .schools-holder{
        max-width: fit-content;
    }

    .grid-installation{
        gap: 50px;
    }

    .solar-newyork{
        gap: 70px;
    }


    /* /* sahil responsivness  */
    .contact-us-section {
        padding: 40px 0px 60px 0px;
      }
      .contact-us-title .five-zero {
        padding-bottom: 20px;
      }
      .contact-us-form {
        padding-top: 15px;
      }
      .input-data {
        margin-bottom: 15px;
      }
      .contact-us-form input[type="submit"] {
        margin-top: 15px;
      }
      .input-data textarea,
      .contact-us-form input[type="submit"],
      .input-data input {
        font-size: 16px;
        padding: 8px 18px;
      }
      .input-data textarea {
        height: 100px;
      }
      .input-data {
        gap: 25px;
      }
      .quote-content {
        padding-top: 80px;
        padding-left: 50px;
      }
      .quote-form {
        padding-top: 80px;
        padding-right: 50px;
      }
      .contact-us-section.quotes {
        padding-bottom: 80px;
      }
      .quote-form .contact-us-form {
        padding-top: 30px;
      }
      .quote-form .light {
        font-size: 16px;
        padding-bottom: 8px;
      }
      .top-grid {
        padding: 80px 0px 60px 0px;
      }
      .all-grid-layout {
        gap: 35px;
      }
      .acredean-container {
        padding-top: 50px;
        padding-bottom: 70px;
      }
      .faq-data {
        padding-top: 50px;
      }
      .faq-title p {
        padding-top: 20px;
      }
      .icon-grid {
        margin-bottom: 10px;
      }
      .content-grid h3 {
        margin-bottom: 20px;
      }
      .content-grid h3 {
        font-size: 22px;
      }
      .grid-element {
        padding: 35px;
      }
      .icon-grid img {
        max-width: 60px;
      }
      .grid-element {
        min-height: 300px;
      }
      .grid-acrdean {
        padding-bottom: 20px;
      }
      .accordean-holder {
        padding: 20px 30px;
        padding-bottom: 0px;
      }
      .grid-acrdean .icon-acrdn img {
        max-width: 20px;
      }
      .bootom-content{
        padding: 60px 0px;
      }
      .four-zero{
        margin-bottom: 20px;
        font-size: 35px;
      }
      .grideven-odd{
        padding-top: 60px;
      }
      /* sahil css end */
/* umesh css */
      :root {
        --fs-20: 18px;
    }
    .raq-grid {
        gap: 60px;
    }
    .raq-box {
        padding: 40px 0;
    }
    .footer-detail {
        max-width: 320px;
    }
    .bottom-title p ,
    .faq-title p {
    font-size: 20px;
    }
    span.closepoup{
        width: 40px ;
        height: 40px ;
        top: -36px;
    }
    .our-work .swiper-button-next, .our-work .swiper-button-prev{
        width: 60px;
        height: 60px;
    }
    .poup-slider{
        height: 600px;
    }
}

@media(max-width:1400px) {
    :root {
        --fs-62: 45px;
        --fs-100: 65px;
        --fs-30: 25px;
        --fs-50: 35px;

    }

 


    ul.nav-links li a,
    ul.sub-menu li a {
        font-size: 15px;
    }

    ul.nav-links {
        gap: 15px;
    }

    .button-contacts a {
        font-size: 14px;
        padding: 8px 20px;
    }

    .main-logo {
        max-width: 200px;
    }

    ul.nav-links li a,
    .button-contacts {
        padding-bottom: 10px;
    }

    ul.sub-menu {
        width: 200px;
    }

    ul.contact-details li a {
        font-size: 14px;
    }

    .homevideo-sec {
        height: 618px;
    }

    .universal-anchor a,
    .watch-video a {
        font-size: 16px;
        padding: 12px 25px;
    }

    p, li {
        font-size: 16px;
        line-height: 25px;
    }

    .six-two {
        padding-bottom: 15px;
    }

    .grid-homebtn {
        padding-top: 20px;
    }

    .solar-container {
        min-height: 375px;
    }

    .grid-column {
        gap: 30px;
    }

    .data-paragraph {
        padding: 10px 20px;
    }

    .inside-bg {
        min-height: 100px;
    }

    .residential-holder {
        padding-top: 20px;
    }

    .residential-image {
        height: 335px;
    }

    .solar-images {
        height: 275px;
    }

    .solar-typeconatiner {
        gap: 10px;
    }

    .testmonial-images {
        height: 275px;
    }

    .testimobial-sec {
        padding: 40px 0px;
    }

    .testmonial-titless {
        padding-bottom: 30px;
    }

    .testmonial-details p {
        font-size: 14px;
    }

    .testmonial-details {
        transform: translate(0%, -50%);
    }
    .grid-comapnies{
        flex-wrap: wrap;
        justify-content: center;
    }

    .op-grid{
        gap: 20px;
    }

    .op-subtitle {
        font-size: 12px;
    }

    .five-zero{
        padding-bottom: 10px;
    }

    .ourwork-holder{
        padding-bottom: 0px;
    }

    .coomercil-title{
        padding-bottom: 20px;
    }

    .holdes-color{
        padding: 20px 0px;
    }

    .big-images {
        height: 255px;
    }

    .small-images {
        height: 185px;
        max-width: 250px;
    }

    .grid-help .what-we-do-holder{
        max-width: 100%;
    }

    .grid-help{

        padding-bottom: 30px;
    }

    section.solar-helpyou-sec{
        padding: 40px 0px;
    }

    .solar-holderss {
        max-width: 900px;
    }

    section.solarpanerls-sec{
        padding: 40px 0px;
    }

    .step-holders .solar-images {
        height: 315px;

    }

    .step-holders span.college-point {
        font-size: 15px;
        padding: 10px;
    }

    section.easystep-sec{
        padding: 50px 0px;
    }

    .step-holders{
        gap: 50px;
    }

    .nodata p {
        font-size: 25px;
    }

    .nodata{
        height: 70px;
        width:70px;
    }

    .icon-installlation {
        height: 60px;
        width: 60px;
    }

    .grid-installation{
        gap: 20px;
    }

    .installation-holder {
        max-width: 750px;
        padding-bottom: 30px;
    }

    section.coomecial-installation{
        padding-bottom: 50px;
    }

    .about-community .three-zero{
        padding-bottom: 20px;
    }

    ul.community-list{
        padding-top: 20px;
        padding-left: 20px;
    }

    ul.community-list li{
        padding-bottom: 10px;
    }

    .solar-newyork{
        gap: 50px;
    }

    section.solarpanerls-sec .grid-typesolar{
        padding-top: 20px;
    }


    /* sahil css start */

    .contact-us-section {
        padding: 40px 0px 40px 0px;
      }
      .contact-us-title .five-zero {
        padding-bottom: 15px;
      }
      .contact-us-form {
        padding-top: 10px;
      }
      .input-data {
        margin-bottom: 12px;
      }
      .contact-us-form input[type="submit"] {
        margin-top: 10px;
      }
      .input-data {
        gap: 20px;
      }
      .quote-content {
        padding-top: 60px;
        padding-left: 30px;
      }
      .quote-form {
        padding-top: 60px;
        padding-right: 30px;
      }
      .contact-us-section.quotes {
        padding-bottom: 60px;
      }
      .quote-form .contact-us-form {
        padding-top: 25px;
      }
      .quote-form .light {
        font-size: 14px;
        padding-bottom: 5px;
      }
      .top-grid {
        padding: 60px 0px 40px 0px;
      }
      .all-grid-layout {
        gap: 30px;
      }
      .acredean-container {
        padding-top: 40px;
        padding-bottom: 60px;
      }
      .faq-data {
        padding-top: 40px;
      }
      .faq-title p {
        padding-top: 15px;
      }
      .content-grid h3 {
        margin-bottom: 15px;
      }
      .content-grid h3 {
        font-size: 20px;
      }
      .grid-element {
        padding: 30px;
      }
      .icon-grid img {
        max-width: 50px;
      }
      .grid-element {
        min-height: 250px;
      }
      .grid-acrdean {
        padding-bottom: 15px;
      }
      .accordean-holder {
        padding: 15px 25px;
        padding-bottom: 0px;
      }
      .grid-acrdean .icon-acrdn img {
        max-width: 15px;
      }
      .bootom-content{
        padding: 50px 0px;
      }
      .four-zero{
        margin-bottom: 15px;
        font-size: 30px;
      }
      .grideven-odd{
        padding-top: 0px;
      }
    
/* umesh css */
:root {
    --fs-20: 16px;
}
.main-footer {
    padding: 40px 0;
}
.raq-form {
    max-width: 540px;
}
.raq-box {
    padding: 30px 0;
}
.raq-grid {
    gap: 40px;
}
.footer-detail {
    max-width: 300px;
}
.raq-form-grid input[type="email"] {
    font-size: 16px;
}   
.bottom-title p , 
.faq-title p {
    font-size: 18px;
    }

    .our-work .swiper-button-next, .our-work .swiper-button-prev{
        width: 40px;
        height: 40px;
    }
    span.closepoup{
        width: 30px;
        height: 30px;
        top: -27px;
    }

    .poup-slider{
        height: 500px;
    }
}

@media(max-width:1199px) {
    :root {
        --fs-62: 40px;
        --fs-100: 50px;
        --fs-30: 22px;
        --fs-50: 30px;

    }

    .main-logo {
        max-width: 180px;
    }

    .custom-header::after {
        display: none;
    }

    ul.contact-details {
        background: var(--color-green);
    }

    .grid-header {
        flex-direction: column;
        align-items: start;
    }

    .button-contacts {
        padding-bottom: 0px;
    }

    .grid-menusmain {
        flex-direction: column;
        align-items: start;
    }

    ul.nav-links {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    ul.nav-links li a {
        padding: 0px;
    }

    ul.sub-menu li a {
        padding: 10px;
    }

    ul.sub-menu {
        position: static;
        width: 100%;
        margin-top: 10px;
    }


    .contact-details {
        display: flex;
        flex-direction: column-reverse;
    }

    ul.contact-details {
        background: var(--color-green);
        flex-direction: row;
        margin: 20px 0px;
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
        padding: 5px 20px;
    }

    .main-menu {
        width: 100%;
        height: 60vh;
        overflow-y: scroll;
        display: none;
    }

    .menu-item-has-children::after {
        position: absolute;
        right: 1%;
        height: 20px;
        width: 20px;
        top: 2px;
        content: "";
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .grid-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .custom-header {
        padding: 10px 0px;
    }

    .menu-icon {
        display: block;
    }

    li.menu-item-has-children .sub-menu li .sub-menu {
        margin: 0px 10px;
    }

    .grid-comapnies {
        flex-wrap: wrap;
        justify-content: center;
    }

    .homes-holder {
        max-width: 200px;
    }

    .leading-sec {
        padding: 40px 0px;
    }

    span.college-point {
        font-size: 14px;
        padding: 8px;
    }

    .solartype-sec {
        padding: 30px 0px;
    }

    .op-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .step-holders{
        gap:30px;
    }

    .step-holders {
        gap: 30px;
        column-gap: 50px;
    }

    .coomercial-containers{
        padding: 30px;
    }

    .schools-holder{
        margin: 0;
    }

    .grid-installation{
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    section.coomecial-installation{
        padding-bottom: 40px;
    }

    .solar-holderss .five-zero{
        padding-bottom: 20px;
    }

    .schools-holder {
        max-width: 160px;
    }

    .images-main{
        margin-bottom: 20px;
    }
/* sahil css start */

.contact-us-form input[type="submit"] {
    margin-top: 8px;
  }
  .input-data {
    gap: 10px;
  }
  .contact-us-title .five-zero {
    padding-bottom: 12px;
  }
  .input-data textarea,
  .contact-us-form input[type="submit"],
  .input-data input {
    padding: 7px 15px;
  }

  .quote-content {
    padding-top: 50px;
    padding-left: 30px;
  }
  .quote-form {
    padding-top: 50px;
    padding-right: 30px;
  }
  .contact-us-section.quotes {
    padding-bottom: 50px;
  }
  .contact-us-section.quotes {
    padding-bottom: 30px;
  }
  .quote-form .contact-us-form {
    padding-top: 15px;
  }
  .top-grid {
    padding: 50px 0px 30px 0px;
  }
  .all-grid-layout {
    gap: 20px;
  }
  .acredean-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .faq-data {
    padding-top: 30px;
  }
  .faq-title p {
    padding-top: 12px;
  }
  .content-grid h3 {
    margin-bottom: 10px;
  }
  .grid-element {
    padding: 25px;
  }
  .bootom-content{
    padding: 40px 0px;
  }
  .four-zero{
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 35px;
  }

/* umesh css */
.raq-form-grid input[type="submit"] {
    max-width: 180px;
}
.raq-form {
    max-width: 460px;
}
.footer-detail-grid {
    gap: 40px;
}
.bottom-title p ,
.faq-title p {
    font-size: 16px;
    }
    ul.contact-details{
        display: none;
    }
    .our-work .swiper-button-next, .our-work .swiper-button-prev{
        width: 30px;
        height: 30px;
    }
        
    .poup-slider{
        height: 450px;
    }
}

@media(max-width:991px) {

    :root {
        --fs-62: 40px;
        --fs-100: 40px;
        --fs-30: 22px;
    }

    .leading-container .one-hundred.color-orange,
    .leading-container {
        text-align: center;
    }

    .leading-container {
        padding-bottom: 30px;
    }

    .grid-column {
        padding-bottom: 30px;
    }

    .solar-icon {
        display: none;
    }

    .data-paragraph {
        text-align: center;
    }

    .custom-row {
        gap: 30px;
    }

    .grid-typesolar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }

    .whatwedo-sec.margin-left .what-we-do-holder {
        max-width: 100%;
    }

    .whatwedo-sec{
        padding: 40px 0px;
    }
    .testmobial-data{
        justify-content: center;
        margin: 0 auto;
    }
    ul.contact-details{
        gap: 10px;
        padding:10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .grid-help .what-we-do-holder{
        padding-top: 30px;
    }

    .images-help{
        justify-content: center;
    }

    .solar-newyork,.grid-community .solar-newyork:nth-child(even){
        gap: 30px;
        flex-direction: column;
        padding: 40px 10px;
    }

    .about-community{
        padding: 0px;
    }

    ul.community-list{
        padding-top: 10px;
    }

    ul.solar-listss {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
        column-gap: 10px;
    }

    .title-befits{
        padding-bottom: 30px;
    }

    /* sahil css */

    .quote-form,
    .quote-content {
      padding-top: 30px;
    }
    .main-quote {
      flex-direction: column;
      gap: 25px;
    }
    .main-quote-data::after {
      display: none;
    }
  
    .quote-form,
    .quote-content {
      padding: 30px 15px;
    }
  
    .quote-form {
      padding-bottom: 0px;
    }
  
    .quote-form .contact-us-form {
      padding-top: 10px;
    }
    .top-grid {
      padding: 30px 0px;
    }
    .acredean-container {
      padding: 30px 0px;
    }
    .all-grid-layout {
      flex-direction: column;
    }
    .grid-element {
      max-width: 100%;
    }
    .content-grid p {
      max-width: 100%;
    }
    .bootom-content{
      padding: 30px 0px;
    }
 /* sahil css end */
/* umesh css */
.footer-logo {
    max-width: 250px;
}
.raq-grid {
    flex-direction: column;
    gap: 16px;
}
.raq-form-grid input[type="email"], 
.raq-form-grid input[type="submit"] {
    height: 45px;
}
.footer-copyright {
    padding: 10px 0;
}
.footer-copyright p {
    font-size: 15px;
    line-height: 1.5;
}
.footer-detail-grid {
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}
.main-footer {
    padding: 30px 0;
}
.raq-heading {
    text-align: center;
}
       
.poup-slider{
    height: 400px;
}

}

@media(max-width:767px) {
    :root {
        --fs-62: 35px;
        --fs-100: 40px;
        --fs-50: 28px;
        --fs-30: 20px;


    }

    .home-data {
        max-width: fit-content;
        text-align: center;
        margin: 0 auto;
    }

    .grid-homebtn {
        justify-content: center;
        flex-wrap: wrap;
    }

    .main-logo {
        max-width: 150px;
    }

    .menu-icon {
        max-width: 30px;
    }

    .custom-header {
        padding: 5px 0px;
    }

    .grid-typesolar {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .testmonial-details{
        position: static;
        padding: 10px;
        transform: none;
        max-width: 100%;
        border-radius: 10px;
        padding: 20px 10px;
        box-shadow: none;
    }

    .testmobial-data {
        flex-direction: column-reverse;
        gap: 10px;
     
    }

    .testimobial-sec{
        padding: 20px 0px;
    }

    .testmonial-images {
        height: auto;
        max-width: 400px;
        width: 100%;
    }
    .whatwedo-sec{
        padding: 20px 0px;
    }

    .residential-image{
        border-radius: 20px;
    }

    .op-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .op-details{
        width: 90%;
    }

    .coomercil-title{
        text-align: center;
    }

    /* umesh css start */

    .raq-box {
        padding: 20px 0;
    }
    .footer-detail-grid {
        flex-direction: column;
        gap: 10px;
    }
    .footer-detail:first-child, .footer-detail {
        max-width: 100%;
    }
    .ourwork-holder .five-zero {
        padding-bottom: 0px;
    }
    section.our-project-section{
        padding: 30px 0px;
    }
    .coomercil-title .three-zero{
        padding-bottom: 0px;
    }

    .poup-slider{
        height: 350px;
    }

}

@media(max-width:575px) {
    :root {
        --fs-62: 30px;
        --fs-100: 30px;
        --fs-30: 18px;


    }

    .residential-image {
        height: auto;
    }
    .grideven-odd .grid-help .images-help{
        flex-direction: column-reverse !important;
        gap: 10px;
        justify-content: center;
    }

    .grideven-odd .grid-help:nth-child(even) .big-images,.big-images{
        margin: 0;
    }

    .coomercial-containers{
        padding: 40px 10px;
    }

    /* sahil css start */

    .input-data {
        flex-direction: column;
      }
      .input-data textarea {
        height: 80px;
      }
      .contact-us-section {
        padding: 35px 0px 35px 0px;
      }
      .quote-form {
        padding-left: 0px;
        padding-right: 0px;
      }
      .quote-content {
        padding: 20px 15px;
      }
      .main-quote {
        gap: 15px;
      }
      /* sahil css end */
      /* umesh css  */
      .footer-logo {
        max-width: 200px;
    }
    .footer-links ul {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .footer-copyright p {
        font-size: 14px;
    }
    .homevideo-sec.inner-banner {
        height: 500px;
    }
    .coomercil-title{
        padding-bottom: 15px;
    }
    .holdes-color{
        padding: 20px 0px;
    }
    .grid-allprojects .universal-anchor{
        padding-top: 25px;
    }
    .raq-form-grid{
        gap: 10px;
    }
    section.solarpanerls-sec{
        padding: 30px 0px;
    }
    .coomercial-containers{
        padding: 30px 15px;
    }
    .grid-installation{
        gap: 10px;
    }
    .solar-newyork, .grid-community .solar-newyork:nth-child(even){
        padding: 30px 0px;
        padding: 15px 10px;
        gap: 20px;
    }
    .about-community .three-zero{
        padding-bottom: 10px;
    }
}

/* umehs css */
@media (max-width: 430px) {
    .raq-form-grid {
        flex-direction: column;
    }
    .raq-form-grid input[type="submit"] {
        max-width: 100%;
    }
    .raq-form-grid input[type="email"], .raq-form-grid input[type="submit"] {
        height: 40px;
        padding: 10px 20px;
    }
    .footer-links ul {
        row-gap: 4px;
    }
    .homevideo-sec.inner-banner {
        height: 460px;
    }
}