@media only screen and (max-width: 768px) {
    /* .top-menu{
        display: none;
    } */

    .banner {
        padding: 80px 0;
        background-position: center;
        background-size: cover;

    }

    .banner-content h1 {
        font-size: 20px;
        margin-bottom: 1.5rem;
        color: white;
        text-align: center;
        margin-top: 40px;
    }

    .banner-content p {
        font-size: 17px;
        margin-bottom: 2rem;
        color: white;
        font-weight: 300;
    }

    .store-btn {
        width: 64% !important;
    }

    .store-buttons {
        margin: 30px 0px;
    }

    .heading h2 {
        font-size: 23px;
        padding: 10px 0px 0px 0px;
        line-height: 50px;
    }

    .get-intouch-heading h2 {
        font-size: 23px;
        line-height: 50px;
        margin: auto;
    }

    .services .nav-tabs {
        border: none;
        margin-bottom: 40px;
        border: 2px solid #1A3F75 !important;
        border-radius: 30px;
        overflow: hidden;
        padding-bottom: 0px;
    }

    .services-descraption h3 {
        font-size: 20px;
        letter-spacing: 5px;
    }

    /* .services-descraption .content {
      padding-top: 40px;
    } */

    .services-descraption .content p {
        font-size: 16px;
    }

    .estimate-calculator h2 {
        line-height: 50px;
    }

    .commitment-box {
        margin-bottom: 20px;
    }

    .our-commitments {
        /* background-image: url(/img/comminity.jpg); */
        background-size: cover;
        padding: 30px 0px 0px 0px;
    }

    .unlock-app {
        background: #EFEFEF;
        padding: 20px;
    }

    .unlock-app .content h2 br {
        display: none;
    }

    .unlock-app .store-btn {
        width: 70% !important;
    }

    .nav-tabs .nav-link {
        font-size: 14px;
    }

    .about h3 {
        font-size: 20px;
    }

    .quote button {
        margin-top: 20px;
    }

    .right-section {
        display: block;
        margin-bottom: 30px;
    }

    .unlock-app h2 {
        font-weight: 500;
        font-size: 22px;
        line-height: 38px;
        color: #1A3F75;
    }

    .navbar-brand img {
        width: 170px;
        height: 70px;
    }

    .footer-flex {
        display: block;
    }

    .footer-map iframe {
        width: 100%;
        height: 185px;
        border-radius: 20px;
    }

    footer .store-btn {
        width: 64%;
    }

    /* .services-descraption .content{
        margin-top: 90px;
    } */

    .nav-tabs .nav-link {
        border: none;
        padding: 15px 10px;
        font-weight: 400 !important;
        font-size: 20px;
        letter-spacing: 1px;
        color: #606064;
        background: none;
        position: relative;
        width: 100%;
        text-align: center;
        border-radius: 0;
    }

    .most-booked-services h2 {
        font-weight: 400;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0px;
        color: #606064;
        text-align: center;
    }

    footer span {
        font-size: 16px;
        font-weight: 300;
    }

    footer h4 {
        margin-top: 20px;
    }

    .download-btn {
        margin-bottom: 30px;
    }

    .about-banner {
        background-image: url(/img/about-banner.webp);
        background-size: cover;
        height: 240px;
        background-position: center;
    }

    .service-banner {
        background-image: url(/img/services.webp);
        background-size: cover;
        height: 240px;
    }

    /* .service-tabs{
        display: block;
    } */

    .nav-tabs {
        width: 48% !important;
        overflow-x: scroll;
    }

    .annual-contracts-btn {
        /* border: 2px solid #1a3f75; */
        /* border-radius: 48px; */
        width: max-content;
        /* background-color: #606064 !important; */
        color: #ffff !important;
        list-style: none;
        /* padding: 7px 9px 12px 9px; */
        margin: 0;
        flex-wrap: wrap;
        width: 49%;
        /* margin-left: 24px !important; */
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nav-tabs li {
        margin-right: 0px;
        border-right: 1px solid #C9C9C9;
        padding: 0px 10px;
    }

    .nav-tabs li a {
        font-size: 13px;
    }

    .service-details-header {
        font-weight: 300;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 5%;
        color: #606064;
    }

    .progress-steps {
        display: none;
    }

    .nav-tabs-width {
        width: 100% !important;
    }

    .nav-tabs-width .nav-link {
        font-size: 12px !important;
    }

    .services-tab-des-left {
        font-size: 18px;
        text-align: center;
    }

    .services-tab-des-right {
        font-size: 18px;
        text-align: center;
    }

    .blog-banner {
        background-image: url(/img/blog-banner.jpg);
        background-size: cover;
        height: 260px;
        background-position: center;
    }

    .contact-banner {
        background-image: url(/img/contact-banner.jpg);
        background-size: cover;
        height: 260px;
    }

    .custom-width {
        width: 100%;
    }

    .services-details p {
        margin-left: 0px;
    }

    .accordion-title {
        font-size: 13px;
    }

    .price-tag {
        font-size: 12px;
    }

    .estimateHeading {
        font-size: 16px;
    }

    .inspection-btn {
        font-size: 14px;
        width: 65%;
    }

    .proceedButton {
        font-size: 16px;
        width: 35%;
    }

    .card-header .nav-tabs {
        width: 100% !important;

    }

    .card-header .nav-tabs .nav-link {
        font-size: 12px !important;

    }

    table {
        caption-side: bottom;
        border-collapse: collapse;
        white-space: nowrap !important;
        font-size: 14px !important;
    }

    .annual-fee {
        font-size: 12px !important;
    }

    .proced-button123 {
        font-size: 12px !important;
    }

    .width-23 {
        width: 50%;
    }

    .service-Title2 {
        font-size: 15px;
    }

    .info-user {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .time-dropdown {
        width: 100% !important;
    }

    .custom-coupon-w {
        width: 100%;
    }

    .custom-Padding {
        padding-left: 1vw;
        padding-right: 1vw;
    }

    .nav-tabs li.active a::after {
        display: none;
    }

    .most-services p {
        padding-top: 0px;
    }

    .phone-button {
        width: fit-content;
        margin: auto;
    }

    .call-btn i {
        font-size: 20px;
    }

    .call-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #002766;
        color: white;
        padding: 5px 10px;
        border-radius: 16px;
        text-decoration: none;
        font-size: 28px;
        gap: 15px;
        transition: all 0.3s ease;
    }

    .form-padding-left {
        padding-left: 15px !important;
    }

    .banner-form {
        width: 100%;
    }

    .store-btn {
        width: 64% !important;
        margin: 14px auto;
    }

    .store-buttons {
        margin: 30px 0px;
        justify-content: center;
        display: block;
    }

    .heading h2 {
        font-size: 20px;
        padding: 17px;
        line-height: 14px;
        border: 3px solid #1a3f75;
    }

    #Our-Servicess,
    #our-commitments,
    #review {
        margin-bottom: 30px;
    }

    .services .nav-tabs {
        padding: 0px;
    }

    .services {
        background-color: #E9E8E9;
        padding-bottom: 0px;
    }

    .services-section2 {
        padding: 0px 0px;
    }

    .navbar-collapse {
        background: #1A3F75;
        color: white;
    }

    .review p {
        color: #1A3F75;
        font-weight: 400;
        font-size: 14px;
    }

    .review h4 {
        margin: 20px 0px;
        color: #1A3F75;
        font-size: 18px;
    }

    .slider-arrow {
        height: 30px;
    }

    .companyName {
        font-family: "Questrial", sans-serif !important;
        font-weight: 600;
        font-size: 20px;
        position: absolute;
        text-align: center;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media only screen and (max-width: 1278px) and (min-width: 769px) {
    .contact-banner {
        background-image: url(/img/contact-banner.jpg);
        background-size: cover;
        height: 300px;
    }

    .blog-banner {
        background-image: url(/img/blog-banner.jpg);
        background-size: cover;
        height: 300px;
        background-position: center;
    }

    .about-banner {
        background-image: url(/img/about-banner.webp);
        background-size: cover;
        height: 300px;
        background-position: center;
    }

    .service-banner {
        background-image: url(/img/services.webp);
        background-size: cover;
        height: 300px;
    }

    .companyName {
        font-family: "Questrial", sans-serif !important;
        font-weight: 600;
        font-size: 20px;
        position: absolute;
        text-align: center;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
    }

    .banner-form {
        width: 90%;
    }
}