/* Medium devices (desktops, 920px and up) */
@media all and (max-width: 920px) {

    /* Collection links in Sidebar */
    .collection-links span,
    .collection-links img {
        display: block;
        float: none;
    }
    .collection-links img {
        width: auto;
    }
    .collection-links span {
        padding-bottom: 5px;
    }

    /* Contact Page Styling */
    .address {
        width: 50%;
    }

}

/* Small devices (tablets, 768px and up) */
@media all and (max-width: 768px) {

    /* Header Styling */
    header {
        padding: 0 25px 5px;
    }

    /* Body Styling */
    body {
        margin: 0;
        padding: 0;
    }

    .wrapper {
        padding: 0;
    }

    /* View overflow on devices */
    main {
        overflow: hidden;
        border: 0;
        padding: 0;
    }

    /* Change Grid Styling */
    .col-1-2,
    .col-1-4,
    .col-3-4 {
        padding: 0;
        width: 100%;
    }
    [class*='col-'],
    [class*='col-']:first-of-type {
        padding: 0 25px;
        width: 100%;
    }

    /* Form Columns */
    .form-group [class*='col-'] {
        padding: 0;
    }
        .form-group.checkbox [class*='col-'] {
            width: auto;
        }
        .form-group select,
        .form-group input {
            width: 100%;
        }

    /* Main Menu Styling */
    .main-menu {
        display: none;
    }
    .main-menu .menu-icon {
        display: block;
    }
    .mobile-menu-container {
        display: block;
    }
    .mobile.main-menu {
        display: block;
    }

    /* Top Menu */
    .top-menu {
        display: none;
    }

    /* Results Styling */
    .results li {
        float: left;
        width: 50%;
    }

    /* Featured */
    .featured {
        position: relative;
        float: left;
        width: auto;
    }

    /* Gallery Index */
    .collection.index {
        padding: 10px 25px 10px 15px;
    }

    /* Collection Images */
    .collection.options {
        padding: 0 0 30px 0;
        padding: 0 25px;
        overflow: visible;
    }
        .collection.options:before {
            display: none;
        }
        .collection.options .prev-image {
            left: 0;
        }
        .collection.options .next-image {
            right: 0;
        }

    .collection figure {
        height: auto;
        width: 100%;
    }

    .carousel-images {
        padding: 0;
        margin-bottom: 10px;
    }

    h2.mobile {
        display: block;
    }
    .materials h2 {
        display: none;
    }

    .image-layout {
        position: static;
        float: right;
    }
    .image-layout.view-all {
        float: left;
    }

    .counter {
        position: static;
        float: right;
    }

    .materials {
        position: static;
        width: 100%;
        padding: 10px 0 0;
        float: none;
        max-height: none;
        height: auto;
    }
        .materials .swatch {
            padding: 0 10px 10px 0;
            border: 0;
            min-height: 70px;
        }
            .materials .swatch:hover {
                border: 0;
            }
        .materials li {
            width: 50%;
            min-width: 135px;
            float: left;
        }

    .close,
    .info {
        display: none;
    }

    /* Remove Hover Effects */
    .prev-image:hover, 
    .next-image:hover {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;

        background-color: #FFFFFF;
        border-color: #FFFFFF;
    }

    /* Map Styling */
    #map-canvas {
        right: 25px;
        left: 25px;
        width: auto;
    }
    .col-3-4.map {
        min-height: 300px;
    }

    /* Contact Page Styling */
    .contact {
        padding: 0 25px;
    }
    .contact .address {
        padding: 0;
        width: 100%;
        display: block;
    }

    /* Brochure Styling */
    .brochure {
        width: 32%;
        margin: 0 2% 0 0;
    }
        .brochure:nth-of-type(3n) {
            margin: 0;
        }
        .brochure:nth-of-type(4n) {
            margin: 0 2% 0 0;
        }

    /* Footer Styling */
    .footer-menu {
        border-top: 1px solid #CACACA;
        padding: 10px 0;
        margin: 0 15px;
    }

    /* Content Styling */
    .content-container {
        padding: 0 25px;
    }

    /* Exhibition Styling */
    .exhibition {
        position: relative;
        display: block;
    }
}

/* Small mobiles (mobile, 520px and up) */
@media all and (max-width: 520px) {
    .galleryView {
        width: 50%;
    }

    .image-layout,
    .image-layout.view-all,
    .image-layout li {
        display: block;
        float: none;
    }
        .image-layout .option,
        .image-layout.view-all .option {
            padding: 4px 0 4px 35px;
            padding-right: 0;
            background-position: left center;
        }

    /* Brochure Styling */
    .brochure,
    .brochure:nth-of-type(3n) {
        width: 48%;
        margin: 0 4% 0 0;
    }
        .brochure:nth-of-type(2n) {
            margin: 0;
        }

    footer {
        padding-bottom: 0;
    }
        .footer-menu a {
            display: block;
            border: none;
            padding: 5px 0;
            margin: 0
        }
        .footer-menu span {
            display: block;
        }
}