/* Collapse topnav at 1023px
----------------------------------------------------------- */
@import url(/lib/g/1.0/styles/responsive_topnav.css) screen and (max-width: 1023px);



/* ------------------------------------------------------------------------
------------------------------ Hero headers -------------------------------
------------------------------------------------------------------------ */

@media screen and (min-width: 769px) {

    body.layout-hero-header.section-artists.page-param-type-artist_id #hero_header,
    body.layout-hero-header.section-exhibitions #hero_header,
    .section-history #list_expander {
        height: 700px !important;
    }
    body.layout-hero-header.section-artists.page-param-type-artist_id #hero_header > .inner,
    body.layout-hero-header.section-exhibitions #hero_header > .inner {
        height: 700px ;
    }
    body.layout-hero-header.section-artists.page-param-type-artist_id #container,
    body.layout-hero-header.section-exhibitions #container{
        padding: 700px 0 0;
    }
    .section-artists.page-param-type-artist_id #hero_header,
    .section-exhibitions #hero_header {
        height: 700px !important;
    }
    .section-artists.page-param-type-artist_id #hero_header > .inner,
    .section-exhibitions #hero_header > .inner{
        height: 700px;
    }

    body.layout-hero-header #hero_header {
        height: 520px !important;
    }
    body.layout-hero-header #hero_header > .inner {
        height: 520px ;
    }
    body.layout-hero-header #container {
        padding: 520px 0 0;
    }
    body.layout-hero-header #container {
        padding: 520px 0 0;
    }
    #hero_header > .inner {
        height: 520px;
    }
}


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

    .owl-item {
        padding: 0 20px;
    }
    .custom-homepage-panels .custom-homepage-panels-item h2,
    .custom-homepage-panels .custom-homepage-panels-item h2 b {
        font-size: 23px;
        line-height: 27px;
    }
    .custom-homepage-panels .custom-homepage-panels-item .subheading {
        font-size: 19px;
        line-height: 24px;
    }
    .custom-homepage-panels .custom-homepage-panels-item .date {
        font-size: 18px;
        line-height: 22px;
        padding-top: 20px;
    }


    #main_content {
        padding-left: 30px;
        padding-right: 30px;
    }
    #content_module,
    .page-contact #content_module,
    #section-overview #content_module {
        width: 55%;
    }
    #section-overview #content_module.no-links {
        width: 70%;
    }
    #sidebar,
    .page-contact #sidebar,
    #section-overview #sidebar {
        width: 40%;
    }


    .page-artists .subsection-artists-list #content_module {
        width: 61%;
    }
    .page-artists .subsection-artist-list-preview-letters #sidebar {
        width: 33%;
    }

    .records_list.accordion-list > ul {
        overflow: visible;
    }
    
    .section-exhibitions .subsection-installation .image_list ul li .image,
    .section-exhibitions .subsection-installation .image_list ul li .image span {
        width: 100%;
        height: auto;
    }
    .section-exhibitions .subsection-installation .records_list > ul > li {
        width: 33.3%;
        margin: 0;
        padding: 0 40px 0 0;
        margin-bottom:40px;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }
    .section-exhibitions .subsection-exhibitions-grid .feature_list .image,
    .section-exhibitions .subsection-exhibitions-grid .feature_list .image span,
    .page-exhibitions .detail_list .image,
    .page-exhibitions .detail_list .image span {
        width: 100%;
        height: auto;
    }
    .fullscreen_slideshow ul li .content {
        width: 100%;
        bottom: 20px;
    }
    body.responsive-layout-forced-image-lists .subsection-installation .records_list.image_list ul li .fill,
    body.responsive-layout-forced-lists .subsection-installation .records_list.detail_list ul li .fill,
    .subsection-history-grid .records_list.detail_list ul li .fill{
        margin-top: 0;
        display: none !important;
    }
    body.responsive-layout-forced-image-lists .subsection-installation .records_list.image_list ul li .image_wrapper,
    body.responsive-layout-forced-lists .subsection-installation .records_list.detail_list ul li .image_wrapper,
    .subsection-history-grid .records_list.detail_list ul li .image_wrapper{
        display: block;
        position: static !important;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    body.responsive-layout-forced-image-lists .records_list.image_list.accordion-list,
    body.responsive-layout-forced-lists .records_list.detail_list.accordion-list {
        margin-right:0 !important;
    }
    body.responsive-layout-forced-image-lists .records_list.image_list.accordion-list  > ul > li,
    body.responsive-layout-forced-lists .records_list.detail_list.accordion-list  > ul > li {
        width:100% !important;
        padding-right:0 !important;
    }
    body.responsive-layout-forced-image-lists .records_list.image_list.accordion-list ul li .fill,
    body.responsive-layout-forced-lists .records_list.detail_list.accordion-list ul li .fill,
    body.responsive-layout-forced-lists .subsection-related-content .records_list ul li .fill {
        display: none !important;
    }
    body.responsive-layout-forced-image-lists .records_list.image_list.accordion-list ul li .outer,
    body.responsive-layout-forced-lists .records_list.detail_list.accordion-list ul li .outer,
    body.responsive-layout-forced-lists .subsection-related-content .records_list ul li .outer,
    body.responsive-layout-forced-lists .subsection-related-content .records_list ul li .outer {
        position:static!important;
        display:inline!important;
    }
    body.responsive-layout-forced-image-lists .records_list.image_list.accordion-list ul li .image_wrapper,
    body.responsive-layout-forced-lists .records_list.detail_list.accordion-list ul li .image_wrapper,
    body.responsive-layout-forced-lists .subsection-related-content .records_list ul li .image_wrapper {
        position:static!important;
        display:inline!important;
    }

    .page-news .detail_list.accordion-list .image,
    .page-news .detail_list.accordion-list .image span {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    #section-related-content .subsection-related-content .records_list ul li {
        width: 50%%;
    }
    .subsection-related-content .records_list ul li .image {
        margin-bottom:20px !important;;
    }

    .accordion-list .accordion-content {
        padding-top: 20px;
    }
    .records_list.accordion-list ul li.accordion-section {
        padding: 30px 0;
    }
    .records_list.accordion-list ul li.accordion-section.accordion-active {
        padding: 40px 0;
    }
    .accordion-list.records_list ul li .image{
        width:40% !important;
        float:left  !important;
        height: auto;
        margin-right: 0;
    }

    .records_list.accordion-list ul li .content {
        width:55% !important;
        float: right !important;
    }

    .section-news .news-header.heading_wrapper {
        width:50%;
    }
    .section-news .subsection-news-record #content_module {
        width: 55%;
    }
    .section-news .subsection-news-record #sidebar {
        width: 40%;
    }

    .section-store.layout-hero-header #sub_nav.navigation .subnav_inner #store_cart_widget {
        padding-right: 30px;
    }



    /* CUSTOM DYNAMIC SIZING GRIDS
    ------------------------------------------------------*/

    .subsection-store-grid-artworks .records_list,
    .subsection-store-grid-publications .records_list{
        overflow:hidden;
    }
    .subsection-store-grid-artworks .records_list ul li .fill,
    .subsection-store-grid-publications .records_list ul li .fill{
        display: block;
    }
    .section-store .subsection-store-grid-artworks .records_list.detail_list > ul,
    .subsection-store-grid-publications .records_list.detail_list > ul {
        margin-right: -20px;
    }
    .section-store .subsection-store-grid-artworks .records_list.detail_list > ul > li,
    .section-store .subsection-store-grid-publications .records_list.detail_list > ul > li{
        width: 280px;
        margin: 0 0 45px 0;
        padding-right: 20px;
        width: 33.3%;
        box-sizing: border-box;
    }
    .section-store .subsection-store-grid-artworks .records_list.detail_list ul li .image_wrapper,
    .section-store .subsection-store-grid-publications .records_list.detail_list ul li .image_wrapper{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .page-store .feature_panels .records_list ul li.panel_standard .image,
    .page-store .feature_panels .records_list ul li.panel_standard .image span,
    .page-store .detail_list .image,
    .page-store .detail_list .image span {
        height: 100% !important;
        width:100%;
    }
    .section-store .subsection-store-grid-artworks .records_list.detail_list ul li .outer,
    .section-store .subsection-store-grid-publications .records_list.detail_list ul li .outer{
        display: inline-block;
        position: relative;
        width: 100%;
        margin-bottom: 15px;
    }
    .section-store .subsection-store-grid-artworks .records_list.detail_list ul li .fill,
    .section-store .subsection-store-grid-publications .records_list.detail_list ul li .fill{
        margin-top: 100%;
        display: block;
    }

    .section-store .feature_list ul li .content {
        width: 36%;
        text-align: left;
    }
    .section-store .feature_list ul li .image {
        width: 60%;
        margin: 0;
        height: auto;
    }
    .section-store .feature_list ul li .image span {
        width: 100%;
        margin:0 auto;
        text-align:center;
        display:block;
        margin-bottom: 30px;
    }

    .section-store .feature_panels {
        overflow:hidden;
    }

    .section-store .feature_panels .records_list.detail_list,
    .section-store .feature_panels .records_list.image_list {
        margin-right: -20px !important;
        width: auto !important;
    }
    .section-store .feature_panels .records_list.detail_list > ul,
    .section-store .feature_panels .records_list.image_list > ul{
        display: inline !important;
        clear: none !important;
    }
    .section-store .feature_panels .records_list.image_list > ul > li {
        float: none !important;
        display: inline-block;
        vertical-align: top;
        width: 33.3333% !important;
        clear: none !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .section-store .feature_panels .records_list.image_list > ul > li.panel_slider {
        position: static;
        width: 100vw!important;
        padding-top: 50px;
        padding-bottom: 10px;
    }
    
    .section-store .feature_panels .records_list.detail_list > ul > li {
        float: none !important;
        display: inline-block;
        vertical-align: top;
        width: 33.33% !important;
        clear: none !important;
        margin-right: 0 !important;
        padding-right: 20px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent {
        width: 100%!important;
    }
    
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content {
        padding-top: 20px;
    }
    
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .outer {
        vertical-align: top;
    }
    
    .feature_panels.feature_panels_layout_type_2 .records_list.image_list > ul > li a {
        position: relative;
    }
    .section-store .feature_panels .records_list.detail_list ul li .outer
    .section-store .feature_panels .records_list.detail_list ul li .outer {
        display: inline-block;
        position: relative;
        width: 100%;
    }

    .section-artists .subsection-related-content .records_list .image {
        width: 50%;
        height: auto;
    }
    .section-artists .subsection-related-content .records_list .image span  {
        width: 100%;
        height: auto;
    }
    .subsection-related-content .records_list.image_list ul li .content {
        width: 50%;
        float: left;
        padding-left: 20px;
        margin-left:0;
        box-sizing: border-box;
    }

    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content,
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .image {
        width: 100%;
    }
    body .subsection-works #image_gallery #image_container {
        width: 55% !important;
        float: left !important;
    }
    body .subsection-works #image_gallery #content_module {
        width: 37%;
        float: right;
    }

}



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

@media screen and (max-width: 1023px) {
    .heading_wrapper h1,
    h1{

    }

    .section-history .records_list > ul {
        margin-right: -20px;
    }
    .section-exhibitions .subsection-installation .records_list > ul > li{
        width: 33.3%;
        padding: 0 20px 0 0;
        margin-bottom:20px;
    }

    .parallax-content .parallax-content-inner,
    .fullscreen_slideshow ul li .content.parallax-content .inner.parallax-content-inner {
      padding: 0 20px;
    }
    .feature_panels ul li .parallax-content .parallax-content-inner {
        padding: 0;
    }
    .section-home #slideshow.fullscreen_slideshow ul li .content {
        z-index: 999;
    }

    /* -----------------------------------------------------------
       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 {
        width: 100% !important;
        padding-top: 0;
        padding-bottom: 0;
        min-height: 0;
    }
    #logo {
        z-index: 99999;
    }
     #logo a {
        text-align: center;
    }

    #hero_header {
        font-size: 52px;
    }




    /* White header button -------------------------------------- */

    #slide_nav_reveal {
        color: #333;
    }
    #slide_nav_reveal {
        /*position: absolute; */
        right: 30px;
        text-align: right;
        width: auto;
        padding-top: 15px;
        color: #fff;
        font-weight: 500;
        font-size: 13.5px;
        width: 40px;
        float: right;
        padding: 0;
        height: 40px;
        position: absolute;
        margin-top: 25px;
        right: 0;
        z-index: 9999;
        -webkit-transition: margin 0.3s ease;
        transition: margin 0.3s ease;
    }
    
    .wcw_total_items_text,
    .scw_total_items_text {
        display: none;
    }
    
    #store_cart_widget #scw_items .scw_total_items,
    #wishlist_cart_widget #wcw_items .wcw_total_items {
        margin-left: 10px;
        padding-top: 1px;
    }
    
    #store_cart_widget #scw_items {
        margin-right: 0px;
    }
    
    .wcw_total_count,
    .scw_total_count {
        font-size: 15px;
    }
    
    #wishlist_cart_widget #wcw_checkout {
        width: 18px;
        height: 30px;
    }
    #store_cart_widget #scw_checkout {
        width: 18px;
    }
    
    #header #store_cart_widget {
        padding-right: 40px;
    }


    /*#slide_nav_reveal:after {
        content: '\2630';
        padding-left: 3px;
    }*/
    #top_nav_reveal {
        display:none !important;
    }
    #responsive_slide_nav_wrapper #top_nav #top_nav_reveal {
        display: none;
    }
    #responsive_slide_nav_wrapper {
        top: 100%;
        bottom: 0;
        width: 100%;
        height: 0;
        right: 0 !important;
        left: 0 !important;
        background: rgba(255, 255, 255, 0.96);
        overflow:hidden;
        padding: 30px;
        pointer-events: none;
    }
    .slide-nav-open #responsive_slide_nav_wrapper {
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        padding-top:100px;
        pointer-events: auto;
    }
    .responsive-nav-slide-nav #responsive_slide_nav_wrapper .navigation ul li a {
        line-height: 28px;
        display: block;
        padding: 5px 0;
        text-align: left;
        border-top: 0;
        float: none;
        font-size: 30px;
        letter-spacing: 0;
        height: 50px;
        display: block;
        text-transform: none;
        font-weight: 200;
    }
    .responsive-nav-slide-nav #responsive_slide_nav_wrapper #top_nav .topnav {
        transform: translateY(130px);
        opacity:0;
        -webkit-transition:opacity 1.2s ease, transform 1s cubic-bezier(0.005, 0.905, 0.195, 1.015);
        transition:opacity 1.2s ease, transform 1s cubic-bezier(0.005, 0.905, 0.195, 1.015);
        -webkit-transition-delay: 0.3s; /* Safari */
        transition-delay: 0.3s;
    }
    .slide-nav-open.responsive-nav-slide-nav #responsive_slide_nav_wrapper #top_nav .topnav {
        transform: translateY(0);
        opacity:1.0;
    }
    #top_nav.navigation > ul > li.active > a,
    #top_nav.navigation > ul > li.active_dir > a,
    #top_nav.navigation > ul > li.active_dir > a:visited,
    #top_nav.navigation > ul > li.active_dir > a:hover {
        border-bottom: 0;
    }
    body.layout-hero-header #top_nav.navigation ul li.active {
        border-bottom: none;
    }
        ©#logo {
            margin-bottom: 0;
            float: left;
            width: auto;
        }

    .nav_icon,
    .nav_icon:before,
    .nav_icon:after {
        height: 2px;
        background-color: #303030;
        padding: 0;
        display: block;
        position: absolute;
        width: 19px;
        -webkit-transform: translateZ(0);
        transition: all ease .1s;
        right: 0;
        text-indent: -9999px;
        text-align: left;
        border-radius: 2px;
    }


    .store_cart_widget_inner,
    .wishlist_cart_widget_inner {
        border-left: 0;
        padding-left: 6px;
        border-right: 1px solid #eee;
        padding-right: 10px;
    }
    .nav_icon {
        opacity: 1.0;
        top: 20px;
        left: 11px;
    }
        .nav_icon:before {
            content: '';
            top: -6px;/*from .nav_icon*/
            transition: all ease .2s;

        }
        .nav_icon:after {
            content: '';
            top: 6px;/*from .nav_icon*/
            transition: all ease .2s;
        }

        .responsive-nav-open #top_nav_button {
            /*background: #F9F9F9;
            border: 10px solid #F9F9F9;*/
        }

            .slide-nav-open .nav_icon{
                 background-color:transparent!important;

            }

            .slide-nav-open .nav_icon:before {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                top: 0;
                width: 22px;
            }
            .slide-nav-open .nav_icon:after {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                top: 0;
                width: 22px;
            }


        #top_nav.navigation ul li.active {
            border-bottom: 0;
        }
        #top_nav.navigation ul li a,
        #top_nav.navigation ul li a:visited {
            color: #873b40;
        }
    #footer .inner {
        padding-left: 20px;
        padding-right: 20px;
        width: auto !important;
    }




    #hero_header .inner,
    #header .inner,
    body.type-fullscreen #header .inner, #header.header_fixed .inner,
    #responsive_slide_nav_wrapper{
        padding-left: 20px;
        padding-right: 0px;
    }

    #section-overview .content_section_header,
    #section-overview .links-wrapper {
        width: 32%;
    }


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

    .subsection-works #ig_slider .slick-slide {
        padding: 0 40px;
    }

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


        .owl-item {
            padding: 0 20px;
        }
        .custom-homepage-panels .custom-homepage-panels-item h2,
        .custom-homepage-panels .custom-homepage-panels-item h2 b {
            font-size: 21px;
            line-height: 25px;
        }
        .custom-homepage-panels .custom-homepage-panels-item .subheading {
            font-size: 17px;
            letter-spacing: 0.3px;
            line-height: 22px;
        }
        .custom-homepage-panels .custom-homepage-panels-item .date {
            font-size: 15px;
            line-height: 20px;
            padding-top: 16px;
        }

        .section-exhibitions .exhibition-header .subtitle {
            margin-bottom: 20px;
        }
        .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow #content_module {
            width: 100%;
        }



        .section-store .feature_panels .records_list.image_list > ul > li {
            width: 100vw;
        }
        
        .section-store .feature_panels .records_list.detail_list > ul > li {
            width: 50% !important;
        }
        
        .section-store .subsection-store-grid-publications .records_list.tile_list ul {
            width: 33%;
        }


    #section-related-content .subsection-related-content .records_list ul li {
        width: 33.3%;
    }
    .section-artists .subsection-related-content .records_list .image {
        width: 100%;
        height: auto;
        float:none;
        display:block;
    }
    .section-artists .subsection-related-content .records_list .image span  {
        width: 100%;
        height: auto;
    }
    .subsection-related-content .records_list.image_list ul li .content {
        width: 100%;
        float: none;
        clear:both;
        padding-left: 0;
        margin-left:0;
    }

    #header #store_cart_widget {
        float: right;
        padding-top: 30px;
        padding-left: 0;
        position: static;
        right: 0;
    }
    
    #header #wishlist_cart_widget {
        float: right;
        padding-top: 30px;
        padding-left: 16px;
        position: static;
        right: 0;
    }
    
    #wishlist_cart_widget #wcw_checkout::before {
        content: "\e008";
        font-family: "artlogic-social-icons";
        color: #DDD0D0;
        font-size: 16px;
        line-height: 30px;
        position: absolute;
    }
    
    #store_cart_widget #scw_checkout::before {
        content: "\e032";
        font-family: "artlogic-social-icons";
        color: #DDD0D0;
        font-size: 16px;
        line-height: 23px;
        position: absolute;
    }

    .records_list.tile_list ul,
    .section-store .records_list.tile_list ul {
        width: 33%;
        padding-right: 45px;
    }
    
    .section-store.page-param-artists #content #artist_list ul li {
        width: 33.3333%;
    }
    
    #artist_works_categories_subnav.navigation {
        float: left;
        clear: both;
        max-width: 100%;
    }
    
    [class^="artist-artwork-category-link-"] {
        padding-top: 10px;
    }
    
    #artist_works_categories_subnav.navigation ul li {
        float: left;
    }
    
    .page-artists .content_section_title {
        margin-right: 20px;
    }
    
    .page-artists .subsection-biography #sidebar {
        position: static;
        top: 0;
    }
    
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent {
        width: 100%!important;
    }
    
    /* Checkout 2.0 compatability
    ----------------------------------------------------- */
    .section-store .subsection-store-basket #content_module {
        width: 100%;
        max-width: 600px;
        float: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .section-store .subsection-store-basket #sidebar {
        width: 100%;
        max-width: 600px;
        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 (min-width: 769px) {
    #arprompt {
        width: 470px;
    }
}



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


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

    #logo:after {
        right: -97px;
        top: 17px;
        font-size: 18px;
        line-height: 18px;
        font-size: 14px;
        line-height: 20px;
    }
    .heading_wrapper.cascading-page-header {
        margin-bottom: 20px;
    }
    .records_list .content h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .records_list.accordion-list ul li.accordion-section,
    .records_list.feature_list.accordion-list ul li.accordion-section {
        padding: 25px 0 15px 0;
    }
    #footer .inner {

    }
    .layout-fixed-header #main_content {
        padding-top: 110px;
    }
    #logo .tagline {
        display: none;
    }
    .artwork_details_wrapper {
        padding-top: 20px;
        min-height: 0;
    }
    body.section-artists.no-page-params #hero_header:after {
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.4) 73%, rgba(0, 0, 0, 0.48) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.4) 73%,rgba(0, 0, 0, 0.48) 100%);
    }

    .section-history .records_list > ul {
        margin-right: 0;
    }
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content {
        padding-left: 0;
    }
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent {
        overflow: visible;
    }
    .section-exhibitions h1 {
        margin-bottom: 20px;
    }

    .section-exhibitions .subsection-installation .records_list > ul > li {
        width: 50%;
        padding: 0 25px 0 0;
        margin-bottom: 25px;
    }

    .section-exhibitions .subsection-installation .records_list > ul > li {
        width: 50%;
        padding: 0 30px 0 0;
        margin-bottom:30px;
    }
    
    #custom_hero_header {
        height: 60vh;
        top: 69px;
    }
    
    
    .records_list.tile_list li.unavailable .content:before {
        left: unset;
        right: 5px;
    }
    
    
    /*new history page*/
    .history_grid.records_list.detail_list {
        padding-left:0;
    }
    .year_nav {
        padding-right: 15px;
    }
    .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;
    }
    .history_grid.records_list.detail_list ul .decade {
        text-align: center;
        margin-bottom: -20px;
        margin-top: 50px;
        padding-top: 10px;
    }
    .history_grid.records_list.detail_list ul .first_date {
        margin-top: 27px;
        padding-top: 45px;
        width: 100vw;
        margin-left: -30px;
    }
    .timeline {
        z-index: 8;
    }
    
    .history_grid.records_list.image_list > ul > li:nth-child(2n) .content, .history_grid.records_list.detail_list > ul > li:nth-child(2n) .content {
        text-align: left;
        float: left;
    }
    
    .history_grid.records_list.detail_list ul li.scrollreveal .content .year-line {
        width: 0;
        left: -22px;
    }
    
    .history_grid.records_list.detail_list ul li.scrollreveal.visible .content .year-line {
        width: 13px;
        left: -22px;
    }
    
    .history_grid.records_list.detail_list ul li:nth-child(2n).scrollreveal .content .year-line {
        left: -22px;
        right: initial;
    }
    
    .records_list.detail_list.history_grid {
        padding-right: 30px;
    }
    
    .records_list.detail_list.history_grid {
        padding-bottom: 0;
    }

    /*cookie banner*/

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

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



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

        #header,
        #header .inner {
            top: 0;
            position: absolute !important;
            padding-bottom: 0;
        }
        #logo, #logo a {
            width: 85px;
            height: 98px;
            float:left;
        }
        #header, #header.header_fixed {
            min-height: 69px;
        }
    #logo, #logo a {
        width: 69px;
        height: 69px;
        background-size: contain;
    }
    .device-highres #logo {
        background-size: contain;
    }
    #slide_nav_reveal {
        margin-top: 15px;
        right: 0;
    }
        #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;
                }

        body.layout-hero-header.section-artists.no-page-params #container {
            padding-top: 100px;
        }
        #responsive_slide_nav_wrapper {
            padding: 20px;
        }
        .subsection-works #ig_slider .slick-slide {
            padding: 0 20px;
        }
        
    #store_cart_widget #scw_items .scw_total_items,
    #wishlist_cart_widget #wcw_items .wcw_total_items {
        margin-left: 9px;
    }
    
    #store_cart_widget #scw_items {
        margin-right: 0px;
    }
    
    .wcw_total_count,
    .scw_total_count {
        font-size: 14px;
    }
    
    #wishlist_cart_widget #wcw_checkout {
        width: 17px;
        height: 30px;
    }
    #store_cart_widget #scw_checkout {
        width: 17px;
    }
    
    .store_cart_widget_inner,
    .wishlist_cart_widget_inner {
        padding-left: 0px;
    }
        
    
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #hero_header {
        position: relative;
        font-size: 12px;
    }
    #hero_header .inner {
        height: auto;
        min-height: 580px;
    }
    body.cms-frontend-toolbar-active #header.header_fixed,
    body.type-fullscreen.cms-frontend-toolbar-active #header.header_fixed {
        top: 0;
        position: absolute !important;
    }
    #hero_header #hero_heading,
    .history-intro-header, .history-intro-header h1, .history-intro-header h1 a{
        font-size: 43px;
        line-height: 45px;
    }
    #hero_header .subtitle,
    .feature_panels .records_list.image_list ul li.panel_hero .hero_heading .subtitle {
        padding: 5px 0 0;
        letter-spacing: 3px;
        color: #fff;
        font-size: 16px;
    }
    #hero_header .subtitle,
    .feature_panels .records_list.image_list ul li.panel_hero .hero_heading .subtitle {
        font-size: 15px;
    }
    #header .inner, body.type-fullscreen #header .inner,
    #header.header_fixed .inner {
        padding: 0;
    }
        #logo {
            margin-bottom: 0;
        }


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

    .accordion-list.records_list ul li .image {
        width: 100% !important;
        clear:both;
        margin-bottom:25px!important;
    }
    .records_list.accordion-list ul li .content {
        width: 100% !important;
        clear:both;
    }
    li.accordion-section .accordion-open-indicator {
        display:none !important;
    }
    #section-overview .content_section_header,
    #section-overview .links-wrapper {
        width: 100%;
        float:none;
        clear:both;
        display:block;
        margin: 0 0 25px;
    }
    #section-overview .description {
        width: 100%;
        float: none;
        clear: none;
        display: block;
    }
    #hero_header .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    .subsection-artist-detail-page #sub_nav.navigation ul,
    .subsection-exhibition-detail-page #sub_nav.navigation ul {

    }
    #sub_nav.navigation, .list_grid_control.navigation,
    .page-header .navigation, .page-header #exhibitions_nav.navigation  {
        float: left;
        clear: both;
        padding: 0;
    }
    #sub_nav.navigation ul li,
    #exhibitions_nav.navigation ul li,
    .list_grid_control.navigation ul li {
        margin: 0 15px 0 0;
    }
    .feature_list ul li .content h2 {
        font-size: 28px;
        line-height: 31px;
    }
    .feature_list ul li .content .subtitle {
        font-size: 23px;
        line-height: 27px;
    }
    .records_list .content .subtitle {
        font-size: 20px;
        line-height: 26px;
    }
    .feature_list ul li .content .date:before, .accordion-list ul li .content .date:before {
        padding-top: 17px;
        margin-top: 16px;
    }
    .records_list.accordion-list ul li.accordion-section.accordion-active {
        padding: 20px 0;
    }
    .page-header {
        margin: 0 0 30px;
    }
    #section-overview {
        padding-bottom: 0;
    }
    .content_section .inner {
        padding: 45px 0 20px;
    }
    .content_section .description {
        margin: 0 0 25px 0;
    }
    .subsection-related-content .records_list .content .description {
        display: none;
    }

    #footer.advanced_footer .advanced_footer_item {
        padding: 0 0 20px 0;
        width: 100%;
    }

    #image_gallery.unavailable #content_module:before {
        top: 38px;
        left: -20px;
    }

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

    .section-home #slideshow.fullscreen_slideshow ul li .content .inner {
        padding: 0px 20px;
    }
    .fullscreen_slideshow .caption-bar {
        min-height: 70px;
    }
    .caption-bar .link,
    .caption-bar-date {
        font-size: 14px;
        line-height: 70px;
    }
    .custom-homepage-panels {
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .custom-homepage-panels ul li,
    .custom-homepage-panels ul.two-col li,
    .custom-homepage-panels ul.three-col li{
        width: 50%;
    }
    .section-news .news-header.heading_wrapper {
        width: 100%;
    }
    .section-news #main_content h1 {
        margin-bottom: 20px;
    }
    #news_categories_nav.navigation {
        float: none;
        clear: both;
    }
    #news_categories_nav.navigation ul li {
        display: inline;
        margin: 0 25px 0 0;
    }
    #sidebar .image {
        margin-bottom: 10px;
    }
    #sidebar .caption {
        padding-top: 0;
    }
    .section-news .subsection-news-record #content_module {
        padding-top: 30px;
    }
    
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent .outer {
        vertical-align: baseline;
    }
    
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent.panel_variant_2 {
        display: flex;
        flex-direction: column;
    }
    
    .feature_panels .records_list.image_list ul li.panel_image_text_adjacent.panel_variant_2 .content {
        order: 1;
    }
    
    .store-header.heading_wrapper {
        margin-bottom: 30px;
    }
    
    
    .section-store.page-param-artists #content #artist_list ul li {
        width: 100%;
        margin: 0 0 45px 0;
        padding-right: 0;
        box-sizing: border-box;
    }
    
    .section-store.page-param-artists #content #artist_list ul {
        margin-right: 0;
    }
    
    .section-store .navigation ul li a {
        line-height: 30px;
    }
    
    .section-store .subsection-store-grid-publications .records_list.tile_list ul {
            width: 50%;
            padding-right: 30px;
        }
    
    .section-store .subsection-store-grid-publications .records_list.tile_list .tile_list_formatted {
        margin-right: -30px;
    }
    
    
    

    /*  Exhibitions
    ----------------------------------------------------------- */
    .section-history #content_module_ajax,
    .history-header.heading_wrapper.clearwithin{
        width: 100%;
        position: relative;
        display: block;
    }
    .history-header, .history-header h1, .history-header h1 a {
        font-size: 41px;
        line-height: 46px;
    }

        .section-store .subsection-store-grid-artworks .records_list.detail_list > ul > li,
        .section-store .subsection-store-grid-publications .records_list.detail_list > ul > li{
            width: 50%;
        }
    .section-store .feature_list ul li .content,
    .section-store .feature_list ul li .image{
        width: 100%;
        float:none;
        display:block;
        text-align: left;
    }
    #section-related-content {
        position: relative;
        overflow:visible;
    }
    #related-content-background {
        position: absolute;
        left: 0;
        right: 0;
        /* z-index: -1; */
        z-index: 90;
    }
    /*#hero_image_responsive {
        left: -30px;
        right: -30px;
    }*/
    .section-store .feature_panels .records_list.image_list > ul > li,
    .section-store .feature_panels .records_list.detail_list > ul > li {
        width: 100% !important;
    }
    #store_cart_widget {
        float: right;
    }
    #section-related-content .subsection-related-content .records_list ul li {
        width: 50%;
    }
    .subsection-related-content .records_list .image,
    .subsection-related-content .records_list .image span {
        width: 100%;
        height: auto;
    }
    .section-artists .subsection-related-content .records_list.image_list ul li .image img,
    .section-exhibitions .subsection-related-content .records_list.image_list ul li .image img {
        max-height: 280px !important;
    }

    .page-contact #map_basic {
        width: 100%;
        height: 500px;
        margin-bottom: 15px;
    }
    .section-home #slideshow ul li:before {
        /* darken removed at request of client */
        /*background: rgba(0, 0, 0, 0.3);*/
        z-index: 999;
    }
    .page-artists .subsection-artist-list-preview-letters #sidebar {
        display: none;
    }
    .page-param-type-exhibition_id.layout-hero-header #main_content,
    body.layout-hero-header.layout-fixed-header.section-artists.page-param-type-artist_id #main_content{
        padding-left: 0;
        padding-right: 0;
    }

    .content_section {
        width: 100%;
        clear: both;
        overflow: hidden;
        box-sizing: border-box;
    }

    #header #store_cart_widget {
        float: right;
        padding-top: 20px;
        padding-left: 0;
        position: static;
        right: 0;
    }
    
    #header #wishlist_cart_widget {
        float: right;
        padding-top: 20px;
        padding-left: 16px;
        position: static;
        right: 0;
    }


    .records_list.tile_list ul,
    .section-store .records_list.tile_list ul  {
        width: 50%;
    }
    .subsection-store-basket #content_module {
        margin-bottom: 80px;
    }


    #section-overview #sidebar,
    .scrolling-header-wrapper {

    }
    .subsection-overview {
        padding-top: 30px;
    }

    .text-mask {
        margin-bottom: 30px;
    }
    body .subsection-works #image_gallery #image_container {
        width: 100% !important;
        float: none !important;
    }
    body .subsection-works #image_gallery #content_module {
        width: 100%;
        float: none;
    }
    #exhibitions-grid-forthcoming .subheading,
    #exhibitions-grid-past .subheading {
        margin-top: 30px;
        font-size: 17px;
    }
    #exhibitions-grid-current .subheading {
        font-size: 17px;
    }
    
    /* About
    ----------------------------------------------------------- */
    
    .section-about.page-about #sidebar {
        position: static;
    }
    
    /*  Artists
    ----------------------------------------------------------- */
    
    .page_enquiry_widget form #pew_field_email {
        width: 60%;
    }
    
    .page_enquiry_widget form .page_enquiry_widget_submit {
        margin-left: 15px;
        height: 40px;
        width: 70px;
    }

}





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


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

    .section-home .fullscreen_slideshow .hero_splash_text .title {
        font-size: 46px;
        line-height: 59px;
    }
    .tile_list_formatted {
        margin-right: 0;
    }
    .records_list.tile_list ul,
    .section-store .records_list.tile_list ul {
        width: 100%;
        padding-right: 0;
    }
    .subsection-related-content .records_list.image_list ul {
        width: auto;
        margin-right: 0;
    }
    #main_content .subsection-exhibition-detail-page .heading_wrapper .subtitle {
        padding-left: 15px;
    }
    .layout-fixed-header #main_content {
        padding-top: 100px;
    }
    h1 {
        font-size: 29px;
        line-height: 36px;
    }
    .heading_wrapper {
        margin: 0 0 30px;
        padding-bottom: 17px;
    }
    .subsection-artist-detail-page .heading_wrapper,
    .subsection-exhibition-detail-page .heading_wrapper {
        margin-bottom: 0;
    }
    .heading_wrapper .share_link {
        margin-bottom: 1em;
    }
    .subsection-artist-detail-page .navigation ul li a,
    .subsection-exhibition-detail-page .navigation ul li a {
        line-height: 30px;
    }
    .subsection-artist-detail-page .content_section .inner,
    .subsection-exhibition-detail-page .content_section .inner {
        padding-top: 0;
    }

    .section-exhibitions .standard-entry-list #exhibitions_nav {
        margin: 0 0 20px;
    }
    .section-history .records_list > ul,
    .section-exhibitions .subsection-installation .records_list > ul{
        width:100%;
        margin: 0 0 0 0;
    }

    .section-history .records_list > ul > li,
    .section-exhibitions .subsection-installation .records_list > ul > li{
        width:100%;
        padding: 0 0 0 0;
        margin-bottom:30px;
    }
    #footer.advanced_footer .advanced_footer_item {
        padding: 0 0 20px 0;
        width: 100%;
    }

    .page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul {
        width: 100%;
        float: none;
        clear: both;
        box-sizing: border-box;
    }

    .subsection-artist-detail-page .hero_clear,
    .subsection-exhibition-detail-page .hero_clear {
        margin-top: 0;
    } 


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #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;
            }
        #responsive_slide_nav_wrapper {
            padding: 12px;
        }
        .responsive-nav-slide-nav #responsive_slide_nav_wrapper .navigation ul li a {
            font-size: 24px;
            height: 34px;
        }
        #top_nav ul {
            padding-top: 20px;
        }

    .records_list .content h2 {
        font-size: 23px;
        line-height: 27px;
    }
    
    #wcw_popup_inner .button {
        width: 100%;
    }
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #main_content {
        padding-left: 12px;
        padding-right: 12px;
    }

    #hero_header #hero_heading {

    }
    #hero_header .inner {
        padding-left: 12px;
        padding-right: 12px;
    }

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

    .caption-bar-date,
    .caption-bar .link {
        line-height: 70px;
    }
    .fullscreen_slideshow .caption-bar {
        min-height: 70px;
    }
    body.responsive-layout-forced-lists .accordion-list.records_list.detail_list ul li .image {
        width: 100% !important;
        clear:both;
        margin-bottom:25px!important;
    }
    body.responsive-layout-forced-lists .accordion-list.records_list.detail_list ul li .content {
        width: 100% !important;
        clear:both;
    }

    #image_gallery.unavailable #content_module:before {
        top: 0px;
        left: 2px;
    }

    .section-exhibitions #image_gallery.unavailable #content_module:before {
        top: -10px;
        left: 2px;
    }


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    .custom-homepage-panels ul li .image {
        margin-bottom: 12px;
    }

    .custom-homepage-panels ul li,
    .custom-homepage-panels ul.two-col li,
    .custom-homepage-panels ul.three-col li{
        width: 100%;
    }
    .section-home #slideshow.fullscreen_slideshow ul li .content .inner {
        width: auto !important;
        padding: 0 15px;
    }
    .custom-homepage-panels ul li h2, .custom-homepage-panels ul li h2 b {
        font-size: 23px;
        line-height: 29px;
        margin-bottom: 10px;
    }
    .section-home #slideshow.fullscreen_slideshow ul li .content h2,
    .fullscreen_slideshow ul li .content h2 a,
    .fullscreen_slideshow ul li .content h2 a:visited,
    #hero_header #hero_heading{
        font-size: 37px;
        line-height: 39px;
    }
    .fullscreen_slideshow ul li .content h2 a .h1_subtitle,
    .fullscreen_slideshow ul li .content h3,
    .fullscreen_slideshow ul li .content .date,
    #hero_header .subtitle,
    .feature_panels .records_list.image_list ul li.panel_hero .hero_heading .subtitle {
        font-size: 17px;
        line-height: 23px;
        letter-spacing: 0.4px;
    }
    .page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul li {
        padding-right: 0;
    }
    #section-overview .quote {
        font-size: 22px;
        line-height: 32px;
    }
    .content_section .content_section_heading {
        font-size: 26px;
        margin-bottom: 18px;
    }
    .content_section#section-works .inner,
    .content_section#section-installation-views .inner{
        padding: 40px 0 55px;
    }
    .content_section#section-related-content .inner {
        padding: 40px 15px 55px 15px;
    }

    #section-related-content .subsection-related-content .records_list ul li {
        width: 100%;
        padding: 0;
    }
    #related-content-background {

    }
    .section-artists .subsection-related-content .records_list.image_list ul li .image img,
    .section-exhibitions .subsection-related-content .records_list.image_list ul li .image img {
        max-height: none !important;
    }
    
    #list_expander, #history-bg {
        height: 560px;
        background-size: cover;
    }
    .section-history .content_alt {
        padding: 90px 0 75px 0;
        height: 375px !important;
    }
    .section-store .subsection-store-grid-publications .records_list.tile_list ul {
            width: 100%;
            padding-right: 0px;
        }
    .section-store .subsection-store-grid-publications .records_list.tile_list .tile_list_formatted {
        margin-right: 0px;
        padding-top: 20px;
    }
    .section-store .records_list .tile_list_formatted ul li {
        padding-bottom: 0;
    }
    .history_grid.records_list.detail_list ul .first_date {
        width: 100vw;
        margin-left: -12px;
    }
}