@media screen and (max-width:1200px) {
    /* Home */

    .banner_text {
        width: 90%;
    }

    .why_box {
        height: 150px;
    }

    .tagline_text {
        width: 78%;
    }

    .tagline_img {
        height: 400px;
    }

    /* Our Services Page */

    .card:nth-child(2) {
        /* padding-top: 100px; */
        z-index: 2;
        transform: translate(70px, -100px);
        padding-bottom: 100px;
    }

    .card:nth-child(3) {
        z-index: 1;
        transform: translate(-75px, -109%);
    }

    .card:nth-child(4) {
        width: 60%;
        z-index: 4;
        padding-left: 50px;
        transform: translate(0%, -145%);
    }

    .card:nth-child(5) {
        z-index: 3;
        transform: translate(-12%, -175%);
    }

    .card:nth-child(7) {
        z-index: 6;
        transform: translate(-11%, -228%);
    }

    .card:nth-child(8) {
        z-index: 8;
        transform: translate(15%, -328%);
    }

    .card:nth-child(9) {
        z-index: 9;
        transform: translate(20%, -356%);
    }

    .card:nth-child(10) {
        z-index: 10;
        transform: translate(10%, -405%);
    }

    .card:nth-child(11) {
        z-index: 9;
        width: 65%;
        transform: translate(-9%, -510%);
    }

    .ab_box1 div {
        padding: 15px;
    }

    .swiper {
        padding-bottom: 10px;
    }
}

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

    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    /* HOME */
    header {
        height: auto;
        background-color: #000 !important;
        padding-block: 10px;
    }

    .navbar-toggler {
        color: #fff;
    }

    .banner_text h2 {
        font-size: 4.5rem;
    }

    .hero_banner {
        height: 550px;

    }

    .banner_text {
        width: 100%;
        margin-top: 5rem;
    }


    .ab_img {
        margin-top: 1rem;
    }

    .tagline_text {
        width: 80%;
    }

    footer h5 {
        margin-bottom: 5px;
        margin-top: 1rem;
    }

    .map {
        height: 400px !important;
    }

    .sitemap_links ul li {
        width: calc(50% - 20px);
    }
}

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

    /* HOME */
    .serv_content {
        height: auto;
        text-align: left;
    }

    .hero_banner {
        height: 500px;
    }

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

    .banner_text p {
        font-size: 15px;
    }

    .serv_content a {
        position: relative;
        left: unset;
        bottom: unset;
        transform: unset;
        width: max-content;
    }

    .tagline_text {
        width: 100%;
    }

    .tagline_text h2 {
        font-size: 40px;
    }

    .tagline_img {
        height: auto;
    }

    .sitemap_links ul li {
        width: 100%;
    }

    .two_inputs {
        flex-direction: column;
    }

    .two_inputs div {
        width: 100%;
    }
}

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

    /* Home */
    h2,
    .tagline_text h2 {
        line-height: 0.9;
        font-size: 32px;
    }

    .banner_text h2 {
        font-size: 1.6rem;
    }

    header img {
        width: 210px;

    }

    .service_page ul li {
        width: 100%;
    }

    .hero_banner {
        height: 450px;
    }
}