@media (min-width: 992px) {
.for-tab-mobile{display: none;}  
}

@media (min-width: 768px) {
.for-mobile{display: none;}
}

@media (max-width: 1800px) {

.hero-banner-item-content-inner h1, .hero-banner-item-content-inner .h1{font-size: 55px;}
.hero-banner-item-content-inner {  width: 650px; }
.hero-banner-item-content .container::after{position: absolute;  left: -7%;  bottom: -18px;    width: 1000px;  height: 650px; }

}

@media (max-width: 1480px) {

h1, .h1{font-size: 40px;}
h2, .h2{font-size: 32px;}
h3, .h3{font-size: 28px;}
.form-control{height: 55px;}
.arrow-carousel .owl-nav button{width: 55px; height: 55px;}
.row-gap-30 {    margin-left: -15px;    margin-right: -15px;}
.col-gap-30 {    padding-left: 15px;    padding-right: 15px;}
.sec-space { padding: 45px 0;}
.hero-banner-item-content-inner h1, .hero-banner-item-content-inner .h1 {font-size: 50px;}
.hero-banner-item-content-inner p{font-size: 20px;}
.hero-banner-item-content-inner a{width: 190px; height: 55px; font-size: 15px;}
.hero-banner-item-content .container::after {    left: -2%;    bottom: 45px;    width: 885px;    height: 500px;}
.hero-banner-item-content-inner { width: 460px;   padding-left: 90px;}
.services-col-hd{font-size: 24px;}
.common-heading{font-size: 45px;}
.solar-description { padding-left: 45px;}
.solar-review-person-img{width: 135px; height: 135px;}
.solar-review-person-detail {    padding-left: 35px;    width: calc(100% - 135px);}
.solar-review-box{padding: 30px;}
.solar-based-review{font-size: 18px;}
.solar-based-review-group{    gap: 0 15px;font-size: 14px;}
.solar-description p {    font-size: 16px;}
.solar-timing-btn{width: 160px; height: 55px;}
.solar-timing-left{width: calc(100% - 160px);}
.choose-gallery-row { margin-top: 70px;}
.choose-solar-text-hd{font-size: 24px;}
.discover-btn{width: 190px; height: 55px; font-size: 15px;}
.counter-col-hd { font-size: 36px;}
.particular-item-top-hd { font-size: 21px;}
.talk-heading {font-size: 42px;}
.request-quotes-content {padding-left: 15px;}

}

@media (max-width: 1199px) {

h1, .h1{font-size: 36px;}
h2, .h2{font-size: 32px;}
h3, .h3{font-size: 30px;}  
.arrow-carousel .owl-nav{left: inherit; right: 15px;}
.arrow-carousel .owl-nav button {width: 50px;  height: 50px; background-size: 16px !important;}
.header-top-bar-content, .header-top-bar-content a {font-size: 14px;}
.custom-navbar .navbar-nav .nav-link{padding: 12px 10px; font-size: 15px;}
.header-menu-bar {padding: 15px 30px;    min-height: 90px;}
.hero-banner-item-content-inner h1, .hero-banner-item-content-inner .h1 {font-size: 40px;  margin-bottom: 15px;}
.hero-banner-item-content-inner p{margin-bottom: 15px;}
.hero-banner-item-content .container::after{bottom: 50px; width: 800px; height: 450px;}
.services-col{padding: 20px;}
.services-col-hd {    font-size: 20px;}
.services-col p{font-size: 14px;}
.common-heading {    font-size: 36px;}
.solar-description {    padding-left: 25px;}
.choose-gallery-row {    margin-top: 45px;}
.counter-col-hd {    font-size: 28px;}
.counter-col-subhd{font-size: 15px;}
.heading-box-subhd{font-size: 15px;}
.installtion-col-text{width: calc(100% - 50px); left: 25px; margin-left: 0;}
.particular-item{padding: 15px 20px;}
.particular-item-top-hd {    font-size: 20px;    padding-right: 0;    width: calc(100% - 60px);}
.particular-item-top-number{width: 60px; height: 110px;}
.particular-item p{line-height: 1.5;}
.talk-heading {    font-size: 36px;}
.request-quotes-content {    padding-left: 0;}
.request-form{padding: 30px 30px 20px;}
.request-section-inner{height: 480px;}
.request-quotes-content p {    font-size: 16px;}
.brands-heading{font-size: 22px; margin-bottom: 20px;}
.socail-icone{gap: 0 15px;}
.socail-icone a{width: 70px; display: inline-block;}
.socail-icone a img{max-width: 100%;}
.footer-contact-item {    margin: 50px 0 30px;}
.footer-contact-item{padding: 20px 30px;}
.footer-contact-item i {    margin-right: 15px;}
.footer-contact-item-label {    font-size: 16px;    margin-bottom: 5px;}
.footer-heading {    font-size: 20px;    margin-bottom: 25px;}
.footer-text, .footer-bottom { font-size: 15px;}
.brand-logo-img img { width: 200px !important; margin: auto;}


}

@media (max-width: 991px) {

.for-desktop{display: none;}
h1, .h1{font-size: 28px;}
h2, .h2{font-size: 26px;}
h3, .h3{font-size: 24px;}
p {font-size: 15px;    line-height: 1.5;}
header{height: 90px;}
.logo{order: 1;}
.header-right{order: 2; padding-right: 10px;        margin-left: auto;}
.custom-navbar{position: static; order: 3;}
.custom-navbar .navbar-toggler{background-color: #FEBA15; height: 43px;}
.custom-navbar .navbar-collapse{position: absolute; z-index: 9; top:120px; left: 0; right: 0; background-color: #000; padding: 30px 15px 15px; width: 100%;}
.custom-navbar .nav-item .nav-link{margin-bottom: 15px; color: #fff;        padding: 5px 10px;}
.custom-navbar .nav-item.active .nav-link, .custom-navbar .navbar-nav .nav-link:hover{color: #FEBA15; background-color: #000;}
.header-menu-bar{min-height: 70px; justify-content: inherit !important;}
.header-top-bar-content { gap: 0 15px;}
.header-top-bar-content i { width: 30px;  height: 30px;}
.hero-banner-item-content-inner h1, .hero-banner-item-content-inner .h1 {    font-size: 30px;    margin-bottom: 10px;}
.hero-banner-item-content .container::after {    bottom: 50px;    width: 650px;    height: 340px;}
.hero-banner-item-content-inner {    width: 400px;    padding-left: 48px;}
.hero-banner-item-content-inner p {    font-size: 17px;}
.sec-space {    padding: 30px 0;}
.services-section-row{gap: 30px 0;}
.common-heading {    font-size: 30px;    margin-bottom: 20px;}
.solar-review-person-name{font-size: 24px;}
.solar-based-review {  font-size: 16px;}
.solar-review-box{margin-bottom: 20px;}
.solar-description p { font-size: 15px;}
.choose-gallery-row{gap: 30px 0;         margin-top: 30px;}
.counter-col-hd {    font-size: 24px;}
.counter-col-subhd {    font-size: 13px;    line-height: 1.3;}
.installtion-col-text-hd{font-size: 18px;}
.installtion-col-text-list{font-size: 14px;}
.installtion-col-text{margin-top: -50px;}
.installtion-col-text-list li::before{top:5px}
.particular-item {    padding: 15px;    border: 3px solid #D9D9D9;}
.particular-item-top-hd {    font-size: 18px;    width: calc(100% - 40px);}
.particular-item-top-number {    width: 40px;    height: 85px;    font-size: 22px;}
.particular-item p {    line-height: 1.4;    font-size: 14px;}
.talk-heading {    font-size: 26px;}
.request-quotes-content p {    font-size: 14px;}
.request-section-inner{padding: 25px;         height: 430px;}
textarea.form-control{height: 120px;}
.request-form {   padding: 20px 20px 15px;}
.form-control {    height: 50px;    padding: 12px 25px;    font-size: 15px;}
.socail-icone{width: 100%;}
.particular-section .heading-box {    margin-bottom: 30px;}
.footer-contact-item {    padding: 15px;}
.footer-contact-item i {    margin-right: 8px;    width: 18px;}
.footer-contact-item-label{margin-bottom: 0;}
.footer-contact-item-label, .footer-contact-item-sublabel {  font-size: 14px;}
.socail-icone a {    width: 60px;}
.footer-text, .footer-bottom {    font-size: 14px;}
.footer-heading{margin-bottom: 15px;}
.footer-bottom-link {    gap: 0 15px;}
.particular-item i{width: 45px; display: inline-block;}
.brands-section, footer.sec-space{padding: 45px 0;}
.newsletter-box{    height: 55px;    padding: 0 15px;}
.newsletter-box .newsletter-control{font-size: 14px;}
.choose-gallery-row-inner {  gap: 20px 0;}
.choose-solar-text{left: 15px;}
.discover-btn{margin-top: 10px;}
.choose-solar-text-hd {    font-size: 20px;}
.choose-solar-vedio-icon img {    width: 65px;    height: 65px;}
.services-col {    padding: 15px;}
.services-col i{width: 60px; height: 60px; margin: 0 auto 15px;}
.services-col i img{max-height: 50px;}
.services-col-hd {    font-size: 18px;}
.services-col p {    line-height: 1.4;}

}

@media (max-width: 767px) {
.for-desktop-tab{display: none;}
h1, .h1{font-size: 24px;}
h2, .h2{font-size: 22px;}
h3, .h3{font-size: 20px;}
.hero-banner-item figure img { height: 380px;}
.header-top-bar-content i {    width: 14px;    height: 14px;    margin-right: 5px;}
.header-top-bar-content i img{width: 10px;}
.header-top-bar-content, .header-top-bar-content a {    font-size: 11px;}
.header-menu-bar {    min-height: 57px;    padding: 12px 20px; border-radius: 30px;}
header {    height: 70px;}
.hero-banner-item-content-inner h1, .hero-banner-item-content-inner .h1{font-size: 24px;}
.hero-banner-item-content .container::after{transform: none;        bottom: 0;    width: 100%;        border-radius: 0;    top: 0;    height: auto;}
    .hero-banner-item-content-inner{padding: 25px 15px; width: 100%;}
    .custom-navbar .navbar-collapse{top:98px}
    .hero-banner-item-content-inner a {        width: 170px;        height: 50px;        font-size: 14px;    }
    .custom-navbar {right: 75px;    }
    .services-col{border-radius: 15px;}
    .services-section h2 {        margin-bottom: 20px;    }
    .sec-space {        padding: 25px 0;    }
    .common-heading {        font-size: 26px;   }
    .solar-review-person-img {        width: 90px;        height: 90px;    }
    .solar-review-person-detail {        padding-left: 15px;        width: calc(100% - 90px);    }
    .solar-review-box {        padding: 15px;    }
    .solar-review-person-name {        font-size: 18px;    }
    .solar-review-person-rating img{width: 85px;}
    .solar-based-review {        font-size: 14px;        margin-bottom: 5px;    }
    .solar-based-review-group {        gap: 0 10px;        font-size: 12px;    }
    .solar-timing-left {        width: 100%;    }
    .solar-timing-btn{margin-top: 20px; height: 50px; font-size: 14px;}
    .solar-description p {        font-size: 14px;    }
    .solar-description {        padding-left: 15px;    }
    .choose-solar-figure::after, .choose-solar-figure img{border-radius: 15px;}
    .choose-gallery-row {        gap: 20px 0;     }
    .discover-btn{height: 50px; font-size: 14px; margin-top: 5px; width: 160px;}
    .choose-solar-text{bottom: 15px;}
    .choose-solar-vedio-icon img {        width: 40px;        height: 40px;    }
    .counter-col{margin-bottom: 30px;}
    .counter-col-hd {        font-size: 22px;    }
    .installtion-col{margin-bottom: 30px;}
    .installtion-section{padding-bottom: 0;}
    .particular-item{margin-bottom: 30px; height: auto; border-radius: 15px;}
    .heading-box-subhd{margin-bottom: 20px;
        padding-bottom: 10px;}
        .particular-item-top-hd{font-size: 20px;}
        .request-section-inner{height: 100%; padding: 15px; border-radius: 15px;}
        .request-quotes-content{margin-top: 0; padding: 0; margin-bottom: 20px;}
        .request-quotes-hd{padding-bottom: 10px;
            margin-bottom: 15px;}
            .talk-heading{margin-bottom: 10px;}
            .request-form {                padding: 15px;                border-radius: 15px;            }
            .form-control {                height: 45px;                padding: 12px 15px;                font-size: 14px;                border-radius: 10px;            }
            .brands-heading {                font-size: 18px;                margin-bottom: 18px;            }
            .footer-logo-box{margin-bottom: 30px; height: auto;}
            .brands-section, footer.sec-space {                padding: 35px 0;            }
            .footer-logo{margin-bottom: 20px;}
            .socail-icone a {                width: 85px;            }
            .footer-contact-item {                margin: 25px 0 0px;            }
            .footer-text {                margin-bottom: 30px;            }
            .footer-bottom{margin-top: 20px; font-size: 13px;}
            .footer-bottom-link {                gap: 0 10px;                margin-top: 10px;            }
            .footer-contact-item i {                margin-right: 15px;                width: 26px;            }
            .footer-heading {                margin-bottom: 10px;            }
            .copy-right{width: 100%; text-align: center;}
            .footer-bottom-link{width: 100%; justify-content: center;}
            .particular-section.sec-space, .request-section.sec-space{padding-bottom: 0;}
}