/* Collapse topnav at 1279px
----------------------------------------------------------- */
@import url(/styles/responsive_topnav.css) screen and (max-width: 1279px);
/* Higher responsive nav import set for French website using js in main skin.*/


#header_quick_search_custom {
    margin: -3px 0 0 25px;
}
#header_quick_search_custom form {
    border: none;
    padding: 0;
}
#header_quick_search_custom .quicksearch_btn_text{
    display: none;
}
#header_quick_search_custom .quicksearch_btn_img{
    display: block;
}
#header_quick_search_custom .quicksearch_btn_img img,
#header_quick_search_custom .quicksearch_btn_img {
    width: 20px;
    max-width: 20px;
}
#header_quick_search_custom.header_quick_search_reveal_custom.active .inputField {
    /*position: absolute;
    right: 0;*/
}
#header_quick_search_custom.header_quick_search_reveal_custom.active .inputField {
    width: 350px;
    max-width: 350px;
    background: transparent;
    opacity: 1;
    padding-right: 40px;
}
.autocomplete-item .content {
    width: auto;
}

@media screen and (min-width: 1760px) {
    #image_gallery {
        padding: 0;
    }
}
/* ------------------------------------------------------------------------
--------------------------------- Size 4 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (max-width: 1720px) {
    body:not(.layout-hero-header) #header.page-scroll.header_fixed #logo, body.layout-hero-header #header.header_fixed.hero-page-scroll #logo {
        left: 20px;
    }
    .translations_nav,
    #header .header-controls-wrapper {
        right: 30px;
    }
    
    #top_nav.top_nav_centered #top_nav_reveal {
        display: none;
    }
    
    #main_content #artwork-filter-panel h1 {
        width: auto;
    }
    
    #main_content .blog-landing-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation{
        position: absolute;
        top: -136px;
        width: 100%;
        left: 0;
        margin: 0;
        height: 65px;
        z-index: 99;
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }
            
    body #image_gallery #image_container {
        width: 65%;
        float: right;
    }
    body #image_gallery #content_module {
        width: 35%;
        float: left;
    }
        body #image_gallery.record-layout-descriptive #image_container {
            width: 65%;
            float: right;
        }
        #image_gallery #secondary_content_module,
        #image_gallery.record-layout-descriptive #secondary_content_module,
        #image_gallery.record-layout-descriptive .page_stats {
            width: 65%;
            float: right;
        }
        body #image_gallery.record-layout-descriptive #content_module {
            width: 35%;
            float: left;
        }

    body #image_gallery.artwork_full_details_open #image_container {
        width: 35%;
    }
    body #image_gallery.artwork_full_details_open #content_module {
        width: 65%;
    }
}

@media screen and (max-width: 1660px) {
    #popup_content {
        padding: 0 90px;
    }
    .records_list > ul > li,
    #sub_nav,
    #exhibitions_nav,
    #sidebar,
    #content_module, .image,
    #main_content .heading_wrapper,
    .content,
    #ig_slideshow_container {
        margin: 0 0 70px;
    }
    .records_list.mini_list > ul > li {
        margin-bottom: 10px;
    }
    #main_content {
        margin: 0 0 70px;
    }
    
    #content_module,
    .section-wishlist .subsection-store-basket #content_module,
    .section-store .subsection-store-basket #content_module {
        width: 63%;
        padding-right: 40px;
        box-sizing: border-box;
    }
    #sidebar,
    .section-wishlist .subsection-store-basket #sidebar,
    .section-store .subsection-store-basket #sidebar {
        width: 32%;
    }
    .section-contact #content_module {
        width: 63%;
    }
    .section-contact #sidebar {
        width: 32%;
    }
    .section-store .subsection-store-basket #content_module {
        width: 63%;
    }
    .section-store .subsection-store-basket #sidebar {
        width: 32%;
    }
    .section-blog.page-param-publications .records_list.detail_list > ul > li {
        width: 25%;
    }
    
    #popup_content #image_gallery {
        padding: 0;
    } 
        
    body #image_gallery #image_container {
        width: 65%;
        float: right;
    }
    body #image_gallery #content_module {
        width: 35%;
        float: left;
    }
        body #image_gallery.record-layout-descriptive #image_container {
            width: 65%;
            float: right;
        }
        #image_gallery #secondary_content_module,
        #image_gallery.record-layout-descriptive #secondary_content_module,
        #image_gallery.record-layout-descriptive .page_stats {
            width: 65%;
            float: right;
        }
        body #image_gallery.record-layout-descriptive #content_module {
            width: 35%;
            float: left;
        }

    body #image_gallery.artwork_full_details_open #image_container {
        width: 35%;
    }
    body #image_gallery.artwork_full_details_open #content_module {
        width: 65%;
    }

    #footer.advanced_footer #social_links {
        float: none;
        padding-top: 0;
    }
    #footer.advanced_footer #social_links .social_links_item {
        margin: 0 10px 0 0;
    }
    #main_content .heading_wrapper.hidden {
        margin: 0;
        height: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
        display: block;
    }
    #custom_hero_header .breadcrumbs-wrapper .inner {
        padding: 0 30px;
    }
    #contact_form #contact_form_item_preview .image {
        width: 20%;
        height: auto;
        float: left;
        margin: 0;
    }
    
    .translations_nav, body.layout-hero-header #header.page-scroll .translations_nav {
        right: 30px;
    }
    #header .inner:after, #header.header_fixed .inner:after {
        right: 191px;
    }
    /* -----------------------------------------------------------
       Lists / grids
    ----------------------------------------------------------- */

    #sub_nav.navigation.artwork_category_nav ul li,
    #exhibitions_nav.navigation ul li {
        margin: 0 0 0 20px;
    }
    
    /* Threecolumns in this viewport */
    /*.records_list{
        overflow-x: hidden;
    }*/
    .records_list.image_list > ul > li,
    .records_list.detail_list > ul > li,
    .feature_panels .records_list.image_list ul li.panel_style_four_columns {
        width: 33.3%;
    }
    .records_list > ul,
    .records_list.feature_list ul {
        margin-right: -60px;
    }
    .records_list > ul > li,
    .records_list.feature_list ul li {
        padding-right:60px;
    }
    .page-notable-sales .artworks-page-artwork-list-container .image_list ul li,
    .page-artworks .artworks-page-artwork-list-container .image_list ul li {
        width: 50%;
    }
    .page-notable-sales .artworks-page-artwork-list-container .image_list ul li.featured_item,
    .page-artworks .artworks-page-artwork-list-container .image_list ul li.featured_item {
        width: 100%;
    }
    .artworks-page-artwork-list-container .records_list.image_list ul li .content {
        width: 55%;
        float: right;
    }
    .artworks-page-artwork-list-container .records_list.image_list ul li .image {
        width: 40%;
        float: left;
    }
    .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item .content {
        width: 55%;
        float: none;
    }
    .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item .image {
        width: 45%;
        padding-right: 60px;
        float: none;
    }
    .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item.right .image {
        padding-right: 0;
        padding-left: 60px;
    }
    .records_list.feature_list ul li .image {
        width: 40%;
        float: left;
    }
    .records_list.feature_list ul li .content {
        width: 55%;
        float: right;
    }

    .records_list.image_list ul li.unequal_threecol,
    .records_list.detail_list ul li.unequal_threecol {
        width: 100%;
        margin-right: 0;
    }
    /*.records_list.image_list ul li .image,*/
    /*.records_list.detail_list ul li .image,*/
    /*.records_list.image_list ul li .image span,*/
    /*.records_list.detail_list ul li .image span {*/
    /*    height: auto;*/
    /*    display: block;*/
    /*}*/

    /* Tile list ----------------------------------------------------------- */

    body.responsive-layout-forced-tile-lists .records_list.tile_list ul {
        width: 25%;
        margin-right: 0;
        float: left;
    }

    
    /* Feature lists
    ----------------------------------------------------------- */
    body.responsive-layout-forced-lists .records_list.feature_list ul li .image {
        width: 100%;
        float: none;
    }
    body.responsive-layout-forced-lists .records_list.feature_list ul li .content {
        width: 100%;
        float: none;
    }
    body.responsive-layout-forced-lists .records_list.feature_list.record-count-1 ul li .image,
    body.responsive-layout-forced-lists .records_list.feature_list.record-count-1 ul li .content {
        width: 50%;
        text-align: left;
        padding-right: 65px;
        box-sizing: border-box;
        float: left;
    }
    

    /* Lists in a sidebar are excluded ----------------------------------------------------------- */

    #sidebar .records_list.image_list ul li,
    #sidebar .records_list.detail_list ul li {
        width: 100%;
        clear: both;
        margin-right: 0;
    }

    /* Image gallery detail expand
    ----------------------------------------------------------- */
    .records_list.detail_expand_grid .expander_detail #image_gallery #image_container {
        width: 56%;
    }
    .records_list.detail_expand_grid .expander_detail #image_gallery #content_module {
        width: 40%;
    }
    .section-artists .subsection-wrapper-works-object .artist-header,
    .section-exhibitions .subsection-wrapper-works-object .exhibition-header,
    .artworks-page-detail-view-container .artworks-header,
    .section-artists #main_content .subsection-wrapper-works-object .artist-header,
    .section-exhibitions #main_content .subsection-wrapper-works-object .exhibition-header,
    #main_content .artworks-page-detail-view-container .artworks-header {
        height: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
        display: block;
        border-bottom: none;
    }

    /* Feature panels
    ----------------------------------------------------------- */

        /* Feature panel type 6 - image grid
        ----------------------------------------------------------- */

        .feature_panels .records_list.image_list ul li.panel_image_grid {
            width: 100%;
        }


        /* Feature panel type 4 - Image/Text adjacent
        ----------------------------------------------------------- */

        .feature_panels .records_list.image_list ul li.panel_image_text_adjacent{
            width: 100%;
        }
        /*.feature_panels .records_list.image_list ul li.panel_image_text_adjacent .outer {
            width: 50%;
            display: inline-block;
        }*/
        .records_list.image_list ul li.panel_image_text_adjacent .fill,
        .records_list.detail_list ul li.panel_image_text_adjacent .fill {
            display: inline-block;
            vertical-align: middle;
        }
        .feature_panels .records_list.image_list ul li.panel_image_text_adjacent {
            padding-right: 0;
        }
        .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content {
            width: 50%;
            display: inline-block;
            padding-right: 0;
            padding-left: 50px;
        }
        .feature_panels .records_list.image_list ul li.panel_image_text_adjacent.panel_variant_2 .content {
            padding-right: 50px;
            padding-left: 0px;
        }
        .feature_panels .image_list ul li.panel_image_text_adjacent .image,
        .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .image {
            width: 50%;
            max-width: 50%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-right: unset;
        }
        .feature_panels .records_list.image_list ul li.panel_image_text_adjacent.panel_variant_2 .image {
            margin-left: unset;
        }
    
        /* Feature panel hero
        ----------------------------------------------------------- */
        .feature_panels .records_list li.panel.panel_custom_hero {
            /*width: calc(100% - 60px);*/
            width: 100%;
        }

    /* Artist list ----------------------------------------------------------- */

    .section-artists #artist_list.names_list ul {
        margin-right: -20px;
    }
    .section-artists #artist_list.names_list li {
        width: 33.33%;
        padding-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    /*#quicksearch_form,*/
    /*#quicksearch_form * {*/
    /*    -moz-box-sizing: border-box;*/
    /*    -webkit-box-sizing: border-box;*/
    /*    box-sizing: border-box;*/
    /*}*/
    /*#quicksearch_form,*/
    /*#quick_search,*/
    /*#quick_search .inputField {*/
    /*    width: 100% !important;*/
    /*}*/
    /*#quicksearch_form {*/
    /*    display: block;*/
    /*    height: 40px;*/
    /*    position: relative;*/
    /*    padding-right: 30px;*/
    /*}*/
    /*#quick_search .inputField {*/
    /*    float: none;*/
    /*    display: block;*/
    /*}*/
    /*    #quick_search #quicksearch_btn {*/
    /*        padding-left: 0;*/
    /*        text-decoration: none;*/
    /*        width: auto;*/
    /*        position: absolute;*/
    /*        top: 0;*/
    /*        right: 0;*/
    /*    }*/

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

                #header {
                    padding: 0;
                }
                /* #header .inner,
                body.type-fullscreen #header .inner,
                #header.header_fixed .inner {
                } */
                #logo {
                    float: none;
                    padding: 0;
                    margin: 0 auto 20px;
                    left: 30px;
                }
                #scroll_nav_top {
                    right: 30px;
                }
                 #logo a {
                    text-align: left;
                }
                #header .header-controls-wrapper {
                    right: 30px;
                }
                #top_nav.top_nav_centered #top_nav_reveal {
                    float: none;
                    display: none;
                }
                
                #main_content .heading_wrapper .subtitle,
                #main_content .heading_wrapper #sub_nav.navigation,
                #sub_nav.navigation,
                #exhibitions_nav.navigation,
                .list_grid_control.navigation {
                    padding: 0;
                    margin: 0 0 40px;
                    position: static;
                    clear: none;
                    width: auto;
                }
                .layout-hero-header #main_content .cascading-page-header #sub_nav.navigation,
                .artist-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation,
                .exhibition-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation,
                .blog-landing-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation,
                .viewing_room-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation {
                    position: absolute;
                    top: -136px;
                    width: 100%;
                    left: 0;
                    margin: 0;
                    height: 75px;
                    z-index: 99;
                    -webkit-transition: opacity 0.2s linear;
                    transition: opacity 0.2s linear;
                }
                .page_stats {
                    margin-bottom: 0;
                }

                #main_content .artist-header.heading_wrapper.scrolling-header-wrapper,
                #main_content .exhibition-header.heading_wrapper.scrolling-header-wrapper,
                #main_content .viewing_room-header.heading_wrapper.scrolling-header-wrapper,
                #main_content .blog-landing-header.heading_wrapper.scrolling-header-wrapper{
                    margin: 0;
                }
                #main_content .artist-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation,
                #main_content .exhibition-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation,
                #main_content .blog-landing-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation,
                #main_content .viewing_room-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation{
                    position: absolute;
                    top: -136px;
                    width: 100%;
                    left: 0;
                    margin: 0;
                    height: 75px;
                    z-index: 99;
                    -webkit-transition: opacity 0.2s linear;
                    transition: opacity 0.2s linear;
                }
                
                
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    #slideshow.fullscreen_slideshow_parallax .parallax-image-inner{
        height: 100vh;
    }
    #slideshow.fullscreen_slideshow ul li span.image {
        height: 100%;
    }
    #slideshow .fullscreen_subtitle span {
        width: auto;
    }
    #section-related-content {
        /*padding: 30px;*/
        /*margin: 0;*/
    }

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

        /* -----------------------------------------------------------
          Exhibitions
        ----------------------------------------------------------- */
        .section-exhibitions .exhibition-header .subtitle {
            margin-bottom: 20px;
        }
        .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow #content_module {
            width: 100%;
        }
        
        /* -----------------------------------------------------------
          Artists
        ----------------------------------------------------------- */
        .subsection-overview #content_module {
            margin-bottom: 0;
        }
        .artist-filter-close {
            right: 30px;
        }
        #scroll_nav_top {
            right: 30px;
        }
        /* -----------------------------------------------------------
          Store
        ----------------------------------------------------------- */
        .section-store .subsection-store-basket #sidebar {
            width: 30%;
        }
        .section-store .subsection-store-basket #content_module {
            width: 65%;
        }
        
        /* -----------------------------------------------------------
          History
        ----------------------------------------------------------- */
        .history_grid.records_list.detail_list {
            padding-right: 100px;
            padding-left: 100px;
            box-sizing: border-box;
        }
        
        /* -----------------------------------------------------------
          BLOG
        ----------------------------------------------------------- */
        .section-blog #content_module {
            
        }
        .section-blog #sidebar {
            
        }
        
        /* -----------------------------------------------------------
          Contact
        ----------------------------------------------------------- */
        body.responsive-layout-forced-lists.section-contact .records_list.feature_list ul li .content {
            width: 100%;
            float: none;
        }
        #artwork-filter-panel {
            display: block;
        }
        #header.header_fixed {
            z-index: 999999;
        }
       
        

        
}

@media screen and (max-width: 1550px) {
    
    #artwork-filter-panel .autocomplete {
        flex: 1;
    }
        #filter_quicksearch_field {
            min-width: 0;
            width: 100%;
        }
        
}

@media screen and (max-width: 1440px) { 
    
    #filterpanel_form {
        width: 100%;
        justify-content: flex-start;
    }
        #filterpanel_form .visible .group-items {
            right: unset;
            left: 40px;
        }
    
    #artwork-filter-panel .fp-module:first-child.visible .group-items {
        left: 0;
    }
    #artwork-filter-panel .fp-module:first-child .fp-group-heading {
        margin-left: 0;
    }
    
}



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

@media screen and (max-width: 1279px) {
    
    body #image_gallery #image_container {
        width: 55%;
        float: right;
    }
    body #image_gallery #content_module {
        width: 45%;
        float: left;
    }
        body #image_gallery.record-layout-descriptive #image_container {
            width: 55%;
            float: right;
        }
        #image_gallery #secondary_content_module,
        #image_gallery.record-layout-descriptive #secondary_content_module,
        #image_gallery.record-layout-descriptive .page_stats {
            width: 55%;
            float: right;
        }
        body #image_gallery.record-layout-descriptive #content_module {
            width: 45%;
            float: left;
        }

    body #image_gallery.artwork_full_details_open #image_container {
        width: 45%;
    }
    body #image_gallery.artwork_full_details_open #content_module {
        width: 55%;
    }
    
    /*.section-viewing-room .records_list.feature_list ul li .content {*/
    /*    width: 40%;*/
    /*    padding-left: 30px;*/
    /*    padding-right: 0;*/
    /*    padding-top: 0;*/
    /*}*/
    /*.section-viewing-room .records_list.feature_list ul li .image {*/
    /*    width: 60%;*/
    /*}*/
    

        .section-viewing-room  .subsection-viewing_rooms-grid .records_list.feature_list.record-count-1 ul li .image {
            width: 60%;
        }      
         .section-viewing-room  .subsection-viewing_rooms-grid .records_list.feature_list.record-count-1 ul li .content {
            width: 40%;
            padding-left: 30px;
            padding-right: 0;
            padding-top: 40px;
        }    
    
    
    #container {
        padding: 0 40px;
    }
    
    /* 
        custom learn section header
    */
    .blog-landing-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul {
        
    }
    
    .carousel-item {
        padding-right: 20px;
        padding-left: 20px;
    }


    #header .inner:after, #header.header_fixed .inner:after {
        right: 0;
    }
    #header_quick_search_custom {
        margin: -10px 20px 0 25px;
    }
    #header_quick_search_custom.header_quick_search_reveal_custom.active .inputField {
        position: absolute;
        right: 80px;
    }
    #content .fullscreen_slideshow.fullscreen_slideshow_parallax,
    #content .fullscreen_slideshow.fullscreen_slideshow_parallax.parallax-loaded {
        display: block;
    }
    #custom_hero_header .inner.hero-content,
    #slideshow.fullscreen_slideshow.fullscreen_slideshow_parallax ul li .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #custom_hero_header .inner.hero-content .title,
    .section-home #slideshow.fullscreen_slideshow ul li .content h2,
    .fullscreen_slideshow ul li .content h2,
    .fullscreen_slideshow ul li .content h2 a,
    .fullscreen_slideshow ul li .content h2 a:visited {
        font-size: 5.8rem;
        line-height: 7rem;
    }
    .feature_panels .records_list.image_list ul li.panel_homepage_links .content h2 {
        font-size: 4.8rem;
        line-height: 5.9rem;
    }
    .related-content-carousel-item {
        width: 33.33%;
        padding-right: 20px;
        padding-left: 20px;
    }

    #related-content-carousel-inner {
        margin: 0 -20px;
    }

    /* -----------------------------------------------------------
       Lists / grids
    ----------------------------------------------------------- */

    .records_list > ul {
        margin-right: -40px;
    }
    .records_list > ul > li {
        padding-right: 40px;
    }
    .feature_panels .records_list.image_list ul li h2,
    .section-exhibitions .records_list .content h2 {
        font-size: 2.2rem;
        line-height: 2.9rem;
    }
    .records_list.tile_list ul {
        padding-right: 40px;
    }
    .feature_panels .detail_list > ul > li {
        width: 50%;
    }

    /* Tile list ----------------------------------------------------------- */

    body.responsive-layout-forced-tile-lists .records_list.tile_list ul {
        width: 33.3%;
    }
    body.responsive-layout-forced-tile-lists .records_list.tile_list ul {
        padding-right: 40px;
    }
    .records_list.tile_list .tile_list_formatted {
        margin-right: -40px;
    }
    
    /* FOOTER ----------------------------------------------------------- */
    
    #footer #contact_info {
        width: 25%;
        display: inline-block;
        box-sizing: border-box;
        margin-right: -3px;
    }
    
    #footer .inner {
        padding: 50px 30px 30px 30px;
    }
    #footer.advanced_footer .advanced_footer_item {
        display: inline-block;
        padding: 0 30px 40px 0;
        width: auto;
        max-width: 25%;
        box-sizing: border-box;
        margin-right: -3px;
    }
    #footer {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
    #footer #social_links {
        position: absolute;
        right: 30px;
        top: 50px;
    }
    #footer.advanced_footer .copyright {
        padding-top: 20px;
        margin-bottom: 20px;
    }
    
    /* Image gallery
    ----------------------------------------------------------- */
    #image_gallery #content_module .subtitle,
    #image_gallery #content_module .artwork_caption.notlive .title {
        font-size: 2.4rem;
        letter-spacing: 0.12rem;
        line-height: 3.8rem;
    }
    

    /* Feature panels
    ----------------------------------------------------------- */
        .feature_panels .records_list.image_list ul li h2 {
            font-size: 2.4rem;
            line-height: 2.9rem;
        }
        /* Feature panel type 6 - image grid
        ----------------------------------------------------------- */


        /* Feature panel type 4 - Image/Text adjacent
        ----------------------------------------------------------- */
        
        /* Feature hero
        ----------------------------------------------------------- */
        .feature_panels .records_list li.panel.panel_custom_hero {
            /*width: calc(100% - 40px);*/
            width: 100%;
        }

    /* Artist list ----------------------------------------------------------- */

    .subsection-artists-list .records_list.image_list > ul > li {
        width: 25%;
    }
    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */

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

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


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    
        /* Artists
        ----------------------------------------------------------- */
        .page-artists #categories_slider  #categories_slider_carousel .carousel-cell {
            width: 33.33%;
        }
        #section-quote .quote {
            font-size: 3.2rem;
            line-height: 4.6rem;
        }
        /*.page-artists #categories_slider #categories_slider_carousel h2 {*/
        /*    font-size: 2.3rem;*/
        /*    line-height: 3rem;*/
        /*}*/
        /*.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: 45% !important;
        }
        .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: 50% !important;
        }*/
        .records_list > ul > li, .records_list.feature_list ul li {
            padding-right: 40px;
        }
        
        /* Inventory
        ----------------------------------------------------------- */
        
        
        .artworks-page-artwork-list-container .records_list.tile_list, 
        .filter-no-artworks-message {
            /*width: calc(100% - 330px);*/
        }
            #main_content .artworks-page-artwork-list-container .heading_wrapper #sub_nav.navigation {
            float: left;
        }
        #main_content .artworks-page-artwork-list-container .heading_wrapper #sub_nav.navigation ul li{
            margin: 0 20px 0 0;
        }
        /* History
        ----------------------------------------------------------- */
        .history_grid.records_list.detail_list ul li .content {
            width: 85%;
        }
        
        /* Blog
        ----------------------------------------------------------- */
        .section-blog .reading_list ul li .text {
            padding-left: 50px;
        }

        #featured_blog_entries .item-2 h2 {
            font-size: 24px;
        }

    #image_gallery {
        padding: 0 40px;
    }
}



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

    #featured_blog_entries .item-1 {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    #featured_blog_entries .secondary_featured_blogs {
        float: none;
        width: 100%;
    }
    .carousel-item {
        width: 33.3%;
    }
    
}


@media screen and (max-width: 1170px) {
    
    #responsive-filter-controls {
        float: right;
        /*margin-top: 9px;*/
    }
        #artwork-filter-panel .clear-filter-btn {
        float: right;
        height: 47px;
        line-height: 4.5rem;
        margin-right: 20px;
    }
    #artwork-filter-panel .autocomplete {
        width: 100%;
        margin-bottom: 18px;
    }
    #responsive-filter-controls {
        margin: 0;
    }
    
    #main_content #artwork-filter-panel h1 {
        line-height: 53px;
        margin: 0px 0 0;
        padding-top: 0
    }
    
    .artwork-filter-open-btn {
        cursor: pointer;
        padding: 0 20px;
        line-height: 46px;
    }
    
    #responsive-filter-controls {
        display: inline-block;
    }
    
    #filterpanel_form {
        display: block;
        clear: both;
        height: 1px;
        overflow: hidden;
        transition: height 400ms ease-in-out;
        overflow-y: auto;
    }
        .fp-group-heading {
            margin-left: 0;
            margin-right: 40px;
        }
        #artwork-filter-panel .fp-module {
            display: block;
            width: 100%;
            padding-bottom: 0;
        }
            #filterpanel_form .fp-module-content {
                text-align: left;
            }
            #filterpanel_form .visible .group-items {
                position: static;
                display: block;
                box-shadow: none;
                border-left: none;
                border-right: none;
                border-bottom: none;
                padding-left: 0;
            }
        /*#filterpanel_form.open {*/
        /*    display: block;*/
            
        /*} */
    
    #responsive-filter-controls {
        border: solid 1px #cccccc;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 1023px) {
    .feature_panels .detail_list.gd_no_of_columns_2 .list-buttons-wrapper .wishlist_button .link span.add-to-text {
        display: block;
    }
    
}
@media screen and (max-width: 1023px) {
    

    #featured_blog_entries .item-1 {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    #featured_blog_entries .secondary_featured_blogs {
        float: none;
        width: 100%;
    }
    .carousel-item {
        width: 33.3%;
    }
    .artworks-page-artwork-list-container .records_list.tile_list ul,
    .feature_panels .records_list.tile_list ul {
        width: 50%;
    }
    .section-exhibitions .exhibition-category-tools {
        float: left;
        margin-bottom: 40px;
        margin-top: -10px;
    }
        .section-exhibitions .exhibition-category-tools #blog-list-filter-button {
            margin-left: 0;
        }
        
    /* Checkout 2.0 compatability
    ----------------------------------------------------- */
    .section-store .subsection-store-basket #content_module {
        width: 100%;
        max-width: 800px;
        float: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .section-store .subsection-store-basket #sidebar {
        width: 100%;
        max-width: 800px;
        float: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    #shopping_cart_information td.sc_cell_quantity .qty {
        padding: 0px 4px;
    }
    body.checkout_third_step.section-store .subsection-store-basket #content_module,
    body.checkout_second_step.section-store .subsection-store-basket #content_module {
        display: none;
    }
}





@media screen and (max-width: 900px) {
    
    .section-viewing-room .records_list.feature_list ul li .image,
    .section-viewing-room .records_list.feature_list ul li .content{
        width: 100%;
    }
    .section-viewing-room .records_list.feature_list ul li .content{
        padding-left: 0;
    }
    .section-viewing-room .records_list.feature_list ul li .content .description {
        padding-top: 10px;
        margin: 0 0 20px;
    }
    .countdown_container {
        border-top: 1px solid #e1e1e1;
        padding-top: 12px;
        margin-top: 30px;
    }
    #custom_hero_header {
        left: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        position: relative;
        right: 50%;
        width: 100vw;
    }
    body.layout-hero-header.layout-fixed-header.section-home #main_content{
        padding-top: 100vh !important; 
    }
    .page-artists #categories_slider {
        margin-top: -79px;
    }
    
    .blog-post #content {
        margin-top: 0;
    }
    
    .feature_panels .records_list.image_list ul li.panel_homepage_links .content h2 {
        font-size: 3.6rem;
        line-height: 4.8rem;
    }
    
    #sub_nav.navigation.locations_filter{
        margin-bottom: 10px;
    }
    #exhibitions_nav.navigation ul li{
        margin: 0 20px 0 0;
    }
    #exhibitions_nav.navigation {
        clear: both;
        float:left;
    }
    .page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list:not(.artists_list_dynamic_columns) ul, 
    .page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul {
        width: 100%;
        float: none;
    }
    .page-notable-sales .artworks-page-artwork-list-container .image_list ul li.featured_item ,
    .page-artworks .artworks-page-artwork-list-container .image_list ul li.featured_item,
    .artworks-page-artwork-list-container .records_list.image_list ul li .content,
    .artworks-page-artwork-list-container .records_list.image_list ul li .image {
        width: 100%;
        float: none;
        display: block;
    }
    .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item .content,
    .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item .image,
    .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item.right .image {
        width: 100%;
        float: none;
        display: block;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 30px;
    }
    .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item {
        padding-top: 50px;
        padding-bottom: 20px;
        margin: 0px 0 50px 0;
    }
    .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item.first {
        padding-top: 0;
    }
    #artwork-filter-panel {
        width: 245px;
    }
    #artwork-filter-panel .multi-range-slider-wrap {
        max-width: 142px;
    }

    .page-notable-sales .image_list ul li, .page-artworks .image_list ul li {
        width: 50%;
    }
    .subsection-artists-list .records_list.image_list > ul > li {
        width: 33.3%;
    }
    .records_list ul li .image {
        width: 100%;
        float: none;
    }
    .records_list ul li .content {
        width: 100%;
        float: none;
    }
    .image_list ul li .content .artist {
        margin-bottom: 0;
    }
    
    #footer #social_links {
        position: static;
        right: auto;
        top: auto;
    }
    #footer #contact_info {
        width: auto;
        display: block;
        box-sizing: border-box;
        margin-right: 0;
        float: none;
        text-align: left;
        padding-top: 30px;
    }
    #footer.advanced_footer .advanced_footer_item {
        max-width: 33.3%;
    }
    #footer.advanced_footer .copyright {
        text-align: left;
    }
    #footer #copyright, #footer #artlogic {
        margin-left: 0;
    }
    .section-wishlist .subsection-store-basket #content_module,
    .section-wishlist .subsection-store-basket #sidebar,
    .section-store .subsection-store-basket #content_module,
    .section-store .subsection-store-basket #sidebar {
        width: 100%;
        clear: both;
        display: block;
    }
    #shopping_cart_information td.sc_cell_item .title, #wishlist_information td.sc_cell_item .title {
        padding-right: 0;
    }
    
    
    .blog-post #content {
        margin-top: 0;
    }
    /* -----------------------------------------------------------
          BLOG
        ----------------------------------------------------------- */
        .section-blog #content_module {
            width: 100%;
            /*display: block;*/
            float: none;
            padding-left: 0;
            padding-right: 0;
        }        
        .section-blog #sidebar {
            width: 100vw;
            /*display: block;*/
            left: -100vw;
        }
        .section-blog #sidebar.open {
            opacity: 1.0;
            transform: translateX(100vw);
        }
        .section-blog .content_section_heading {
            font-size: 2.4rem;
            float: left;
        }
        .section-blog .reading_list ul li .image {
            width: 100%;
            float: none;
            display: block;
        }
        .section-blog .reading_list ul li .text {
            float: none;
            display: block;
            width: 100%;
            padding-left: 0;
            box-sizing: border-box;
            max-width: 100%;
            clear: both;
        }
        .section-blog .blog-header h2, 
        .section-blog .blog-header .subtitle {
            font-size: 2.4rem;
            line-height: 3.1rem;
        }
        .subsection-blog-record .blog-header .subtitle {
            font-size: 1.7rem;
        }


}












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


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

    #container {
        overflow: hidden;
    }
    .carousel-item {
        width: 50%;
    }
    /*
        CUSTOM LEARN SECTION
    */
    #container-wrapper #main_content .blog-landing-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation {
        position: static;
    }
    #container-wrapper #main_content .blog-landing-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation ul {
        padding: 20px 0;
        box-sizing: border-box;
    }
    .section-blog.layout-fixed-header #main_content {
        padding-top: 105px;
    }
    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
        #main_content {
            margin: 0 0 30px;
        }
        .layout-fixed-header #main_content {
            padding-top: 140px !important;
        }

        /*body.layout-hero-header #container {*/
        /*    padding-top: 100vh;*/
        /*}*/
        #responsive_slide_nav_wrapper {
            width: 100%;
        }
        .responsive-nav-slide-nav.responsive-nav-side-position-right #responsive_slide_nav_wrapper {
            right: -100vw;
        }
        #responsive_slide_nav_wrapper #top_nav #top_nav_reveal ul li a {
            background-size: 20px auto;
            width: 20px;
            height: 20px;
        }
        #header,
        #header.header_fixed,
        body.layout-hero-header.layout-fixed-header #header {
            position: absolute;
        }
        #header,
        #header .inner {
            padding-bottom: 0;
        }
        #header .inner, #header.header_fixed .inner {
            min-height: 105px;
        }
        #header .header-controls-wrapper {
            top: 46px;
        }
        #logo {
            margin-bottom: 10px;
            width: auto;
            top: 24px;
        }
        #logo .header-logo,
        #logo .header-logo image {
            max-height: 60px;
            height: 60px;
        }
        #top_nav.navigation {
            padding-top: 0;
        }
        #top_nav #top_nav_reveal {
            margin: 0 0 10px !important;
        }
        #top_nav.navigation #top_nav_reveal ul li a {
            line-height: normal;
        }

        #top_nav.navigation ul {
            margin:0 !important;
        }
        #top_nav.navigation ul li {
            width: 100% !important;
            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;
                }
                

        #header_quick_search_custom {
            margin: 0;
            position: static;
            right: 101px;
            top: -11px;
            margin-top: -10px;
            margin-right: 23px;
        }
        #header_quick_search_custom.active {
            right: 20px;
        }
        #header_quick_search_custom.header_quick_search_reveal_custom .inputField {
            position: absolute;
            right: -21px;
        }

        #header_quick_search_custom.header_quick_search_reveal_custom.active .inputField {
            position: absolute;
            right: 0;
            width: calc(100vw - 60px);
            max-width: calc(100vw - 60px);
            font-size: 16px;
        }
        body.header_search_visible #logo,
        body.header_search_visible #wishlist_cart_widget,
        body.header_search_visible #slide_nav_reveal {
            display: none !important;
        }
        
        .layout-fixed-header #main_content, #main_content {
            padding-top: 146px;
        }
        #footer {
            position: static;
        }
        #footer.advanced_footer .advanced_footer_item {
            max-width: 100%;
        }
        #container-wrapper {
            margin-bottom: 0;
            /*position: static;*/
        }
        .section-artists.no-page-params #container-wrapper {
            position: static;
        }

        .sub_nav_reveal {
            display: block;
            cursor: pointer;
        }
        #sub_nav.hide-on-mobile,
        #exhibitions_nav.hide-on-mobile {
            display: none;
        }
        #sub_nav.navigation.locations_filter{
            margin-bottom: 25px;
        }
        
        .layout-hero-header #main_content .cascading-page-header #sub_nav.navigation,
        .artist-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation,
        .exhibition-header.heading_wrapper.scrolling-header-wrapper #sub_nav.navigation {
            position: static;
            text-align: left;
        }
        .layout-hero-header .cascading-page-header #sub_nav ul li,
        .artist-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li,
        .exhibition-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li {
            /*display: inline-block;*/
            /*vertical-align: middle;*/
            /*float: left;*/
            /*margin: 0 15px 0 0;*/
        }
        .layout-hero-header .cascading-page-header #sub_nav ul li a,
        .artist-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li a,
        .exhibition-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li a {
            color: #a7a7a7;
        }
        .layout-hero-header .cascading-page-header #sub_nav ul li a,
        .artist-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li a,
        .exhibition-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li a {
            color: #a7a7a7;
        }
        .layout-hero-header .cascading-page-header #sub_nav ul li.active a,
        .layout-hero-header .cascading-page-header #sub_nav ul li.active a:visited,
        .layout-hero-header .cascading-page-header #sub_nav ul li a:hover,
        .artist-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li.active a,
        .artist-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li.active a:visited,
        .artist-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li a:hover,
        .exhibition-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li.active a,
        .exhibition-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li.active a:visited,
        .exhibition-header.heading_wrapper.scrolling-header-wrapper #sub_nav ul li a:hover {
            color: #2c2c2c;
        }
        .fullscreen_slideshow_parallax {
            display: none;
        }
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */

    #hero_header #hero_heading {
        font-size: 3.0rem;
        line-height: 3.4rem;
        text-align: center;
    }
    #custom_hero_header .inner.hero-content .title,
    .section-home #slideshow.fullscreen_slideshow ul li .content h2,
    .fullscreen_slideshow ul li .content h2,
    .fullscreen_slideshow ul li .content h2 a,
    .fullscreen_slideshow ul li .content h2 a:visited {
        font-size: 5rem;
        line-height: 6rem;
    }
    .feature_panels .records_list.image_list ul li.panel_homepage_links .content h2 {
        font-size: 3rem;
        line-height: 4rem;
    }
    
    #custom_hero_header .breadcrumbs-wrapper {
        top: 135px;
    }
    #custom_hero_header .breadcrumbs-wrapper .inner{
        padding: 0  20px ;
    }
    #custom_hero_header .hero-logo,
    .fullscreen_slideshow_parallax .hero-logo {
        padding-bottom: 16px;
        width: 45px;
    }
    .feature_panels .records_list.image_list ul li.panel_hero .hero_heading .subtitle,
    .fullscreen_subtitle {
        padding: 30px 0 0;
    }
    #header .inner, body.type-fullscreen #header .inner, #header.header_fixed .inner {
        padding: 18px 0 18px;
    }

        #logo {
            margin-bottom: 10px;
        }
        #footer #contact_info {
            float: none;
            display: block;
            clear: both;
            text-align: left;
            padding-top: 50px;
            margin: 0;
            text-align: left;
        }
        #footer #contact_info * {
            text-align: left !important;
        }
        
        .page_stats {
            padding: 20px 0 0;
            margin: 0;
        }
    /* -----------------------------------------------------------
        Lists
    ----------------------------------------------------------- */
    .records_list > ul > li,
    .records_list.image_list > ul > li,
    .records_list.detail_list > ul > li,
    .related-content-carousel-item,
    .feature_panels .records_list.image_list ul li.panel_style_four_columns{
        width: 50%;
        padding-right: 20px;
    }
    .records_list > ul,
    .records_list.image_list > ul,
    .records_list.detail_list > ul {
        margin-right: -20px;
    }
    .section-blog.page-param-publications .records_list.detail_list > ul > li {
        width: 50%;
    }
    .subsection-artists-list .records_list.image_list > ul > li,
    .page-notable-sales .image_list ul li,
    .page-artworks .image_list ul li {
        width: 50%;
    }
    .records_list ul li .content {
        width: 100%;
        float: none;
    }
    .records_list ul li .image {
        width: 100%;
        float: none;
    }

    .page-notable-sales .image_list ul li.featured_item.right .image,
    .page-artworks .image_list ul li.featured_item.right .image,
    .subsection-works .image_list ul li.featured_item.right .image {
        padding-left: 0;
    }
    .page-notable-sales .image_list ul li.featured_item .image,
    .page-artworks .image_list ul li.featured_item .image,
    .subsection-works .image_list ul li.featured_item .image {
        width: 100%;
        float: none;
        display: block;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .page-notable-sales .image_list ul li.featured_item .content,
    .page-artworks .image_list ul li.featured_item .content,
    .subsection-works .image_list ul li.featured_item .content {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 30px;
    }
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent {
        margin-bottom: 30px;
    }
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent {
        width: 100%;
        padding-right: 0 !important;
    }
    .feature_panels .image_list ul li.panel_image_text_adjacent.panel_variant_2 .image,
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent.panel_variant_2 .image {
        padding-right: 0;
        padding-left: 0;
    }
    .feature_panels .image_list ul li.panel_image_text_adjacent .image,
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .image {
        max-width: 100%;
    }
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content {
        width: 100%;
        display: block;
        padding-left: 0;
    }
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content h2,
    .feature_panels .records_list.image_list ul li h2 {
        font-size: 2rem;
        color: #020202;
        letter-spacing: 0.058rem;
        line-height: 3rem;
    }
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content .description {
        display: block;
        padding-top: 0;
    }
    .feature_panels .records_list.image_list ul li.panel_style_half_width {
        width: 100%;
    }
    .feature_panels .image_list ul li.panel_image_text_adjacent .image, 
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .image {
        max-width: 100%;
        width: 100%;
        padding-right: 0;
    }
    .feature_panels .records_list li.panel.panel_custom_hero {
        /*width: calc(100% - 20px);*/
        width: 100%;
    }
    
    /* Tile list ----------------------------------------------------------- */

    body.responsive-layout-forced-tile-lists .records_list.tile_list ul {
        width: 50%;
    }
    body.responsive-layout-forced-tile-lists .records_list.tile_list ul {
        padding-right: 40px;
    }
    .records_list.tile_list .tile_list_formatted {
        margin-right: -40px;
    }
    
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    .subheading {
        margin: 0 0 25px;
        font-size: 2rem;
        line-height: 3.8rem;
    }
    .records_list.feature_list ul {
            margin-right: -20px;
    }
    .records_list.feature_list ul li {
        padding-right: 20px;
    }
    
    .records_list.feature_list.record-count-1 ul li {
        padding-right: 0;
        margin: 0 0 45px 0;
    }
    .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,
    body #image_gallery.record-layout-descriptive #content_module,
    body #image_gallery.record-layout-descriptive #image_container,
    body.responsive-layout-forced-lists .records_list.feature_list.record-count-1 ul li .image,
    body.responsive-layout-forced-lists .records_list.feature_list.record-count-1 ul li .content,
    body #image_gallery #image_container,
    body #image_gallery #content_module,
    #image_gallery.record-layout-descriptive #secondary_content_module,
    #image_gallery #secondary_content_module,
    #image_gallery.record-layout-descriptive .page_stats,
    .section-viewing-room .records_list.feature_list ul li{
        width: 100% !important;
        float: none;
        display: block;
        padding-right: 0;
    }
    .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% !important;
        float: none;
        display: block;
    }
    body .feature_panels .records_list.feature_list > ul > li {
        display: flex;
    }
    .artwork_details_wrapper {
        padding-top: 0;
    }
    .records_list > ul > li, #main_content .heading_wrapper,
    #sub_nav, #exhibitions_nav, #sidebar, #content_module, .image, .content, #ig_slideshow_container {
        margin: 0 0 30px;
    }
    #image_gallery #content_module .subtitle {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }
    #image_gallery #content_module .subtitle {
        margin-bottom: 0;
    }
    .breadcrumbs-wrapper {
        margin-bottom: 40px;
    }
    /* #image_gallery #content_module .detail_view_module,
    #image_gallery #secondary_content_module .detail_view_module,
    #image_gallery #content_module .subtitle, #image_gallery #content_module .enquire {
       margin-bottom: 30px;
    } */
    #image_gallery #content_module {
        margin-bottom: 0;
    }
    #image_gallery.record-layout-descriptive #secondary_content_module,
    #image_gallery #secondary_content_module,
    #image_gallery #secondary_content_module {
        padding-top: 0;
    }
    .detail_view_module.artwork_caption {
        padding-top:0;
    }
    #image_gallery {
        padding: 0 20px;
    }
    #image_gallery.record-layout-descriptive #image_container .image {
        margin-bottom: 30px;
    }
    #image_gallery .ps_item.ps_previous a {
        left: 15px;
    }
    #image_gallery .ps_item.ps_next a {
        right: 15px;
    }
    
    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
        /* Home
        ----------------------------------------------------------- */

        
    /* Artworks
    ----------------------------------------------------------- */
    #main_content .artworks-page-artwork-list-container .heading_wrapper {
        margin-bottom: 60px;
    }
    #main_content .artworks-page-artwork-list-container h1 {
        float: left;
        display: inline-block;
        width: auto;
        padding-top: 10px;
    }
    .artwork-filter-reveal {
        float: right;
        margin: 0;    
        cursor: pointer;
        display: block;
    }
    .artworks-page-artwork-list-container .records_list.tile_list, .filter-no-artworks-message {
        width: 100%;
    }
    .artworks-page-artwork-list-container .records_list.tile_list ul {
        width: 50%;
    }
    #artwork-filter-panel {
        width: 100%;
        display: block;
        position: static;
    }
        #filterpanel_form {
            display: block;
        }
            #artwork-filter-panel .fp-module {
                display: block;
                padding: 20px 0 0;
            }
                #filterpanel_form .fp-module-content {
                    text-align: left;
                }
                    #artwork-filter-panel .fp-module--filters .fp-group-heading, #artwork-filter-panel .fp-legend, .fp-group-heading {
                        margin: 0;
                    }
                    #filterpanel_form .visible .group-items {
                        display: block;
                        position: static;
                        box-shadow: none;
                    }
    /*#artwork-filter-panel {*/
    /*    width: 245px;*/
    /*    text-align: left;*/
    /*    pointer-events: none;*/
    /*    opacity: 0;*/
    /*    height: 100vh;*/
    /*    width: 100vw;*/
    /*    left: -100vw;*/
    /*    position: fixed;*/
    /*    background: #fff;*/
    /*    background-image: linear-gradient(-90deg, rgba(255,255,255,0.97) 32%, #FFFFFF 98%);*/
    /*    box-shadow: 2px 0 7px 0 rgba(0,0,0,0.11);*/
    /*    top: 0;*/
    /*    z-index: 2000;*/
    /*    box-sizing: border-box;*/
    /*    padding-top: 40px;*/
    /*}*/
    #artwork-filter-close {
        display: block;
    }
   #artwork-filter-close svg * {
        fill:#aaa;
    }
    body.cms-frontend-toolbar-active  #artwork-filter-panel {
        top:28px;
    }
    #artwork-filter-panel.open {
        pointer-events: auto;
        opacity: 1.0;
        transform: translateX(100vw);
    } 
    #artwork-filter-panel #artwork-filter-close {
        text-align: right;
        padding: 0 20px 5px 20px;
        box-sizing: border-box;
        cursor: pointer;
        display: none;
    }
    /*#artwork-filter-panel .fp-module {*/
    /*    padding: 20px;*/
    /*}*/
    #artwork-filter-panel .fp-module.fp-module--submit {
        position: sticky;
        bottom: 0;
        background: white;
        z-index: 99;
    } 
    /*#artwork-filter-panel .fp-module:first-child {*/
    /*    padding: 20px;*/
    /*}*/
    #artwork-filter-panel .multi-range-slider-wrap {
        max-width: 70%;
    }
        
        
        
        
        
        
        
        /* Artists
        ----------------------------------------------------------- */
        .page-artists #categories_slider  #categories_slider_carousel .carousel-cell {
            width: 50%;
        }
        .flickity-page-dots {
            padding: 0 30px;
            box-sizing: border-box;
        }
        .panel-logo,
        .feature_panels .records_list.image_list ul li.panel_homepage_links .content .panel-logo{
            margin: 0 auto 20px auto;
            width: 42px;
        }
        #section-quote .quote {
            font-size: 2.8rem;
            line-height: 4.0rem;
        }
        #section-overview #content_module {
            width: 100%;
            margin-bottom: 65px;
        }
        #section-overview #sidebar {
            width: 100%;
            margin-bottom: 0;
        }
        .content_section {
            margin-bottom: 30px;
        }
        .subsection-artworks {
            padding-top: 40px;
        }
        .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item.first {
            padding-top: 0;
        }
        .artworks-page-artwork-list-container .records_list.image_list ul li.featured_item {
            padding-bottom: 20px;
        }
        /* Contact
        ----------------------------------------------------------- */
        .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,
        .page-contact .records_list.feature_list ul,
        .page-contact .records_list.feature_list ul li {
            width: 100% !important;
            padding-right: 0;
            display: block;
        }
        .page-contact .contact-locations-grid .feature_list ul li .google-map {
            width: 100% !important;
            margin: 0 0 20px 0;
        }
        .page-contact .contact-locations-grid .feature_list ul li .location-header h2 {
            font-size: 3rem;
            color: #020202;
            letter-spacing: 0.07rem;
            line-height: 3rem;
        }
        .page-contact .contact-locations-grid .feature_list ul li .content .location-module {
            float: none;
            padding-right: 0;
            display: block;
        }
        .page-contact .contact-locations-grid .feature_list ul li .content {
            padding-top: 0px;
        }
        #map_basic, .google-map {
            width: 100%;
            height: 60vw;
            max-height: 49vh;
        }
        /* History
        ----------------------------------------------------------- */
        .history_grid.records_list.detail_list {
            padding-left:0;
        }
        .year_nav {
            padding-right: 30px;
        }
        .history_grid.records_list.image_list > ul > li,
        .history_grid.records_list.detail_list > ul > li,
        .subsection-history-grid .history_grid.records_list.image_list > ul > li:nth-child(2n),
        .subsection-history-grid .history_grid.records_list.detail_list > ul > li:nth-child(2n) {
            width: 100%;
            display: block;
            float: none;
            margin-bottom: 50px;
            padding-bottom: 0;
            clear: both;
            padding-right: 0;
            padding-left: 30px;
        }
        .history_grid.records_list.detail_list ul li .content {
            width: 100%;
            float: none;
            max-width: 100%;
            text-align: left;
        }
        .history_grid.records_list.detail_list ul li .image {
            margin-bottom: 0 !important;
        }
        .timeline {
            left: 0;
        }
        /* -----------------------------------------------------------
          BLOG
        ----------------------------------------------------------- */
        .section-blog #content_module {
            width: 100%;
            /*display: block;*/
            float: none;
            padding-left: 0;
        }        
        .section-blog #sidebar {
            width: 100vw;
            /*display: block;*/
            left: -100vw;
        }
        .section-blog #sidebar.open {
            opacity: 1.0;
            transform: translateX(100vw);
        }
        .section-blog .content_section_heading {
            font-size: 2.4rem;
            float: left;
        }
        .section-blog .reading_list ul li .image {
            width: 100%;
            float: none;
            display: block;
        }
        .section-blog .reading_list ul li .text {
            float: none;
            display: block;
            width: 100%;
            padding-left: 0;
            box-sizing: border-box;
            max-width: 100%;
            clear: both;
        }
        .section-blog .blog-header h2, 
        .section-blog .blog-header .subtitle {
            font-size: 2.4rem;
            line-height: 3.1rem;
        }

        #protected_path_login > .inner {
            padding: 0;
        }
        #popup_content {
            padding: 0 60px;
        }
        #popup_content #image_gallery #image_container .image::before {
            content:'';
            padding-top:100%;
            width:100%;
        }
        #popup_box #image_gallery #image_container {
            width: 65%;
            float: right;
            margin-bottom: 30px;
        }
        #popup_content #image_gallery #image_container .image span, 
        #popup_content #image_gallery #image_container .image span > a {
            max-width: 100%;
            width: 100%;
            height: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
        }
        #popup_box .close {
            top: 20px;
            right: 20px;
        }
        #popup_box .pagination_controls > div.pagination_controls_previous, 
        #popup_box .pagination_controls > div.pagination_controls_next {
            top: 100px;
            width: 60px;
            height: calc(100vh - 100px);
        }
        
        #popup_content #image_gallery #content_module {
            padding: 100px 0 50px 0;
        }
        #content_module, .section-wishlist .subsection-store-basket #content_module, 
        .section-store .subsection-store-basket #content_module {
            padding-right: 0;
        }
        
}




@media screen and (max-width: 767px) {
    #popup_content {
        padding: 0 50px;
    }
    #popup_box .pagination_controls > div.pagination_controls_previous, 
    #popup_box .pagination_controls > div.pagination_controls_next {
        width: 45px;
    }
    .carousel-item {
        width: 50%;
    }
    body .feature_panels .records_list.feature_list > ul > li {
        flex-direction: column;
    }
    body .feature_panels .records_list.feature_list > ul > li .image {
        margin-bottom: 40px;
    }
    .feature_panels .records_list.feature_list > ul > li > a {
        width: 100%;
        padding-right: 0;
    }
    body .feature_panels .records_list.feature_list > ul > li > .content {
        width: 100%;
    }
    body.section-viewing-room .feature_panels .records_list.feature_list ul li .image::after {
        padding-top: 100%;
    }
    .feature_panels .detail_list > ul > li {
        width: 100%;
    }
    
    /*Cookie banner*/

    #cookie_notification .inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 0;
    }

    #cookie_notification .inner #cookie_notification_message {
        width: 100%;
        padding: 0;
    }

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

}





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


@media screen and (max-width: 599px) {
    
    #popup_content {
        padding: 0 20px;
    }
    #popup_box .pagination_controls > div.pagination_controls_previous, 
    #popup_box .pagination_controls > div.pagination_controls_next {
        top: 100px;
        width: 60px;
        height: calc(100vh - 100px);
        display: none;
    }
    #image_gallery.record-layout-descriptive .page_stats {
        display: none;
    }
    #image_gallery {
        padding: 0;
    }
    #popup_content #image_gallery {
        margin: 70px auto;
    }
    #protected_path_login {
        padding: 20px 15px;
    }
    #protected_path_buttons_container {
        display: block;
    }
    #protected_path_login .f_mailinglist_container {
        margin: 0 0 30px;
    }

    #protected_path_login_submit.button {
        display: block;
        margin: 0 0 30px 0;
        width:100%;
    }
    #protected_path_login h1 {
        font-size: 26px;
    }
    .blog-type-heading {
        padding: 60px 0 0;
    }
    .tool-button.blog-filter-reveal {
        cursor: pointer;
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 20px 0;
        max-width: 300px;
    }
    .enquire.artwork-contact-button .link, #vir-btn .link, .clear-filter-btn, .enquire.artwork-contact-button .link a, .enquire.artwork-contact-button .link span, .artwork-filter-open-btn {
        line-height: 5rem;
    }
    
    html {
        font-size: 9px;
    }
    #logo {
        left: 20px;
        top: 20px;
    }
    #logo .header-logo,
    #logo .header-logo image {
        max-height: 52px;
        height: 52px;
    }
    #slide_nav_reveal {
        margin-left: 12px;
    }
    #header .inner,
    #header.header_fixed .inner {
        min-height: 89px;
    }
    #header .header-controls-wrapper {
        right: 20px;
        top: 40px;
    }
    #responsive_slide_nav_wrapper #top_nav #top_nav_reveal {
        padding: 8px;
    }
    #responsive_slide_nav_wrapper #top_nav #top_nav_reveal ul li a {
        background-size: 23px auto;
        width: 23px;
        height: 23px;
    }
    .layout-fixed-header #main_content {
        padding-top: 120px !important;
    }
    #footer .inner {
        padding: 50px 20px 30px 20px;
    }
    #container {
        padding: 0 20px;
    }
    
    /* Cookie banner
    ----------------------------------------------------------- */

    #cookie_notification_accept.button a,
    #cookie_preferences_form_submit {
        line-height: 2.2em;
    }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
        #header_quick_search_custom.header_quick_search_reveal_custom.active .inputField {
            width: calc(100vw - 40px);
            max-width: calc(100vw - 40px);
        }
        #header_quick_search_custom {
            right: 92px;
        }
        /*#quicksearch_form * {*/
        /*    -moz-box-sizing: border-box;*/
        /*    -webkit-box-sizing: border-box;*/
        /*    box-sizing: border-box;*/
        /*}*/
        /*#quicksearch_form,*/
        /*#quick_search {*/
        /*    width: 100% !important;*/
        /*}*/
        /*    #quick_search .inputField {*/
        /*        width: 90%;*/
        /*    }*/
        /*    #quick_search #quicksearch_btn {*/
        /*        width: 10%;*/
        /*        padding-left: 4%;*/
        /*        text-decoration: none;*/
        /*    }*/

        /*#quicksearch_form,*/
        /*#quicksearch_form * {*/
        /*    -moz-box-sizing: border-box;*/
        /*    -webkit-box-sizing: border-box;*/
        /*    box-sizing: border-box;*/
        /*}*/
        /*#quicksearch_form,*/
        /*#quick_search,*/
        /*#quick_search .inputField {*/
        /*    width: 100% !important;*/
        /*}*/
        /*#quicksearch_form {*/
        /*    display: block;*/
        /*    height: 40px;*/
        /*    position: relative;*/
        /*    padding-right: 30px;*/
        /*}*/
        /*#quick_search .inputField {*/
        /*    float: none;*/
        /*    display: block;*/
        /*}*/
        /*    #quick_search #quicksearch_btn {*/
        /*        text-decoration: none;*/
        /*        width: auto;*/
        /*        position: absolute;*/
        /*        top: 0;*/
        /*        right: 0;*/
        /*    }*/
    #quick_search #quicksearch_btn {
        height: 39px;
    }
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #main_content .heading_wrapper .subtitle,
     #main_content .heading_wrapper #sub_nav.navigation,
     #sub_nav.navigation, #exhibitions_nav.navigation,
     .list_grid_control.navigation {
        margin: 0px 0 15px;
    }
    #hero_header #hero_heading {
        font-size: 2.4rem;
        line-height: 2.8rem;
        text-align: center;
    }
    #custom_hero_header .inner.hero-content .title,
    .section-home #slideshow.fullscreen_slideshow ul li .content h2,
    .fullscreen_slideshow ul li .content h2,
    .fullscreen_slideshow ul li .content h2 a,
    .fullscreen_slideshow ul li .content h2 a:visited,
    .feature_panels .records_list.image_list ul li.panel_homepage_links .content h2,
    .feature_panels .records_list li.panel.panel_custom_hero h2{
        font-size: 3.8rem;
        line-height: 4.5rem;
    }
    #custom_hero_header .hero-logo,
    .fullscreen_slideshow_parallax .hero-logo {
        padding-bottom: 12px;
        width: 40px;
    }


    .section-search #quick_search {
        float: none;
        clear: both;
        display: block;
        vertical-align: middle;
        margin-left: 0;
        width: 100%;
    }

    .section-search #main_content #quick_search .inputField {
        width: calc( 100% - 44px);
    }
    .blog-type-heading {
        padding: 60px 0 0;
    }
    .tool-button.dropdown-menu-button {
        padding: 2px 23px 2px 30px;
        margin: 0 0 30px 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 300px;
    }
    .tool-button.blog-filter-reveal {
        cursor: pointer;
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 20px 0;
        max-width: 300px;
    }
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */

    .records_list > ul > li,
    .records_list.image_list > ul > li,
    .records_list.detail_list > ul > li,
    .records_list.feature_list ul li,
    body.responsive-layout-forced-lists .detail_list ul li .image,
    body.responsive-layout-forced-lists .detail_list ul li .content,
    .records_list.feature_list.record-count-1 ul li .image,
    .records_list.feature_list.record-count-1 ul li,
    .records_list.feature_list.record-count-1 ul li .content,
    .subsection-artists-list .records_list.image_list > ul > li,
    .page-notable-sales .artworks-page-artwork-list-container .image_list ul li,
    .page-artworks .artworks-page-artwork-list-container .image_list ul li {
        width: 100%;
        float: none;
        display: block;
        padding-right: 0;
        margin-right: 0;
    }
    .section-blog.page-param-publications .records_list.detail_list > ul > li {
        width: 100%;
    }
    .records_list > ul,
    .records_list.image_list > ul,
    .records_list.detail_list > ul {
        margin-right: 0;
    }
    .records_list ul li .image,
    .records_list.detail_list ul li .image,
    body.responsive-layout-forced-lists .detail_list ul li .image {
        margin-bottom: 15px;
    }
    .feature_list ul li .content h2 {
        margin: 0 0 10px;
    }
    .feature_list ul li .content .status {
        margin-bottom: 15px;
    }
    body.responsive-layout-forced-tile-lists .records_list.tile_list ul {
        padding-right: 0;
        width: 100%;
    }
    .records_list .status.both .location::before {
        width: 18px;
        margin: 0 6px 0 4px;
    }
    .feature_panels .records_list.tile_list ul,
    .artworks-page-artwork-list-container .records_list.tile_list ul {
        width: 50%;
    }
    .records_list.tile_list .tile_list_formatted {
        margin-right: -20px;
    } 
    .records_list.tile_list ul {
        padding-right: 20px;
    }
    .divider {
        height: 20px;
    }
    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    /*  Home
    ----------------------------------------------------------- */
    .feature_panels .records_list.image_list ul li.panel_homepage_links .content h2 {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }    
    .feature_panels .records_list li.panel.panel_custom_hero {
        width: 100%;
    }    
    .homepage-email-signup-module #artlogic_mailinglist_signup_form {
        margin: 0;
        display: block;
        width: 100%;
    }
    .homepage-email-signup-module .form .form_row#firstname_row,
    .homepage-email-signup-module .form .form_row#lastname_row,
    .homepage-email-signup-module .form .form_row#email_row {
        width: 100%;
        display: block;
        padding-right: 0;
        margin-right: 0;
    }
    .homepage-email-signup-module h3 {
        font-size: 2.1rem;
        line-height: 3rem;
        text-align: left;
        margin-bottom: 30px;
    }
    .records_list ul .panel_email_signup .subtitle {text-align: left;}
    .homepage-email-signup-module-inner {
        padding: 30px 0 20px 0;
    }
    .homepage-email-signup-module .form .form_row {
        margin: 0 0 20px;
    }
    .homepage-email-signup-module .form {
        text-align: left;
        overflow: hidden;
    }
    .homepage-email-signup-module .rowElem {
        display: block;
        text-align: left;
    }
    .homepage-email-signup-module .button {
        display: block;
        width: 100%;
    }

        
    
    /*  Artists
    ----------------------------------------------------------- */
    #slideshow .slideshow_pager .slideshow_pager_inner {
        text-align: center;
    }
        /*  Artists
        ----------------------------------------------------------- */
        #section-quote .quote {
            font-size: 2rem;
            line-height: 3rem;
        }
        .page-artists #categories_slider #categories_slider_carousel .carousel-cell {
            width: 100%;
        }
        .page-artists .subsection-artist-list-preview #list_preview_navigation.records_list.columns_list ul,
        .page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul {
            width: 100%;
            display: block;
            padding-right: 0;
            margin-right: 0;
        }

        #custom_hero_header .breadcrumbs-wrapper {
            top: 120px;
        }
        #section-related-content {
            padding: 15px 0 30px 15px;
            margin: 0;
        }
        #section-related-content.related-artworks {
            padding: 15px 15px 30px 15px;
        }
        #section-related-content {
            left: 0;
            right: 0;
            left: 50%;
    	margin-left: -50vw;
    	margin-right: -50vw;
    	max-width: 100vw;
    	position: relative;
    	right: 50%;
    	width: 100vw;
    	padding:0;
        }
             #section-related-content .inner {
                 padding: 20px;
             }
            #section-related-content .carousel {
                max-width: 100%;
            }
                #section-related-content .carousel-inner {
                    margin: 0 -20px;
                }
        .related-content-carousel-item {
            padding-right: 10px;
            padding-left: 10px;
        }
        #related-content-carousel-inner {
            margin: 0 -10px;
        }
        h2.content_section_heading {
            margin-bottom: 30px;
        }
        #section-related-content {
            min-height: 0;
        }
        .history_grid.records_list.image_list > ul > li,
        .history_grid.records_list.detail_list > ul > li,
        .subsection-history-grid .history_grid.records_list.image_list > ul > li:nth-child(2n),
        .subsection-history-grid .history_grid.records_list.detail_list > ul > li:nth-child(2n) {
            margin-bottom: 35px;
            padding-left: 20px;
        }
        .year_nav .year-item {
            font-size: 1.3rem;
            line-height: 4.2rem;
        }
        .year_nav .year-item {
            font-size: 1.3rem;
            line-height: 4.2rem;
        }
        .year_nav .year-item.semi-active {
            font-size: 1.8rem;
        }
        .year_nav .year-item.active {
            font-size:2.2rem;
        }
        
        .section-blog .records_list ul li .status {
            margin: 0 0 10px;
            display: block;
        }
        .section-blog .blog-header h2, .section-blog .blog-header .subtitle {
            font-size: 2rem;
            line-height: 2.9rem;
        }
        .section-blog.layout-fixed-header #main_content {
            padding-top: 90px;
        }
        
        
        
        
    /*  Artists
    ----------------------------------------------------------- */

}

@media screen and (max-width: 450px) {
    .feature_panels .records_list.tile_list ul,
    .artworks-page-artwork-list-container .records_list.tile_list ul {
        width: 100%;
    }
    #responsive-filter-controls {
        display: block;
        float: none;
        clear: both;
    }
    #artwork-filter-panel .clear-filter-btn {
        float: none;
        margin: 0;
        width: 100%;
        margin-bottom: 50px;
    }
    body.section-viewing-room .feature_panels .records_list.feature_list ul li .image > span {
        position: static;
        display: block;
    }
    body.section-viewing-room .feature_panels .records_list.feature_list ul li .image::after {
        display: none;
    }
    .records_list.detail_list.grid_dynamic_layout_feature_panels_image_grid ul li .image {
        width: 45%;
    }
    .feature_panels .detail_list .list-buttons-wrapper {
        padding-left: calc(45% + 25px);
    }
}

@media screen and (max-width: 321px) {
    
    #header .inner, #header.header_fixed .inner {
        min-height: 80px;
    }
    #logo {
        left: 17px;
    }
    #logo .header-logo {
        max-height: 45px;
    }
    #header .header-controls-wrapper {
        right: 20px;
        top: 37px;
    }
    .responsive-nav-slide-nav #responsive_slide_nav_wrapper .navigation ul li a {
        font-size: 2.3rem;
        line-height: 3rem;
        padding: 6px 0;
    }
    
    
}