@media only screen and (min-width: 768px) and (max-width: 991px) {
    .icon {
        display: none;
    }

    .navbar {
        border-bottom: 1px solid var(--base);
        text-align: center;

    }

    #navbarcustom {
        background-color: none;
    }

    .back-color {
        background-color: var(--back) !important;
    }


    .dropdown-menu {
        border: none;
        text-align: center;
    }

    .banner-text h1 {
        line-height: 5.5vh;

    }

    img.banner-img {
        margin-top: 12vh;
        scale: 1;
    }

    .banner-text p {
        font-size: 2vw;
    }

    .about-img img {
        margin-top: 10vw;
        margin-bottom: 10vw;
    }

    .card {
        margin-bottom: 30px;
    }
    .rounded-circle {
        width: 7vw;
    }
    .icon-phone img {
        display: block;
    }

    .btn {
        width: 100%;
    }

    .card-button-services {
        width: 95% !important;

    }


    .card-body-services {
        height: 50vh;
    }
}


@media only screen and (max-width: 767px) {
    .icon {
        display: none;
    }

    .navbar-brand {
        width: 60%;
        float: left;
        /* height: 90px; */
    }

    .nav-img {
        scale: 1;
        width: 100%;
    }

    .navbar {
        border-bottom: 1px solid var(--base);
        text-align: center;
    }

    #navbarcustom {
        background-color: var(--back);
    }

    .back-color {
        background-color: var(--back) !important;
    }

    .dropdown-menu {
        border: none;
        text-align: center;
    }

    #banner {
        /* margin-top: 8vh !important; */
        margin-top: 100px !important;

    }


    .banner-text {
        position: relative;
        left: 0%;
        top: 0%;
    }

    .banner-text h1 {
        font-size: 8vw;
        line-height: 5vh;
        /*font-size: 10vw;*/
        /*line-height: 6vh;*/
        text-align: center;
        width: 100%;
    }

    .banner-text {
        height: 60vh;
    }

    .banner-text p {
        font-size: 4vw;
    }

    .banner-text p.first-para {
        letter-spacing: 1px !important;

    }

    .banner-text p.second-para {
        width: 100%;
        letter-spacing: 1px !important;

    }

    .banner-image {
        width: 100%;
    }



    img.banner-img {
        margin-top: 0vh;
        scale: 1;
    }

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

    .about-img img {
        margin-top: 10vw;
        margin-bottom: 10vw;
    }

    .about-text {
        padding-top: 50px;
        text-align: center;
    }

    .card {
        margin-bottom: 30px;
    }

    .lead-projects {
        top: 42vh;
    }

    .icon-phone img {
        display: block;
    }

    .card-button-projects {
        top: 70vh;
    }

    .btn {
        width: 100%;

    }

    .card-body-projects {
        height: auto;

    }
    .rounded-circle {
        width: 20vw;
    }

    .card-button-services {
        width: 95% !important;
    }

    .team .card-title {
        width: 70%;
        /* left: 7vh; */
    }

    .team .card-text {
        top: 15vh;
        width: 90%;
        font-size: 13px;
    }
    .footer .bottom ul{
        padding-left: 0px;

    }


}