/* ============================================
   INDUSTROPOLIS BATANG - RESPONSIVE CSS
   All Media Queries from style.css
   Organized by breakpoint
   ============================================ */


/* ===== TABLET & MOBILE: max-width 1024px ===== */

@media (max-width: 1024px) {}

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

/* ===== TABLET & MOBILE: max-width 991px ===== */
@media (max-width: 991px) {}


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

    .main-nav {
        padding: 20px;
    }

    footer {
        background: #0F0E0E;
        padding: 20px;
    }

    .row {

        flex-direction: column;
    }

    .input-wrapper {
        border: 1px solid var(--main-color);
    }

    .btn-outline-light {
        border: none;
    }

    .inputarea-main {
        border-right: none;
    }

    .searchbar-wrapper {
        margin: 0;
        padding: 10px;
    }

    .sitemap {
        margin: 0;
        padding: 0;
        gap: 12px;
    }


    .main-slide h2 {
        color: rgb(255, 255, 255);
        text-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
    }

    .section-padding {
        padding: 40px 20px;
    }

    h2 {
        font-size: 24px;
    }

    .testimoni-location {
        font-size: 10px;
    }

}

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