/*@import url(../lib/g/2.0/styles/responsive_topnav.css) screen and (max-width: 1279px);*/



@media screen and (min-width: 1279px) {
    
    .records_list.feature_list ul li .content, .feature_panels .panel_image_text_adjacent .content {
        padding-left: 90px;
    }
    
}




@media screen and (max-width: 1480px) {
    #logo {
        min-width: 250px;
        max-width: 250px;
    }
    #additional_nav_2.additional_nav ul li a[href="/donate/"],
    #donate_mobile a {
        padding: 15px 10px;
    }
    .type-fullscreen #header, .layout-hero-header #header, .header-fixed-wrapper #header {
        padding-left: 30px;
        padding-right: 30px;
    }
    #top_nav.navigation ul li a, #top_nav.navigation .dropdown-btn {
        font-size: 1.3rem;
    }
    #top_nav.navigation .dropdown-btn {
        padding-right: 15px;
    }
    #header .header-ui-wrapper .header-icons-wrapper.active {
        margin: 0 0 0 5px;
    }
        
}




@media screen and (max-width: 1660px) {
    /* -----------------------------------------------------------
          History
        ----------------------------------------------------------- */
    .history_grid.records_list_custom.detail_list_custom {
        padding-right: 100px;
        padding-left: 100px;
        box-sizing: border-box;
    }
}




@media screen and (max-width: 1340px) {
    #logo {
        min-width: 240px;
        max-width: 240px;
    }
    
}


@media screen and (max-width: 1279px) {
    /* -----------------------------------------------------------
          History
        ----------------------------------------------------------- */
    .history_grid.records_list_custom.detail_list_custom ul li .content {
        width: 85%;
    }
    #header .header-ui-wrapper .header-icons-wrapper > div {
        margin: 0 0 0 10px;
    }
    body .feature_panels .panel_image_text_adjacent.panel_id_13 .content h2, 
    body.section-home li.panel_id_18 .pull_quote_content h2, .custom_map_panel h2 {
        font-size: 5.7rem;
    }
    
    .responsive-nav-slide-nav #responsive_slide_nav_wrapper .navigation ul li, 
    .responsive-nav-slide-nav #responsive_slide_nav_wrapper #top_nav ul li {
        width: auto;
        text-align: left;
        float: left;
        clear: both;
    }
    body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper .navigation ul li a, 
    body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper .navigation ul li .dropdown-btn {
        font-size: 2rem;
        padding-right: 24px;
        text-align: left;
        width: auto;
        display: inline-block;
    }
    #top_nav #full_nav .top.has_dropdown_items, #top_nav #full_nav .top.has_dropdown_items_mobile {
        margin-bottom: 20px;
    }
    #top_nav #full_nav .top.has_dropdown_items .ul_nested li.nested a, 
    #top_nav #full_nav .top.has_dropdown_items_mobile .ul_nested li.nested a {
        padding-right: 0;
        font-size: 1em;
        padding: 0;
    }
    
    .records_list.feature_list ul li .content {
        padding-left: 50px;
    }
    
    #top_nav ul li#donate_mobile {
        display: block
    }
    
    body #additional_nav_2.additional_nav {
        display: none
    }
    
}




@media screen and (max-width: 1700px) {
    #top_nav.navigation ul li a,
    #top_nav.navigation .dropdown-btn {
        font-size: 1.4rem;
    }
    #top_nav.navigation ul li {
        margin-left: 6px;
    }
}

@media screen and (max-width: 1550px) {
    .feature_panels .panel_image_text_adjacent .content h2 {
        font-size: 6rem;
        line-height: 8rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1279px) {
    body.layout-hero-header #header.header_transparent #logo.auto_brightness_disabled .logo-variant-light,
    body.layout-hero-header #header.header_transparent #logo.auto_brightness_disabled .logo-variant-dark {
        background-size: 60px;
        background-position: left;
    }
    
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation ul li a, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #top_nav.navigation .dropdown-btn, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #full_nav.navigation ul li a, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #additional_nav_2.additional_nav ul li a {
        color: #111
    }
    
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #top_nav.navigation ul li a, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #top_nav.navigation .dropdown-btn, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #full_nav.navigation ul li a, 
    body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #additional_nav_2.additional_nav ul li a,
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover .header_quicksearch_btn {
        color: #111
    }
    
    body.type-fullscreen.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #logo.user-custom-logo-image:not(.auto_brightness_disabled), 
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #logo.user-custom-logo-image:not(.auto_brightness_disabled) {
        color: #111
    }
    body.type-fullscreen.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #logo.user-custom-logo-image:not(.auto_brightness_disabled), 
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #logo.user-custom-logo-image:not(.auto_brightness_disabled) {
        filter: brightness(0);
    }
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #additional_nav_2.additional_nav ul li a[href="/donate/"] {
        border: 1px solid #000;
    }
    body.layout-hero-header.fullscreen-slide-light #container:not(.page-scroll) #header.header_transparent:not(.page-scroll):hover #additional_nav_2.additional_nav ul li a[href="/donate/"] {
        border: 1px solid #000;
    }
    
}



@media screen and (max-width: 1279px) {
    #slide_nav_reveal {
        display: block !important;
    }
    .feature_panels_inner>ul>li {
        margin-bottom: 50px;
    }
    

    
    .fullscreen_slideshow ul li .content .inner {
        padding: 0 40px;
    }
    /*#header #full_nav li a[href="/donate/"] {*/
    /*    max-width: 105px;*/
    /*    margin: 20px auto 10px auto;*/
    /*}*/
    #responsive_slide_nav_wrapper .navigation ul li#donate_mobile,
    body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper .navigation ul li#donate_mobile,
    #responsive_slide_nav_wrapper .navigation ul li#donate_mobile:hover,
    body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper .navigation ul li#donate_mobile:hover {
        border: none;
    }
    
    .navigation ul li#donate_mobile.active > a::before, 
    .navigation ul li#donate_mobile.active > a:visited::before, 
    .navigation ul li#donate_mobile.active > a:hover::before, 
    body .navigation ul li#donate_mobile > a:hover::before, 
    .navigation ul li#donate_mobile a.active::before {
        border: none;
    }
    
    
    
    #responsive_slide_nav_wrapper .navigation ul li#donate_mobile a,
    body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper .navigation ul li#donate_mobile a {
        padding: 15px;
        border: 1px solid #fff;
    }
    
    
    #slide_nav_reveal::after {
        color: #fff;
    }
    
    #responsive_slide_nav_wrapper #top_nav #topnav_search, 
    #responsive_slide_nav_wrapper #top_nav #header_quick_search {
        display: inline-block;
        float: left;
        clear: both;
    }
    .section-exhibitions #exhibitions_years_nav {
        text-align: left;
        padding-top: 40px;
    }
}




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

@media screen and (max-width: 1023px) {
    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #hero_header,
    .feature_panels .panel_hero .hero_heading > h2,
    .feature_panels .panel_hero .hero_heading > a > h2,
    body .fullscreen_slideshow ul li .content h2 a {
        font-size: 6rem;
        line-height: 1em;
    }
    
    .feature_panels ul li span h2, 
    .feature_panels ul li .feature_list ul li .content h2, 
    .feature_list.records_list ul li .content h2, 
    #exhibitions-grid-container .subheading span, 
    body[data-pathname="/artists/categories/1/"] div#content_module::before, 
    body.section-exhibitions .subsection-exhibition-detail-page .scroll_section_overview .subsection-overview #content_module .quote span p span, 
    body[data-pathname="/join-and-support/rsa-friends/"] #content .feature_panels blockquote h2 span, 
    body[data-pathname="/join-and-support/rsa-friends/"] #content .feature_panels .panel_type_4 .fp_title, 
    body.section-opportunities #content_module h2 span, 
    #popup_content h1.artist, body .feature_panels .panel_image_text_adjacent .content h2,
    .donate-row.with-gift-aid .variant,
    .donate-header h1 {
        font-size: 4.0rem;
    }
    body .feature_panels .panel_image_text_adjacent.panel_id_13 .content h2, body.section-home li.panel_id_18 .pull_quote_content h2, .custom_map_panel h2 {
        font-size: 4.5rem;
    }
    .section-donate #sidebar,
    .section-donate #content_module {
        width: 48%;
        padding: 0
    }
    .custom_map_panel .content {
        padding-right: 50px;
    }
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------

       Page Specific
    ----------------------------------------------------------- */
    body.section-home li.panel_id_18 {
        flex-direction: column;
        height: auto;
        margin-bottom: 40px;
    }
    body.section-home li.panel_id_18 .pull_quote_content {
        width: 100%;
    }
    body.section-home li.panel_id_18 .content {
        width: 100%;
        height: 600px;
        padding-left: 0;
    }
    body.section-home li.panel_id_18 .pull_quote_content h2 {
        font-size: 6.0rem;
        line-height: 7.0rem;
    }
    #container iframe {
        max-height: unset;
    }
    #footer #mailinglist_form .mailinglist_form_wrapper {
        flex-direction: column;
    }
    #artlogic_mailinglist_signup_form_wrapper {
        width: 100%;
    }
    .panel .records_list.feature_list.gd_image_alignment_right-center ul li a .content {
        padding-right: 70px;
    }
    .panel .records_list.feature_list.gd_image_alignment_left-center ul li a .content {
        padding-left: 70px;
    }
    body.section-exhibitions .subsection-exhibition-detail-page .scroll_section_overview .subsection-overview #content_module {
        flex-wrap: wrap;
    }
    body.section-exhibitions .subsection-exhibition-detail-page .scroll_section_overview .subsection-overview #content_module .quote::before {
        display: none;
    }
    body.section-exhibitions .subsection-exhibition-detail-page .scroll_section_overview .subsection-overview #content_module .quote,
    body.section-exhibitions .subsection-exhibition-detail-page .scroll_section_overview .subsection-overview #content_module .description.with_quote {
        flex-basis: 100%;
    }
    body.section-exhibitions .subsection-exhibition-detail-page .scroll_section_overview .subsection-overview #content_module .quote {
        padding-right: 0;
    }
    /*.feature_panels .panel_image_text_columns .content {*/
    /*    padding-left: 0;*/
    /*}*/
    /*.records_list.feature_list ul li .content {*/
    /*    padding-left: 50px;*/
    /*    padding-right: 0px;*/
    /*}*/
    /*.feature_panels .panel_image_text_adjacent.panel_variant_2 .content {*/
    /*    padding-right: 50px;*/
    /*}*/
    .custom_map_panel {
        width: auto;
        margin: 0 0 30px;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }
    #footer.advanced_footer .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    #sub_nav.navigation ul li, 
    #exhibitions_nav.navigation ul li, 
    .list_grid_control.navigation ul li {
        margin-bottom: 25px;
    }

    .heading_wrapper h1 .h1_heading {
        font-size: 3.6rem;
        line-height: 4.2rem;
    }
    
}


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

@media screen and (max-width: 767px) {
    
    body .navigation ul li a, body .navigation ul li a:visited {
        font-size: 1.5rem;
    }
    
    .type-fullscreen #header, .layout-hero-header #header, .header-fixed-wrapper #header {
        padding-left: 20px;
        padding-right: 20px;
    }

    body.responsive-nav-side-position-fullscreen.responsive-nav-slide-nav #responsive_slide_nav_wrapper #top_nav {
         padding: 0; 
    }
    
    .heading_wrapper h1 {
        font-size: 3em;
    }

    .feature_panels .panel_image_text_adjacent .content h2 {
        font-size: 3rem;
    }
    
    #hero_header,
    .feature_panels .panel_hero .hero_heading > h2,
    .feature_panels .panel_hero .hero_heading > a > h2,
    body .fullscreen_slideshow ul li .content h2 a,
    #hero_heading .title, .parallax-element-with-slideshow #hero_heading, 
    #hero_header #slideshow ul li .content .inner {
        font-size: 3rem;
    }
    
    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
    .feature_panels ul li span h2, 
    .feature_panels ul li .feature_list ul li .content h2, 
    .feature_list.records_list ul li .content h2, 
    #exhibitions-grid-container .subheading span, 
    body[data-pathname="/artists/categories/1/"] div#content_module::before, 
    body.section-exhibitions .subsection-exhibition-detail-page .scroll_section_overview .subsection-overview #content_module .quote span p span, 
    body[data-pathname="/join-and-support/rsa-friends/"] #content .feature_panels blockquote h2 span, 
    body[data-pathname="/join-and-support/rsa-friends/"] #content .feature_panels .panel_type_4 .fp_title, 
    body.section-opportunities #content_module h2 span, 
    #popup_content h1.artist, body .feature_panels .panel_image_text_adjacent .content h2,
    .donate-row.with-gift-aid .variant,
    .donate-header h1 {
        font-size: 3.0rem;
    }
    
    #artist_list.records_list .content h2, .records_list ul li .content .artist, .donate-subheading {
        font-family: 'HelveticaNeue-Web', sans-serif;
        font-size: 1.9rem;
    }
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    body.section-home .panel_id_17 .content {
        flex-direction: column;
    }
    body.section-home li.panel_id_17 .content .fp_title,
    body.section-home li.panel_id_17 .content .subtitle {
        margin-bottom: 20px;
    }
    body.section-home li.panel_id_17 .content .subtitle {
        flex-basis: 100%;
    }
    #footer #mailinglist_form #artlogic_mailinglist_signup_form .form_row {
        position: relative;
        margin-bottom: 25px;
    }
    #footer .advanced_footer_item p img {
        max-width: 100px;
    }
    #footer .advanced_footer_item_1 {
        margin-bottom: 20px;
    }
    #footer .advanced_footer_item_2,
    #footer .advanced_footer_item_3,
    #footer.advanced_footer .copyright {
        float: unset;
    }
    #footer.advanced_footer .copyright {
        margin-top: 20px;
    }
    #footer.advanced_footer #copyright {
        flex-direction: column;
        display: flex;
    }
    .panel .records_list.feature_list.gd_image_alignment_right-center ul li a .content,
    .panel .records_list.feature_list.gd_image_alignment_left-center ul li a .content {
        padding-left: 0;
    }
    #sub_nav.navigation ul li {
        margin-bottom: 15px;
    }
    body[data-pathname="/whats-on/"] .feature_panels ul li span h2.fp_title,
    body[data-pathname="/whats-on/"] .feature_panels .no_image h2 {
        margin-top: 55px;
    }
    .feature_list.records_list ul li .content h2.fp_title {
        margin-bottom: 9px;
        font-size: 3.6rem;
        line-height: 4.2rem;
    }
    .feature_list.records_list ul li .content .subtitle,
    .feature_list.records_list ul li .content .date {
        margin-bottom: 0;
    }
    .page-popup-visible #popup_content #image_gallery #image_container_wrapper {
        width: 100%;
    }
    /* History
        ----------------------------------------------------------- */
    .history_grid.records_list_custom.detail_list_custom {
        padding-left: 0;
    }
    .year_nav {
        padding-right: 30px;
    }
    .history_grid.records_list_custom.image_list>ul>li,
    .history_grid.records_list_custom.detail_list_custom>ul>li,
    .subsection-history-grid .history_grid.records_list_custom.image_list>ul>li:nth-child(2n),
    .subsection-history-grid .history_grid.records_list_custom.detail_list_custom>ul>li:nth-child(2n) {
        width: 90%;
        display: block;
        float: none;
        margin-bottom: 50px;
        padding-bottom: 0;
        clear: both;
        padding-right: 0;
        padding-left: 30px;
    }
    .history_grid.records_list_custom.detail_list_custom ul li .content {
        width: 100%;
        float: none;
        max-width: 100%;
        text-align: left;
    }
    .history_grid.records_list_custom.detail_list_custom ul li .image {
        margin-bottom: 0 !important;
    }
    .timeline {
        left: 0;
    }

    .custom_map_panel {
        display: block;
        width:100%;
    }
    .custom_map_panel .content,
    .custom_map_panel .map_wrapper {
        display: block;
        width:100%;
        padding: 0
    }
    .records_list.feature_list ul li .content {
        padding-left: 0;
    }
    .custom_map_panel .description {
        margin-bottom: 20px;
    }
    #footer #mailinglist_form #privacy_policy_form_msg {
        width: 100%;
        margin-top: 30px;
    }

    
}


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

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

    #contact_form h1 {
        line-height: 2em;
    }

    .heading_wrapper h1,
    #main_content h1 {
        font-size: 2.2em;
    }
    .type-fullscreen #header, 
    .layout-hero-header #header, 
    .header-fixed-wrapper #header {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .feature_panels .panel_image_text_adjacent .content h2 {
        font-size: 4rem;
        line-height: 6rem;
    }

    .feature_panels ul li span h2, 
    .feature_panels ul li .feature_list ul li .content h2, 
    .feature_list.records_list ul li .content h2, 
    #exhibitions-grid-container .subheading span, 
    #main_content .heading_wrapper.exhibition-list-header h1, 
    #main_content .heading_wrapper.cascading-page-header h1, 
    body[data-pathname="/artists/categories/1/"] div#content_module::before, 
    body.section-exhibitions .subsection-exhibition-detail-page .scroll_section_overview .subsection-overview #content_module .quote span p span, 
    body[data-pathname="/join-and-support/rsa-friends/"] #content .feature_panels blockquote h2 span, 
    body[data-pathname="/join-and-support/rsa-friends/"] #content .feature_panels .panel_type_4 .fp_title, 
    body.section-opportunities #content_module h2 span, 
    #popup_content h1.artist,
    body.section-home li.panel_id_18 .pull_quote_content h2 {
        font-size: 4rem;
        line-height: 6rem;
    }

    .custom_map_panel {
        padding-left: 15px;
        padding-right: 15px;
    }

    #footer.advanced_footer .small-links-container .cookie_notification_preferences,
    #footer.advanced_footer .small-links-container .advanced_footer_item.advanced_footer_item_3 {
        margin: 0 0 0 5px;
    }
    /*for some reason there is no heading wrapper on this video page, so the heading wrapper, which normally pushes #content down by 20px isnt doing so on this page*/
    .page-video #content {
        margin-top: 52px;
    }


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
}