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

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


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



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

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


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

        .content_basic_layout {
            padding: 150px 80px;
        }

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



}

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

@media screen and (max-width: 1179px) {
    #page_header .page_title h2:last-child {
        display: none;
    }
}

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

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


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

        #header {
            padding-left: 30px;
            padding-right: 30px;
        }
        #top_nav {
            display: none;
        }
        #menu {
            display: block;
            padding: 22px 15px 15px;
            margin-top: -15px;
        }
        .search-open #menu {
            opacity: 1;
        }
        .search-open #search_icon a.search_open_icon {
            opacity: 1;
            pointer-events: auto;
        }
        #basket #store_cart_widget {
            margin-right: 0;
        }
        #search_icon {
            margin-left: 0;
        }


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

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


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

    .artwork_detail .image_container {
        padding-left: 50px;
        padding-bottom: 50px;
    }
    .artwork_detail .images {
        bottom: 50px;
        left: 80px;
    }
    .artwork_detail .content_container {
        padding-left: 50px;
        padding-right: 80px;
        padding-bottom: 50px;
        min-height: 0;
    }
        .artwork_detail .content h1 {
            font-size: 2.5rem;
            line-height: 3rem;
            margin: 0 0 20px;
        }
        .artwork_detail .artwork_details,
        .artwork_detail .store_item_group {
            margin-bottom: 30px;
            min-height: 0;
        }

    .artwork_detail .artwork_detail_additional {
        padding: 50px 50px;
        min-height: 0;
    }

    .panel_type_210 .pagination_controls {
        display: none;
    }


    .enquire-input-wrapper {
        width: 100%;
        padding: 0;
    }


    .feature_panels section.panel_type_212 {
        padding: 0 30px;
    }
    .simple_content .item,
    .simple_content .item > a {
        display: block;
    }
    .simple_content .item .image {
        width: 100%;
        max-height: none !important;
        margin: 0 0 30px;
    }
        .simple_content .item .image img {
            max-height: none !important;
        }
    .simple_content .item .area,
    .simple_content.simple_content_alt .item .area {
        width: 100%;
        padding: 0;
    }
    .simple_content.simple_content_alt .item .area {
        margin: 0 0 30px;
    }
    .simple_content.simple_content_alt .item .image {
        margin: 0;
    }


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    /* Checkout 2.0 compatability
    ----------------------------------------------------- */
    .section-store .subsection-store-basket #content_module {
        width: 100%;
        max-width: 600px;
        float: none;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
        min-height: 0!important;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .section-store .subsection-store-basket #sidebar {
        width: 100%;
        max-width: 600px;
        float: none;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
        min-height: 0!important;
        padding-top: 110px;
    }
    .checkout_first_step.section-store .subsection-store-basket #sidebar {
        padding-top: 80px;
    }
    #sc_checkout_container h3.subheading span {
        background: #F9F4F1;
    }
    #sc_checkout_container h3.subheading:before,
    #sc_checkout_content #sc_subtotal,
    #sc_checkout_content #sc_discount,
    #sc_checkout_content #sc_vat_total,
    #sc_checkout_content #sc_shipping_total,
    #sc_checkout_content #sc_order_total {
        border-color: #dfceba;
    }
    #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;
    }
    #sc_checkout_content #shipping_container select,
    #sc_checkout_container .form_row > select,
    #sc_checkout_container .select_container,
    #sc_checkout_container .inputField {
        border-color: #dfceba;
    }
    #sc_checkout_container input:-webkit-autofill,
    #sc_checkout_container input:-webkit-autofill:hover, 
    #sc_checkout_container input:-webkit-autofill:focus, 
    #sc_checkout_container input:-webkit-autofill:active  {
        -webkit-box-shadow: 0 0 0 30px #F9F4F1 inset !important;
    }


}


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


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

    h1, .faux_h1 {
        font-size: 5.6rem;
        line-height: 6.0rem;
        letter-spacing: 0;
    } 
    .scroll_section.scroll_section_panels > .inner {
        padding-top: 75px;
    }

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

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

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

    .works_grid.tile_grid.columns_3 .group {
        width: 50%;
    }
        
    .scroll_section.scroll_section_panels.section_index_1 > .inner, .scroll_section.scroll_section_standard.section_index_1 > .inner {
        padding-top: 100px;
    }
    .special_notice_active .scroll_section.scroll_section_panels.section_index_1 > .inner, 
    .special_notice_active .scroll_section.scroll_section_standard.section_index_1 > .inner {
        padding-top: 90px;
    }

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

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



    .artwork_detail .artwork_detail_main {
        padding-top: 100px;
        min-height: 0 !important;
    }
        .artwork_detail .image_container {
            padding: 100% 0 0;
            margin: 0;
            width: auto;
            float: none;
            height: auto;
            min-height: 0 !important;
        }
            .artwork_detail .image_container,
            .artwork_detail .image_container *,
            .content-swipe .draginner {
                -webkit-touch-callout: none;
                -webkit-user-select: none; 
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none; 
                user-select: none !important;
                /*Commented out to allow for embeded video to play on mobile*/
                /*pointer-events: none !important;*/
            }
            .artwork_detail .image_container .object_content {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: auto;
                height: auto;
            }
                #map_wrapper {
                    min-height: 0;
                }
            .artwork_detail .images {
                position: absolute;
                top: 50px;
                left: 50px;
                right: 50px;
                bottom: 50px;
                width: auto;
                height: auto;
            }
                .artwork_detail .images .image {
                    flex-direction: row;
                    display: flex;
                    align-items: center;
                }
                .artwork_detail .image:after {
                    cursor: default;
                }
                .artwork_detail .images .image.image_hero_placeholder {
                    opacity: 1 !important;
                }
                .artwork_hero_image_container_outer {
                    display: none !important;
                }
        .artwork_detail .content_container {
            padding-left: 50px;
            padding-right: 50px;
            padding-bottom: 50px;
            padding-top: 50px;
            width: 100%;
        }
    
    .pagination_controls {
        display: none;
    }


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


    /*  Standard header slideshow
    ---------------------------------------------------------------------------------- */

    #main_slideshow .pagination_controls,
    #main_slideshow .slide-item .content .slide-inner {
        --controls-padding: 10px;
    }

}



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


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

    html {
        font-size: 12px;
    }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
        
        
        .large_text_2 {
            font-size: 2.9rem;
            line-height: 3.9rem;
        }
        .large_text_3 {
            font-size: 2.3rem;
            line-height: 3.3rem;
        }
        .large_text_4 {
            font-size: 1.7rem;
            line-height: 2.7rem;
        }
        .large_text_5 {
            font-size: 1.1rem;
            line-height: 2.1rem;
        }
        
        
        .special_notice_active .scroll_section.scroll_section_panels.section_index_1 > .inner, 
        .special_notice_active .scroll_section.scroll_section_standard.section_index_1 > .inner {
            padding-top: 90px;
        }
    
        #search_icon {
            position: static;
        }
        #search_icon a.search_open_icon {
            position: static;
        }
        #search_form {
            position: absolute !important;
            max-width: none !important;
            top: 60px;
            left: -20px;
            right: -5px;
            box-sizing: border-box;
            padding: 0 13px 20px 20px;
            background: #fff;
            border-bottom: 1px solid #eee;
        }
        .content-type-reversed #search_form {
            background: #222222;
            border-color: #313131;
        }
        #search_form,
        #search_form * {
            pointer-events: none;
        }
        .search-open #search_form,
        .search-open #search_form * {
            pointer-events: auto;
        }
            #search_form form {
                display: block;
                width: 100%;
            }
            #search_form input {
                max-width: none;
                min-width: 0;
            }
            #search_form .search_close_icon {
                font-size: 13px;
            }
        
        body #container_outer #header.search-open:before {
            opacity: 1;
        }
        
        #main_slideshow .slide-item .content h2 {
            font-size: 2rem;
            line-height: 2.8rem;
        }
        
        .pull_quote {
            font-size: 1.5rem;
            line-height: 2.3rem;
        }
        
        .hero .hero_content {
            padding: 0 40px;
        }
        h1, .faux_h1 {
            font-size: 3.6rem;
            line-height: 4.0rem;
        } 
        h2 {
            text-align: left;
            font-size: 4rem;
            line-height: 4rem;
        }

        #basket .scw_total_items {
            height: 32px;
        }

        #header {
            padding: 30px 5px 30px 30px;
            /*
            background: #f9f4f1;
            border-bottom: 1px solid rgba(0,0,0,0.1);
            */
        }
            /*
            #header:before {
                display: none;
            }
            body.page-popup-active #header {
                border: none;
            }
            */
        #logo {
            width: 170px;
            margin-top: 4px;
            background-size: 100% auto;
        }
            #logo a {
                width: 100%;
            }
        #menu {
            
        }
        .nav-wrapper ul li {
            font-size: 3rem;
            line-height: 3rem;
            padding: 8px 0;
        }

        #popup_box:before {
            height: 69px;
        }

        .footer .inner {
            padding: 50px 50px;
        }
        .footer .main {
            margin-bottom: 0;
        }
        .footer .main .item {
            width: 100%;
            margin: 0 0 40px;
            padding-top: 20px;
        }
        .footer .social_media_links {
            padding-top: 20px;
        }
        .footer .credit {
            position: static;
            text-align: left;
        }
        .footer .credit div {
            margin: 0 20px 0 0;
        }
    
        .works_grid.tile_grid.columns_3 .group {
            width: 100%;
        }
        
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */

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

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

        .overlay-container-inner {
            padding: 100px 40px 120px;
        }
            .overlay-container-inner .enquire-input-wrapper {
                padding-bottom: 80px;
            }
        .nav-overlay .overlay-container-inner {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        .enquire-input-wrapper, .enquire-contact-wrapper, .search-wrapper, .nav-wrapper, .nav-contact-wrapper {
            min-height: 150px;
        }
        .filter-close-button, .nav-close-button, .enquire-close-button, .artworks-overlay-close-button, .search-close-button {
            top: 4px;
            right: 5px;
        }
        #popup_box .close,
        .popup-scrolled #popup_box .close {
            top: 4px;
            right: 5px;
        }
        body.cms-frontend-toolbar-active #popup_box .close,
        body.cms-frontend-toolbar-active.popup-scrolled #popup_box .close {
            top: 47px;
        }
        body .hero-section-visible #header, body .page-top #header {
            padding-top: 30px;
        }
        body.page-popup-active.popup-not-scrolled #header,
        body.overlay-open #header {
            padding-top: 20px;
        }
        #header {
            padding: 20px 5px 5px 20px;
        }

        .scroll_section.scroll_section_panels > .inner {
            padding-top: 50px;
        }

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

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

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

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


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

        /* Previous complex version of responsive nav
                    .artwork-nav-top-level {
                        width: 100%;
                        bottom: 0;
                        height: auto;
                        min-height: 50vh;
                        max-height: 50vh;
                        right: 0;
                        left: 0;
                        position: relative;
                    }
                    .artwork-nav-top-level .heading-area {
                        width: 100vw;
                    }
                    .artwork-nav-top-level .heading-area .content {
                        display: none;
                    }
                    .artworks-overlay-content.second-level-active .artwork-nav-top-level {
                        display: flex;
                    }
                    .artworks-overlay-content.second-level-active .artwork-nav-top-level.active,
                    .artworks-overlay-content.second-level-active .artwork-nav-top-level.not-active,
                    .artworks-overlay-content.second-level-active .artwork-nav-top-level:hover {
                        width: 100% !important;
                    }
                    .artworks-overlay-content.second-level-active .artwork-nav-top-level.active {
                        height: auto;
                        min-height: 100vh;
                        max-height: 200vh;
                    }
                    .artwork-nav-wrapper {
                        position: relative;
                        padding: 100px 60px 100px;
                    }
                    .artwork-nav-wrapper ul li {
                        font-size: 2.0rem;
                        line-height: 2.2rem;
                    }
                    .artwork-navigation.nav-selected .artworks-overlay-content.second-level-active .artwork-nav-top-level.active {
                        
                    }
        */

        .section_index_1 .feature_panels section.intro-heading-enabled.panel_number_0 .panel_heading_container h2 {
            font-size: 2.6rem;
            line-height: 2.6rem;
        }
        
        .feature_panels section .area_label h2 {
            padding-top: 18px;
            font-size: 1.6rem;
            line-height: 2.1rem;
        }
        .feature_panels section .area_label {
            margin-bottom: 20px;
        }

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

        .artwork_detail .pagination_controls > div {
            display: none;
        }
        .artwork_detail .content h1 {
            font-size: 3.0rem;
            line-height: 3.8rem;
        }
        .artwork_detail .content .label {
            clear: both;
        }
        .artwork_detail .image_gallery_multiple_thumbnails_container {
            float: left;
            width: 100%;
        }
        .artwork_detail .image_gallery_multiple_thumbnails ul {
            margin-right: -10px;
        }
        .artwork_detail .image_gallery_multiple_thumbnails ul li {
            width: 25%;
            min-width: 40px;
            margin: 0;
            padding: 0 10px 10px 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .standard_grid .item {
            width: 100%;
        }


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

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

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

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

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

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

        .feature_panels section.panel_type_records_grid .area_label h2, 
        .feature_panels section.panel_type_instagram_feed .area_label h2,
        .feature_panels section.section-artwork-grid.standard-heading .panel_heading_container h2,
        .area_label h2 {
            text-align: left;
            font-size: 1.6rem;
            line-height: 2rem;
        }
        .feature_panels section .panel_footer {
            text-align: left;
        }

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

        .records_list_slider .item,
        .records_list_slider .item .image {
            height: 250px;
        }
        .records_list_slider .item .image img {
            max-height: 250px;
        }
        .feature_panels section.panel_type_210 {
            margin-bottom: 20px;
        }

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

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

        .text_columns {
            margin-right: 0;
        }
            .text_columns .aside {
                width: 100%;
                padding: 0;
                margin: 0 0 30px;
            }
            .text_columns .content {
                width: 100%;
                padding: 0;
            }


    .works_grid.tile_grid .group {
        width: 100%;
    }

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

    /*cookie banner*/
        
    #cookie_notification .inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 0;
    }
    
    #cookie_notification .inner #cookie_notification_message {
        width: 100%;
        padding: 0;
    }



    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
            
        .feature_panels section.panel_type_209.artwork_list_categories_footer .area_content .navigation ul li {
            clear: both;
            display: block;
        }


}





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


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

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
        
        body {
            min-width: 380px;
        }
        
        #header {
            min-width: 380px;
        }
        
        .footer .inner {
            padding: 40px 20px;
        }

        .logo-wrapper {
            width: 250px;
        }
        
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
        
        #basket {
            margin-top: -6px;
        }
        #popup_box:before {
            height: 75px;
        }
        #search_icon a.search_open_icon {
            margin-top: 0;
        }
        #menu {
            padding-top: 17px;
        }
        #logo {
            width: 150px;
            margin-top: 1px;
        }
        .page_enquiry_widget form {
            padding: 40px 20px;
        }
        .page_enquiry_widget h3 {
            margin: 0 0 20px;
        }

        .feature_panels section {
            padding: 0 20px;
            margin-bottom: 40px;
        }

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

        .special_notice_active .scroll_section.scroll_section_panels.section_index_1 > .inner, 
        .special_notice_active .scroll_section.scroll_section_standard.section_index_1 > .inner {
            padding-top: 75px;
        }


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

        .artwork_detail .images {
            top: 20px;
            left: 20px;
            right: 20px;
            bottom: 20px;
        }
            .artwork_detail .content_container {
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: 40px;
                padding-top: 40px;
            }

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


        /* 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) {
        padding-right: 70px;
        padding-left: 20px;
    }
    .button:after, button:not(.store_item_add_to_cart):after {
        right: 21px;
        top: 22px;
    }

    #main_slideshow .pagination_controls,
    #main_slideshow .slide-item .content .slide-inner {
        --controls-padding: 5px;
    }

}


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


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