/* SMALL MOBILE */
@media (max-width: 372px) {}

/* MOBILE */
@media (max-width: 767px) {

    body,
    p {
        font-size: 14px;
    }

    .nav-social-medias {
        display: none;
    }

    img.main-logo {
        position: absolute;
        z-index: 1;
        width: 145px;
        left: 0;
        top: 0;
    }

    section {
        padding: 30px 0;
        overflow: hidden;
    }


    .hero-section img {
        height: 300px;
        object-fit: cover;
    }

    .hero-section .carousel-caption {
        width: 70%;
        top: 40%;
        left: 50%;
    }

    h5.banner-sub-title {
        font-size: 14px;
        margin-bottom: 10px;
        text-shadow: 0 0 11px rgb(255 255 255);
    }

    .hero-section .carousel-caption h2.banner-title {
        font-size: 30px;
    }

    .hero-section .carousel-caption p {
        font-size: 10px;
        line-height: normal;
    }

    .hero-section .carousel-caption .btn-sec {
        display: none;
    }

    section.hero-section .carousel-control-next-icon,
    section.hero-section .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
        background-size: 20px;
    }

    .carousel-item::after {
        background: linear-gradient(24deg, rgb(255 202 202 / 80%) 31.2%, rgba(0, 9, 41, 0) 65.89%);
    }

    .wwd-icon img {
        width: 58px;
        margin-bottom: 10px;
    }

    .wwd-contact {
        font-size: 15px;
        color: #000;
    }

    .wwd-row {
        display: grid;
    }

    h2.title {
        font-size: 20px;
    }

    a.view-all-btn {
        font-size: 14px;
    }

    h5.card-title {
        font-size: 14px;
    }

    .about-card {
        height: auto;
    }

    .why-box-main {
        margin-bottom: 30px;
        padding: 20px;
    }

    h1.fw-bold.mb-3 {
        font-size: 22px;
    }

    
}

/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {}

/* LAPTOP */
@media (min-width: 1025px) and (max-width: 1439px) {}