@media (max-width:991px) {
    .navbar-light .navbar-nav .nav-link {
        padding: 10px 20px;
    }

    .card-outer {
        margin-bottom: 20px;
    }

    .section-gap {
        padding: 50px 0;
    }

    h2 {
        font-size: 1.5rem;
    }

    h1 {
        font-size: 2rem;
    }

    .contactform:before, .contactform:after {
        width: 30%;
        height: 30%;
    }

    .contactin {
        display: block;
    }

    .conatctbg {
        width: 100%;
        z-index: 1;
    }

    .grid-gap {
        margin: 50px auto;
    }

    .formsection {
        width: 90%;
        margin: -100px auto 0;
        padding: 70px 35px 35px;
    }

    .formsection h2{
        font-size:2.5rem;
    }

    .formfield {
        padding: 20px 0 0;
    }
}

@media (min-width:200px) and (max-width:510px) {
    .grid-gap {
        margin: 50px auto;
        display: flex;
        flex-direction: column;
        width: 70%;
    }

    .formfield {
        padding: 20px 0 0;
    }

    .formsection h2 {
        font-size: 2rem;
    }

}

@media (max-width:767px) {
    .about-third p {
        margin-bottom: 20px;
    }

    .card-outer:before {
        width: 96%;
        height: 94%;
        margin: 2%;
    }

    .card-outer {
        width: 18rem;
        margin-bottom: 20px;
        left: 20%;
    }
}

@media (min-width:489px) and (max-width:530px) {
    .card-outer {
        left: 18%;
    }
}

@media (min-width:459px) and (max-width:490px) {
    .card-outer {
        left: 15%;
    }
}

@media (min-width:429px) and (max-width:460px) {
    .card-outer {
        left: 12%;
    }
}

@media (min-width:400px) and (max-width:430px) {
    .card-outer {
        left: 9%;
    }
}

@media (min-width:330px) and (max-width:399px) {
    .card-outer {
        left: 5%;
    }
}

@media (max-width:900px) {
    .carousel-item img {
        height: 350px;
    }
}