@media screen and (max-width: 1700px) {
    #slideshow .slideshow_pager .slideshow_pager_inner {
        padding: 0 80px;
    }
}

@media screen and (max-width: 1600px) {
    #slideshow .slideshow_pager .slideshow_pager_inner {
        padding: 0 155px;
    }
}

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

@media screen and (max-width: 1279px) and (min-width: 1024px) {
    
    #header .header-ui-wrapper .header-icons-wrapper {
        right: 0px;
    }
    
    .feature_panels .panel_hero .hero_heading {
        left: 40px;
    }
    
    #footer .inner {
        padding: 0 40px;
    }
    
    #header #logo {
        margin-right: 0;
    }
    
    #slideshow .slideshow_pager .slideshow_pager_inner {
        padding: 0 115px;
    }
}
    

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

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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #footer {
        width: 100%;
    }
    
        #footer #copyright {
            padding: 0;
        }
        
        #footer .inner {
        }
    
    #header .header-ui-wrapper {
        margin: 0;
    }
    
    #header #logo.user-custom-logo-image a {
        left: -10px;
    }
    
    #header .header-ui-wrapper .header-icons-wrapper {
        right: 0px;
    }
    
    #top_nav.navigation ul li:last-child {
        right: 70px;
    }
    
    body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper .navigation ul li a {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }

    .feature_panels .panel_hero .hero_heading {
        left: 30px;
    }
    
    .responsive-nav-slide-nav #responsive_slide_nav_wrapper .navigation ul li:last-child, 
    .responsive-nav-slide-nav #responsive_slide_nav_wrapper #top_nav ul li:last-child {
        right: 0;
        position: relative
    }

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

    #sub_nav.exhibitions_filter {
        margin-top: 0;
    }
    
    #main_content .heading_wrapper:not(.exhibition-list-header) {
        margin-bottom: 50px;
    }

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


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    .section-home #slideshow.fullscreen_slideshow ul li .content h2 span.separator, 
    #fullscreen_vertical_slideshow .section .content h2 span.separator {
        display: none;
    }
    
    .section-home #slideshow.fullscreen_slideshow ul li .content h2 span, 
    #fullscreen_vertical_slideshow .section .content h2 span {
        display: block;
    }
    
    .section-home #slideshow .slideshow_pager.location_pagination_enabled {
        bottom: 46px;
    }
    
    #slideshow .slideshow_pager .slideshow_pager_inner {
        padding: 0 40px;
    }
    
    .section-home.homepage-slideshow-pagination-enabled #slideshow.fullscreen_slideshow ul li .content, 
    .section-home.homepage-slideshow-pagination-enabled #fullscreen_vertical_slideshow .section .content {
        bottom: 95px;
    }
    
    .section-viewing-room .subsection-viewing_rooms-grid {
        margin-bottom: 80px;
    }
    
    .section-exhibitions #main_content #sub_nav.exhibitions_filter.navigation {
        margin-top: 0;
    }
}

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

@media screen and (max-width: 840px) {
    
    #sub_nav {
        margin-bottom: 25px;
    }
        
    #footer #social_links {
        margin-left: -10px;
    }
    
    #footer .copyright {
        width: 100%;
    }
    
    #footer #contact_info {
        width: 100%;
    }
    
    /*#sub_nav.navigation ul li,*/
    /*#sticky_sub_nav.navigation ul li {*/
    /*    margin-right: 18px;*/
    /*}*/
    /*    #sub_nav.navigation ul li a,*/
    /*    #sticky_sub_nav.navigation ul li a {*/
    /*        font-size: 1.6rem;*/
    /*    }*/

}

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


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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #footer #contact_info {
        padding: 0px;
        max-width: 100%;
    }
    
    #footer #social_links {
        padding: 10px 0 0;
        margin: 0 0 -10px -10px;
    }
    
        #social_links .social_links_item {
            margin: 0;
        }
    
    h4 {
        font-size: 2rem;
    }

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    
        /* Feature panels
    ----------------------------------------------------------- */
    
    h1,
    h2,
    .artist a,
    .panel_text .content .fp_title,
    #events-grid-container .subheading, 
    #viewing_rooms-grid-container .subheading, 
    #exhibitions-grid-container .subheading, 
    .scroll_section_header .subheading,
    .scroll_section_header,
    .section-home #main_content h1,
    .feature_list ul li .content h2,
    .feature_panels .panel_header h2,
    .feature_panels .panel_image_text_adjacent .content h2 {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }
    
    .section-exhibitions #content_module .description p, 
    .section-exhibitions .subsection-wrapper #bio p, 
    .section-artists #content_module .description p, 
    .section-artists .subsection-wrapper #bio p {
        padding: 30px 10px;
    }
    
    /* Hero headers
    ----------------------------------------------------------- */
    
    body.page_has_subnav.layout-hero-header.layout-fixed-header #main_content {
        padding-top: 0px;
    }

        body.layout-hero-header.layout-fixed-header #main_content {
            padding-top: 30px;
        }
    
    #hero_header {
        padding: 0 30px;
    }
    
    .feature_panels .panel_hero .hero_heading, 
    #hero_heading {
        transform: none;
        width: 100%;
    }
    
    .feature_panels .panel_hero .hero_heading,
    #hero_header #hero_heading {
        right: 0px;
        position: absolute;
        bottom: 0px;
        top: auto;
    }
    
    #hero_header > .inner {
        text-align: left;
    }
    
    .fullscreen_slideshow ul li .content h2 {
        margin-bottom: 3rem;
    }
    
    /* Dynamic sub_nav
    -----------------------------------------------------------*/
    
    body.layout-hero-header.layout-fixed-header.page-param-type-artist_id #main_content, 
    body.layout-hero-header.layout-fixed-header.page-param-type-exhibition_id #main_content {
        padding-top: 0 !important;
    }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    .section-home #content:not(.no_homepage_slideshow) .feature_panels:not(.first_panel_full_bleed) {
        margin-top: 40px;
    }
    
    #hero_heading,
    #hero_heading .title,
    .fullscreen_slideshow ul li .content h2 a, 
    .fullscreen_slideshow ul li .content h2 a:visited {
        font-size: 2rem;
        line-height: 2.2rem;
    }
    
    .fullscreen_slideshow ul li .content h2 .h1_subtitle,
    .fullscreen_slideshow ul li .content h2 a .h1_subtitle{
        font-size: 3.2rem;
        font-weight: 400;
        display: block;
        padding-top: 10px;
        letter-spacing: 0px;
        line-height: 3.2rem;
    }
    
    /*.section-viewing-room.page-param-type-viewing_room_id #main_content {*/
    /*    padding-top: 0;*/
    /*}*/
    
    /* -----------------------------------------------------------
       Admin styles classes
    ----------------------------------------------------------- */

    .overlay_block_quote,
    .overlay_block_quote strong,
    .hero_heading .overlay_block_quote,
    .hero_heading .overlay_block_quote.small_font,
    .hero_heading .overlay_block_quote.medium_font,
    .hero_heading .overlay_block_quote.large_font {
        font-size: 2.5rem;
        max-width: 500px;
    }
    
    hero_heading .overlay_block_quote,
    hero_heading .overlay_block_quote strong {
        font-size: 2.3vh;
    }
}


@media screen and (max-width: 645px) {
    
    #footer #social_links {
        padding: 10px 0 0;
        margin: 0 0 -10px -10px;
    }
    
    .section-home #slideshow .slideshow_pager.location_pagination_enabled {
        bottom: 20px;
        width: 90%;
    }
    
}


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


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

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
    .navigation ul li a, 
    .navigation ul li a:visited {
        font-size: 1.4rem;
    }
    
    #sub_nav {
        width: 100%;
        padding: 0 15px;
    }
    
    #footer .inner {
        padding: 0 15px;
    }
    
    .feature_panels .panel_hero .hero_heading,
    #hero_header #hero_heading {
        left: -10px;
    }
    
    /*#hero_header .title,*/
    /*.feature_panels .panel_hero .hero_heading > h2, */
    /*.feature_panels .panel_hero .hero_heading > a > h2,*/
    /*#hero_heading,*/
    /*.fullscreen_slideshow ul li .content h2 a, */
    /*.fullscreen_slideshow ul li .content h2 a:visited,*/
    /*.section-home .content .inner span.h1_subtitle {*/
    /*    font-size: 3.7rem;*/
    /*    line-height: 4rem;*/
    /*}*/
    
    #top_nav.navigation ul li:last-child {
        right: 55px;
    }

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

    .feature_panels .panel_hero .hero_heading, 
    #hero_header #hero_heading {
        max-width: 357px;
    }
    
    .feature_panels .panel_hero .hero_heading {
        left: 15px;
    }

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    
    /* Hero headers
    ----------------------------------------------------------- */

    body .feature_panels ul li.panel_hero .hero_heading {
        padding: 30px 0;
    }
    
    .section-exhibitions #content_module .description p, 
    .section-exhibitions .subsection-wrapper #bio p, 
    .section-artists #content_module .description p, 
    .section-artists .subsection-wrapper #bio p {
        padding: 0;
    }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    .page_header_wrapper .page_header_inner #sticky_sub_nav.navigation ul,
    .subsection-exhibition-detail-page #sub_nav.navigation ul,  
    .subsection-artist-detail-page #sub_nav.navigation ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px 15px;
    }
    .fullscreen_slideshow ul li .content .inner {
        padding: 0 15px;
    }
    
        .page_header_wrapper .page_header_inner #sticky_sub_nav.navigation ul li,
        .subsection-exhibition-detail-page #sub_nav.navigation ul li,
        .subsection-artist-detail-page #sub_nav.navigation ul li {
            width: auto;
        }
        
    /*.section-viewing-room.page-param-type-viewing_room_id #main_content {*/
    /*    padding-top: 0;*/
    /*}*/
    
    .section-home #slideshow .slideshow_pager.location_pagination_enabled {
        bottom: 18px;
        margin: 0;
        max-width: 90%;
    }
    
        .section-home #slideshow .slideshow_pager .slideshow-pager-item-wrapper.slideshow-text {
            padding: 10px 12px 0 0;
        }
        
        .section-home #slideshow .slideshow_pager .slideshow-pager-item-wrapper.slideshow-text.active .slideshow-pager-item, 
        .section-home #slideshow .slideshow_pager .slideshow-pager-item-wrapper.slideshow-text .slideshow-pager-item {
            font-size: 1.4rem;    
        }
        
        .section-home #slideshow .slideshow_pager .slideshow-pager-item-wrapper.slideshow-text.active .slideshow-pager-item:after {
            margin: 10px 0 0;
        }

    /* -----------------------------------------------------------
       Admin styles classes
    ----------------------------------------------------------- */
    
    .overlay_block_quote,
    .overlay_block_quote strong,
    .hero_heading .overlay_block_quote,
    .hero_heading .overlay_block_quote.small_font,
    .hero_heading .overlay_block_quote.medium_font,
    .hero_heading .overlay_block_quote.large_font {
        font-size: 2rem;
        max-width: 350px;
    }
    
    .overlay_block_quote_source,
    .hero_heading .overlay_block_quote_source {
        font-size: 1.3rem;
    }
    
    hero_heading .overlay_block_quote,
    hero_heading .overlay_block_quote strong {
        font-size: 1.9vh;
    }
    

}

/* ------------------------------------------------------------------------
--------------------------------- Size 0 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (max-width: 320px) {
    
    .overlay_block_quote,
    .overlay_block_quote strong,
    .hero_heading .overlay_block_quote,
    .hero_heading .overlay_block_quote.small_font,
    .hero_heading .overlay_block_quote.medium_font,
    .hero_heading .overlay_block_quote.large_font {
        max-width: 275px;
    }
    
    #content_module .description p, 
    .subsection-wrapper #bio p {
        padding: 50px 0;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
    
    #slideshow .slideshow_pager slideshow-pager-item-wrapper.slideshow-text {
        padding-right: 10px;
    }
}