/* Media Query 1170px */

@media (max-width:1199.5px) {
    /* Parallax CSS */
    .parallax:not(.parallax-main) {
        background-size: 50%;
    }
    /* Black Card CSS */
    .main-wrapper .black-card {
        width: 100%;
    }
    /* Process CSS */
    .process-wrapper .process-content {
        width: 100%;
    }
    /* Contact CSS */
    .form-section {
        padding: 4rem 1rem;
    }
    .contact .get-in-touch .card {
        padding: 2rem 1rem;
    }
}


/* Media Query 991px */

@media (max-width:991.5px) {
    /* 01 Navbar CSS */
    .header .navbar-collapse {
        padding: 2rem;
    }
    .header .navbar-nav .nav-link {
        padding: 0.6rem 0.5rem;
        margin-bottom: 2rem;
    }
    /* 02 Banner CSS */
    .banner-wrapper {
        margin-top: 4rem;
        padding: 4rem 2rem;
        min-height: 730px;
    }
    /* Parallax CSS */
    .parallax-main {
        background-size: cover;
    }
    /* Black Card CSS */
    .main-wrapper .black-card {
        left: -226px;
    }
    .main-wrapper .black-card.right {
        right: -226px;
    }
    /* Contact CSS */
    .contact .get-in-touch .card {
        min-height: 350px;
    }
}


/* Media Query 767px */

@media (max-width:767.5px) {
    /* 00 General CSS */
    body,
    html {
        font-size: 8px;
    }
    /* 02 Banner CSS */
    .banner-wrapper {
        min-height: 550px;
    }
    /* Parallax CSS */
    .parallax:not(.parallax-main) {
        background-size: cover;
    }
    .main-wrapper .black-card {
        background-size: cover;
    }
    /* Black Card CSS */
    .main-wrapper .black-card {
        left: 5%;
        width: 90%;
    }
    .main-wrapper .black-card.right {
        right: 5%;
        width: 90%;
    }
    /* Contact CSS */
    .contact .get-in-touch .card {
        min-height: 310px;
    }
}


/* Media Query 590px */

@media (max-width:590px) {
    /* 00 General CSS */
    body,
    html {
        font-size: 7px;
    }
    /* Parallax CSS */
    .parallax.img2,
    .parallax.img3,
    .parallax.img4,
    .parallax.img5 {
        height: 408px;
    }
    .main-wrapper {
        margin-top: 35vh;
    }
    /* .Footer CSS */
    .link-widget a img {
        width: 30px;
        height: 30px;
    }
    .contact .get-in-touch .card {
        min-height: 254px;
    }
}


/* Media Query 380px */

@media (max-width:390.4px) {
    /* 00 General CSS */
    h1 {
        font-size: 27px;
    }
    h2 {
        font-size: 25px;
    }
}