
/* ------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
Core responsive styles ----------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------
---------------- General styles for all responsive sizes -----------------
------------------------------------------------------------------------ */

img {
    max-width: 100%;
    max-height: 100%;
}

.records_list ul li {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.records_list ul li .image a{
    display:inline;
}

.records_list ul li .fill {
    display: none;
}
.browser-msie-7 .records_list ul li {
    display: inline;
    zoom: 1;
}

/*
    .records_list * {
        -moz-transition: all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;
         transition: all 0.5s ease-in-out;
    }
*/


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

    /* Cascading
    ------------------------------------------------------------------------ */

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

        * {
            -webkit-text-size-adjust: none;
        }

        iframe {
            max-width: 100%;
            max-height: 400px;
        }

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

            #content,
            #main_content .heading_wrapper,
            #sub_nav,
            .records_list,
            .records_list ul,
            .records_list ul li,
            .image,
            .content {
                float: none !important;
                width: 100% !important;
                min-height: 0 !important;
                min-width: 0 !important;
                margin: 0 !important;
                height: auto;
            }

            /* Removed
            .image,
            .image span,
            */
            .records_list,
            .records_list ul,
            .content {
                display: block !important;
            }

            .records_list ul li,
            #main_content .heading_wrapper,
            #sub_nav,
            #sidebar,
            #content_module,
            .image,
            .content,
            #ig_slideshow_container {
                margin: 0 0 20px !important;
            }

            .divider {
                height: 20px !important;
            }



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

            #container {
                width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            #main_content {
                width: auto !important;
                margin: 0 0 20px;
                padding-left: 30px;
                padding-right: 30px;
            }

            #header,
            #header.header_fixed {

            }
                #header .inner,
                body.type-fullscreen #header .inner,
                #header.header_fixed .inner {
                    padding-left: 30px;
                    padding-right: 30px;
                    width: auto;
                }

            #translations_nav {
                position: static;
                display: none;
            }

            #main_content .heading_wrapper .subtitle,
            #main_content .heading_wrapper #sub_nav.navigation,
            #sub_nav.navigation,
            .list_grid_control.navigation {
                padding: 0;
                margin: 0 0 15px;
                position: static;
                clear: both;
                width: 100%;
            }
                #sub_nav.navigation ul li,
                .list_grid_control.navigation ul li {
                    margin: 0 15px 5px 0;
                }
                #sub_nav.navigation ul li a,
                .list_grid_control.navigation ul li a,
                #sub_nav.navigation ul li.active a,
                .list_grid_control.navigation ul li.active a {
                    background: none;
                    padding-top: 0;
                }

            #main_content #h1_wrapper,
            #main_content #h1_wrapper h1,
            #main_content h1 {
                min-width: 0;
                width: 100%;
            }

            #main_content h1 {
                margin: 0 0 20px !important;
            }

            #footer {
                width: auto;
            }
            body.type-fullscreen #footer {
                width: 100%;
            }
                #footer .inner {
                    padding-left: 30px;
                    padding-right: 30px;
                    width: auto !important;
                }


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

            /* Image galleries
            ----------------------------------------------------------- */

            #ig_slideshow_container {
                clear: both;
                position: static !important;
                width: 100% !important;
            }
                #ig_slideshow {
                    width: 100% !important;
                }
                #ig_slideshow div, #ig_slideshow span {
                    height: auto !important;
                    width: 100% !important;
                }
            body #image_gallery #image_container {
                clear: both;
                width: 100% ;
                height: auto;
                margin: 0 0 20px;
            }

            body #image_gallery #image_container .image div, body #image_gallery #image_container .image span {
                height: auto;
                width: 100% !important;
                text-align: left;
            }
            body #image_gallery #content_module {
                clear: both;
                width: 100% ;
                height: auto;
                margin: 0 0 20px;
            }


            /* Slideshow
            ----------------------------------------------------------- */

            #slideshow {
                clear: both;
                position: static !important;
                width: 100% !important;
            }
                #slideshow ul, #slideshow a, #slideshow span {
                    height: auto !important;
                    width: 100% !important;
                }
                #slideshow span {
                    display: block !important;
                }


            /* Images
            ----------------------------------------------------------- */

            .image {
                height: auto !important;
                max-width: none !important;
                max-height: none !important;
            }
            .image span {
                height: auto !important;
                width: 100% !important;
                max-width: none !important;
                max-height: none !important;
            }
            .image img {
                max-width: 100%;
                max-height: 100%;
            }


            /* Records lists (e.g. ALL lists on the site)
            ----------------------------------------------------------- */

            .records_list ul li {
                clear: both !important;
            }
            .records_list ul li a:after {
                content: ".";
                clear: both;
                display: block;
                height: 0;
                visibility: hidden;
            }
            .records_list ul li .image {
                margin-bottom: 15px;
            }
            .records_list ul li .content {
                margin-bottom: 0 !important;
            }
            
            body.responsive-layout-forced-image-lists .records_list.image_list ul li .image span img,
            body.responsive-layout-forced-lists .records_list.detail_list ul li .image span img {
                /*max-width: 100% !important;*/
                /*max-height: 100% !important;*/
            }


            /* Mini list
            ----------------------------------------------------------- */

            .mini_list ul {

            }
                .mini_list ul li {
                    margin: 0 0 10px !important;
                    width: 50% !important;
                }
                    .mini_list ul li .icon {
                        display: table-cell !important;
                    }
                    .mini_list ul li .content {
                        display: table-cell !important;
                    }


            /* Detail list
            ----------------------------------------------------------- */



            /* Pagination
            ----------------------------------------------------------- */

            .page_stats {
                clear: both;
                position: static !important;
                padding: 20px 0 0 !important;
            }



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


            /* Home
            ----------------------------------------------------------- */

            .section-home .records_list.full_list,
            .section-home .records_list.full_list ul,
            .section-home .records_list.full_list ul li,
            .section-home .records_list.full_list ul li .content {
                margin-bottom: 0 !important;
            }


            /* Mailing list
            ----------------------------------------------------------- */

            .section-mailing-list #content iframe {
                max-height: inherit;
            }

    }


    /* Size specific
    ------------------------------------------------------------------------ */

    @media screen and (min-width: 768px) and (max-width: 1050px) {

        #content_module {
            width: 55%;
        }
        #sidebar {
            width: 40%;
        }
        
        .section-exhibitions #video_image_container {
            position: static;
        }


        body.responsive-layout-forced-lists .records_list.feature_list ul li .image {
            width: 50% !important;
            float: left !important;
        }
        body.responsive-layout-forced-lists .records_list.feature_list ul li .content {
            width: 45% !important;
            float: right !important;
        }
        body.responsive-layout-forced-lists .records_list.feature_list ul li .content .link {
            padding-top: 0;
        }

        /* Three columns in this viewport */

        body.responsive-layout-forced-image-lists .records_list.image_list ul,
        body.responsive-layout-forced-lists .records_list.detail_list ul {
            display: inline !important;
            clear: none !important;
        }
        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: 30% !important;*/
            /*clear: none !important;*/
            /*margin-right: 5% !important;*/
        }
        
        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: 47% !important;
            clear: none !important;
        }
        
        body.responsive-layout-forced-image-lists .records_list.image_list ul li:nth-of-type(3n),
        body.responsive-layout-forced-lists .records_list.detail_list ul li:nth-of-type(3n),
        body.responsive-layout-forced-image-lists .records_list.image_list ul li:last-child,
        body.responsive-layout-forced-lists .records_list.detail_list ul li:last-child {
            margin-right: 0 !important;
        }
        body.responsive-layout-forced-image-lists .records_list.image_list ul li.unequal_threecol,
        body.responsive-layout-forced-lists .records_list.detail_list ul li.unequal_threecol {
            width: 100% !important;
            margin-right: 0 !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_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;
        }
        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: auto !important;
            /*display: block !important;*/

        }


        body.responsive-layout-forced-lists.page-artists .subsection-artist-list-preview #list_preview_navigation.records_list.columns_list ul {
            width: 50% !important;
            display: inline-block !important;
            vertical-align: top;
        }

    }



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

    /* Cascading
    ------------------------------------------------------------------------ */

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

        body.debug-mode:after {
            content: "5 col"; /* the label to identify this MQ */
            position: absolute;
            bottom: 0;
            right: 0;
            background: #333;
            color: #fff;
            padding: 10px;
            z-index: 8888;
        }

        #content_module,
        #sidebar {
            float: none !important;
            width: 100% !important;
            min-height: 0 !important;
            min-width: 0 !important;
            margin: 0;
            height: auto;
        }

        #header,
        #header.header_fixed {
            z-index: 2000;
            position: relative !important;
        }
        body.type-fullscreen.cms-frontend-toolbar-active #header {
            top: 0;
        }
        body.cms-frontend-toolbar-active #header.header_fixed,
        body.type-fullscreen.cms-frontend-toolbar-active #header.header_fixed {
            top: 0;
        }
            #header .inner,
            #header.header_fixed .inner {
                margin-left: 0;
                margin-right: 0;
            }
            #logo {
                margin-left: auto;
                margin-right: auto;
                float: none;
                width: 100%;
                background-position: center center;
            }
                #logo a {
                    text-align: center;
                    padding-top: 0;
                    width: 100%;
                }

            #top_nav {
                display: block;
                float: none;
                width: 100%;
                clear: both;
                position: static;
                padding: 20px 0 0 !important;
            }
                #top_nav div,
                #top_nav .topnav,
                #top_nav ul li,
                #top_nav ul li a {
                    display: block;
                    float: none;
                    width: 100% !important;
                    clear: both;
                    position: static;
                    margin: 0 !important;
                    text-align: center;
                }
                
                #top_nav #header_instagram_logo {
                    float: right !important;
                    margin: 0 0 0 15px !important;
                }
                #top_nav ul li {
                    margin: 0 0 10px !important;
                }
                #top_nav ul li.active a {
                    background: none !important;
                }
                #top_nav .topnav {
                    display: none;
                }
                #top_nav #top_nav_reveal {
                    display: block;
                    float: left !important;
                    clear: none !important;
                    cursor: pointer;
                    margin: 0 0 20px !important;
                }
                #header_instagram_logo {
                    float: right !important;
                    margin: 0 0 0 15px !important;
                }
                #header_instagram_logo a {
                    background-size: 14px auto;
                }

            .layout-fixed-header #main_content,
            #main_content {
                padding-top: 30px;
            }


            /* Image gallery slideshow
            ----------------------------------------------------------- */

            #ig_slideshow {
                /* Cycle sometimes doesnt correctly calculate the height of the first slide in Chrome */
                /* The following line is necessary to make sure that the user at least sees some of the image in these cases */
                min-height: 200px;
            }

            div.arprompt {
                width: 80%;
            }
            
            .section-exhibitions #video_image_container {
                position: static;
            }

    }


    /* Size specific
    ------------------------------------------------------------------------ */

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

        /* Two columns in this viewport */

        body.responsive-layout-forced-image-lists .records_list.image_list ul,
        body.responsive-layout-forced-lists .records_list.detail_list ul {
            display: inline !important;
            clear: none !important;
        }
        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: 47% !important;
            clear: none !important;
        }
        body.responsive-layout-forced-image-lists .records_list.image_list ul li:nth-of-type(odd),
        body.responsive-layout-forced-lists .records_list.detail_list ul li:nth-of-type(odd) {
            margin-right: 6% !important;
        }
        body.responsive-layout-forced-image-lists .records_list.image_list ul li:last-child,
        body.responsive-layout-forced-lists .records_list.detail_list ul li:last-child {
            margin-right: 0 !important;
        }
        body.responsive-layout-forced-image-lists .records_list.image_list ul li.unequal_twocol,
        body.responsive-layout-forced-lists .records_list.detail_list ul li.unequal_twocol {
            width: 100% !important;
            margin-right: 0 !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_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;
        }
        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-lists.page-artists .subsection-artist-list-preview #list_preview_navigation.records_list.columns_list ul {
            width: 50% !important;
            display: inline-block !important;
            vertical-align: top;
        }

    }




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

    /* Cascading
    ------------------------------------------------------------------------ */

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

        body.debug-mode:after {
            content: "1 col"; /* the label to identify this MQ */
            position: absolute;
            bottom: 0;
            right: 0;
            background: #333;
            color: #fff;
            padding: 10px;
            z-index: 8888;
        }

        iframe {
            max-height: 220px;
        }


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



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

            #footer #social_links {
                float: left;
                clear: left;
                padding: 10px 0 0;
            }
            #social_links .social_links_item {
                margin: 0 8px 0 0;
            }


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

            /* Detail list
            ----------------------------------------------------------- */

            body.responsive-layout-forced-lists .detail_list ul li .image {
                width: 35% !important;
                float: left !important;
                margin-bottom: 0;
                height: auto !important;
                text-align: left;
            }
            body.responsive-layout-forced-lists .detail_list ul li .image span {
                height: auto !important;
            }
            body.responsive-layout-forced-lists .detail_list ul li .content {
                width: 60% !important;
                float: right !important;
                text-align: left;
            }
            body.responsive-layout-forced-lists .detail_list ul li.no_image .content {
                width: 100% !important;
            }


            /* Image gallery slideshow
            ----------------------------------------------------------- */

            #ig_slideshow {
                /* Cycle sometimes doesnt correctly calculate the height of the first slide in Chrome */
                /* The following line is necessary to make sure that the user at least sees some of the image in these cases */
                min-height: 160px;
            }
            
            /* Two column fix */
            .records_list.image_list ul li .image_wrapper {
            	padding: 8px;
            	padding-bottom: 50px;
            }


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


    }










    

/* ------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
Website Specific Overrides ----------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------ */

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

    #top_nav_scroll {
        display: none !important;
    }

}


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

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


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

    body {
        margin: 0;
    }


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

    #container {
        max-width: none;
    }
    #header .inner, body.type-fullscreen #header .inner, #header.header_fixed .inner {
        padding: 0;
    }
    #footer {
        position: static;
        margin: 0 0 20px;
        opacity: 1;
    }
        #footer .inner {
            padding-left: 25px;
            padding-right: 25px;
        }

    #main_content {
        padding-left: 25px;
        padding-right: 25px;
    }

    #content.generic_page h1,
    #content.generic_page #content_module,
    #content_module {
        width: 50%;
    }
    #content.generic_page #sidebar,
    #sidebar {
        width: 40%;
    }
    #content.generic_page.generic_page_switch #sidebar {
        width: 60%;
    }
    #content.generic_page.generic_page_switch h1,
    #content.generic_page.generic_page_switch #content_module {
        width: 30%;
    }


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

    .records_list ul li.out-viewport {
        opacity: 1;
    }

    #ig_slideshow .item span span {
        background: none;
    }
    #ig_slideshow .item span span a img {
        position: static;
        margin: 0;
        top: auto;
        -ms-transform: none;
        transform: none;
    }
    #ig_slideshow .item span span a:hover img {
        opacity: 1;
    }
    #ig_slideshow .item span span a:after {
        display: none;
    }

    body.responsive-layout-forced-image-lists .records_list.image_list ul, body.responsive-layout-forced-lists .records_list.detail_list ul {
        display: block !important;
    }


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

    .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow .exhibition-header, .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow #sub_nav, .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow #content, .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow #content_module {
        width: auto;
        float: none;
    }


}

@media screen and (min-width: 768px) and (max-width: 1050px) {
    
    .section-home #logo a, .section-home #logo a:visited {
        font-size: 60px;
        letter-spacing: 10px;
    }

    #main_content .subsection-press-record .heading_wrapper,
    #main_content .subsection-publication-record .heading_wrapper {
        width: 50% !important;
        float: left !important;
    }


    .section-exhibitions #main_content .subsection-wrapper-overview.exhibition-layout-slideshow .exhibition-header.heading_wrapper,
    .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow #sub_nav,
    .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow #content {
        width: 30% !important;
        float: left !important;
    }
    #ig_slideshow_container {
        float: right !important;
        width: 65% !important;
        clear: none !important;
    }

    body #image_gallery #image_container {
        clear: none;
    }

}



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


@media screen and (max-width: 767px) {
    
    body.responsive-layout-forced-image-lists .records_list.image_list ul li .image span img, 
    body.responsive-layout-forced-lists .records_list.detail_list ul li .image span img {
        max-width: 100% !important;
        max-height: 100% !important;
    }


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


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

    #header, #header.header_fixed {
        position: absolute !important;
        z-index: 125;
        transition: background 0.35s ease-in-out, top 0.35s ease-in-out;
        -webkit-transition: background 0.35s ease-in-out, top 0.35s ease-in-out;
    }
    .page-scroll #header {
        top: 0;
    }
    .page-scroll #logo, .page-scroll #top_nav {
        opacity: 1;
    }
    #logo {
        float: left;
        width: auto;
        position: relative;
        z-index: 135;
    }
    #top_nav {
        float: right;
        width: auto;
        padding: 0 !important;
    }
    #top_nav div, #top_nav .topnav, #top_nav ul li, #top_nav ul li a {
        width: auto !important;
        border: 0;
    }
    #top_nav #top_nav_reveal {
        position: relative;
        z-index: 135;
    }

    #top_nav.navigation ul.topnav {
        background: #fff;
        opacity: 0;
        position: absolute;
        z-index: 130;
        top: 71px;
        right: 0;
        left: 0;
        width: 100%;
        padding: 0 35px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: opacity 0.35s ease-in-out;
        -webkit-transition: opacity 0.35s ease-in-out;
    }
        #top_nav.navigation ul.topnav li a {
            line-height: 32px;
        }

    #footer #artlogic {
        float: left;
        clear: both;
    }

    .layout-fixed-header #main_content, #main_content {
        padding-top: 80px;
    }

    #content.generic_page h1,
    #content.generic_page #content_module {
        width: auto;
        float: none;
    }

    #content.generic_page #sidebar .image {
        display: none !important;
    }

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

    .subheading {
        margin: 0 0 40px;
    }

    .feature_list ul li .content {
        padding: 0;
    }
    .feature_list ul li .content h2 {
        margin: 0 0 14px;
    }
    .feature_list ul li .content .subtitle {
        margin: 0 0 14px;
    }
    .feature_list ul li .content .date {
        margin: 0 0 14px;
        border: 0;
        padding: 0;
    }
    .feature_list ul li .content .link {
        padding: 0;
        display: none;
    }


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

    /*
    .section-home #logo a, .section-home #logo a:visited {
        font-size: 38px;
        letter-spacing: 6px;
    }
    .section-home #top_nav.navigation {
        bottom: auto;
        top: 35px;
    }
    */
    .section-home #top_nav.navigation #top_nav_reveal ul li a {
        background-image: url(/images/menu_icon_reverse.png);
        color: #fff;
    }
    .section-home #header.responsive-nav-open #top_nav.navigation #top_nav_reveal ul li a {
        color: #3e3e3e;
        background-image: url(/images/menu_icon.png);
    }
    .section-home #logo,
    .section-home #logo a,
    .section-home #logo a:visited {
        color: #fff;
    }

    .artworks-page-detail-view-container .artworks-header {
        width: auto;
        float: none;
    }

    .section-video .subsection-video-grid .divider {
        margin: 0 0 20px;
    }

    .page-the-book .divider {
        margin: 0 0 20px;
    }

    #content.generic_page.generic_page_switch h1, #content.generic_page.generic_page_switch #content_module {
        float: none;
        width: auto;
    }

}





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


@media screen and (max-width: 459px) {
    
    body.responsive-layout-forced-image-lists .records_list.image_list ul li .image span img, 
    body.responsive-layout-forced-lists .records_list.detail_list ul li .image span img {
        max-width: 100% !important;
        max-height: 100% !important;
    }

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



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



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

    .records_list .content h2, .records_list .content .subtitle, .records_list .content .date {
        text-align: left;
    }

    body.responsive-layout-forced-lists .subsection-press-grid .detail_list ul li .content,
    body.responsive-layout-forced-lists .subsection-publications-grid .detail_list ul li .content {
        width: 100% !important;
    }


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

    /*
    .section-home #logo a, .section-home #logo a:visited {
        font-size: 28px;
        letter-spacing: 3px;
    }
    */

}


