/* ==========================================================================
   Responsive.css (Cleaned for Stuart Coal - Home + Gallery only)
   Pages covered:
   - Home (header, slider, about, services, footer)
   - Gallery (header, breadcrumb, gallery filter/grid, footer)
   ========================================================================== */


/* Large Layout: 1200px+ */
@media only screen and (min-width: 1200px) {
    .container {
        padding: 0;
    }

    .container-fluid {
        padding: 0;
    }
}


/* Tablet & below: <= 991px */
@media only screen and (max-width: 991px) {

    /* Header spacing */
    .header-area {
        padding: 25px 0 10px;
    }

    /* Make centered header truly centered on all small sizes */
    .header-area.header-centered .header-center-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .header-area.header-centered .logo {
        display: block;
        float: none !important;
        text-align: center;
        margin: 0 auto;
    }

    .header-area.header-centered .logo img {
        position: static !important;
        left: auto !important;
        right: auto !important;
        display: block;
        margin: 0 auto;
    }

    .header-area.header-centered .header-tagline {
        margin-top: 6px;
        line-height: 1.2;
    }

    /* About section */
    .about-us .about-img {
        margin-bottom: 50px;
    }

    /* Footer */
    .footer-bottom {
        text-align: center;
    }

    .footer-col {
        padding-bottom: 20px;
    }

    .footer-menu {
        float: none !important;
    }
}


/* Small devices: <= 767px */
@media only screen and (max-width: 767px) {

    /* Header */
    .header-area {
        padding: 30px 0 10px;
    }

    .header-area.header-centered .header-center-wrap {
        padding: 0 10px;
    }

    /* Breadcrumb (Gallery page) */
    .breadcrumb-area {
        height: auto;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    /* Gallery filter: allow wrap and reduce spacing */
    .project-content ul.gallery-filter {
        margin-bottom: 30px;
        padding: 0 10px;
    }

    .project-content ul.gallery-filter li span {
        line-height: 40px;
        margin: 0 6px;
        font-size: 14px;
    }

    /* Footer bottom spacing */
    .footer-bottom .copyright,
    .footer-bottom .footer-menu {
        float: none !important;
        text-align: center;
    }

    .footer-menu li:not(:first-of-type) {
        margin-left: 15px;
    }
}


/* Extra small: <= 450px */
@media only screen and (max-width: 450px) {

    /* Slightly smaller tagline to prevent wrapping weirdly */
    .header-area.header-centered .header-tagline {
        font-size: 14px;
    }

    /* Gallery filter tighter */
    .project-content ul.gallery-filter li span {
        font-size: 13px;
        margin: 0 4px;
        padding: 0 3px;
    }
}