/* ============================= */
/* LAPTOP & DOWN (≤1024px) */
/* ============================= */
@media (max-width: 1024px) {
    #map-container.fullwidth-home-map .main-search-inner {
        top: 50%;
        height: 100%;
        width: 100%;
        justify-content: center;
        font-size: 18px;
    }
}

/* ============================= */
/* TABLET & DOWN (≤768px) */
/* ============================= */
@media (max-width: 768px) {
    #map-container.fullwidth-home-map .main-search-inner {
        top: 5%;
        font-size: 17px;
    }

    .about-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-content .main-title {
        font-size: 1.3rem;
    }

    .about-content .description {
        font-size: 16px;
    }

    h3 {
        font-size: 20px;
        font-weight: 600;
        margin-top: 10px;
    }

    p {
        font-size: 15px;
        margin-top: 0;
        margin-bottom: 1rem;
    }
}

/* ============================= */
/* MOBILE & DOWN (≤480px) */
/* ============================= */
@media (max-width: 480px) {

    h4 {
        font-size: 18px !important;
    }
    h3 {
        font-size: 20px !important;
    }

    h2{
        font-size: 22px !important; 
    }
    #map-container.fullwidth-home-map .main-search-inner {
        top: -40%;
        font-size: 14px;
    }

    .about-content {
        padding-left: 12px;
        padding-right: 12px;
    }

    .about-content .main-title {
        font-size: 1.2rem;
        line-height: 1.25;
    }

    .about-content .description {
        font-size: 14px;
        line-height: 1.5;
        text-align: left;
    }

    h2.display-4,
    .display-4 {
        font-size: 22px;
        font-weight: 300;
        line-height: 1.1;
        margin-bottom: 15px;
    }
}

/* ============================= */
/* SMALL MOBILE (≤360px) */
/* ============================= */
@media (max-width: 360px) {
    h4 {
        font-size: 16px !important;
    }
    h3 {
        font-size: 18px !important;
    }

    h2{
        font-size: 20px !important; 
    }

    p, .welcome-text p{
        font-size: 14px !important;
    }
}