@media only screen and (max-width: 1240px) {
    .terms,
    .terms.social-ul {
        justify-content: center;
    }
}

@media only screen and (max-width: 1200px) {
    .form-sec {
        width: 100%;
    }
}

@media only screen and (max-width: 1099px) {
    .reviews .item {
        height: 360px;
    }
    .proBox {
        height: 320px;
    }
}

@media only screen and (max-width: 991px) {
    .bookBox {
        padding: 1.5rem 1.5rem;
        height: 400px;
    }
    .cta-1-2 ul li {
        flex: 100%;
    }
    .review-image {
        width: 130px !important;
    }
    .reviews .item {
        height: 440px;
    }
    .review-ul {
        justify-content: center;
    }
    .banner {
        padding: 100px 0px 150px;
    }
    .proBox {
        height: 345px;
        padding: 10px;
    }
    .foot-text {
        margin: 0px auto;
    }
    .c_form p {
        width: 80%;
        margin: 0px auto 20px;
    }
}

@media (max-width: 838px) {
    .banner {
        padding: 50px 0px 20px;
        display: block;
        height: auto;
    }
    .form-sec {
        position: relative;
        transform: none;
        left: 0;
        bottom: 0px;
        width: 100%;
        margin: 10px auto;
    }
    .cta-1-2 {
        padding: 2rem 0 2rem;
    }
}

@media only screen and (max-width: 768px) {
    /*RESPONSIVE NAVIGATION*/
    .mobile-menu {
        display: block;
    }
    .ourArmySec ul.category-list {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
    }
    .bookBox {
        height: 260px;
        text-align: center;
    }
    .reviews .item ul {
        justify-content: center;
    }
    .foot .nav {
        display: flex;
        column-count: 1;
    }
    .copy {
        margin: 10px 0px;
    }
    .banner h1 {
        font-size: 50px;
    }
    .reviews .item {
        height: 480px;
    }
    .form-container {
        border-radius: 40px;
    }
    .form-main-heading {
        font-size: 26px;
    }
    .form-container button {
        width: 70%;
        margin: 0px auto;
    }
    .modal-body h2 {
        text-align: center;
    }
    .modal-dialog {
        min-width: auto;
    }
    .cta-1 img {
        margin-top: 20px;
    }
    .proBox {
        height: auto;
        padding: 20px 20px;
        margin-bottom: 10px;
    }
    .bookBox {
        height: auto;
    }
    .bookBox p {
        margin-bottom: 10px;
    }
    .process,
    .bookSec,
    .hire,
    .ourArmySec {
        padding: 2rem 0 2rem;
    }
    .process .heading,
    .reviews h2,
    .faq-head,
    .bookSec h2,
    .hire h2,
    .ourArmySec h2 {
        font-size: 32px;
    }
    .bookBox {
        margin-bottom: 0.5rem;
    }
    .bookSec p,
    .ourArmySec p {
        margin-bottom: 0rem;
    }
    .cta-1 h2 {
        font-size: 30px;
    }
    .cta-1 {
        padding: 1.5rem 0 2rem;
    }
    .bookBox h3 {
        font-size: 22px;
    }
    .floatbutton {
        display: none;
    }
    .terms {
        margin-bottom: 10px;
    }
    .modal-content {
        background: linear-gradient(90deg, #000000d1 0%, #f4a63a36 100%), url(../images/popup-bg.webp) no-repeat;
        background-size: cover;
    }
    /*RESPONSIVE NAVIGATION*/
}

@media (min-width: 576px) and (max-width: 768px) {
    .reviews {
        padding: 3rem 0 1rem;
    }
    .faq {
        padding: 3rem 0 11rem;
    }
    .c_box {
        padding: 20px 5px;
    }
}

@media only screen and (max-width: 576px) {
    .reviews {
        padding: 2rem 0 1rem;
    }
    .reviews .item {
        height: auto;
    }
    .faq {
        padding: 2rem 0 12rem;
    }
    .form-container {
        padding: 20px 20px;
    }
    .c_box {
        padding: 10px 5px;
    }
    .marquee__group p {
        padding: 0px 20px;
    }
    .marquee__group img {
        width: 234px;
        height: 324px;
        margin: 0px 20px;
    }
    .banner h1 {
        font-size: 30px;
    }
    .c_box p{
        font-size: 12px;
    }
}

@media only screen and (max-width: 375px) {
    .banner h1 {
        font-size: 35px;
    }
}