@import url(/lib/g/1.0/styles/responsive_base.css) screen and (max-width: 1280px);
@import url(/styles/responsive_size4_only.css) screen and (min-width: 1023px) and (max-width: 1280px);
@import url(/lib/g/1.0/styles/responsive_size3_only.css) screen and (min-width: 768px) and (max-width: 1023px);



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

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

        #main_content #h1_wrapper,
        #main_content #h1_wrapper h1,
        #main_content h1 {
            width:auto;
        }
        .feature_list ul li .content {
            padding-top: 20px;
        }
        body #image_gallery #image_container,
        .section-exhibitions #scrolling-page-inner #image_gallery #image_container,
        .subsection-publication-record #sidebar{
            width: 54%;
            float: left;
        }
        body #image_gallery #content_module,
        .section-exhibitions #scrolling-page-inner #image_gallery #content_module,
        .subsection-publication-record #content_module{
            width: 42%;
            float: right;
        }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #top_nav_reveal {
        float: none;
        display: none;
    }

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #header_quick_search #header_quicksearch_btn {
        position: absolute;
        right: 0px;
    }
    #header_quick_search .inputField, #header_quick_search.header_quick_search_reveal .inputField {
        width: 100%;
        height: 33px;
        box-sizing:border-box;
        position:relative;
    }
    #header_quick_search form {
        border: 1px solid #DDD;
        position:relative;
    }

    #content_module {
        width: 51%;
    }
    #sidebar {
        width: 43%;
    }
    #sub_nav.navigation {
        float: right !important;
        width: auto !important;
        margin: 0 !important;
        height: auto;
        clear:none !important;
    }

    #main_content #h1_wrapper,
    #main_content #h1_wrapper h1,
    #main_content h1 {
        min-width: 0;
        width: auto;
    }
    #sub_nav.navigation ul li,
    #exhibitions_nav.navigation ul li,
    .list_grid_control.navigation ul li {
      margin: 0 0 0 20px;
    }
    #main_content h1 {
        margin: 0 0 50px !important;
    }

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



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


        body.responsive-layout-forced-image-lists.section-home .feature_panels .records_list.image_list ul li .image{
            margin:0 !important;
        }
        body.responsive-layout-forced-lists .records_list.feature_list ul li .content {
          width: 43% !important;
          float: right !important;
        }
        body.responsive-layout-forced-lists .records_list.feature_list ul li .image {
            width: 53% !important;
            float: left !important;
        }
        .records_list ul li {
            margin: 0 0 50px !important;
        }

        /* -----------------------------------------------------------
           ARTWORKS
        ----------------------------------------------------------- */
        body .artworks-page-detail-view-container #image_gallery #image_container,
        .section-exhibitions #scrolling-page-inner #image_gallery  #image_container,
        .subsection-publication-record #sidebar{
            width: 60% !important;
            float: left !important;
        }
        body .artworks-page-detail-view-container #image_gallery #image_container {
            display: block;
        }
        body .artworks-page-detail-view-container #image_gallery #content_module,
        .section-exhibitions #scrolling-page-inner  #image_gallery #content_module,
        .subsection-publication-record #content_module {
            width: 35% !important;
            float: right !important;
        }
        .section-artworks #main_content h1 {
            float: left;
            width: auto;
        }
        #sub_nav.navigation ul li,
        #exhibitions_nav.navigation ul li,
        .list_grid_control.navigation ul li {
           /* margin: 0 0 0 20px;*/
        }
        #sticky-nav #sub_nav.navigation ul li{
            margin: 0 10px;
        }
        
        .section-home #slideshow.fullscreen_slideshow ul li .content h2 span {
            display: block !important;
        }
        
        .section-home #slideshow.fullscreen_slideshow ul li .content h2 a span.separator {
            display: none !important;
        }

        /* -----------------------------------------------------------
           EXHIBITIONS
        ----------------------------------------------------------- */
        .section-exhibitions #exhibitions_nav.navigation {
            float: right !important;
            clear: none !important;
            width: auto !important;
        }

        .section-exhibitions #main_content h1 {
            float: left !important;
            clear: none !important;
            width: auto !important;
            margin: 0 auto 35px auto !important;
        }
        #exhibitions-grid-past .records_list ul li {
            padding:0;
        }
        .subnav_fixed .sticky-header.slide-down #sub_nav,
        .subnav_fixed .sticky-header.slide-down #exhibitions_nav {
          margin-top: 16px !important;
        }
        .section-exhibitions .subsection-exhibition-detail-page #sub_nav.navigation {
            float: none !important;
            width: 100% !important;
        }
        .section-exhibitions #main_content h1 {
            float: left !important;
            clear: none !important;
            width: auto !important;
            margin: 0 auto 35px auto !important;
        }
        .section-exhibitions #exhibitions_nav.navigation {
            float: right !important;
            clear: none !important;
            width: auto !important;
        }

        .section-publications .publication-list-container {
            max-width: 55%;
        }
        .section-publications .publication-text-list {
            max-width: 40%;
        }

        /* -----------------------------------------------------------
           PRESS
        ----------------------------------------------------------- */
        .section-press #content {
            float: left !important;
            width: 79% !important;
        }
        .section-press .sidebar {
            width: 20%;
        }
        .section-press .records_list ul li .image span {
            vertical-align: middle;
        }
}




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

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

        .feature_list ul li .content {
            padding-top: 20px;
        }
    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #main_content h1 {
        margin: 0 0 20px !important;
    }
    #main_content #h1_wrapper,
    #main_content #h1_wrapper h1,
    #main_content h1 {
        min-width: 0;
        width: 100%;
    }

    #sub_nav.navigation {
        float: none !important;
        width: 100% !important;
        min-height: 0 !important;
        min-width: 0 !important;
        margin: 0 0 40px 0 !important;
        height: auto;
        clear: both !important;
    }
    #sub_nav.navigation ul li,
    #exhibitions_nav.navigation ul li,
    .list_grid_control.navigation ul li {
          margin: 4px 15px 0px 0
    }
    .section-publications .sticky-header .inner #sub_nav .inner {
        padding: 0;
    }

    #container {
        padding-top: 150px;
    }
    #logo {
      margin: 10px auto 16px auto;
    }
    #header .inner{
        padding-bottom:22px;
    }
    #top_nav {
        position:absolute;
        left:0;
        right:0;
        top: 96px;
        background-color: #F4F4F2;
        background-image: url(/images/header_bg.jpg);
        background-repeat: repeat;
        padding: 0 20px 0 20px;
    }
    #top_nav.top_nav_centered ul.topnav {
        display: none;
        padding-bottom: 15px;
        margin-right: -14px;
        text-align: left;
        overflow: hidden;
    }
    #top_nav.navigation.top_nav_centered ul li {
        float: none;
        display: inline-block;
        width: 33.3%;
        vertical-align: top;
        margin: 0;
        margin-right: -4px;
        padding-right: 14px;
        height: 48px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;

    }
    #top_nav.navigation.top_nav_centered ul li a{
        font-size: 13px;
        letter-spacing: 1.1px;
        text-transform: uppercase;
        border-top: 1px solid rgba(175, 165, 165, 0.11);
        width: 100%;
        display: block;
    }
    #top_nav .nav_wrapper {
        display: block;
          padding-bottom: 0;
    }
    .topnav {
        opacity: 0;
        transition: opacity .6s ease-in-out;
        -moz-transition: opacity .6s ease-in-out;
        -webkit-transition: opacity .6s ease-in-out;
    }
    .responsive-nav-open .topnav {
        opacity: 1.0;
    }

        #sticky-nav #sub_nav {
            margin: 0 !important;
        }
        #top_nav.top_nav_centered #top_nav_reveal_custom {
            display: block;
            right: 23px;
            top: -59px;
        }
        #top_nav #top_nav_reveal_custom{
            position: absolute;
            top: -52px;
            /* width: auto !important; */
            background-image: url(/images/nav_icons.png);
            background-repeat: no-repeat;
            background-position: 5px -40px;
            text-indent: -9999px;
            display: block;
            width: 30px !important;
            height: 30px;
            cursor:pointer;
        }

            .device-highres #top_nav #top_nav_reveal_custom,
            .device-highres #top_nav #search_reveal_custom {
                background-image: url(/images/nav_icons_retina.png);
                background-size: auto 60px;
            }


            #top_nav_reveal_custom:hover{
                background-position:-44px -40px;
            }
        #top_nav #top_nav_reveal_custom ul li{
            cursor:pointer;
            display:inline-block;
            vertical-align:middle;
        }
        #top_nav #top_nav_reveal_custom ul li a{
            line-height: 20px;
            padding:0;
            display:inline-block;
            vertical-align:middle;
            position:relative;
        }
        #top_nav #search_reveal_custom {
            display: block;
            left: 23px;
            top: -59px;
            position: absolute;
            background-image: url(/images/nav_icons.png);
            background-repeat: no-repeat;
            background-position: 7px 7px;
            text-indent: -9999px;
            display: block;
            width: 30px !important;
            height: 30px;
            cursor:pointer;
            padding: 0;
        }
        #top_nav #header_quick_search {
            margin: 0 auto 20px auto;
            display:none;
            padding-bottom:20px;
        }

        /*
        #top_nav_reveal_custom ul li a:before{
            content:"+";
            font-size: 22px;
            line-height: 20px;
            height: 20px;
            width: 20px;
            display:inline-block;
            vertical-align:middle;
            -webkit-transition: .4s ease-in-out;
            transition: .4s ease-in-out;
            position: absolute;
            left: -20px;
            top: -5px;
        }
        */
        #top_nav_reveal_custom ul li:hover a:before{
            -webkit-transition: .4s ease-in-out;
            transition: .4s ease-in-out;
            -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
            header p.menu a:hover span.cross-container span.cross i {
            background-color: #ffffff; }
            .nav-open header p.menu a:hover span.cross-container span.cross i {
            background-color: #000000; }
            .nav-open header p.menu a:hover span.cross-container span.cross {
            -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }
        .responsive-nav-open #top_nav_reveal_custom ul li a:before {
            -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }




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

        .subnav_fixed #sub_nav.navigation ul li,
        .subnav_fixed #exhibitions_nav.navigation ul li,
        .subnav_fixed .list_grid_control.navigation ul li,
        .subnav_fixed #artwork_filter_nav > ul > li {
            margin: 0 10px 0 10px;
            display:inline-block;
            float:none;
        }
        .subnav_fixed .sticky-header h1 {
            display:none;
        }
        .subnav_fixed .sticky-header #sub_nav,
        .subnav_fixed .sticky-header #artwork_filter_nav,
        .subnav_fixed .sticky-header #exhibitions_nav.navigation {
            width: 100% !important;
            float:none !important;
        }
         .subnav_fixed .sticky-header #sub_nav ul,
        .subnav_fixed .sticky-header #artwork_filter_nav ul,
        .subnav_fixed .sticky-header #exhibitions_nav.navigation ul {
            text-align:center;
        }
        .subnav_fixed .sticky-header.slide-down #sub_nav,
        .subnav_fixed .sticky-header.slide-down #artwork_filter_nav,
        .subnav_fixed .sticky-header.slide-down #exhibitions_nav {
            margin-top: 12px !important;
        }




        /* -----------------------------------------------------------
            Global classes
        ----------------------------------------------------------- */
        body #image_gallery #content_module,
        .section-exhibitions #scrolling-page-inner #image_gallery #content_module {
            width: 42%;
            float: right;
        }


        /* -----------------------------------------------------------
           Page Specific
        ----------------------------------------------------------- */
            .section-publications .publication-list-container {
                max-width: 100%;
                float: none;
            }
            .section-publications .publication-text-list {
                max-width: 100%;
                float: none;
            }

            /* -----------------------------------------------------------
               Exhibitions
            ----------------------------------------------------------- */


    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.single-feature-item,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.single-feature-item{
        width: 100% !important;
        margin-right: 0 !important;
    }
    /*
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.single-feature-item .image,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.single-feature-item .image{
        float:left !important;
        width: 47% !important;
        margin-right: 6% !important;
    }
   
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.single-feature-item .content,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.single-feature-item .content {
        width: 47% !important;
        float: right !important;
        text-align: center;
    }
     */
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.single-feature-item .content .description,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.single-feature-item .content .description {

    }
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.single-feature-item .image,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.single-feature-item .image,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.single-feature-item .image span,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.single-feature-item .image span {
        width: 100%;
        height: auto;
    }
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.single-feature-item .image img,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.single-feature-item .image img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    /*
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.double-feature-item,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.double-feature-item{
        width: 50% !important;
        margin-right: 0% !important;
        padding-right: 0;
    }
    */
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.double-feature-item:nth-of-type(2),
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.double-feature-item:nth-of-type(2){
        margin-right: 0 !important;
    }

    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.double-feature-item .image,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.double-feature-item .image{
        float:left;
    }

    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.double-feature-item .image,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.double-feature-item .image span,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.double-feature-item .image,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.double-feature-item .image span {
        width: 100%;
        height: auto;
    }
    /*
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past li.double-feature-item .image img,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location li.double-feature-item .image img{
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
*/
            .section-exhibitions #exhibitions_nav.navigation {
                float: right !important;
                clear: none !important;
                width: auto !important;
            }

            .section-exhibitions #main_content h1 {
                float: left !important;
                clear: none !important;
                width: auto !important;
                margin: 0 auto 35px auto !important;
            }
            .section-exhibitions .exhibition #content_module .description {
                width: 100%;
                float: none;
                -webkit-column-count: 1;
                -moz-column-count: 1;
                column-count: 1;
                -webkit-column-gap: 0;
                -moz-column-gap: 0;
                column-gap: 0;
                text-align: justify;
            }
   
            #scrolling-page {
                padding-top: 466px;
            }

            .exhibition #hero_header {
                top: 97px;
            }



}



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


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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #main_content, #main_content {
        padding-top: 0;
    }
    .subnav_fixed .artworks-header{
        position: static !important;
        top: auto;
        left: auto;
        right: auto;
        z-index: 99;
        height: auto;
        background-color: transparent;
        background-image: none;
    }
    .subnav_fixed #main_content{
        padding-top:6px;
    }
    #header {
        margin: 0 0 12px;
    }
    #main_content {
        padding-left: 20px;
        padding-right: 20px;
    }
    #container {
        padding-top: 0;
    }
    #top_nav.top_nav_centered #top_nav_reveal {
        margin-bottom: 0 !important;
    }
    #hero_header {
        position: absolute;
        height: 400px;
    }
    h1, .h1 {
        font-size: 22px;
    }
    #main_content h1,
    .section-artworks #main_content h1{
        text-align: center;
        float: none;
        width: 100%;
        text-align: center;
    }
    .section-exhibitions #exhibitions_nav.navigation {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        text-align: center;
    }
    #artwork_filter_nav {
        float: none;
        clear: both;
        text-align: center;
    }
        /* Show the medium dropdown menu on the responsive site */
        #artwork_filter_nav > ul > li.dropdown-medium {
            display: inline-block;
        }
        /* Hide the medium open menu on the responsive site, only show this on the desktop site */
        #artwork_filter_nav.artwork-filters-open-list {
            display: none;
        }
    .navigation ul{
        text-align:center;
        padding-bottom:20px;
    }
    .navigation ul li,
    #sub_nav.navigation ul li,
    #exhibitions_nav.navigation ul li,
    .list_grid_control.navigation ul li {
        margin: 0 10px 0 10px;
        display: inline-block;
        float: none;
    }

    #top_nav.navigation.top_nav_centered ul li a {
        border-top:0;
    }

    .section-publications .publication-text-list {
        column-count: 1;
    }

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

    #top_nav {
        padding: 0 !important;
    }
    #top_nav.navigation.top_nav_centered ul li {
        padding-right: 14px;
        padding-left: 14px;
        height: 35px;
    }

    .page-section, .page-section-heading {
        padding-bottom: 50px;
    }
    .exhibition-header {
        padding-top: 40px;
        margin: 0 auto 40px auto;
    }

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    
    body.responsive-layout-forced-lists .records_list.feature_list ul li .image {
        width: 100% !important;
        float: none !important;
    }
    body.responsive-layout-forced-lists .records_list.feature_list ul li .content {
        width: 100% !important;
        float: none !important;
    }
    .feature_list ul li .content {
        padding-top: 10px;
    }
    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */

        /* -----------------------------------------------------------
           ARTWORKS
        ----------------------------------------------------------- */
        #artwork_filter_nav > ul > li {
            margin: 0 10px;
            position: static;
        }
        #artwork_filter_nav > ul > li.active .dropdown-centre {
            left:0;
            width: 100%;
            top: 250px;
        }
        .dropdown-wrapper:after {
            display:none;
        }
        #artwork_filter_nav > ul > li.dropdown-years.active .dropdown-centre {
            width: 100%;
            left: 0;
        }
        .dropdown-years .dropdown-wrapper:after {
            right: 50%;
            margin-right: -16px;
        }
        .dropdown-wrapper {
            max-width: 300px;
            width: 90%;
            margin: 0 auto;
        }
        #category_filter.artwork_filter ul li,
        #medium_filter.artwork_filter ul li {
            margin:0 -4px 0 0;
        }

         body .artworks-page-detail-view-container #image_gallery #image_container,
        .section-exhibitions #scrolling-page-inner #image_gallery  #image_container,
        .subsection-publication-record #sidebar{
            width: 100% !important;
            float: none !important;
        }
        body .artworks-page-detail-view-container #image_gallery #content_module,
        .section-exhibitions #scrolling-page-inner  #image_gallery #content_module,
        .subsection-publication-record #content_module {
            width: 100% !important;
            float: none !important;
        }

        .artwork_details_wrapper {
            padding-top: 25px;
        }
        #image_gallery {
            text-align: center;
        }
        /* -----------------------------------------------------------
           Exhibitions
        ----------------------------------------------------------- */
        .section-exhibitions .slick-slide .responsive_only {
            display: block;
            pointer-events: all;
        }
        .fancybox-powerzoom .fancybox-wrap, .fancybox-powerzoom .fancybox-inner {
            position: fixed !important;
        }
        .section-exhibitions.page-hero-end #sticky-nav {
            display: none !important;
        }
        #page-section-installation-views #ig_slider .image a {
            pointer-events: none;
        }


        .year-divider-line {
            width: 42%;
        }
        .year-divider-text {
            width: 15%;
            font-size: 18px;
        }
            .section-exhibitions #exhibitions_nav.navigation {
                float: none !important;
                clear: both !important;
                width: auto !important;
            }

            .section-exhibitions #main_content h1 {
                float: none !important;
                clear: none !important;
                width: auto !important;
                margin: 0 auto 35px auto !important;
            }
        body.fancybox-powerzoom {
            overflow:hidden;
        }

        .section-exhibitions #page-section-introduction {
            text-align: center;
            max-width: 665px;
            width: 100%;
            margin: 0 auto;
        }
        
        .section-publications .publication-text-list .description,
        .exhibition-text-list {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-gap: 0;
            -moz-column-gap: 0;
            column-gap: 0;
        }
        #scrolling-page {
            padding-top: 361px;
        }
        .exhibition-header .h1_heading {
            display: block;
            font-size: 33px;
            margin: 0 0 18px 0;
        }
    #ig_slider .slick-slide {
        padding: 0 11px;
        text-align: center;
    }
    .page-hero-end .subnav-wrapper-inner {
        min-height: 43px;
    }
    #sticky-nav #custom_sub_nav_close {
        display: block;
    }
    #custom_sub_nav_close {
        display: inline-block;
        float: left;
        text-indent:-9999px;
        background-image: url(/images/sticky_close.png);
        background-repeat: no-repeat;
        background-position: center center;
        display: block;
        width: 23px;
        height: 24px;
        cursor:pointer;
    }
    .page-hero-end #sticky-nav #sub_nav {
        padding: 10px 15px 7px 15px;
        box-sizing: border-box;
        min-height:44px !important;
        background-color: #F4F4F2;
        background-image: url(/images/header_bg.jpg);
        background-repeat: repeat;
    }
    #sticky-nav #sub_nav {
        padding: 10px 0 7px 0;
        box-sizing: border-box;
        min-height:43px !important;
        background-repeat: repeat;
        position: relative;
        overflow: hidden;
    }
    .subsection-exhibition-detail-page .subnav-menu-wrapper {
        float: none;
        width: 100% !important;
        height: 62px;
        white-space: nowrap;
        overflow: auto;
        position: absolute;
        z-index: 5;
        top: 10px;
        left: 0;
        right: 0;
        padding: 0 0 5px 5px;
        text-align: left;
        display:none;
    }
    .subsection-exhibition-detail-page #sub_nav ul {
        margin: 0 !important;
        width: auto !important;
        clear: none;
        white-space: nowrap;
        text-align:left;
    }
    .subnav_active_indicator {
        color: #969490;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 13px;
        /* width: 100%; */
        float: left;
    }

    .subsection-exhibition-detail-page #sub_nav.navigation ul li a {
        padding-top: 6px;
        width:100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
    }
    .subsection-exhibition-detail-page #sub_nav.navigation ul li.active a,
    .subsection-exhibition-detail-page #sub_nav.navigation ul li.active a:visited,
    .subsection-exhibition-detail-page #sub_nav.navigation ul li.active a:hover {
        color: #202020;
        background-image: none;
        background-repeat: repeat;
        padding: 0;
    }
    #custom_sub_nav_reveal {
        color: #A9A9A9;
        float: right;
        font-size:14px;
        cursor:pointer;
        background-image: url('/images/subnav_menu_icon.png');
        background-repeat: no-repeat;
        padding-right: 15px;
        background-position: right center;
        color: #969490;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 13px;
    }
    #sticky-nav .subnav-reveal-wrapper {
        display: block;
    }
    .popup-menu-bar {
        height: 44px;
        padding: 0px 15px;
    }
    .custom-fancybox-controls {
        padding: 0 0 0 0;
        margin-top:10px;
    }
    .custom-fancybox-close{
        padding: 0 14px 0 0;
        margin-top:10px;
    }



        /* -----------------------------------------------------------
           Video
        ----------------------------------------------------------- */
        .section-video #sidebar_ajax {
            width: 100%;
            float: none;
            lear: both;
        }
        .section-video #content_module_ajax {
            width: 100%;
            float: none;
            clear: both;
            padding-top: 30px;

       }

    /* -----------------------------------------------------------
       PRESS
    ----------------------------------------------------------- */
    .section-press #content {
        float: none !important;
        width: 100% !important;
    }
    .section-press .sidebar {
        width: 100%;
        float: none;
    }
    .section-press .records_list ul li .image span {
        vertical-align: middle;
    }


    .section-search #quick_search {
        float: none;
        clear: both;
        width: 100%;
    }
    .section-search #quick_search form {
        width: 100%;
    }
    .section-search #main_content #quick_search .inputField {
        width: 90%;
    }
    .section-search #main_content #quick_search #quicksearch_btn {
        padding: 6px 0 1px 0;
        margin: 0;
        float: right;
        width:10%;
        text-align: right;
    }




}





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


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

    #header .inner,
    body.type-fullscreen #header .inner,
    #header.header_fixed .inner {
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
    }
    #header .inner {
        padding: 16px 0 8px 0;
    }
    #logo {
        background-size: auto 16px;
    }
    .device-highres #logo {
        background-size: auto 16px;
    }
    #top_nav {
        top: 69px;
    }
    #top_nav.navigation.top_nav_centered ul li {
        padding-right: 14px;
        padding-left: 14px;
        height: 29px;
    }
    #top_nav #search_reveal_custom {
        display: block;
        left: 9px;
        top: -49px;
    }
    #top_nav #header_quick_search {
        padding-left: 15px;
        padding-right: 15px;
    }
    #top_nav #search_reveal_custom,
    #top_nav.top_nav_centered #top_nav_reveal_custom{
        background-size: 60px auto;
    }
    #top_nav #search_reveal_custom {
      background-position: 7px 8px;
    }
    #top_nav.top_nav_centered #top_nav_reveal_custom {
        display: block;
        right: 7px;
        top: -49px;
        background-position: 5px -33px;
    }

    body.section-publications .detail_list ul li .content,
    body.section-publications .detail_list ul li .image {
        width: 100% !important;
    }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #main_content,
    #footer .inner {
        padding-left: 12px;
        padding-right: 12px;
    }
    .subnav_fixed .sticky-header.slide-down, {
        top: 0;
        display: none;
    }

    .fancybox-wrap.ajax-exhibition-artwork .fancybox-close {
        position: absolute;
        top: 0;
        right: 0;
    }
    .section-exhibitions .fancybox-inner #scrolling-page-inner #image_gallery {
        padding: 74px 15px 15px 15px;
    }

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    h1, .h1 {
        font-size:20px;
    }


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

    .feature_list ul li .content h2 {
        font-size: 22px;
        line-height: 25px;
        margin: 0 0 13px;
    }
    .feature_list ul li .content .subtitle {
        font-size: 18px;
        line-height: 23px;
        margin: 0 0 13px;
    }
    .detail_list ul li .content h2 {
        font-size: 17px;
        margin: 0 0 8px;
        line-height: 21px;
    }
    .detail_list ul li .content .subtitle {
        font-size: 14px;
        line-height: 21px;
        margin: 0 0 12px;
    }
    .detail_list ul li .content .date {
        font-size: 14px;
        line-height: 21px;
    }
    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */

        body.responsive-layout-forced-lists.section-press .records_list.detail_list ul li .fill {
            display: none;
        }
         body.responsive-layout-forced-lists.section-press .records_list.detail_list ul li .image span {
            padding-top: 5px;
         }
        
        
        /* -----------------------------------------------------------
           HOME
        ----------------------------------------------------------- */
        
        .fullscreen_slideshow ul li .content .exhibition_label,
        .fullscreen_slideshow ul li .content .artwork_label{
            font-size: 13px;
            line-height: 50px;
        }
    
        .fullscreen_slideshow ul li .content h2,
        .fullscreen_slideshow ul li .content h2 a,
        .fullscreen_slideshow ul li .content h2 a:visited,
        .fullscreen_slideshow ul li .content h2 a .separator {
            font-size: 18px;
            line-height: 20px;
        }
        
        .fullscreen_slideshow ul li .content h2 a .h1_subtitle {
            display: block;
            font-size: 12px;
            line-height: 20px;
        }

         /* -----------------------------------------------------------
           ARTWORKS
        ----------------------------------------------------------- */
        #artwork_filter_nav > ul > li.active .dropdown-centre {
            top: 204px;
        }
        .dropdown-wrapper {
            max-width: none;
        }


        body.responsive-layout-forced-image-lists .records_list.image_list ul li,
        body.responsive-layout-forced-lists .records_list.detail_list ul li {
            float: none !important;
            display: inline-block;
            vertical-align: top;
            width: 50% !important;
            margin-right: 0 !important;
            padding-right: 20px !important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            clear: none !important;
        }
        body.responsive-layout-forced-image-lists .records_list.image_list ul li .outer,
        body.responsive-layout-forced-lists .records_list.detail_list ul li .outer {
            display: inline-block;
            position: relative;
            width: 100%;
            margin-bottom: 15px;
        }
        body.responsive-layout-forced-image-lists .records_list.image_list ul li .fill, body.responsive-layout-forced-lists .records_list.detail_list ul li .fill {
            margin-top: 100%;
            display: block;
        }
        body.responsive-layout-forced-image-lists .records_list.image_list ul li .image, body.responsive-layout-forced-lists .records_list.detail_list ul li .image, body.responsive-layout-forced-image-lists .records_list.image_list ul li .image span, body.responsive-layout-forced-lists .records_list.detail_list ul li .image span {
            height: 100% !important;
            /* display: block !important; */
        }
        body.responsive-layout-forced-image-lists .records_list.image_list ul li .image_wrapper, body.responsive-layout-forced-lists .records_list.detail_list ul li .image_wrapper {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

        /* -----------------------------------------------------------
           Exhibitions
        ----------------------------------------------------------- */
        .section-exhibitions #main_content h1 {
            margin: 0 auto 20px auto !important;
        }
        .exhibition-header .h1_heading {
            display: block;
            font-size: 25px;
            line-height: 34px;
            margin: 0 0 15px 0;
        }
        .exhibition #hero_header {
            top: 69px;
        }
        .section-exhibitions #page-section-introduction {
            text-align: center;
            max-width: 665px;
            width: 90%;
            margin: 0 auto;
        }
        .section-exhibitions .page-section-heading h2 {
            font-size: 22px;
        }
    .status-divider h3 {
        font-size: 19px;
        line-height: 20px;
        letter-spacing: 0.3px;
    }
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past .records_list.detail_list ul li.single-feature-item,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location .records_list.detail_list ul li.single-feature-item{
        width: 100% !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past .records_list.detail_list ul li .image,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location .records_list.detail_list ul li .image{
        width: 35% !important;
        float: left !important;
        margin-bottom: 0;
        margin:0 !important;
        height: auto !important;
        text-align: left;
    }
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past .records_list.detail_list ul li.single-feature-item .content,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location .records_list.detail_list ul li.single-feature-item .content,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past .records_list.detail_list ul li.double-feature-item .content,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location .records_list.detail_list ul li.double-feature-item .content{
        width: 60% !important;
        float: right !important;
        text-align: left;
    }
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past .records_list.detail_list ul li.single-feature-item .content .description,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location .records_list.detail_list ul li.single-feature-item .content .description,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past .records_list.detail_list ul li.double-feature-item .content .description,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location .records_list.detail_list ul li.double-feature-item .content .description{
        display:none;
    }
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-past .records_list.detail_list ul li.double-feature-item,
    body.responsive-layout-forced-lists.page-exhibitions #exhibitions-grid-location .records_list.detail_list ul li.double-feature-item{
        width: 100% !important;
        margin-right: 0% !important;
    }

    body.responsive-layout-forced-image-lists.page-exhibitions .records_list.image_list ul li,
    body.responsive-layout-forced-lists .records_list.detail_list ul li{
        width:100% !important;
    }


    body.responsive-layout-forced-image-lists.page-exhibitions .exhibition-list-outer-container .records_list.image_list ul li .fill,
    body.responsive-layout-forced-lists.page-exhibitions .exhibition-list-outer-container .records_list.detail_list ul li .fill {
        margin-top: 100%;
        display: none !important;
    }
    body.responsive-layout-forced-image-lists.page-exhibitions .exhibition-list-outer-container .records_list.image_list ul li .outer,
    body.responsive-layout-forced-lists.page-exhibitions .exhibition-list-outer-container .records_list.detail_list ul li .outer {
        margin-bottom: 0 !important;
    }

    body.responsive-layout-forced-lists.section-search .records_list.detail_list ul li .outer {
        width: 35%;
    }

    body.responsive-layout-forced-lists.section-search .records_list.detail_list ul li .fill {
        display: none;
    }
    body.responsive-layout-forced-lists.section-search .records_list.detail_list ul li .image {
        width: 100% !important;
    }



        /* -----------------------------------------------------------
           Video
        ----------------------------------------------------------- */
        .section-video .detail_list ul li .image:after,
        .subsection-videos .detail_list ul li .image:after,
        .subsection-videos .feature_list ul li .image:after {
            content: '';
            text-indent: -9999px;
            display: block;
            background: url(/images/video_icon.png) 0 0 no-repeat;
            background-size: 50px auto;
            position: absolute;
            height: 50px;
            width: 50px;
            top: 50%;
            left: 50%;
            margin: -25px 0 0 -25px;
            z-index: 200;
        }



}


@media screen and (max-width: 767px) and (orientation: landscape) {
    .section-exhibitions .fancybox-wrap:not(.fancybox-type-ajax) {
        width: calc(100% - 80px) !important;
    }
    .section-exhibitions .fancybox-wrap:not(.fancybox-type-ajax) .fancybox-outer {
        width: 50% !important;
        float: left;
    }
    .section-exhibitions .fancybox-wrap:not(.fancybox-type-ajax) .fancybox-inner {
        width: 100% !important;
        height: auto !important;

    }
    .section-exhibitions .fancybox-wrap:not(.fancybox-type-ajax) .fancybox-inner img {
        max-height: calc(100vh - 80px) !important;
        height: auto;
        width: auto;
    }
    .section-exhibitions .fancybox-wrap:not(.fancybox-type-ajax) .fancybox-title {
        float: left;
        width: calc(50%- 10px);
        padding-left: 10px;

    }
}