:root {
    --primary-color: #0b4ba2;
    --secondary-color: #ee4a24;
    --text-color: #1b1b1b;
}

/*--------------------------------------------------------------
# Common Screens
--------------------------------------------------------------*/
@media (min-width: 250px) and (max-width: 350px) {

    .title-before,
    .title-after {
        display: none;
    }
}

@media (min-width: 250px) and (max-width: 475px) {

    p,
    .p {
        text-align: justify !important;
    }

    .title-text .title {
        font-size: 1.75rem;
        color: #e7e9ff;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        margin: auto;
        white-space: nowrap;
        padding-bottom: 13px;
        position: relative;
        /* Added position relative */
    }

    .title-before,
    .title-after {
        width: 15%;
    }

    .pdfviewModal {
        width: 100%;
        height: 740px;
    }
}

@media (min-width: 250px) and (max-width: 567px) {

    .navbar-custom {
        border-bottom: 2px solid var(--secondary-color) !important;
        box-shadow: none !important;
    }

    .single-slider {
        width: 100%;
        height: 40vh;
    }

    .single-slider-overlay {
        width: 100%;
        height: 40vh;
    }

    .p,
    p {
        font-size: 18px !important;
    }

    .img-brand {
        width: 160px;
    }

    .carousel-sub-title {
        font-size: 20px;
    }

    .carousel-caption {
        bottom: 0.75rem;
    }

    .products-card-title {
        font-size: 1.3rem;
    }

    .product-card-content {
        width: 100%;
        height: auto;
    }

    .footer-text {
        font-size: 16px;
    }

    .company-link {
        font-size: 16px;
    }
}

@media (min-width: 290px) and (max-width: 767px) {


    .contact-content-bg {
        padding: 0rem 0rem;
    }

    .testimonial-card {
        height: auto;
    }

    .why-choose-content {
        height: auto;
    }

    .testimonial-card {
        margin: 1rem 0.5rem;
    }

    .enquiry-form {
        margin-left: 0rem;
    }

}

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

    .nav-item .nav-link {
        padding: 0rem;
    }

    .how-we-content {
        height: 100%;
    }

    .enquiry-form {
        margin-left: 0rem;
    }

    .why-choose-content {
        height: 250px;
    }
}

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

    .why-choose-content {
        height: 300px;
    }
}

@media (min-width: 290px) and (max-width: 1199px) {

    .nav-item .nav-link {
        padding: 0rem;
        margin-bottom: 0rem;
        margin-top: 0.5rem;
    }

    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .show>.nav-link {
        color: #fff !important;
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        background-color: var(--secondary-color);
    }

    .navbar-light .navbar-nav .nav-link.active:before,
    .navbar-light .navbar-nav .nav-link.active:after {
        display: none !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    .why-choose-content {
        height: 260px;
    }
}

/*--------------------------------------------------------------
# Home -
--------------------------------------------------------------*/

@media (min-width: 250px) and (max-width: 1350px) {

    .carousel-img {
        width: 100% !important;
    }
}

@media (min-width: 250px) and (max-width: 567px) {

    .banner-content {
        height: 50vh;
    }
}

@media (min-width: 567px) and (max-width: 767px) {

    .home-booking-form {
        margin-top: -3rem;
    }

    .service-overlay {
        height: auto !important;
    }
}

@media (min-width: 290px) and (max-width: 991px) {

    .get-in-touch-img {
        height: 100% !important;
    }
}

@media (min-width: 290px) and (max-width: 1199px) {
    .contact-img {
        height: 100%;
    }

    .contact-form-content {
        height: auto;
    }
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/

@media (min-width: 250px) and (max-width: 576px) {

    .why-choose-card {
        height: auto !important;
    }

    .properator-card-content {
        height: auto !important;
    }
}

@media (min-width: 250px) and (max-width: 767px) {

    .why-choose-card {
        height: auto !important;
    }
}

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

    .why-choose-card {
        height: 425px !important;
    }

}

/*--------------------------------------------------------------
# Survey section
--------------------------------------------------------------*/

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

    .survey-card-content {
        width: 100%;
        height: 80px;
    }

}

@media (min-width: 576px) and (max-width: 767px) {

    .survey-card-content {
        width: 100%;
        height: 80px;
    }

}

@media (min-width: 250px) and (max-width: 575px) {

    .survey-banner {
      background-position: left center;
    }

    .survey-card-content {
        width: 100%;
        height: 100%;
    }

    .survey-card-button {
        width: 100%;
        height: 100%;
    }

    .enquiry-img {
        height: 100% !important;
    }
}

/*--------------------------------------------------------------
# Products section
--------------------------------------------------------------*/

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

    .product-card-content {
        width: 100%;
        height: 85px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

}

@media (min-width: 576px) and (max-width: 767px) {

    .product-card-content {
        width: 100%;
        height: 85px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

}

@media (min-width: 250px) and (max-width: 575px) {

    .products-banner {
        background-position: center;
    }

    .product-card-content {
        width: 100%;
        height: 100%;
    }

    .home-product-card-title {
        font-size: 1rem !important;
    }
}

/*--------------------------------------------------------------
# Testimonial Section
--------------------------------------------------------------*/

@media (min-width: 290px) and (max-width: 767px) {}

@media (min-width: 290px) and (max-width: 767px) {

    .testimonial-card {
        height: auto;
    }

}

/*--------------------------------------------------------------
# Training & Demo Section
--------------------------------------------------------------*/

@media (min-width: 250px) and (max-width: 575px) {
    .training-card-content {
        height: 100%;
        margin-bottom: 0.25rem;
    }
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/

@media (min-width: 250px) and (max-width: 575px) {

    .contact-content {
        margin-top: 1rem;
    }

    .img-container {
        margin-top: 0rem !important;
    }
}

@media (min-width: 250px) and (max-width: 991px) {

    .contact-parallax-content {
        height: 100%;
    }

    .contact-form {
        height: 100%;
    }

    .contact-info-card-content {
        height: auto;
    }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

@media (min-width: 1063px) and (max-width: 1269px) {
    .footer-img {
        width: 20%;
    }

    .foot-svg-txt {
        font-size: 26px;
        width: 260px;
    }
}

@media (min-width: 1026px) and (max-width: 1063px) {
    .footer-img {
        width: 20%;
    }

    .foot-svg-txt {
        font-size: 26px;
        width: 250px;
    }
}

@media (min-width: 992px) and (max-width: 1025px) {
    .footer-img {
        width: 20%;
    }

    .foot-svg-txt {
        font-size: 26px;
        width: 230px;
    }
}


@media (min-width: 374px) and (max-width: 991px) {
    .footer-img {
        width: 20%;
    }

    .foot-svg-txt {
        font-size: 30px;
        width: 275px;
    }
}


@media (min-width: 355px) and (max-width: 373px) {
    .footer-img {
        width: 20%;
    }

    .foot-svg-txt {
        font-size: 30px;
        width: 260px;
    }
}


@media (min-width: 330px) and (max-width: 354px) {
    .footer-img {
        width: 20%;
    }

    .foot-svg-txt {
        font-size: 30px;
        width: 240px;
    }
}


@media (min-width: 290px) and (max-width: 329px) {
    .footer-img {
        width: 20%;
    }

    .foot-svg-txt {
        font-size: 30px;
        width: 220px;
    }
}