@media screen and (max-width:1024px) {
    body {
        font-size: 14px
    }
    nav.navbar {
        position: unset;
        background-color: var(--clr-1);
        padding: 1rem 0;
    }
    .client-carousel img {
        width: 100%;
        margin: auto;
    }
}

@media screen and (max-width:720px) {
    .home-banner .carousel-item {
        height: 48vh;
    }
    .home-banner .carousel-indicators {
        bottom: 12%;
    }
    .bring-your-ideas input#email {
        font-size: 12px;
        width: 60%;
    }
    .bring-your-ideas button.btn.btn-clr-3 {
        font-size: 12px;
        width: 100px;
        padding: 5px 5px !important;
    }
    .address {
        margin: 0px;
        font-size: 14px;
    }
    .banner {
        overflow: hidden;
        background-size: cover;
        background: #f5f5f5;
        text-align: center;
        margin: 0 0 50px 0;
    }

    .banner img {
        width: 50%;
    }
    .counter-box h3 {
        font-size: 30px;
        text-align: center;
    }
    .counter-box h3 {
        font-size: 20px;
    }
    .footer {
        background-color: #011C2A;
        text-align: center;
    }
    .about {
        text-align: center;
    }

    .social-icon {
        justify-content: center;
    }
    .navbar-toggler {
        background-color: #2a1f6d;

    }
    .d-none {
        display: block !important;
    }
    .demo_class {
        text-align: center;
        width: 100%;
    }
    .cnumber {
        margin: auto;
    }
    .cnumber h5 {
        font-size: 14px;
    }
    .topcon {
        display: unset;
        font-size: 18px;
        text-align: center;
    }
    .mail {
        margin: auto;
    }

    .head_ad{
        display: unset;
        text-align: center;
    }

}