@media only screen and (max-width:1600px){
    h1 {
        font-size: 60px;
    }
    .hero .content-area {
        padding: 70px 0px 90px 0px;
    }
    .section h2 {
        font-size: 45px;
    }
    .landing-gallery .gallery-area {
        padding: 120px 0px 70px 180px;
    }
    .landing-gallery .gallery-area .owl-carousel .owl-nav {
        top: -33%;
    }

    .contact-us .items-area .item ul li{
        word-break: break-all;
    }
    .contact-us .items-area .item {
        padding: 35px 20px;
    }
}


@media only screen and (max-width:1400px){

    .testimonials .owl-carousel .item {
        padding: 40px 20px;
        height: 418px;
    }
    h1 {
        font-size: 55px;
    }
    .hero .form-area {
        padding: 40px 25px 50px;
    }
    .who-we-are h4 {
        font-size: 28px;
    }
    .landing-gallery .gallery-area {
        padding: 120px 0px 70px 130px;
    }

    .section h2 {
        font-size: 40px;
    }

    .our-services .item {
        padding: 22px 25px;
    }
}


@media only screen and (max-width:1200px){
    h1 {
        font-size: 46px;
    }  
    .hero .form-area {
        padding: 40px 20px 40px;
    }
    .hero .form-area h2 {
        font-size: 26px;
    }
    .section h2 {
        font-size: 36px;
    }
    .who-we-are h4 {
        font-size: 24px;
    }

    .landing-gallery .gallery-area {
        padding: 120px 0px 70px 105px;
    }

    .clean-energy .content-box {
        padding: 50px 30px;
    }
    .testimonials .owl-carousel .item{
        height: unset;
    }
}

@media only screen and (max-width:1050){
    
}


@media only screen and (max-width:992px){


    .process .image-area img{
        display: none;
    }
    .process .item {
        margin-bottom: 30px;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .process .item img{
        display: block;
        
    }
    
    .hero .content-area {
        padding: 70px 0px 70px 0px;
        text-align: center;
    }

    .hero .button-area {

        justify-content: center;
        align-items: center;
    }

    .hero .form-area {
        padding: 40px 20px 40px;
        margin-top: 40px;
    }

    .who-we-are .image-area img {
        margin: 40px 0px;
    }
    .who-we-are .button-area{
        display: flex;
        justify-content: center;
    }
    .who-we-are .bottom img{
        margin: 0 auto;
    }
    .our-services .item {
        padding: 22px 20px;
    }
    .our-services .whole-content {
        padding: 60px 0px;
    }
    .clean-energy .content-whole {
        padding: 70px 0px;
    }
    .landing-gallery .gallery-area {
        padding: 70px 0px 70px 15px;
    }
    .owl-nav{
        display: none !important;
    }

    .process .item{
        margin-bottom: 30px;
    }
    .process .image-area {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .testimonials .owl-carousel .owl-stage-outer {
        padding: 30px 3px;
    }
    .testimonials .owl-carousel .item {
        padding: 40px 20px;
        margin-right: 6px;
    }

    .faqs .content{
        margin-top: 40px;
    }
    .contact-us .items-area .item {
        padding: 35px 20px;
        margin-bottom: 30px;
    }
    footer {
        margin-top: 70px;
        padding: 70px 0px 0px 0px;
    }
    footer .copy-right .content {
        flex-direction: column;
    }
    footer .landing-footer .logo-area {
        padding-bottom: 40px;
    }
    footer .copy-right .content img{
        width: 120px;
        margin-top: 20px;
    }
    h1 {
        font-size: 42px;
    }
    .section h2 {
        font-size: 34px;
    }
    .power-future .item .content-area {
        padding: 50px 20px 50px 20px;
    }
    .power-future .item .call p.nmbr {
        font-size: 22px;
    }
    .faqs .content-whole {
        padding: 60px 0px;
    }
    footer .copy-right .content span {
        text-align: center;
    }
}


@media only screen and (max-width:768px){
    .power-future .item .content-area h2 br{
        display: none;
    }
    .section h2 {
        font-size: 30px;
    }
    h1 {
        font-size: 36px;
    }
    .contact-us .content-area p br{
        display: none;
    }
    .our-services .content-area p br{
        display: none;
    }
}

@media only screen and (max-width:600px){
    
}


@media only screen and (max-width:500px){
    header .header-tabs .btn-call{
        display: none;
    }
    .hero .button-area {
        flex-direction: column;
    }
    .section h2 {
        font-size: 26px;
    }
    h1 {
        font-size: 32px;
    }
}


@media only screen and (max-width:480px){
    
}


@media only screen and (max-width:430px){
    
}


@media only screen and (max-width:400px){
    
}