/*--------------------------------------------------------------
# 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 (max-width: 576px) {
    .modal-dialog {
        max-width: 100%;
        margin: 0;
    }

    .modal-body {
        padding: 0;
    }

    object {
        height: 80vh;
    }
}

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

    .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;
    }

    .testimonial-card {
        background-color: #fff;
        padding: 1.3rem;
        box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.4);
        margin: 2rem 0.25rem;
        border-radius: 5px;
    }

    .home-slider {
        height: 50vh !important;
        overflow: hidden;
    }

    .home-slider video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .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;
    }

    .home-slider {
        height: 75vh;
        overflow: hidden;
    }

    .home-slider video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .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: 530px) {
    .about-img-one {
        border-radius: 0 100px 0 0 !important;
    }

    .about-img-two {
        border-radius: 0 0 180px 180px !important;
    }

    .about-img-three {
        border-radius: 200px 200px 0 0 !important;
    }

    .about-img-four {
        border-radius: 0 0 0 100px !important;
    }
}

/*--------------------------------------------------------------
# Service Section
--------------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1630px) {
    .my-carousel-1 .carousel-item img {
        height: 70vh !important;
        object-fit: cover !important;
    }

    .my-carousel-2 .carousel-item img {
        height: 70vh !important;
        object-fit: cover !important;
    }

    .my-carousel-3 .carousel-item img {
        height: 70vh !important;
        object-fit: cover !important;
    }
}

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

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

    .testimonial-card {
        height: 300px;
    }

}

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

    .testimonial-card {
        height: auto;
    }

}


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

@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;
    }
}