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


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

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
    #header #header_main_inner, body.page-popup-active #header #header_main_inner, 
    body #container_outer.page-top #header #header_main_inner {
        padding: 20px 10px 20px 10px;
    }
    body.page-popup-active #header #header_main_inner, 
    body.overlay-open #header #header_main_inner, 
    body #container_outer.page-top #header #header_main_inner, 
    body #container_outer .hero-section-visible #header #header_main_inner {
        padding-top: 20px;
        padding-bottom: 20px;
        min-height: 45px
    }
    
    .nav-overlay .overlay-container-inner {
        padding-top: 70px;
        padding-bottom: 100px;
    }
    .nav-wrapper ul li {
        font-size: 2.2rem;
        line-height: 1.3em;
    }
    .caption {
        line-height: 2.4rem;
    }
    
    /*#header #header_main_inner, */
    /*body.page-popup-active #header #header_main_inner, */
    /*body #container_outer.page-top #header #header_main_inner {*/
    /*    padding: 25px 11px 22px 11px;*/
    /*}*/
    #menu {
        width: 27px;
        height: 27px
    }
    #menu:after {
        width: 27px;
        height: 27px
    }
    #menu:hover:before {
        height: 27px;
    }
    
    .artist-close-button, 
    .overlay-close-button, 
    .filter-close-button, 
    .nav-close-button, 
    .mailing-close-button, 
    .enquire-close-button, 
    .header-enquire-close-button, 
    .mailing-close-button, 
    .search-close-button, 
    .roomview-close {
        right: 20px;
        top: 19px;
    }
    
    #menu {
        margin: 3px 0 0 12px;
    }
    #basket {
        margin-left: 13px;
    }
    #header #header_items_inner {
        margin-left: 12px;
    }
    #hero,
    body.cms-frontend-toolbar-active #hero {
        min-height: 400px;
    }
    #standard_artist_names_list .artist_name {
        font-size: 23px;
    }
    .artist-wrapper ul li a .artist_name,
    .artist_list_section_list ul li a .artist_name {
        padding-top: 0.34em;
    }
    .artist_name .hover-mask {
        margin-top: 0.34em;
    }
    .artist_list_section_list .artist_image_preview {
        /*height: calc(100vh - 211px);*/
    }
    /*.scroll_section.section_index_1 .feature_panels section.scroll_section_artist_list_grid,*/
    /*.scroll_section.section_index_1 .feature_panels section.panel_index_1.scroll_section_artist_list_grid {*/
    /*    height: calc(100vh - 211px);*/
    /*}*/
    /*#wipe_slideshow_wrapper {*/
    /*    top: 110px;*/
    /*}*/
    
    .scroll_section.section_index_1 .feature_panels section.panel_index_1 {
        margin-top: 80px;
    }

    
    
    #hero #wipe_slideshow_wrapper .content {
        padding: 0 18px 22px 18px;
    }
    #hero .content {
        padding: 15px 11px;
    }
    #hero #wipe_slideshow_wrapper .content .pre-title,
    .content_header h1, #hero .content .content_header .faux_h1, 
    #main_slideshow .slide .content .content_header .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: 2.5rem;
        line-height: 2.8rem;
    }
    
    #hero .content .content_header h1.text-length-2, 
    #hero .content .content_header .faux_h1.text-length-2, 
    #hero .content .content_header h2.text-length-2 {
        font-size: 2.2rem;
        line-height: 3rem;
    }
    #hero .content .content_header h1.text-length-3, 
    #hero .content .content_header .faux_h1.text-length-3, 
    #hero .content .content_header h2.text-length-3 {
        font-size: 2.0rem;
        line-height: 2.8rem;
    }
    #hero .content .content_header h1.text-length-4, 
    #hero .content .content_header .faux_h1.text-length-4, 
    #hero .content .content_header h2.text-length-4{
        font-size: 1.9rem;
        line-height: 2.7rem;
    }
    #hero .content .content_header h1.text-length-5, 
    #hero .content .content_header .faux_h1.text-length-5, 
    #hero .content .content_header h2.text-length-5{
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
    #hero .slide .content .content_header .subtitle,
    #hero .content .content_header .hero_subheading div {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    #hero .content .content_header .caption,
    #hero .content .content_header .hero_subheading {
        margin-top: 15px;
        font-size: 1.5rem;
        line-height: 2.1rem;
    }    
    #hero .content .content_header .subtitle {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    h1, .faux_h1 {
        font-size: 2.5rem;
        line-height: 2.8rem;
    } 
  .panel_type_206.panel_theme_wide .area,
    .feature_panels section.panel_type_206.panel_style_2 .area_wrapper .area, 
    .feature_panels section.panel_type_206.panel_style_4 .area_wrapper .area{
        padding: 0;
    }
    
    #popup_box .close {
        top: 16px;
    }
    
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */

        .works_grid {
            margin-right: -10px;
        }
        .works_grid .item {
            padding-right: 10px;
        }

        .works_grid.flow_grid .group .item,
        .works_grid.flow_grid .flow_list_formatted .group .item {
            width: 100% !important;
        }
        .works_grid.flow_grid .group .item .image,
        .works_grid.flow_grid .flow_list_formatted .group .item .image {
            height: auto !important;
        }
        #footer_see_also {
            padding: 30px 11px;
        }
        .footer .main .item .columns .column {
            width: 100%;
            padding: 0;
        }
        
        .feature_panels section .panel_heading {
            padding-right: 0;
        }
        .feature_panels section .panel_heading .prelude {
            font-size: 1.2rem;
            margin-bottom: 10px;
        }
            #popup_content .feature_panels section .panel_heading .prelude {
                font-size: 1.8rem;
            }
        .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 {
            padding: 10px 0 0;
        }
        .standard_grid_artworks .list_caption_wrapper.extended_buttons .caption {
            width: 100%;
        }
        .list_caption_wrapper .buttons,
        .standard_grid .item .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: 0 11px;
        }
        .feature_panels section .area_wrapper,
        .feature_panels section.panel_type_225.wide_featured_artwork_grid .area_wrapper {
            padding: 0 11px 0;
        }
        .artwork_detail .artwork_detail_main {
            padding-left: 11px;
            padding-right: 11px;
            padding-top: 100px;
        }
            #popup_content .artwork_detail .artwork_detail_main:not(.content_below_artwork) {
                padding-bottom: 80px;
            }
        .large_grid .item .area {
            padding: 40px 20px 0;
        }
        .feature_panels section .panel_heading {
            /*padding-top: 25px;*/
            margin: 0 0 25px;
        }
        .image_list ul li,
        .works_grid.tile_grid .group .item {
            padding-bottom: 40px;
        }
        #popup_box:before {
            height: 75px;
        }
        
        .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-top: 50px;
            padding-bottom: 0;
        }
        .search-overlay:after {
            height: 130px;
        }
        #sw_form {
            width: calc(100% - 40px);
            margin-left: 20px;
            margin-right: 20px;
        }
        #sw_results .panel_filters_search_sections {
            padding-top: 0;
            border: none;
        }
        #sw_results .panel_filters_search_sections ul li {
            padding-bottom: 10px;
        }
        .notify_panel .notify_panel_content ul li .item_image {
            width: 30%;
            margin-right: 0;
        }
        .notify_panel .notify_panel_content ul li .item_content {
            width: 70%;
            box-sizing: border-box;
            padding: 0 0 0 30px;
        }
        .notify_panel_close:after {
            top: 5px!important;
        }
        .notify_panel .notify_panel_header,
        .notify_panel .notify_panel_content,
        .notify_panel .notify_panel_footer #wqcw_checkout,
        .notify_panel .notify_panel_footer #sqcw_checkout {
            padding-left: 20px;
            padding-right: 20px;
        }

        .detail_lead_hero .full_bleed_panel .area .area_inner .bottom, 
        .text_and_image_fullbleed .area .pull_quote {
            font-size: 1.9rem;
            line-height: 1.4em;
        }
        
        .section-exhibitions.no-page-params .feature_panels section .panel_filters {
            width: 100%;
            margin-top: 5px;
        }
            .section-exhibitions.no-page-params .feature_panels section .panel_filters ul li a {
                font-size: 1.2rem;
                line-height: 1.4rem;
            }
        .full_bleed_slideshow .slide .caption {
            font-size: 1.2rem;
            line-height: 1.2em;
            padding: 11px;
            font-weight: bold;
        }
        .panel_type_2029.feature_variant_10 .image .caption {
            padding: 11px 20px;
            line-height: 1.2em;
            font-size: 1.1rem;
        }
        .medium_grid .item .area h3 {
            font-size: 2.5rem;
            line-height: 1.3em;
        }


    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
        
        .standard_grid.standard_grid_low_volume .item {
            width: 100%;
        }
        .standard_grid.standard_grid_high_volume .item {
            width: 100%;    
        }
        .standard_grid .item {
            padding-bottom: 20px;
        }
        .standard_grid.detail_grid .item .image {
            vertical-align: top;
            width: 28%;
            margin: 0;
            min-height: 0;
        }
        .standard_grid:not(.tile_grid):not(.standard_grid_artworks) .item .image::after {
            padding-top: 100%;
        }
        .standard_grid.detail_grid .item .list_caption_wrapper {
            vertical-align: top;
            width: 72%;
            padding-left: 15px;
            margin-bottom: 0;
        }
        .standard_grid.detail_grid .item .list_caption_wrapper .content {
            margin-bottom: 0;
        }
        .standard_grid.detail_grid .item .list_caption_wrapper * {
            text-align: left;
        }
        .standard_grid.detail_grid .item .list_caption_wrapper .prelude,
        .standard_grid.detail_grid .item .list_caption_wrapper .bottom {
            font-size: 1.3rem;
            line-height: 1.8rem;
        }
        .standard_grid.detail_grid .item .list_caption_wrapper .prelude {
            margin-bottom: 5px;
        }
        .standard_grid.detail_grid .item .list_content_header {
            margin-bottom: 9px;
        }
        .standard_grid.detail_grid .item h3, 
        .standard_grid.detail_grid .item .list_content_header .subtitle {
            font-size: 1.6rem;
            line-height: 1.7rem;
            margin: 0;
        }
        .standard_grid.detail_grid .item .dates, 
        .standard_grid.detail_grid .item .list_content_header .caption {
            font-size: 1.3rem;
            line-height: 1.8rem;
            margin-bottom: 6px;
            padding: 0;
        }
        
        .artwork_detail .images {
            
        }

            .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;
        }




    @supports (display: grid) {
        .magic_columns_grid .group,
        .standard_grid.standard_grid_artworks.magic_columns_grid > .group,
        .magic_columns_grid.three_column_grid .group,
        .standard_grid.standard_grid_artworks.magic_columns_grid.three_column_grid > .group,
        .magic_columns_grid.two_column_grid .group,
        .standard_grid.standard_grid_artworks.magic_columns_grid.two_column_grid > .group {
            /*grid-template-columns: repeat(2, 1fr);*/
            column-gap: 18px;
        }

    }
    


        /* 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):not(.view-in-ar-button) {
        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: 0px;
        top: 12px;
    }
    .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .slideshow_pager {
        display: block;
        width: 100%;
        text-align: right;
    }
    .section-store .filters_inner,
    .subsection-store-basket {
        padding-left: 11px;
        padding-right: 11px;
    }
    
    .feature_panels section .area_wrapper .records_list_slider.record_slider_condensed .item {
        width: 80vw;
    }
    #footer_see_also_mailing .page_enquiry_widget h2 {
        font-size: 1.9rem;
    }
    .footer {
        font-size: 1.2rem;
        line-height: 1.6em;
    }
    .footer h3, .footer .main .item h3 {
        margin: 0 0 6px;
        font-size: 1.6rem;
        text-align: left;
    }
    
    .feature_panels section .feature_list.featured_artwork_grid .item h3 {
        font-size: 2rem;
        margin-bottom: 0;
    }
    .artwork_detail .content h1 .heading_subtitle, 
    .feature_panels section .feature_list.featured_artwork_grid .item .subtitle, 
    .feature_panels section .feature_list.featured_artwork_grid .item .subtitle em {
        font-size: 1.6rem;
    }
    .feature_panels section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper, 
    .feature_panels section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) .list_caption_wrapper,
    .feature_panels section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(odd) .list_caption_wrapper {
        padding: 30px 10px;
    }
    
    .scroll-prompt {
        bottom: 60px;
    }
    .records_list_slider.editorial_slider {
        height: 80vh;
    }
    .records_list_slider.editorial_slider {
        padding: 50px 10px;
    }
    .records_list_slider.editorial_slider .item {
        margin: 0 30px 0 0;
    }   
    .records_list_slider.editorial_slider .records_list_inner {
        margin-right: -30px;
    }
    .works_grid .list_caption_wrapper .caption .title {
        font-size: 1.4rem;
    } 
    .works_grid .list_caption_wrapper .caption .artwork-caption-lower {
        display: none;
    }

    .section-locations.page-locations #main_overview {
        padding: 0 11px;
    }
}


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


@media screen and (max-width: 374px) {
    
    body.page-popup-active #header #header_main_inner, 
    body.overlay-open #header #header_main_inner, 
    body #container_outer.page-top #header #header_main_inner, 
    body #container_outer .hero-section-visible #header #header_main_inner {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 45px
    }
    #menu {
        width: 23px;
        height: 23px
    }
    #menu:after {
        width: 23px;
        height: 23px
    }
    #menu:hover:before {
        height: 23px;
    }
    
    #logo,
    #logo a,
    #logo svg {
        width: 100%;
        max-width: 180px;
    }
    #wishlist #wishlist_cart_widget:before {
        width: 18px;
    }
    #basket #store_cart_widget:before, #basket #store_cart_widget:after {
        width: 15px;
        background-size: 15px auto;
    }
    /*#basket #store_cart_widget:before, */
    /*#basket #store_cart_widget:after {*/
    /*    width: 15px;*/
    /*    background-size: 15px auto;*/
    /*}*/
    /*#basket #scw_items {*/
    /*    width: 16px;*/
    /*}*/
    #basket a:before {
        padding-right: 9px;
    }
    #wishlist .wcw_total_items {
        display: none !important;
    }
    #wishlist a:before {
        padding-right: 9px;
    }
    #logo {
    }
    
    .nav-wrapper ul li {
        font-size: 1.8rem;
        line-height: 1.3em;
    }
    
    .artist-close-button, 
    .overlay-close-button, 
    .filter-close-button, 
    .nav-close-button, 
    .mailing-close-button, 
    .enquire-close-button, 
    .header-enquire-close-button, 
    .mailing-close-button, 
    .search-close-button, 
    .roomview-close {
        right: 20px;
        top: 7px;
    }
    
}