

@media screen and (min-width: 1023px) and (max-width: 1679px) {

    /* Classes here should include '.responsive-top-size-1279' */
    .page-contact.responsive-top-size-1679 #content_module,
    .page-contact.responsive-top-size-1679 .contact-locations-grid .records_list.feature_list ul li .content,
    body.responsive-layout-forced-lists.responsive-top-size-1279 .records_list.feature_list ul li .content {
        width: 45%;
    }
    .page-contact.responsive-top-size-1679 #sidebar,
    .page-contact.responsive-top-size-1679 .contact-locations-grid .feature_list ul li .google-map,
    body.responsive-layout-forced-lists.responsive-top-size-1679 .records_list.feature_list ul li .image {
        width: 50%;
    }
    /*
    body #image_gallery #content_module {
        width: 300px;
    }
    body #image_gallery #image_container {
        width: calc(100% - 340px);
    }
    body #image_gallery.artwork_full_details_open #content_module {
        width: 56%;
    }
    body #image_gallery.artwork_full_details_open #image_container {
        width: 42%;
    }
    */
    
    
}



/* ------------------------------------------------------------------------
--------------------------------- Size 5 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (max-width: 1679px) {


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
    .records_list > ul > li,
    #sub_nav, #exhibitions_nav,
    #sidebar, #content_module, .sidebar, .content_module,
    .image,
    .content,
    #ig_slideshow_container {
        margin: 0 0 30px;
    }

    #main_content .heading_wrapper {
        margin: 0;
    }
        
    
    #quicksearch_form,
    #quicksearch_form * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */

        #header {
            
        }
        #header .inner,
        body.type-fullscreen #header .inner,
        #header.header_fixed .inner {
            width: auto;
            max-width: none;
            padding-top: 50px;
            padding-bottom: 50px;
            min-height: 0;
        }
        #main_content {
            margin: 0 0 50px;
        }
        #header.header_layout_center .header-ui-wrapper {
            padding: 50px 0 0;
            right: 0;
        }
        #main_content .heading_wrapper {
            float: left;
            width: 300px;
        }
        #main_content h1 {
            margin: 0 0 40px;
        }
        #sub_nav.navigation ul li,
        #exhibitions_nav.navigation ul li,
        .list_grid_control.navigation ul li {
            margin: 0 0 15px 0;
            padding: 0;
        }

        #main_content .heading_wrapper .subtitle, 
        #main_content .heading_wrapper #sub_nav.navigation,
        #sub_nav.navigation, #exhibitions_nav.navigation, 
         .list_grid_control.navigation {
            margin: 0 0 30px;
        }
        #sidebar,
        .sidebar {
            width: 50%;
        }
        #content_module,
        .content_module {
            width: 50%;
        }
        body.type-fullscreen #footer,
        #footer {
            width: 100vw ;
        }


    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */


    /*
    #image_gallery #content_module {
        width: 300px;
        margin-bottom: 0;
    }
    */
    .records_list.feature_list ul li .image {
        margin-right: 0;
    }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
        .section-home #slideshow.fullscreen_slideshow ul li .content {
            bottom: 80px;
        }
        .section-exhibitions .exhibition-header .subtitle {
            margin-bottom: 20px;
        }
        .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow #content_module,
        .section-exhibitions .subsection-wrapper-press_release_text #content_module,
        .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow .content_module,
        .section-exhibitions .subsection-wrapper-press_release_text .content_module {
            width: 100%;
        }
        .subsection-exhibition-detail-page #exhibitions_nav.navigation {
            margin-bottom: 0;
        }
        .subsection-exhibition-detail-page #exhibitions_nav ul li {
            margin: 0 25px 0 0;
        }
        .section-store .subsection-store-basket #content_module {
            width: 65%;
        }
        .section-store .subsection-store-basket #sidebar {
            width: 30%;
        }
        .page-contact #content_module,
        .page-contact .contact-locations-grid .records_list.feature_list ul li .content,
        body.responsive-layout-forced-lists .records_list.feature_list ul li .content {
            width: 50%;
        }
        .page-contact #sidebar,
        .page-contact .contact-locations-grid .feature_list ul li .google-map,
        body.responsive-layout-forced-lists .records_list.feature_list ul li .image {
            width: 45%;
        }




}

/* ------------------------------------------------------------------------
--------------------------------- Size 4 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (max-width: 1279px) {


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    

    

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */

    body.page_has_subnav .subsection-wrapper-overview #content,
    body.page_has_subnav .subsection-wrapper-press_release_text #content,
    body.page_has_subnav .subsection-wrapper-biography #content {
        padding-right: 0;
    }
    

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */

    .records_list ul {
        margin-right: -40px;
    }
    .records_list > ul > li {
        padding-right: 40px;
    }

    /* Tile list
    ----------------------------------------------------------- */
    .records_list.tile_list {
        margin-right: -40px;
    }
    .records_list.tile_list ul {
        padding-right: 40px;
    }
    .records_list.tile_list ul li {
        margin: 0 0 40px;
    }

    /* Feature list
    ----------------------------------------------------------- */
    .records_list.feature_list ul li .content {
        padding-left: 40px;
    }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */


}





/* ------------------------------------------------------------------------
--------------------------------- Size 3 ----------------------------------
------------------------------------------------------------------------ */


@media screen and (max-width: 1023px) {

    /* #logo {
        float: none;
        padding: 0;
        margin: 0 auto 20px;
    }
     #logo a {
        text-align: center;
    } */
    #header .inner,
    body.type-fullscreen #header .inner,
    #header.header_fixed .inner {
        text-align: right;
    }
    /* #header #store_cart_widget.active, #header #store_cart_widget {
        display: inline-block !important;
        float: none;
        vertical-align: middle;
        margin: 3px 10px 0 0;
        line-height: 30px;
    } */
    /* #header .header-ui-wrapper {
        margin: 3px 0 0 0;
    } */
    #sidebar,
    .sidebar {
        width: 35%;
    }
    #content_module,
    .content_module {
        width: 60%;
    }
    .layout-fixed-header #main_content {
        padding-top: 180px;
    }
    #main_content h1 {
        margin: 0 0 20px;
    }
    #top_nav.navigation ul li a {
        font-size: 1.5rem;
    }
    #main_content .heading_wrapper {
        float: none;
        width: 100%;
        /* margin-bottom: 40px; */
        height: auto !important;
        min-height: 0 !important;
    }
    .pager-controls-clone, .page_stats.pager-controls-clone {
        display: none;
    }
    .pager-controls-original {
        display: block;
    }
    .heading_wrapper #sub_nav {
        margin: 0;
        padding-top: 0;
    }
    #sub_nav.navigation ul li,
    #exhibitions_nav.navigation ul li,
    .list_grid_control.navigation ul li {
        clear: none;
        margin: 0 25px 15px 0;
    }
    body.page_has_subnav #content {
        clear: both;
        float: none;
        width: 100%;
        padding-left: 0;
    }
    #cover_page_slideshow_caption, #cover_page_slideshow_pager {
        position: absolute;
        z-index: 99;
        left: 0;
        bottom: 40px;
        width: 100%;
    }
    #artist_works_categories_subnav {
        float: none;
    }
    body.page_has_subnav .subsection-wrapper-works-object.subsection-artist-detail-page #content {
        float: right;
        width: 100%;
    }

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
        .records_list ul {
            margin-right: -30px;
        }
        .records_list > ul > li {
            padding-right: 30px;
        }

        /* Feature list
        ----------------------------------------------------------- */
        .records_list.feature_list ul li .content {
            padding-left: 0;
        }

        /* Tile list
        ----------------------------------------------------------- */
        .records_list.tile_list {
            margin-right: -30px;
            width: auto;
        }
        body.page_has_subnav .records_list.tile_list.scatter_list {
            margin-left: 0;
        }
        .records_list.tile_list ul {
            padding-right: 30px;
        }
        .records_list.tile_list ul li {
            margin: 0 0 30px;
        }


}

/* ------------------------------------------------------------------------
--------------------------------- Size 2 ----------------------------------
------------------------------------------------------------------------ */


@media screen and (max-width: 767px) {

    html {
        font-size: 12px;
    }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */

        /* #header,
        #header .inner {
            padding-bottom: 0;
        } */
        /* #header .header-ui-wrapper {
            margin: 3px 5px 0 0;
        } */
        #responsive_slide_nav_wrapper,
        body.slide-nav-open #responsive_slide_nav_wrapper.responsive_nav_fullscreen,
        body.slide-nav-open.responsive-nav-slide-nav.responsive-nav-side-position-right #responsive_slide_nav_wrapper.responsive_nav_fullscreen,
        body.slide-nav-open.responsive-nav-slide-nav.responsive-nav-side-position-left #responsive_slide_nav_wrapper.responsive_nav_fullscreen,
        body.slide-nav-open #responsive_slide_nav_wrapper.responsive_nav_fullscreen {
            padding: 20px;
        }
        #top_nav.navigation {
            padding-top: 0;
        }

        #top_nav.navigation ul {
            margin:0;
        }
        #top_nav.navigation ul li {
            width: 100%;
            padding:0;
            display:block;
            clear:both;
        }
        #top_nav.navigation ul li a {
            border:0;
            padding: 5px 0;
        }
        #top_nav.navigation ul li.topnav_search {
            padding: 0 20px;
        }
                /* #top_nav.navigation ul.topnav li a {
                    line-height: inherit;
                } */




    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    
    
    #hero_header #hero_heading {
        font-size: 3.0rem;
        line-height: 3.4rem;
        text-align: center;
    }

    /* #header .inner, body.type-fullscreen #header .inner, #header.header_fixed .inner {
        padding: 18px 0 18px;
    } */

        /* #logo {
            margin-bottom: 10px;
        } */
        
        #sidebar .image,
        .sidebar .image  {
            margin: 0;
        }
        .records_list ul li .image {
            margin: 0 0 22px;
        }

        /* #sub_nav.navigation ul li a,
        .list_grid_control.navigation ul li a,
        #exhibitions_nav.navigation ul li a,
        #sub_nav.navigation ul li.active a,
        .list_grid_control.navigation ul li.active a,
        #exhibitions_nav.navigation ul li.active a {
            background: none;
            padding-bottom: 0;
        }  */
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    .layout-fixed-header #main_content, #main_content {
        padding-top: 30px;
    }
    
    .page-contact #content_module,
    .page-contact .contact-locations-grid .records_list.feature_list ul li .content,
    body.responsive-layout-forced-lists .records_list.feature_list ul li .content {
        width: 100%;
    }
    .page-contact #sidebar,
    .page-contact .contact-locations-grid .feature_list ul li .google-map,
    body.responsive-layout-forced-lists .records_list.feature_list ul li .image {
        width: 100%;
    }
    .feature_list ul li {
        width: 100%;
        padding-right: 0
    }


    #cover_page_slideshow_caption {
        bottom: 60px;
    }
    #cover_page_slideshow_caption .inner, 
    #cover_page_slideshow_pager .inner {
        padding: 0 20px;
    }
    #cover_page_slideshow_caption .inner .content {
        float: left;
    }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    .page-contact .contact-locations-grid .records_list.feature_list ul li .content,
    .page-contact #sidebar,
    body.responsive-layout-forced-lists .records_list.feature_list ul li .image{
        width: 100%;
    }
    .page-contact .contact-locations-grid .feature_list ul li .google-map {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .page-artists .subsection-artist-list-preview #sidebar {
        display: none;
    }
    .page-artists .list-preview-fullbleed #sidebar {
        display: block;
        margin-bottom: 0;
    }
    
    #image_gallery {
        max-height: none !important;
    }

    
}

@media screen and (min-width: 460px) and (max-width: 767px) {

}



/* ------------------------------------------------------------------------
--------------------------------- Size 1 ----------------------------------
------------------------------------------------------------------------ */


@media screen and (max-width: 459px) {

    html {
        font-size: 11.5px;
    }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
    /* #header .inner, body.type-fullscreen #header .inner, #header.header_fixed .inner {
        padding-top: 20px;
        padding-bottom: 18px;
    } */
    #header .inner, body.type-fullscreen #header .inner, #header.header_fixed .inner {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .responsive-nav-slide-nav #responsive_slide_nav_wrapper.responsive_nav_fullscreen .navigation ul li a {
        text-align: center;
        font-size: 1.5rem;
        line-height: 3rem;
    }
    #responsive_slide_nav_wrapper #top_nav #top_nav_reveal {
        padding: 30px 25px;
    }
    #logo {
        max-width: calc(100% - 130px);
        margin: 0;
    }
    #header.header_layout_center .header-ui-wrapper {
        right: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .section-search #quick_search {
        width: 100%;
        clear: both;
        margin: 0 0 20px;
    }
        #quick_search form {
            width: 100%;
        }
        #quick_search .inputField {
            width: calc(100% - 50px);
        }
    

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    
    
    #hero_header #hero_heading {
        font-size: 2.4rem;
        line-height: 2.8rem;
        text-align: center;
    }
    #cover_page_slideshow_pager {
        display: none;
    }
    #cover_page_slideshow_caption .inner,
    #cover_page_slideshow_pager .inner {
        padding: 0 15px;
    }

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */

        /* Tile list
        ----------------------------------------------------------- */
        .records_list.tile_list {
            margin-right: 0;
        }
        .records_list.tile_list ul {
            padding-right: 0;
        }
        .records_list.tile_list ul li {
            margin: 0 0 30px;
        }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    .fullscreen_slideshow ul li .content h2, 
    .fullscreen_slideshow ul li .content h2 a, 
    .fullscreen_slideshow ul li .content h2 a:visited, 
    .fullscreen_slideshow ul li .content h2 a .separator, 
    .fullscreen_slideshow ul li .content h2 a .h1_subtitle {
        font-size: 2.3rem;
        line-height: 2.7rem;
    }
    .fullscreen_slideshow ul li .content h2 {
        margin-bottom: 20px;
    }
    .section-home #slideshow.fullscreen_slideshow ul li .content {
        bottom: 50px;
    }

    .store_item .price {
        float: left;
        clear: both;
    }
    .store_item.active .store_item_controls {
        float: left;
        clear: both;
    }
    #sc_checkout_content .sc_subtotal_label,
    #sc_checkout_content .sc_discount_label,
    #sc_checkout_content .sc_vat_total_label,
    #sc_checkout_content .sc_shipping_total_label,
    #sc_checkout_content .sc_order_total_label {
        float: left;
        margin: 0 10px 0 0;
        width: 175px;
    }
    .currency_store_select_wrapper .currency_store_selected span {
        display: none;
    }
}
