/* mobile css */
@media (min-width:0px) and (max-width:767px) {
    .home-banner {
        margin-bottom: 0;
    }

    .payment-box {
        height: auto;
        margin-bottom: 20px;
    }

    .value-section .img1 img {
        height: auto;
    }

    .cta-content-bg .vl-section-title {
        font-size: 24px;
        line-height: 28px;
    }

    .progress-wrap {
        bottom: 90px;
    }

    .service2 .service1-boxarea .content-area .title {
        height: auto;
    }

    .heading2 .vll-section-title {
        font-size: var(--ztc-font-size-font-s30);
        line-height: 40px;
    }

    .solar-package-section {
        padding: 30px 0;
    }

    .inner-header-section-blog h1 {
        font-size: var(--ztc-font-size-font-s30) !important;
        line-height: normal !important;
    }
}

/* tab css */
@media (min-width:768px) and (max-width:991px) {
    .inner-header-section-blog h1 {
        font-size: var(--ztc-font-size-font-s30) !important;
        line-height: normal !important;
    }

    .payment-box {
        height: auto;
        margin-bottom: 30px;
    }

    .service2 .service1-boxarea .content-area .title {
        height: 50px;
    }
}

/* min laptop css */
@media (min-width:992px) and (max-width:1199px) {
    .homepage2-body .vl-main-menu ul>li>a {
        padding: 3px;
        font-size: var(--ztc-font-size-font-s14);
    }

    #vl-header-sticky .vl-btn2 {
        font-size: 16px;
    }

    .payment-box {
        height: 610px;
    }

    .call-us {
        display: none;
    }

    .quote-img {
        display: none;
    }

    .service2 .service1-boxarea .content-area .title {
        height: auto;
    }

    .hero-btn1 {
        justify-content: end;
    }

    .tj-price-item .save {
        font-size: 14px;
        padding: 6px 8px;
        position: absolute;
        top: 15px;
        right: 16px;
    }

    .tj-price-item .price-percent .price-number {
        font-size: 35px;
    }

    .tj-price-item {
        padding: 25px;
    }

    .tj-price-item .price-list ul .style-1 i {
        width: 25px;
        height: 25px;
        line-height: 30px;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: inline-flex;
        border-radius: 50%;
        color: var(--ztc-text-text-1);
        background: var(--ztc-bg-bg-19);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }

    .tj-price-item .price-list ul .style-1 {
        padding-left: 30px;
    }

    .tj-price-item .price-button {
        margin-bottom: 0px;
    }
}

/* laptop css */
@media (min-width:1200px) and (max-width:1439px) {
    .custom-container {
        max-width: 1640px;
    }

    .homepage2-body .vl-main-menu ul>li>a {
        padding: 0 5px;
        font-size: var(--ztc-font-size-font-s14);
    }

    .call-us {
        font-size: var(--ztc-font-size-font-s16);
        padding: 3px;
    }
}

/* large screen css */
@media (min-width:1440px) {
    .custom-container {
        max-width: 1640px;
    }
}


/* min screen  */
@media (max-width:344px) {
    .mobile-footer-navigation span {
        font-size: var(--ztc-font-size-font-s16);
    }

    .mobile-footer-navigation {
        width: 90%;
        left: 15px;
    }
}