@media screen and (max-width: 1700px) {
    .hero-section-custom-index {
        .hero-grid {
            .second-column {
                img {
                    width: 700px;
                    object-fit: cover;
                }
            }
        }
    }

}


@media screen and (max-width: 1440px) {
    .hero-section-custom-index {
        .hero-grid {
            .second-column {
                top: 160px;

                img {
                    width: 650px;
                    object-fit: cover;
                }
            }
        }
    }

}

@media screen and (max-width:1240px) {
    .hero-section-custom-index {
        .max-w-7xl {
            padding: 0 25px;
        }

        .hero-grid {
            .first-column {
                h2 {
                    font-size: 50px;
                }
            }

            .second-column {
                top: 200px;

                img {
                    width: 550px;
                    object-fit: cover;
                }
            }
        }
    }

    .second-section {
        .max-width {
            padding: 0 25px;
        }
    }

    .tabs-section {
        .max-width {
            padding: 0 25px;
        }
    }

    .useable-tools-section-two.bg-shape {
        padding: 0 25px;
    }

    .testimonial-carsoul-wrapper {
        padding: 0 25px;
    }

    .banner-section {
        .max-width {
            padding: 0 25px;
        }
    }

    .how-it-workes {
        .max-width {
            padding: 0 25px;

            .section-details {
                .section-description {
                    max-width: 80%;
                }
            }
        }
    }

    .explore-app-section {
        padding: var(--section-padding) 25px;

        .max-width {
            padding: var(--section-padding) 0;
        }
    }


    .pricing-section-nine {
        .max-width {
            padding: 0 25px;
        }
    }

    .faq-section-five {
        .max-width {
            padding: 0 25px;
        }
    }


    .breadcrumb-custom {
        .max-width {
            padding: 0 25px;
        }
    }


    .theme-footer-eight {
        .max-width {
            padding: 0 25px;
        }
    }


    .contact-us-overlap-section {
        .max-width {
            padding: 0 25px;

            .form-image-container {
                .form {
                    grid-column: span 12;
                    padding: 60px;
                }

                .image {
                    grid-column: span 12;
                    height: 400px;
                }
            }
        }
    }


    .hero-background {
        .hero-isp-crm {
            padding-left: 25px;
            padding-left: 25px;
        }
    }


    .dashboard-overlay-section {
        .max-width {
            padding: 0 25px;
        }


    }


    .fancy-feature-eighteen {
        .max-width {
            padding: 0 25px;
        }

        .tab-content {
            padding: 0 25px;
        }
    }

    .fancy-feature-nineteen {
        .max-width {
            padding: 0 25px;
        }
    }

    .fancy-feature-twenty {
        .max-width {
            padding: 0 25px;
        }
    }

    .fancy-feature-thirty {
        .max-width {
            padding: 0 25px;
        }
    }


    .useable-tools-section {
        .max-width {
            padding: 0 25px;
        }
    }

    .isp-crm-footer-top {
        .max-width {
            padding: 0 25px;

            .section-details {
                .section-title {
                    text-align: center
                }
            }
        }
    }



    .terms_and_policy {
        .max-width {
            padding: 0 25px;

            .col-lg-8 {
                .tab-content {
                    .heading {
                        font-size: 36px;
                    }

                    .update-date {
                        font-size: 16px;
                    }
                }
            }
        }
    }

    .changelog {
        .max-width {
            padding: 0 25px;
        }
    }

    .faqs-section {
        .max-width {
            padding: 0 25px;
        }
    }

}

@media screen and (max-width:1024px) {
    .hero-section-custom-index {
        .max-w-7xl {
            padding: 0 25px;
        }

        .hero-grid {
            padding: 100px 0;

            .first-column {
                h2 {
                    font-size: 45px;
                }
            }

            .second-column {
                top: 150px;

                img {
                    width: 480px;
                    object-fit: cover;
                }
            }
        }
    }


}

@media screen and (max-width:992px) {
    .hero-section-custom-index {
        .hero-grid {
            .first-column {
                grid-column: span 12;
            }

            .second-column {
                display: none;
            }
        }
    }


    .second-section {
        .section-details {
            .section-description {
                max-width: 100%;
            }
        }

        .second-seciton-cards {
            .card {
                padding: 45px 30px 30px 30px;
            }
        }
    }
}

@media screen and (max-width:768px) {
    .second-section {
        .second-seciton-cards {
            .card {
                grid-column: span 6;
            }
        }
    }

    .tabs-section {

        .section-title {
            text-align: left;
        }

        .tabs-grid {
            .tab-content-column {
                grid-column: span 12;

                .section-description {
                    max-width: 100%;
                }
            }


            .tab-content-column-2 {
                grid-column: span 12;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 40px;
            }

        }
    }

    .tab-section-fristSection,
    .tab-section-secondSection,
    .tab-section-thirdSection {
        padding-top: 50px;
    }

    .tab-section-secondSection {
        .tab-content-column {
            padding-left: 0;
        }
    }


    .banner-section {
        .section-title {
            text-align: center;
        }
    }

    .how-it-workes {
        padding-top: 0px;

        .cards-how-it-workes {
            .card-item {
                padding: 25px;

                .card-content {
                    h3 {
                        font-size: 16px;
                    }

                    p {
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .explore-app-section {
        .max-width {
            .app-quality-cards {
                padding: 65px 30px 0 30px;
                display: grid;
                grid-template-columns: repeat(12, 1fr);
            }
        }
    }

    .explore-app-section {
        .max-width {
            .section-description {
                max-width: 80%;
            }
        }
    }



    .dashboard-overlay-section {
        .max-width {
            padding: 0 25px;
            width: 100%;
        }

        .dashboard-showcase {
            .first-column {
                grid-column: span 12;
                padding: 90px 60px 90px 60px;

                .section-title {
                    text-align: left;
                }
            }

            .second-column {
                grid-column: span 12;

            }
        }
    }

    .fancy-feature-eighteen {
        .nav-tabs {
            display: flex;
            flex-direction: column;
            width: 100%;

            .nav-item {
                width: 100%;
                margin-bottom: 10px;

                .nav-link {
                    width: 100%;
                }
            }
        }
    }


    .fancy-feature-nineteen {
        .second-seciton-cards {
            .card {
                grid-column: span 6;
            }
        }
    }

    .user-data-page .form-wrapper-container {
    width: 100%;
}

}


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

    :root {
        --section-padding: 60px;
        --section-subtitle: 13px;
        --section-title: 30px;
        --section-description: 16px;
    }

    .section-title {
        max-width: 90%;
        text-align: center;
    }


    .section-description {
        max-width: 100%;
    }

    .hero-section-custom-index {
        .hero-grid {
            padding: 60px 0;

            .first-column {
                h2 {
                    font-size: 36px;
                    max-width: 70%;
                }

                p {
                    font-size: 16px;
                    max-width: 70%;
                }
            }
        }
    }

    .hero-isp-crm {
        .hero-text {
            h2 {
                font-size: 36px;
            }

            p {
                font-size: 16px;
                max-width: 80%;
            }
        }
    }

    .second-section {
        .second-seciton-cards {
            .card {
                grid-column: span 12;
            }
        }
    }


    .tabs-section {
        .tabs-btn-main {
            .tabs-buttons-container {
                .tab-btn {
                    grid-column: span 12 !important;
                }
            }
        }
    }

    .testimonial-csutom-section {
        margin-bottom: 160px;
        .section-details{
            margin-bottom: 0px !important;
            .section-title{
                margin-bottom: 0 !important;
            }
        }
    }


    .how-it-workes {
        padding-top: 0px;

        .cards-how-it-workes {
            .card-item {
                grid-column: span 12;
                padding: 25px;

                .card-content {
                    h3 {
                        font-size: 16px;
                    }

                    p {
                        font-size: 14px;
                    }
                }
            }
        }
    }




    .pricing-section-nine {
        .pricing-tabs {
            .pricing-tabs-btn {
                overflow-x: auto;
                scrollbar-width: none;
                -ms-overflow-style: none;

                &::-webkit-scrollbar {
                    display: none;
                }
            }
        }
    }



    .faq-section-five {
        .section-title {
            text-align: left;
        }
    }

    .accordion-style-five {
        padding: 10px 0px;
        border-radius: 8px;
        overflow: hidden;
    }

    .accordion-style-five .card .card-header {
        padding: 0 20px;
    }



    .contact-us-overlap-section {
        .max-width {
            padding: 0 25px;

            .form-image-container {
                .form {
                    text-align: center;
                    grid-column: span 12;
                    padding: 30px;

                    .section-description {
                        text-align: center;
                    }
                }

                .image {
                    grid-column: span 12;
                    height: 400px;
                }
            }
        }
    }


    .fancy-feature-nineteen {
        .second-seciton-cards {
            .card {
                grid-column: span 12;
            }
        }
    }




    .dashboard-overlay-section {
        & .dashboard-showcase {
            .first-column {
                grid-column: span 12;
                padding: 60px 60px 60px 60px;

                .list {
                    flex-direction: column;
                    gap: 10px;
                    align-items: start;
                }
            }
        }
    }


    .fancy-feature-eighteen .tab-content {
        .first-column {
            padding: 50px 20px 50px 20px;
        }
    }


    .explore-app-section {
        .max-width {
            .app-quality-cards {
                .app-card {
                    grid-column: span 12;
                    text-align: center;
                    margin-bottom: 20px;

                    p {
                        font-size: 14px;
                        width: 100%;
                    }
                }
            }
        }
    }


    .terms_and_policy {
        .max-width {
            .col-lg-8 {
                .tab-content {
                    .heading {
                        font-size: 30px;
                    }

                    .update-date {
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .faqs-section {
        .faqs-scrollspy-container {
            .scrollspy-links {
                grid-column: span 12;
            }

            .scrollspy-content {
                grid-column: span 12;
            }
        }
    }

    .contact-page-hero {
    padding-bottom: 300px;

    .section-description {
        max-width: 80%;
    }
}


.breadcrumb-custom {
     .breadcrumb-content {
        p {        
            max-width: 100%;
        }
    }
}



.theme-footer-eight .social-icon a {
    font-size: 18px;
    padding: 8px 15px;
}

}