/* Responsive layout fixes (loaded last from layouts/frontvue) */

/* Tablets / large phones: the full menu row (728px) + header icons don't fit,
   so collapse it to the hamburger like phones already do (<576px) */
@media (min-width: 576px) and (max-width: 991px) {
    .header_bottom ul li {
        display: none;
    }
}

/* Small laptops: 8 department cards don't fit in one row */
@media (min-width: 992px) and (max-width: 1199px) {
    .grid-item-8 {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* Facebook page box is a fixed 340px iframe; keep it inside its column */
.responsive_facebook iframe {
    max-width: 100%;
}

/* Article photos: ".details_main p img { margin: 30px }" pushes full-width photos
   past the column on tablets/phones; keep them inside the text column */
@media (max-width: 991px) {
    .details_main .details_main_content .details_info p img:not([style*="float"]) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .details_main .details_main_content .details_info p img[style*="float"] {
        max-width: calc(100% - 60px) !important;
    }
}