

/* ------------------------------------------------------------------------
--------------------------------- Size 6 ----------------------------------
------------------------------------------------------------------------ */

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

    #hero .content .content_header h1, #hero .content .content_header .faux_h1, #hero .content .content_header h2 {
        font-size: 5.7rem;
        line-height: 6.5rem;
    }
    
}


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

@media screen and (max-width: 1360px) {
    
    #hero .content .content_header h1, #hero .content .content_header .faux_h1, #hero .content .content_header h2 {
        font-size: 4.8rem;
        line-height: 4.6rem;
    }
    
    .standard_grid .item .content {
        margin: 0 0 10px;
    }
    
    .list_caption_wrapper {
        display: block;
        padding: 0;
    }
    .list_caption_wrapper .buttons {
        padding: 0;
    }
}


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

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


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


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

        .page_navigation.navigation ul li a {
            margin-left: 10px;
            letter-spacing: -0.4px;
        }
        .strapline-wrapper {
            font-size: 7rem;
            line-height: 7rem;
        }


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

        .standard_grid.standard_grid_low_volume .item {
            width: 100%;
        }
        .content_basic_layout {
            padding: 150px 80px;
        }
        
        .standard_grid.tile_grid .group {
            width: 50%;
        }

        .text_columns .content {
            width: 100%;
        }
        

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
        
        .scroll_section.section_index_1 .feature_panels section.panel_index_1 {
            margin-top: 150px;
        }


}

/* ------------------------------------------------------------------------
--------------------------------- Size 3.5 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (max-width: 1179px) {
    #page_header .page_title h2:last-child {
        display: none;
    }
    
    
    .h1, .faux_h1, #hero .content .content_header h1, #hero .content .content_header .faux_h1, #main_slideshow .slide .content .content_header .faux_h1, #hero .content .content_header h2 {
        font-size: 4.6rem;
        line-height: 4.2rem;
    }
    #hero .content .content_header .h1_subheading {
        font-weight: 100;
    }
    
    .panel_type_records_slider .records_list_slider .pagination_controls {
        display: none;
    }
    .panel_type_records_slider .panel_heading .pagination_controls {
        display: block;
    }
    
        .text_columns .aside {
            text-align: left;
            position: static;
            width: 100%;
            padding: 40px 0 0;
            margin: 0;
            border-top: 1px solid #eaeaea;
        }
        .text_columns .content_main {
            margin: 0 0 40px;
        }
 
}

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

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

    
    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
        
        /*
            #main_slideshow .slide .image_inner:after, 
            #hero .hero_slideshow_wrapper.has-caption .image_inner:after {
                display:block;
            }
        */

        body.roomview-active #header #header_main_inner, body.page-popup-active #header #header_main_inner, body.overlay-open #header #header_main_inner, body #container_outer.page-top #header #header_main_inner {
            padding-bottom: 30px;
        }
        .scrolling-down #header.page-header-subsections #header_main_inner {
            padding-bottom: 15px;
        }
        #top_nav {
            display: none;
        }
        #menu {
            display: block;
            padding: 12px 10px 15px 10px;
            margin-right: -10px;
            margin-top: -12px;
            margin-left: 5px;
        }
        #header_items_inner {
            margin-right: 0;
        }
        #header #header_main_inner {
            padding-bottom: 8px;
        }
        
            
        #header .inner {
            padding-left: 0;
            padding-right: 0;
        }
        #main_slideshow_nav,
        #hero,
        .feature_panels section .area_wrapper,
        #header .inner {
            padding-left: 30px;
            padding-right: 30px;
        }
        #popup_box .close {
            right: 30px;
        }
        
        
        .scroll_section.section_index_2 .feature_panels section.panel_index_1 {
            margin-top: 50px;
        } 
        
        
        h1, .faux_h1, #hero .content .content_header h1, #hero .content .content_header .faux_h1, #main_slideshow .slide .content .content_header .faux_h1, #hero .content .content_header h2 {
            font-size: 4.0rem;
            line-height: 4.2rem;
        }
        
        #header {
            
        }
        #header .inner {
            padding: 0;
        }
        #header #header_main_inner,
        body.page-popup-active #header #header_main_inner, 
        body #container_outer.page-top #header #header_main_inner,
        .scrolling-down #header.page-header-subsections #header_main_inner {
            padding: 20px 40px 12px;
        }
        #header #page_header {
            padding: 26px 40px 6px;
        }
        #logo {
            margin: 15px 0 0;
        }
        #search_menu {
            margin-left: 18px;
        }
        #basket {
            margin-top: -18px;
        }
            #basket #store_cart_widget {
                padding-top: 18px;
                padding-bottom: 15px;
                padding-left: 5px;
                margin-left: 0;
                margin-right: 0;
            }
        #wishlist {
            margin-top: -19px;
        }
            #wishlist #wishlist_cart_widget {
                margin-left: 0;  
                padding: 18px 10px 15px 5px; 
            }
    
        .footer .main .group {
            width: 50%;
        }
        
        .page_enquiry_widget .form_wrapper {
            display: block;
        }
            .page_enquiry_widget .enquiry_heading {
                margin: 0 0 20px;
                width: 100%;
                padding: 0;
            }
            .page_enquiry_widget .field_wrapper {
                float: left;
                clear: both;
                width: 100%;
            }
            .page_enquiry_widget .social_media_links_wrapper {
                float: left;
                clear: both;
                width: 100%;
            }
            .page_enquiry_widget .social_media_links {
                float: left;
            }
        
        #main_slideshow_nav .inner {
            padding-left: 50px;
            padding-right: 50px;
        }
        
        .main_slideshow_quick_nav {
            margin: 0;
            width: 100%;
        }
        
        .scroll_section.scroll_section_top {
            margin-bottom: 0;
        }
        
        #hero {
            padding: 90px 40px 0;
            min-height: 0;
            background: none;
        }
        #hero .content .content_header .additional_content {
            padding: 0;
        }
        #hero .slide .content .content_header h1, #hero .slide .content .content_header .faux_h1 {
            margin: 0;
        }
        #hero .content .content_header .subheading {
            margin: 0 0 20px;
        }
        #main_slideshow .slide_inner {
            padding: 0 0 0;
        }
        #main_slideshow .slide {
            min-height: 0;
            height: auto;
        }
        .hero-inner {
            /*min-height: calc(100vh - 120px) !important;*/
            /*height:100vh;*/
        }
        #main_slideshow_nav {
            padding-left: 40px;
            padding-right: 40px;
        }
        /*.hero-inner {*/
        /*    min-height: 0 !important;*/
        /*}*/
        
        #main_slideshow {
            position: relative !important;
            width: auto;
        }
        
        #hero .hero_slideshow_wrapper {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        #main_slideshow .slide_inner {
            padding-top: 0;
            padding-left: 0;
            padding-right: 0;
            min-height: 0;
        }
        
        .main_slideshow_toolbar, 
        .hero_content_additional {
            width: 100%;
            background: transparent;
            position: static;
            margin: 0 0 0;
            padding: 22px 0 0;
            border-top: 1px solid #E0DEDD;
            float: left;
        }
        
        .main_slideshow_quick_nav, 
        .hero_nav {
            padding: 0 40px 14px;
            box-sizing: border-box;
        }
        
        .main_slideshow_quick_nav, 
        .hero_nav {
        }
        
        #hero .content .content_header h1, #hero .content .content_header .faux_h1, #hero .content .content_header h2 {
            margin: 0 0 20px;
        }
        
        
        .feature_panels section {
            margin: 0;
        }
        .feature_panels section .area_wrapper {
            padding: 0 40px;
        }
        .feature_panels section .panel_footer,
        .full_grid .item {
            margin: 0 0 40px;
        }
        .feature_panels section .panel_heading {
            margin: 0 0 20px;
        }
        .feature_panels section .panel_title {
            padding: 0;
            border: 0;
            margin: 0 0 20px;
        }
        
        .video_grid {
            margin-right: 0;
        }
        .video_grid .item {
           width: 100%;
           padding-right: 0;
        }
        
        #hero .hero-inner {
            display: block;
            margin-left: -40px;
            margin-right: -40px;
        }
            #hero .hero-inner:after {
                display: block;
                content: '';
                height: 0;
                clear: both;
            }
        #hero .content,
        #hero .slide .content {
            width: 100%;
            padding: 0 40px;
            margin-top: 16px;
            margin-bottom: 0;
        }
        #hero .slide .content {
            padding: 0 40px;
        }
            #hero .content .hero_nav {
                display: none;
            }
        #hero .slide_inner {
            display: block;
        }
        #hero .hero_image_faux {
            padding: 75% 0 0;
            min-height: 0;
            width: 100%;
            display: none;
        }
        #hero .hero_image_wrapper {
            padding: 0% 0 0;
            min-height: 0;
            width: auto;
            height: auto;
            position: relative;
            float: none;
        }
        #hero .hero_slideshow_wrapper .caption {
            text-align: left;
            padding: 15px 20px 0;
        }
        #main_slideshow .slide .caption, 
        #hero .hero_slideshow_wrapper .caption {
            transform: none;
            position: static;
            color: #888;
            min-height: 32px;
        }
        #main_slideshow .slide .image_inner:after,
        #hero .hero_slideshow_wrapper.has-caption .image_inner:after {
            opacity:0.7;
        }
        #main_slideshow .slide .caption {
            padding: 12px 20px 0;
            text-align: left;
        }
        #main_slideshow {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
        }
        
        #hero .hero_slideshow_wrapper .image,
        #main_slideshow .slide .image_inner, 
        #hero .hero_slideshow_wrapper.has-caption .image_inner,
        #hero .hero_slideshow_wrapper,
        #hero .image_inner,
        #hero .hero_slideshow_wrapper .image_inner {
            position: static;
        }
        #hero .image_inner .media_wrapper,
        #hero .hero_slideshow_wrapper .image_inner .media_wrapper {
            display: block;
            padding: 80% 0 0;
            position: relative;
        }
        #hero .hero_slideshow_wrapper {
            background: transparent;
        }
        
        #main_slideshow .slide_inner {
            
        }
        .scroll_section.scroll_section_top {
            min-height: 0;
        }
        
        #popup_content:after {
            height: 82px;
        }
        #popup_box .close, .notify_panel_close, .content-overlay .overlay-close-button, .filter-close-button, .nav-close-button, .enquire-close-button, .artworks-overlay-close-button, .search-close-button {
            top: 32px;
            right: 28px;
        }
        #popup_box .close,
        .notify_panel_close,
        .overlay-close-button, 
        .filter-close-button, 
        .nav-close-button, 
        .mailing-close-button, 
        .enquire-close-button, 
        .mailing-close-button, 
        .search-close-button, 
        .roomview-close {
            text-indent: -9999px;
            width: 20px;
            height: 20px;
            padding: 10px;
            box-sizing: content-box;
        }
        #popup_box .close a:after,
        .notify_panel_close:after,
        .overlay-close-button:after, 
        .filter-close-button:after, 
        .nav-close-button:after, 
        .mailing-close-button:after, 
        .enquire-close-button:after, 
        .mailing-close-button:after, 
        .search-close-button:after, 
        .roomview-close:after {
            top: 50%;
            left: 50%;
            right: auto;
            margin: -5px;
        }
        .page-popup-active #header,
        .page-popup-active #header #main_header,
        .page-popup-active #header #header_main_inner *,
        .overlay-open #header,
        .overlay-open #header #main_header,
        .overlay-open #header #header_main_inner * {
            pointer-events: none;
        }
        

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

        .strapline-wrapper {
            font-size: 5rem;
            line-height: 5rem;
        }
        .logo-wrapper {
            bottom: 80px;
        }


    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
            
        .standard_grid.standard_grid_high_volume .item {
            width: 50%;
        }
        
        .intro_content {
            font-size: 3rem;
            line-height: 3.5rem;    
        }
        
        .text_columns {
            width: 100%;
            padding: 0 0 0;
            margin: 0 0 80px;
        }
        .text_columns .intro_content {
            margin: 0 0 20px;
        }
        .text_columns .aside {
            width: 100%;
            padding: 40px 0 0;
            margin: 0;
            border-top: 1px solid #eaeaea;
        }
        .text_columns .content_image_1 {
            display: none;
        }
        .text_columns .content_image_2 {
            margin: 0;
        }
        .text_columns .aside .pull_quote {
            display: none;
        }
        .text_columns .content {
            width: 100%;
            padding: 0;
        }
        .text_columns .content_main {
            margin: 0 0 40px;
        }
        
        section.scroll_section_artist_list_grid .image_list ul li {
            width: 50%;
        }
        
        .column_list ul {
            width: 50%;
        }
        
        .feature_panels section .panel_heading.simplified_heading {
            margin-bottom: 30px;
        }
        
        .records_list_slider .records_list_inner {
            margin-right: -50px;
        }
            .records_list_slider .item {
                width: 50%;
                padding-right: 50px;
                padding-bottom: 40px;
            }
            
        .medium_grid .item {
            margin-bottom: 40px;
        }
            
        .works_grid {
            margin-right: -50px;
        }
            .works_grid .item {
                width: 50%;
                padding-right: 50px;
                padding-bottom: 40px;
            }
            
            
        .standard_grid.detail_grid .item {
            width: 100%;
        }
        .standard_grid {
            margin-right: -50px;
        }
            .standard_grid .item {
                padding-right: 50px;
            }
            .standard_grid.tile_grid .group {
                width: 50%;
                padding-right: 50px;
            }
        
        .full_grid .item .area {
            width: 100%;
            max-width: 480px;
        }
        
        .standard_grid {
            margin-right: -50px;
        }
            .standard_grid .item {
                width: 50%;
            }
            
        .artwork_detail .image_container {
            padding-left: 50px;
            padding-bottom: 50px;
        }
        .artwork_detail .images {
            bottom: 50px;
            left: 80px;
        }
        .artwork_detail .content_container {
            padding-right: 0;
            padding-bottom: 50px;
            min-height: 0;
        }
            .artwork_detail .content h1 {
                font-size: 2.5rem;
                line-height: 3rem;
                margin: 0 0 20px;
            }
            .artwork_detail .content h1 .heading_subtitle {
                padding: 0;
            } 
            .artwork_detail .artwork_details,
            .artwork_detail .store_item_group {
                margin-bottom: 30px;
                min-height: 0;
            }
    
        .artwork_detail .artwork_detail_additional {
            padding: 50px 50px;
            min-height: 0;
        }
    
        .panel_type_210 .pagination_controls {
            display: none;
        }
    
    
        .enquire-input-wrapper {
            width: 100%;
            padding: 0;
        }
    
    
        .simple_content .item,
        .simple_content .item > a {
            display: block;
        }
        .simple_content .item .image {
            width: 100%;
            max-height: none !important;
            margin: 0 0 30px;
        }
            .simple_content .item .image img {
                max-height: none !important;
            }
        .simple_content .item .area,
        .simple_content.simple_content_alt .item .area {
            width: 100%;
            padding: 0;
        }
        .simple_content.simple_content_alt .item .area {
            margin: 0 0 30px;
        }
        .simple_content.simple_content_alt .item .image {
            margin: 0;
        }


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
        
        
        .artist_list_section.artist_list_section_list {
            display: none !important;
        }
        .artist_list_section.artist_list_section_grid {
            display: block !important;
        }
        
        .section-home .feature_panels section.panel_index_1 {
            margin-top: 20px;
        }
        .artwork_detail.detail_variant_contact .content_container_alternative {
            padding-left: 100px;
            padding-right: 50px;
        }
        .artwork_detail.detail_variant_contact .content_container {
            padding-right: 100px;
        }
        
        
        .exhibition-list-wrapper .scroll_section.section_index_1 .feature_panels section.panel_index_1 {
            padding-top: 0;
        }
        .feature_panels_sidebar_outer {
            position: static !important;
        }
            .exhibition-list-wrapper .feature_panels_sidebar {
                width: 100%;
                padding-top: 110px;
                padding-right: 0;
            }
            .exhibition-list-wrapper .feature_panels_sidebar .panel_filters {
                border-top: 0;
                padding: 0;
                margin: 0 0 40px;
            }
            .exhibition-list-wrapper .feature_panels_sidebar .panel_filters.panel_filters_status {
                display: none;
            }
            .exhibition-list-wrapper .feature_panels_sidebar .panel_filters.panel_filters_years {
                display: none;
            }
            .exhibition-list-wrapper .feature_panels_sidebar .panel_filters ul li {
                float: left;
                width: auto;
                clear: none;
                margin: 0 20px 0 0;
            }
            
            

}


/* ------------------------------------------------------------------------
--------------------------------- Size 2.5 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (min-width: 901px) {
    .artwork_detail .images {
        height: auto !important;
    }
    .artwork_detail .images .image {
        min-height: 0 !important;
    }
}

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

    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
    
    .page_enquiry_widget .form_wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .footer .credit .inner {
        display: block;
    }
    .footer .credit .inner .footer_logo {
        margin: 0 0 20px;
        float: none;
    }
    .footer .credit .footer_links {
        text-align: left;
        margin: 0 0 5px;
    }
    .footer .credit .footer_additional {
        text-align: left;
        margin: 0;
        float: none;
    }
    
    .nav-overlay {
        width: 100%;
        max-width: none;
    }
    .nav-overlay .overlay-bg,
    .nav-overlay .overlay-bg.open,
    .enquire-overlay .overlay-bg {
        width: 100%;
    }
    body.ajax-loading-complete .transition-logo .unit-logo { 
        display: none !important;
    }
    body.ajax-loading-complete .transition-logo span { 
        display: block !important;
    }

    #logo a:before,
    #logo a:after {
        width: 30px !important;
        height: 26px !important;
        animation: none !important;
    }
    #logo:after {
        animation: none !important;
        transform: scale(1) !important;
    }

    .transition-logo .transition-logo-desktop {
        display: none;
    }
    .transition-logo .transition-logo-mobile {
        display: block;
    }
    
    .footer .main .group {
        width: 100%;
    }

    .pull_quote {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    #main_slideshow .slide .content .content_header .faux_h1.main_h1 {
        font-size: 6.5rem;
        line-height: 7.0rem;
        letter-spacing: 0;
    } 
    .scroll_section.scroll_section_panels > .inner {
        padding-top: 0;
    }

    .footer .inner {
        padding: 50px;
    }

    .page_enquiry_widget form {
        
    }
        .page_enquiry_widget h3 {
            font-size: 3.0rem;
            line-height: 3.4rem;
        }
    

    .feature_panels section {
        
    }
    .feature_panels section.panel_type_records_grid .area_label {
        
    }
    .area_label h2 {
        font-size: 12.0rem;
        line-height: 12.0rem;
    }
    .feature_panels section.panel_type_records_grid .standard_grid {
        padding: 0 0 0;
    }
    .feature_panels section.panel_type_records_grid .area_label, 
    .feature_panels section.panel_type_instagram_feed .area_label {
        margin: 0 0 40px;
    }
    .standard_grid {
        margin-right: -50px;
    }
        .standard_grid .item {
            width: 50%;
            padding: 0 50px 50px 0;
        }
        .standard_grid .item {
            width: 50%;
            padding: 0 50px 50px 0;
        }
        .standard_grid .item h3 {
            margin: 0 0 20px;
        }
        body #container .scroll-container.standard .standard_grid .item {
            transition-delay: 0;
            padding-top: 0;
        }

        .artwork-nav-top-level .heading-area h2 {
            font-size: 3.5rem;
            line-height: 3.6rem;
            margin: 0 0 12px;
        }


    .works_grid.tile_grid {
        margin-right: -50px;
    }
    .works_grid.tile_grid .group {
        padding-right: 50px;
    }

    .feature_panels section .records_grid .panel_footer {
        margin-right: 50px;
        padding-right: 50px;
    }

    .full_bleed_panel .area {
        min-height: 350px;
    }
    .full_bleed_panel .area .area_inner .prelude {
        margin-top: 40px;
    }
    .full_bleed_panel .area .area_inner .prelude:after {
        display: block;
        clear: both;
        margin: 20px auto 0;
    }
    .full_bleed_panel .area .area_inner h2 {
        font-size: 6rem;
        line-height: 6rem;
        margin: 0;
    }
    
    .full_feature .item .area {
        position: static;
        width: 100%;
        padding: 30px 0 0;
        background: none;
    }


    .text_columns .content_extended_text .inner {
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }


    .feature_panels section.panel_type_216 .image1_container {
        width: 100%;
        margin: 0 0 40px;
        padding: 0;
    }
    .feature_panels section.panel_type_216 .image2_container {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }

    .feature_panels section.panel_type_217 .image1_container,
    .feature_panels section.panel_type_217 .image2_container {
        width: 100%;
        padding: 0;
        max-height: none;
        height: auto;
    }
        .feature_panels section.panel_type_217 .image1_container .image,
        .feature_panels section.panel_type_217 .image2_container .image {
            max-height: none;
            height: auto;
            margin: 0 0 40px;
            float: left;
            width: 100%;
        }
        .feature_panels section.panel_type_217 .image1_container .image img,
        .feature_panels section.panel_type_217 .image2_container .image img {
            max-width: 100%;
            max-height: none;
        }
        .feature_panels section.panel_type_217 .image1_container .area_content,
        .feature_panels section.panel_type_217 .image2_container .area_content {
            padding: 0;
            margin: 0;
        }
        .feature_panels section.panel_type_217 .image1_container,
        .feature_panels section.panel_type_217 .image2_container {
            margin: 0 0 40px;
        }

    .feature_panels section.panel_type_211 .area_wrapper {
        padding-bottom: 0;
    }

    .page-track-wrapper,
    .page-track-scroll-container,
    .records_list.image_track.clearwithin,
    .page-track-scroll-container .page-track,
    .page-track-scroll-container .page-track-frame {
        height: auto;
    }
    .page-track-scroll-container .page-track-frame {
        position: static;
    }
    .page-track-scroll-container .page-track-item {
        padding: 0 40px 0 0;
        height: auto;
    }
        .page-track-scroll-container .page-track-item.first {
            padding: 0 40px 0 20px;
        }
    .page-track-scroll-container .page-track-item .inner {
        padding: 40px 0 40px;
    }

    .page-track-scroll-container .page-track-item .image {
        height: 30vh;
        min-height: 350px;
    }

    
    .feature_panels section.panel_type_206 .area_wrapper {
        display: block;
        margin: 0 0 20px;
    }
    .panel_type_206 .image {
        width: 100%;
        margin: 0 0 40px;
    }
    .panel_type_206 .image img {
        max-height: none;
    }
    .panel_type_206 .area,
    .feature_panels section.panel_type_206.panel_style_2 .area_wrapper .area {
        width: 100%;
        margin: 0;
        padding: 0;
        max-width: none;
    }

    .large_grid .item .image {
        min-height: 350px !important;
        height: 50vh;
        width: 100%;
    }
    .large_grid .item .area {
        width: 100%;
        padding: 50px 50px 0;
        min-height: 0;
    }
    .artwork_detail .artwork_detail_main {
        padding-top: 88px;
        min-height: 0 !important;
    }
        .artwork_detail .image_container {
            padding: 40px;
            margin: 0;
            width: auto;
            float: none;
            height: auto;
            min-height: 0 !important;
        }
            .artwork_detail .images {
                position: relative;
                bottom: auto;
                left: auto;
                right: auto;
                top: auto;
                height: auto;
            }
            .artwork_detail .images .image {
                bottom: auto;
                left: auto;
                right: auto;
                top: auto;
                height: auto;
                max-height: none;
                width: 100%;
                position: relative;
            }
            .artwork_detail .images .image_wrap {
                position: static;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                height: 100%;
                width: 100%;
            }
            .artwork_detail .image .image_inner {
                height: 100%;
                width: 100%;
                text-align: center;
            }
            .artwork_detail .image_container,
            .artwork_detail .image_container *,
            .content-swipe .draginner {
                -webkit-touch-callout: none;
                -webkit-user-select: none; 
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none; 
                user-select: none !important;
                pointer-events: none !important;
            }
            .artwork_detail .image_container .object_content {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: auto;
                height: auto;
            }
                #map_wrapper {
                    min-height: 0;
                }
                .artwork_detail .images .image {
                    flex-direction: row;
                    display: flex;
                    align-items: center;
                }
                .artwork_detail .image:after {
                    cursor: default;
                }
                .artwork_detail .images .image.image_hero_placeholder {
                    opacity: 1 !important;
                }
                .artwork_hero_image_container_outer {
                    display: none !important;
                }
                
                .artwork_detail.no-caption .images {
                    top: 83px !important;
                    height: auto !important;
                    position: absolute;
                    bottom: 0;
                }
                    .artwork_detail.no-caption .images .image {
                        height: auto !important;
                        bottom: 0;
                    }
                    
        .artwork_detail .content_container {
            padding-left: 40px;
            padding-right: 40px;
            padding-bottom: 50px;
            padding-top: 0;
            width: 100%;
        }
        
        .artwork_detail .image_gallery_multiple_thumbnails {
            padding: 0;
        }

        .section-contact .artwork_detail .artwork_detail_main {
            padding: 0;
        }
        .artwork_detail.detail_variant_contact .image_container {
            position: relative;
            width: 100%;
        }
        .artwork_detail.detail_variant_contact .content_container_alternative {
            width: 100%;
            padding-left: 50px;
            padding-right: 50px;
            min-height: 0;
            padding-bottom: 0;
            margin: 0 0 50px;
        }
        .artwork_detail.detail_variant_contact .content_container {
            width: 100%;
            padding: 0 50px;
            margin: 0 0 50px;
        }


        .artwork_detail.no-caption {
            min-height: 100vh;
        }
        .artwork_detail.no-caption .artwork_detail_main {
            padding-top: 0;
            min-height: 100vh;            
        }
        .artwork_detail.no-caption .image_container {
            padding: 0;
            min-height: 100vh !important;
        }
    
    .pagination_controls {
        display: none;
    }

    .multi_image_feature .item .image {
        width: 100%;
        margin: 0 0 40px;
    }
    .multi_image_feature .item .area {
        margin-right: -40px;
        width: auto;
        float: none;
    }
        .multi_image_feature .item .area .image {
            float: left;
            clear: none;
            width: 50%;
            box-sizing: border-box;
            padding: 0 40px 0 0;
        }
        .multi_image_feature .item .area .area_content {
            box-sizing: border-box;
            padding: 0 40px 0 0;
        }

    .content_basic_layout {
        padding: 150px 30px;
    }
    .content_basic_layout.aside_format .content_body {
        width: 100%;
        margin: 0 0 40px;
    }
    .content_basic_layout.aside_format .content_aside {
        width: 100%;
        padding: 0;
        max-width: 550px;
        float: left;
    }


    /* Page enquiry widget -------------------------------- */

    .page_enquiry_widget {
        
    }
        .page_enquiry_widget h2 {
            font-size: 2.5rem;
            line-height: 3rem;
        }
        .page_enquiry_widget .page_enquiry_above {
            font-size: 2.2rem;
            line-height: 2.8rem;
        }
        .page_enquiry_widget .field_wrapper {
            width: 100%;
        }
        .page_enquiry_widget .enquiry_heading {
            max-width: none;
            margin: 0 0 20px;
            padding: 0;
        }
        .page_enquiry_widget .enquiry_heading h2 {
            max-width: none;
        }
        .page_enquiry_widget .content {
            max-width: 100%;
            margin: 0 0 20px;
            padding: 0;
        }


    #hero {
        position: static !important;
    }
    #main_slideshow_wrapper {
        position: static;
    }


    #feature_panel_section_nav {
        display: block;
        transform: none;
        background: #1b1b1c;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        width: 100%;
        transition: background 400ms linear, opacity 400ms linear, transform 400ms cubic-bezier(.75,.01,.3,.99);
    }
    body.content-type-reversed #feature_panel_section_nav {
        background: #fff;
        box-shadow: 0 0 8px rgba(0,0,0,0.1);
    }
    .footer-visible #feature_panel_section_nav {
        opacity: 0;
        transform: translateY(100%);
    }
        body #container #feature_panel_section_nav ul {
            width: 100%;
            white-space: nowrap;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            text-align: center;
            padding: 0 10px;
            box-sizing: border-box;
        }
        body #container #feature_panel_section_nav ul li {
            transform: none;
            opacity: 1;
            width: auto;
            display: inline-block;
            float: none;
            margin: 0 0 0 0;
            padding: 25px 10px 25px;
            font-size: 1.3rem;
        }
        body #container #feature_panel_section_nav ul li.no-label {
            display: none !important;
        }
        body #container #feature_panel_section_nav ul li a {
            opacity: 0.5;
        }
        body #container #feature_panel_section_nav ul li.active a {
            opacity: 1;
        }
        body #container #feature_panel_section_nav ul li a:after {
            display: none;
        }

    .scroll_section.scroll_section_panels {
        overflow: hidden;
    }

    #container {
        overflow: hidden;
    }

    .overlay-container-inner {
        padding: 150px 50px 50px;
    }

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

        .section-home .page-track-scroll-container {
            display: none;
        }


    .list-preview-track-list {
        padding: 50px 50px;
    }
    .list-preview-image {
        padding: 50px 50px 50px 0;
    }
        .list-preview-image .list-preview-image-items {
            top: 50px;
            right: 50px;
            bottom: 50px;
        }


    #hero .slide .content .content_header {
        padding: 0;
    }
    #hero .slide .content .content_header.has_prelude {
        min-height: 0;
    }
    #hero .slide .content .content_header h1,
    #hero .slide .content .content_header .faux_h1 {
        margin: 0;
        padding-top: 10px;
    }
    #hero .slide .content .content_header .subtitle {
        font-size: 1.4rem;
        line-height: 2.0rem;
    }
    #hero .slide .content .pull_quote {
        width: 100%; 
        font-size: 1.8rem;
        line-height: 2.4rem;
        padding: 0 50px;
        display: none;
    }
    #hero .slide .mask {
        display: none;
    }
    #hero .slide .content .content_header h2 {
        line-height: 6.0rem;
        font-size: 5.6rem;
    }

    .scroll_section.section_index_1 .feature_panels section.panel_index_1 {
        margin-top: 100px;
    }
        .scroll_section.section_index_1 .feature_panels section.panel_index_1:before {
            display: none;
        }
        
    .exhibition-list-wrapper .medium_grid .item .area h3 {
        font-size: 4.0rem;
        line-height: 4.0rem;
        margin: 0 0 4px;
    }
    .exhibition-list-wrapper .medium_grid .item .area .subheading {
        font-size: 2.5rem;
        line-height: 2.7rem;
        margin: 0 0 4px;
    }
    
    #artist_list_grid_selector {
        margin: 0 0 20px;
    }
    
    .standard_grid.standard_grid_low_volume .item {
        width: 100%;
    }
    
    .content_details_item {
        width: 100%;
        margin: 0 0 40px;
    }
    .content_details_item:last-child {
        margin: 0;
    }
    
    .section-contact .panel_custom_enquiry .area_wrapper:before {
        padding: 0;
        margin: 0 0 40px;
    }
    .section-contact .feature_panels section.panel_custom_enquiry {
        padding-top: 0;
        margin: 0;
    }

}



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


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

    html {
        font-size: 12px;
    }
    
    .pull_quote, blockquote {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
        
        .basic_text {
            margin: 0 0 40px;
        }
        
        
        .feature_panels section.panel_index_1 {
            margin-top: 20px;
        }
        
        .page_enquiry_widget .form_wrapper,
        .footer .credit .inner,
        .footer .inner {
            padding: 40px 20px;    
        }
        .page_enquiry_widget .social_media_links {
            padding: 20px 0;
        }
        .footer .wrapper {
            padding: 0;
        }
        .footer .main .item {
            padding: 0;
        }
        
        .transition-logo .unit-logo {
            width: 100%;
            max-width: 400px;
            background-size: auto 12px;
        }
        .pull_quote {
            font-size: 1.8rem;
            line-height: 2.8rem;
        }
        .text_columns {
            margin-bottom: 40px;
        }
        .text_columns .content_main {
             margin-bottom: 40px;   
        }

        #feature_panel_section_heading_content {
            display: none;
        }
        #sw_form {
            top: 70px;
            max-width: none;
            width: calc(100% - 40px);
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            transform: none;
            margin-top: 180px;
            margin-left: 20px;
            margin-right: 20px;
        }
            .search-first-interaction #sw_form {
                transform: none;
                top: 0;
                max-width: none;
            }
            #sw_form form .form_row input[type='text'] {
                font-size: 1.4rem;
                line-height: 1.6rem;
                font-family: 'MaisonNeueWeb', Sans-Serif;
            }
            
        #hero {
            padding-top: 72px;
            padding-left: 0;
            padding-right: 0;
            background: transparent;
        }
        #hero .hero-inner {
            display: block;
            margin-left: 0;
            margin-right: 0;
        }
        #hero.hero_full_width {
            padding-left: 0;
            padding-right: 0;
        }
        #hero.hero_full_width .content {
            margin-top: 0;
        }
        .media_wrapper.image_uncropped .image_media img {
            object-fit: cover;
        }
        .hero-inner {
            min-height: 0 !important;
        }
        #main_slideshow .slide_inner {
            padding-top: 0;
            padding-left: 0;
            padding-right: 0;
            min-height: 0 !important;
        }
        .main_slideshow_quick_nav {
            padding: 0;
        }
        #hero:not(.hero_slides_format) .main_slideshow_pagination {
            border: 0;
            margin: 0 0 0 20px;
            padding-top: 0;
            width: auto;
        }
            #hero:not(.hero_slides_format) .main_slideshow_pagination .page_numbers {
                display: none;
            }
        #hero.hero_full_feature {
            padding-left: 0;
            padding-right: 0;
        }
        #main_slideshow_nav {
            padding-left: 20px;
            padding-right: 20px;
        }
            #main_slideshow_nav .inner {
                padding: 0;
            }
            #main_slideshow_nav ul li {
                width: 100%;
            }
            #main_slideshow_nav ul li .content h3 {
                line-height: 4.0rem;
            }
            #hero.hero_full_feature #main_slideshow_wrapper {
                padding-top: 75%;
            }
            
        #hero .slideshow_pagination {
            padding: 19px;
        }
        
        #hero .content, 
        #hero .slide .content {
            padding: 0 20px;
            display: block;
        }
        .main_slideshow_pagination {
            
        }
        #hero:not(.hero_slides_format) .main_slideshow_pagination {
            margin-left: 0;
        }
        .main_slideshow_pagination .page_buttons {
            float: left;
        }
        #hero .content .content_header {
            
        }
        #hero .content .content_header h1, 
        #hero .content .content_header .faux_h1, 
        #hero .content .content_header h2 {
            border-top: 0;
            padding: 0;
            margin: 0;
        }
        #hero .content .content_header .prelude {
            border-bottom: 1px solid #eaeaea;
            padding: 0 0 5px;
        }
        
        #hero .hero_image_wrapper {
            
        }
        
        h1, .faux_h1 {
            font-size: 3.6rem;
            line-height: 4.0rem;
        } 
        #hero .slide .content .content_header h2,
        .full_bleed_panel .area .area_inner h2,
        .full_bleed_panel .area .area_inner h3,
        .medium_grid .item .area h3, .simple_content .item .area h3 {
            font-size: 3rem;
            line-height: 3.4rem;
        }
        
        .main_slideshow_quick_nav, 
        .hero_nav {
            padding: 0 20px 0 20px;
            margin-bottom: 6px;
            margin-left: -0;
            margin-right: -0;
            width: calc(100% - 110px);
            width: 100%;
            overflow: auto;
            white-space: nowrap;
        }
        .has-slideshow .main_slideshow_quick_nav, 
        .has-slideshow .hero_nav {
            width: calc(100% - 110px);
        }
        .section-home .has-slideshow .main_slideshow_quick_nav, 
        .section-home .has-slideshow .hero_nav {
            width: 100%;
        }
        .main_slideshow_quick_nav ul, 
        .hero_nav ul {
            text-align: left;
        }
        .main_slideshow_quick_nav ul li, 
        .hero_nav ul li {
            display: inline-block;
            vertical-align: top;
            float: none;
            margin-right: 20px !important;
        }
        .main_slideshow_quick_nav ul li button, 
        .hero_nav ul li button {
            padding: 0;
        }
        
        h2 {
            text-align: left;
            font-size: 3rem;
            line-height: 3.4rem;
        } 
        

        #header .inner {
            padding: 0 0 30px 30px;
            /*
            background: #f9f4f1;
            border-bottom: 1px solid rgba(0,0,0,0.1);
            */
        }
        #header:after,
        #popup_content:after {
            opacity: 1 !important;
        }
            #header #header_main_inner {
                padding: 0 !important;
            }
            #main_header {
                display: flex;
            }
                #logo {
                    margin-top: 2px;
                    background-size: 100% auto;
                    width: auto;
                    flex-grow: 1;
                }
                    #logo a {
                        width: 100%;
                        max-width: 100%;
                        background-size: contain;
                    }
            
            #header #page_header {
                padding: 0;
                white-space: nowrap;
                overflow: auto;
                margin-left: -20px;
                margin-right: -20px;
                width: auto;
                text-align: left;
            }
            #header #page_header h2 {
                display: none;
            }
            #page_header ul {
                width: 100%;
                float: left;
                padding-left: 20px;
                padding-right: 20px;
                white-space: nowrap;
                text-align: left;
            }
            #page_header ul li {
                margin: 0 20px 0 0 !important;
            }
        
        #menu {
            margin-left: 5px;
        }
        #header_items_inner {
            margin-right: 0;
        }
        .nav-wrapper ul li {
            line-height: 30px; /* Changed to px to fix a bug on Android Chrome with the hit area of each menu item */
            padding: 8px 0;
            margin: 0;
        }
        
        .artwork_detail .artwork_detail_main {
            padding-top: 68px;
        }

        #popup_content:after {
            height: 68px;
        }
        #popup_box:before {
            height: 69px;
        }

        #popup_box .close, .notify_panel_close, .content-overlay .overlay-close-button, .filter-close-button, .nav-close-button, .enquire-close-button, .artworks-overlay-close-button, .search-close-button, .overlay.active .enquire-close-button {
            top: 12px;
            right: 12px;
        }
        
        .footer .main {
            margin-bottom: 0;
        }
        .footer h3.no-heading {
            display: none;
        }
        .footer .main .item {
            width: 100% !important;
            margin: 0 0 40px;
            padding-top: 0;
        }
        .footer .main .group:last-child .item {
            margin: 0;
        }
        .footer .social_media_links {
            padding-top: 20px;
        }
        .footer .credit {
            position: static;
            text-align: left;
            transform: none;
            white-space: normal;
        }
        .footer .footer_emblem {
            display: none !important;
        }
        .footer .credit .inner div {
        }
        
            
        h1, .faux_h1,
        #hero .content .content_header h1, 
        #hero .content .content_header .faux_h1,
        #main_slideshow .slide .content .content_header .faux_h1,
        #hero .content .content_header h2 {
            font-size: 4rem;
            line-height: 4.5rem;
            letter-spacing: 0;
        } 
        #main_slideshow .slide .content .content_header .faux_h1.main_h1 {
            font-size: 4.5rem;
            line-height: 5.0rem;
            letter-spacing: 0;
        } 
        
        
        #mailinglist_signup {
            padding: 20px;
            padding-top: 130px;
        }
            #mailinglist_signup .prelude:after {
                display: none;
            }
        .mailing-overlay .mailing-input-wrapper {
            padding-top: 0;
        }
        .mailing-close-button {
            top: 30px;
            right: 20px;
        }
        
        .feature_panels section.heading_panel h1, .feature_panels section.heading_panel h2 {
            font-size: 2.6rem;
            line-height: 3.0rem;
        }
        
        .feature_panels section.heading_panel {
            margin: 0 0 20px;
        }
        
        /*cookie banner*/
        
        #cookie_notification .inner {
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px 0;
        }
        
        #cookie_notification .inner #cookie_notification_message {
            width: 100%;
            padding: 0;
        }
        

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
        
        
        .notify_panel {
            width: 100vw;
            transform: translate3d(100vw, 0, 0);
        }
        .notify_panel .notify_panel_header {
            padding: 20px 20px;
        }
        .notify_panel .notify_panel_content {
            padding: 20px 20px;
        }
        .notify_panel .notify_panel_content ul li .item_image {
            width: 30%;
        }
        .notify_panel .notify_panel_content ul li .item_content {
            width: 70%;
        }
        .notify_panel .notify_panel_content ul li .item_content .item_details .title {
            font-size: 1.8rem;
            line-height: 1.8rem;
        }
        .notify_panel .notify_panel_footer #wqcw_checkout, .notify_panel .notify_panel_footer #sqcw_checkout {
            padding: 0 20px 20px;
        }
        .notify_panel .notify_panel_footer #sqcw_checkout .sqcw_checkout_button {
            width: auto;
        }
        .notify_panel .notify_panel_footer .sqcw_checkout_button, .notify_panel .notify_panel_footer .wqcw_checkout_button {
            line-height: 17px;
            text-align: center;
            padding: 10px 15px;
        }
        .notify_panel .notify_panel_footer .wqcw_checkout_button.button:before {
            display: none;
        }
        .notify_panel .notify_panel_header #wqcw_remove_all {
            float: left;
            clear: both;
            padding: 5px 0 0;
        }
        .item_content .item_tools .store_item .store_item_add_to_cart:after {
            font-size: 12px;
        }

        .columns .column {
            width: 100%;
            margin: 0 0 50px;
        }
            .columns .column:last-child {
                margin: 0;
            }

        .hero .inner_wrapper .arrow {
            height: 60px;
            width: 100px;
            margin-left: -50px;
        }
            .hero .inner_wrapper .arrow:before {
                left: 0;
                width: 60px;
                top: 5px;
                left: 0;
                margin-left: 0;
            }
            .hero .inner_wrapper .arrow:after {
                left: auto;
                height: 40px;
                background-position: center bottom
            }
        .platform-iphone .splash-container {
            -webkit-align-items: flex-start;
            align-items: flex-start;
            -webkit-justify-content: start;
            justify-content: start;
        }
        .platform-iphone .splash-container-inner {
            height: calc(100vh - 80px);
            align-self: flex-start;
        }

        .platform-iphone .hero .inner_wrapper {
            bottom: 60px;
        }
        .platform-iphone .hero .hero_content {
            margin-top: -60px;
        }

        .overlay-container-inner,
        .enquire-overlay .overlay-container-inner{
            padding: 50px 20px 120px;
        }
            .overlay-container-inner .enquire-input-wrapper {
                padding-bottom: 80px;
            }
            .nav-overlay .overlay-container-inner {
                padding-left: 40px;
                padding-right: 40px;
            }
        .nav-overlay .overlay-container-inner {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        .enquire-input-wrapper, .enquire-contact-wrapper, .search-wrapper, .nav-wrapper, .nav-contact-wrapper {
            min-height: 150px;
        }

        .page_enquiry_widget_field .page_enquiry_widget_submit {
            height: 59px;
        }
        .page_enquiry_widget_field .page_enquiry_widget_submit button {
            height: 59px;
        }

        .full_grid .item .area {
            width: 100%;
        }
        
        .text_columns .content_initial_text .inner {
            -webkit-column-count: auto;
            -moz-column-count: auto;
            column-count: auto;
        }

        body.cms-frontend-toolbar-active #popup_box .close,
        body.cms-frontend-toolbar-active.popup-scrolled #popup_box .close {
            top: 47px;
        }
        #header .inner {
            padding: 24px 20px 2px 20px;
        }
            #header #header_items_inner {
                margin-top: -9px;
            }
        
        .feature_panels section .area_wrapper {
            padding-left: 20px;
            padding-right: 20px;
        }

        .section_index_1 .feature_panels section.intro-heading-enabled.panel_number_0 .panel_heading_container {
            padding: 0 50px;
        }
        .section_index_1 .feature_panels section.intro-heading-enabled.panel_number_0 .panel_heading_container h2 {
            font-size: 4.0rem;
            line-height: 4.0rem;
        }

        .feature_panels section.panel_type_records_grid .area_label,
        .feature_panels section.panel_type_instagram_feed .area_label,
        .feature_panels section.section-artwork-grid.standard-heading .panel_heading_container {
            position: static;
            margin: 0 0 40px;
        }
            .feature_panels section.panel_type_instagram_feed .area_label h2,
            .feature_panels section.panel_type_records_grid .area_label h2,
            .feature_panels section.section-artwork-grid.standard-heading .panel_heading_container h2,
            .area_label h2 {
                text-align: left;
                font-size: 5rem;
                line-height: 5rem;
            }

        .feature_panels section.panel_type_records_grid .standard_grid {
            padding-top: 0;
        }

        .splash-container .border {
            top: 15px;
            left: 15px;
            bottom: 15px;
            right: 15px;
        }
        .strapline-wrapper {
            padding: 0 40px;
            font-size: 4rem;
            line-height: 4rem;
        }
        .logo-wrapper {
            width: 140px;
            bottom: 50px;
            background-size: 100% auto;
        }


        .artwork-navigation .artworks-overlay-content {
            padding-top: 120px;
            background: #262522;
        }
        .artwork-nav-top-level {
            width: 100% !important;
            bottom: 0;
            height: auto;
            min-height: 0;
            max-height: none;
            right: 0;
            left: 0;
            position: relative;
            background: #262522;
            padding: 0 50px 80px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer;
        }
        .artwork-nav-top-level:after {
            display: none !important;
        }
            .artwork-nav-hero {
                display: none;
            }
            .top-level-wrapper,
            .artworks-overlay-content.second-level-active .artwork-nav-top-level.not-active .top-level-wrapper {
                position: relative;
                transform: none !important;
            }
                .artwork-nav-top-level .heading-area,
                .artworks-overlay-content.second-level-active .artwork-nav-top-level.active .heading-area {
                    position: relative;
                    top: auto;
                    left: auto;
                    transform: none;
                    width: 100%;
                    float: left;
                    opacity: 1 !important;
                    margin: 0 0 15px;
                }
                .artwork-nav-top-level .heading-area .inner {
                    padding: 0;
                }
                .artwork-nav-top-level .heading-area .content {
                    padding-bottom: 0;
                }
                    .artwork-nav-top-level .heading-area .content p {
                        display: none;
                    }
            .artwork-nav-wrapper {
                position: relative;
                padding: 0;
                opacity: 1;
                pointer-events: auto !important;
            }
            .artwork-nav-top-level .artwork-nav-wrapper * {
                pointer-events: auto !important;
            }
            .artworks-overlay .artwork-nav-wrapper ul li {
                width: 100%;
                text-align: center;
                font-size: 2.0rem;
                line-height: 2.2rem;
            }
            .artworks-overlay.active.show-content .artwork-nav-wrapper ul li {
                opacity: 1;
                transform: translateX(0);
            }
            .artwork-nav-wrapper ul li a, .artwork-nav-wrapper ul li a:visited {
                padding: 5px 0;
            }

        .enquire-overlay .overlay-container-inner {
            padding-top: 100px;
        }

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
        
        
        .large_grid .item > a {
            display: block;
        }
        .column_list ul {
            width: 100%;
        }
        .records_list_slider .item {
            width: 100%;
        }
        .standard_grid.tile_grid .group {
            width: 100%;
        }
        .works_grid .item {
            width: 100%;
        }
            .works_grid .item .image {
                min-height: auto !important;
            }
            
        .standard_grid .item {
            width: 100%;
        }
            .standard_grid .item .image {
                min-height: 80px !important;
                margin-bottom: 20px;
            }
            .standard_grid.aligned_grid .item .image img {
                position: static;
                transform: none;
            }
            .standard_grid.aligned_grid .item .image:after {
                display: none;
            }
            .standard_grid .item h3 {
                min-height: 0;
            }
        
        .standard_grid_artworks .list_caption_wrapper, 
        .panel_type_219 .records_list_slider .list_caption_wrapper {
            padding-top: 12px;
        }
                
        .artwork_detail .pagination_controls > div {
            display: none;
        }
        h1, .faux_h1, #hero .content .content_header h1, #hero .content .content_header .faux_h1, #main_slideshow .slide .content .content_header .faux_h1, #hero .content .content_header h2 {
            font-size: 3.8rem;
            line-height: 3.5rem;
        }
        #hero .content .content_header .subheading {
            font-size: 2.0rem;
            line-height: 2.2rem;
            padding: 10px 0 0;
        }
        #hero .content .content_header.has_subheading h1 {
            margin: 0;
        }
        .artwork_detail .content h1 .heading_subtitle {
            padding: 0;
        }
        .artwork_detail .content .label {
            clear: both;
        }
        .artwork_detail .image_gallery_multiple_thumbnails_container {
            float: left;
            width: 100%;
            white-space: nowrap;
            overflow: auto;
        }
        .artwork_detail .image_gallery_multiple_thumbnails {
            padding: 10px 0 0;
            margin: 0 0 10px;
        }
        .artwork_detail .image_gallery_multiple_thumbnails ul {
            margin-right: -10px;
        }
        .artwork_detail .image_gallery_multiple_thumbnails ul li {
            width: 20%;
            min-width: 40px;
            display: inline-block;
            float: none;
            margin: 0;
            padding: 0 10px 10px 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .artwork_detail .image_container {
            padding: 20px;
        }
        .artwork_detail .content_container {
            padding-left: 20px;
            padding-right: 20px;
        }


        .filters_panel {
            margin: 0 0 20px;
        }
        
        .filters_panel .fp-module.fp-module.fp-module--keyword {
            width: 100%;
            clear: both;
            margin: 0;
            padding: 12px 0 0;
        }
        .filters_panel .fp-module.fp-module.fp-module--keyword input[type="text"] {
            padding: 10px 50px 6px 10px;
            width: 100%;
            border: 1px solid #eaeaea;
            box-sizing: border-box;
        }
        .filters_panel .fp-module.fp-module.fp-module--keyword .fp-module-submit {
            opacity: 1;
            right: 0;
        }
        .filters_panel .fp-module.fp-module.fp-module--keyword .fp-module-button-submit:after {
            padding: 12px;
        }
        
        .section-shop .scroll_section_top {
            margin-bottom: 0;
        }


        .full_bleed_panel .area .area_inner {
            padding: 40px 40px;
        }


        /* -----------------------------------------------------------
           Cascading panel feature
        ----------------------------------------------------------- */

        .feature_panels section.panel_type_207 .image1_container,
        .feature_panels section.panel_type_207 .image2_container,
        .feature_panels section.panel_type_207.feature_variant_2 .image1_container,
        .feature_panels section.panel_type_207.feature_variant_2 .image2_container {
            width: 100%;
            height: auto;
            padding: 0 50px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
            .feature_panels section.panel_type_207 .image1_container .area_content,
            .feature_panels section.panel_type_207.feature_variant_2 .image1_container .area_content {
                padding: 0 0 40px 0;
            }
            .feature_panels section.panel_type_207 .image1_container .area_content h2,
            .feature_panels section.panel_type_207.feature_variant_2 .image1_container .area_content h2 {
                text-align: center;
                font-size: 5rem;
                line-height: 5rem;
            }
        .feature_panels section.panel_type_207 .image2_container .image2,
        .feature_panels section.panel_type_207.feature_variant_2 .image2_container .image2 {
            display: none !important;
        }
            .feature_panels section.panel_type_207 .image2_container .area_content,
            .feature_panels section.panel_type_207.feature_variant_2 .image2_container .area_content {
                padding: 40px 0 0 0;
                width: 100%;
                max-width: none;
                text-align: left;
            }

        .feature_panels section.panel_type_207 .image1,
        .feature_panels section.panel_type_207 .image2 {
            height: auto !important;
            min-height: 0 !important;
        }

        .medium_grid .item > a,
        .simple_content .item > a {
            display: block;
        }
        .medium_grid .item .image,
        .simple_content .item .image {
            width: 100%;
            max-height: none !important;
        }
            .medium_grid .item .image img,
            .simple_content .item .image img {
                max-height: none !important;
            }
        .medium_grid .item,
        .medium_grid .item a {
            display: block;
        }
        .medium_grid .item .area,
        .simple_content .item .area {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            padding-top: 40px;
            max-width: none;
        }
        .medium_grid .item .area h3,
        .simple_content .item .area h3 {
            margin: 0 0 20px;
            padding-top: 0;
        }
            .medium_grid .item .area h3:before,
            .simple_content .item .area h3:before {
                display: none;
            }
        .medium_grid .item .area .bottom,
        .simple_content .item .area .bottom {
            margin-bottom: 20px;
        }
        .medium_grid .item .area .buttons,
        .simple_content .item .area .buttons {
            padding-top: 0;
        }

        .simple_content .item .area {
            padding-top: 0;
        }

        .feature_panels section.panel_type_records_grid .area_label, 
        .feature_panels section.panel_type_instagram_feed .area_label,
        .feature_panels section.section-artwork-grid.standard-heading .panel_heading_container {
            margin: 0 0 40px;
        }

        .feature_panels section.panel_type_records_grid .area_label h2, 
        .feature_panels section.panel_type_instagram_feed .area_label h2,
        .feature_panels section.section-artwork-grid.standard-heading .panel_heading_container h2,
        .area_label h2 {
            text-align: left;
            font-size: 3.6rem;
            line-height: 3.6rem;
        }
        .feature_panels section .panel_footer {
            text-align: left;
            margin-bottom: 40px;
        }
            .feature_panels section .panel_footer .button {
                width: 100%;
            }
                .feature_panels section .panel_footer .button a,
                .feature_panels section .panel_footer .button > span {
                    width: 100%;
                }

        .hero .hero_content h2 {
            font-size: 5.5rem;
            line-height: 5.7rem; 
        }

        .feature_panels section.panel_type_210 {
            margin-bottom: 20px;
        }

        .feature_panels section.panel_type_208 .area_wrapper {
            display: block;
            width: 100%;
            margin: 0 0 40px;
        }
        .feature_panels section.panel_type_208 .image1_container,
        .feature_panels section.panel_type_208 .image2_container {
            width: 100%;
            padding-right: 0;
            padding-left: 0;
        }
        .feature_panels section.panel_type_208 .image1_container .area_content {
            padding: 40px 20px 0;
        }
        .feature_panels section.panel_type_208 .image2_container .area_content {
            padding: 0 20px 40px;
        }

        .feature_panels section.panel_type_209 {
            margin: 0 0 40px;
        }


    .list-preview-image {
        display: none;
    }
    .list-preview-track-list .content {
        width: 100%;
        padding: 0;
    }
    .list-preview-track-list > .inner {
        margin: 0;
    }

    .enquire-overlay {
        width: 100%;
    }

    .image_list ul li {
        width: 100%;
        padding-top: 0 !important;
    }

    .works_grid.tile_grid .group {
        width: 100%;
        padding-top: 0 !important;
    }

    .medium_grid .item .image,
    .medium_grid .item .area h3, 
    .medium_grid .item .area .content, 
    .medium_grid .item .area .bottom, 
    .medium_grid .item .area .buttons {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    .scroll-container.standard .medium_grid .item {
        transform: translate3d(0, 150px, 0);
        opacity: 0;
        transition: none;
    }
        .scroll-container.standard .medium_grid .item.visible.animate-from-bottom {
            transition: transform 3000ms cubic-bezier(.18, 1, .21, 1), opacity 3000ms cubic-bezier(.18, 1, .21, 1);
        }
        .scroll-container.standard .medium_grid .item.animate-from-top {
            transform: translate3d(0, -150px, 0);
        }
            .scroll-container.standard .medium_grid .item.visible.animate-from-top {
                transition: transform 3000ms cubic-bezier(.18, 1, .21, 1), opacity 3000ms cubic-bezier(.18, 1, .21, 1);
            }
        .scroll-container.standard .medium_grid .item.visible {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    .scroll-container.standard .medium_grid .item.animate-from-bottom:nth-of-type(3n + 1) {
        transition-delay: 0;
    }
    .scroll-container.standard .medium_grid .item.animate-from-bottom:nth-of-type(3n + 2) {
        transition-delay: 600ms;
    }
    .scroll-container.standard .medium_grid .item.animate-from-bottom:nth-of-type(3n + 3) {
        transition-delay: 300ms;
    }


    .multi_image_feature .item .image {
        margin: 0 0 20px;
    }
    .multi_image_feature .item .area {
        margin-right: -20px;
    }
        .multi_image_feature .item .area .image {
            padding: 0 20px 0 0;
            margin: 0 0 20px;
        }
        .multi_image_feature .item .area .area_content {
            padding: 0 20px 0 0;
        }
        .multi_image_feature .item .area .content {
            margin: 0;
        }


    .content-overlay {
        width: 100%;
    }
    .content-overlay .overlay-container-inner .content_area .tools {
        width: 100%;
        float: none;
        clear: both;
        padding: 30px 0 0;
    }


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
        
        #protected_path_login > .inner {
            padding: 100px 20px 40px;
        }
        #protected_path_login #protected_path_login_container {
            margin: 0 0 50px;
            padding: 0;
        }
        
        /* Home -------------------------------- */

            #homepage_overall_container.slideshow-vertical #main_slideshow_nav {
                background: none;
                height: 90px;
                margin-top: -90px;
            }
            #homepage_overall_container.slideshow-vertical #main_slideshow_nav ul li {
                margin: 0;
            }
            #homepage_overall_container.slideshow-vertical #main_slideshow_nav ul li a {
                text-indent: -300px;
                overflow: hidden;
                width: 30px;
                height: 30px;
            }
            #homepage_overall_container.slideshow-vertical #main_slideshow_nav ul li a:before {
                content: '';
                display: block;
                position: absolute;
                background: #fff;
                height: 5px;
                width: 5px;
                border-radius: 100px;
                opacity: 0.4;
                transition: opacity 400ms ease-in-out;
            }
            #homepage_overall_container.slideshow-vertical #main_slideshow_nav ul li.active a:before {
                opacity: 1;
            }
            #main_slideshow .slide .image_hover_area {
                display: none;
            }
            #main_slideshow .slide.slide_layout_2 .content .content_header .short_prefix {
                line-height: 1.5rem;
            }
                #main_slideshow .slide.slide_layout_2 .content .content_header .short_prefix div {
                    display: block;
                    text-align: center;
                    clear: both;
                }
                #main_slideshow .slide.slide_layout_2 .content .content_header .short_prefix:after {
                    width: 100px;
                    margin-top: 12px;
                    margin-left: 0;
                }
            #main_slideshow .slide.slide_layout_1 .content .description {
                text-align: left;
                padding: 30px 0 0;
                float: left;
                width: 100%;
            }
            #main_slideshow .slide.slide_layout_2 .content .content_header .faux_h1 {
                font-size: 4.5rem !important;
                line-height: 4.5rem !important;
            }

        .subsection-store-basket {
            padding: 120px 0 0;
        }
        .section-shop .subsection-store-basket #content_module {
            width: 100%;
            padding: 0 20px 0;
            margin: 0 0 40px;
            min-height: 0 !important;
        }
            .section-shop.checkout_second_step .subsection-store-basket #content_module,
            .section-shop.checkout_third_step .subsection-store-basket #content_module {
                display: none;
            }
            .section-shop .subsection-store-basket #content_module #sc_contents_container #continue_shopping_button {
                display: none;
            }
        .section-shop .subsection-store-basket #sidebar {
            width: 100%;
            padding: 0 20px 40px;
            min-height: 0 !important;
        }

        .feature_panels section.panel_type_209.artwork_list_categories_footer .area_content .navigation ul li {
            clear: both;
            display: block;
        }
        
        #artist_list_grid_selector {
            float: left;
            width: 100%;
            margin: 0;
        }

    .content-overlay .overlay-container-inner .image_area {
        height: 25vh;
    }
    .content-overlay .overlay-container-inner .content_area {
        height: 75vh;
        padding: 40px 20px 140px;
    }


    .button a, .button > span, button:not(.store_item_add_to_cart):not(.clear_button_styles) {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .main_slideshow_quick_nav ul li button {
        padding-bottom: 0;
    }
    #artist_list_grid_selector ul li {
        margin: 0 0 0 20px;
    }
    #artist_list_grid_selector ul li button {
        padding-bottom: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    
    .standard_grid .item.search-grid-no-results h3 {
        font-size: 2.0rem;
    }
    
    .exhibition-list-wrapper .scroll_section_panels .inner {
        padding: 0 20px;
    }


}





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


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



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

        .footer .inner {
            padding: 40px 20px;
        }
        .footer .credit .inner .footer_logo {
            width: 100%;
            background-size: contain;
        }


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

        .feature_panels section .panel_heading {
            padding-right: 0;
        }
        .prelude_heading:after,
        .feature_panels section .panel_heading h2:after {
            clear: both;
            margin: 20px 0 0 0;
            display: block;
            width: 100%;
        }

        .list_caption_wrapper {
            display: block;
        }
        .list_caption_wrapper .buttons {
            float: left;
            clear: both;
            padding-top: 15px;
        }
        .list_caption_wrapper .buttons > div:first-child {
            margin-left: 0;
        }

        .artwork_detail.detail_variant_contact .content_container {
            padding: 40px 20px;
        }
        .feature_panels section .area_wrapper {
            padding: 0 20px 0;
        }
        .large_grid .item .area {
            padding: 40px 20px 0;
        }
        .feature_panels section .panel_heading {
            padding-top: 20px;
            margin: 0 0 40px;
        }
        .image_list ul li,
        .works_grid.tile_grid .group .item {
            padding-bottom: 40px;
        }
        #popup_box:before {
            height: 75px;
        }
        #logo {
            
        }
        .page_enquiry_widget h3 {
            margin: 0 0 20px;
        }

        .feature_panels section {
            margin-bottom: 0;
        }

        .standard_grid .item h3 {
            padding-top: 0;
        }
        .standard_grid .item h3:before {
            display: none;
        }

        .overlay-container-inner .enquire-input-wrapper {
            padding-bottom: 0;
        }
        .overlay.active .enquire-close-button {
            top: 20px;
            right: 15px;
        }
        .enquire-overlay .overlay-container-inner {
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 40px;
        }


    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
        
        section.scroll_section_artist_list_grid .image_list ul li {
            width: 100%;
        }
        
        .standard_grid.standard_grid_low_volume .item {
            width: 100%;
        }
        .standard_grid.standard_grid_high_volume .item {
            width: 100%;    
        }
        
        .standard_grid.detail_grid .item .image {
            width: 100%;
        }
        .standard_grid.detail_grid .item .list_caption_wrapper {
            padding: 0 0 0;
            width: 100%;
        }
        
        .artwork_detail .images {
            min-height: 80px;
        }
            .artwork_detail .images .image {
                min-height: 80px;
            }
            .artwork_detail .content_container {
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: 40px;
                padding-top: 0;
            }

            .artwork_detail .artwork_detail_additional {
                padding: 40px 20px;
            }
            .artwork_detail .artwork_detail_additional .content {
                width: 100%;
            }
            .artwork_detail .artwork_detail_additional .content_adjacent {
                width: 100%;
            }



        .enquire-input-wrapper .enquiry_form .notify_panel_items ul li .image {
            width: 35%;
        }
        .enquire-input-wrapper .enquiry_form .notify_panel_items ul li .content {
            width: 65%;
        }
        .enquire-input-wrapper .button,
        .enquire-input-wrapper .button a {
            width: 100%;
        }
        
        #shopping_cart_information .sc_cell_item .image, #wishlist_information .sc_cell_item .image {
            width: 100%;
            margin: 0 0 40px;
            padding: 0;
        }
        #shopping_cart_information .sc_cell_item .content, #wishlist_information .sc_cell_item .content {
            width: 100%;
            clear: both;
        }


        /* Cascading panel
        ----------------------------------------------------------- */

            .feature_panels section.panel_type_207 .image1_container, .feature_panels section.panel_type_207 .image2_container, .feature_panels section.panel_type_207.feature_variant_2 .image1_container, .feature_panels section.panel_type_207.feature_variant_2 .image2_container {
                padding: 0 20px;
            }


        div.arprompt {
            width: auto;
            left: 18px !important;
            right: 18px !important;
            margin: 0 !important;
        }

        .feature_panels section.panel_type_instagram_feed .area_label .social_media_links {
            display: none;
        }

    .button a, .button > span, button:not(.store_item_add_to_cart):not(.clear_button_styles) {
        padding-left: 20px;
        padding-right: 20px;
    }
    .content_reveal_more_link.link button:not(.store_item_add_to_cart) {
        padding: 0;
    }
    .main_slideshow_quick_nav ul li button {
        padding-left: 0;
        padding-right: 0;
    }
    .button:after, button:not(.store_item_add_to_cart):after {
        right: 21px;
        top: 22px;
    }

}


/* ------------------------------------------------------------------------
--------------------------------- Size 0.5 ----------------------------------
------------------------------------------------------------------------ */


@media screen and (max-width: 360px) {
    #basket a:before {
        padding-right: 9px;
    }
    #wishlist .wcw_total_items {
        display: none !important;
    }
    #wishlist a:before {
        padding-right: 9px;
    }
    #logo {
    }
}

