/* ------------------------------------------------------------------------
---------- General styles for highest responsive size and under -----------
------- This template starts responsivity at 1280 instead of 1023 ---------
------------------------------------------------------------------------ */

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



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

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


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



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

    body.type-fullscreen #main_content,
    #container.hero-layout #main_content,
    #main_content,
    body.layout-hero-header.layout-fixed-header #main_content,
    body.layout-hero-header.layout-fixed-header #container.hero-layout #main_content {
        padding-right: 20px !important;
        padding-left: 20px !important;
        width: auto !important;
    }
    #content {
        width: auto !important;
    }

    #footer .inner {
        padding-right: 100px;
        padding-left: 20px;
    }


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

    body #image_gallery #image_container {
        float: left;
    }
    body #image_gallery #content_module {
        float: right;
    }


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    body.responsive-layout-forced-image-lists .subsection-artist-grid.grid-type-old-masters .image_list ul li .image,
    body.responsive-layout-forced-image-lists .subsection-artist-grid.grid-type-old-masters .image_list ul li .image span {
        width: 100% !important;
        height: auto !important;
    }

}

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

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



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

        #top_nav #header_quick_search {
            position: static;
            display: inline-block;
            width: auto;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
             #top_nav #header_quick_search form:after {
                display: block;
                clear: both;
                content: ' ';
            }
            #header_quick_search form {
                border: 0;
                padding: 0;
            }
            #header_quick_search #header_quicksearch_btn {
                width: auto !important;
            }
            #header_quick_search .inputField,
            #header_quick_search.header_quick_search_reveal .inputField {
                width: 0;
            }

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



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

        body.responsive-layout-forced-image-lists .subsection-artist-grid.grid-type-old-masters .records_list.image_list ul {
            display: block !important;
            margin-right: -20px !important;
            width: auto !important;
        }
        body.responsive-layout-forced-image-lists .subsection-artist-grid.grid-type-old-masters .records_list.image_list ul li {
            width: 20% !important;
            margin-right: 0 !important;
            padding-right: 20px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        body.responsive-layout-forced-image-lists .subsection-artist-grid.grid-type-old-masters .records_list.image_list ul li:nth-child(5n) {
            margin-right: 0 !important;
        }
    }


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

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


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



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

    #logo {
        display: none;
    }
    #content {
        padding-top: 30px;
    }
    #artist_list_toolbar {
        margin: 0 0 20px;
    }


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

    .fullscreen_slideshow ul li .content .subtitle {
        clear: both;
        float: left;
    }


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

    .fullscreen_slideshow ul li .content {
        margin: 0 !important;
    }
    .fullscreen_slideshow ul li .content .inner {
        padding: 0 20px;
    }

    .section-artists .subsection-artist-grid.grid-type-old-masters .image_list ul li {
        width: 25% !important;
    }



}

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

        #top_nav #header_quick_search {
            position: static;
            width: auto;
            display: inline-block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
             #top_nav #header_quick_search form:after {
                display: block;
                clear: both;
                content: ' ';
            }
            #header_quick_search form {
                border: 0;
                padding: 0;
            }
            #header_quick_search #header_quicksearch_btn {
                width: auto !important;
            }
            #header_quick_search .inputField,
            #header_quick_search.header_quick_search_reveal .inputField {
                width: 0;
            }

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


    }
    

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


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


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

    #header,
    #header.header_fixed {
        min-height: 65px;
    }

     #header .inner .symbol {
            width: 65px;
            height: 65px;
            background-size:contain;
        }
            .device-highres #header .inner .symbol {
                background-image: url(/images/symbol_2x.png);
                background-size: 65px auto;
            }
            #header .inner .symbol a {
                width: 65px;
                height: 65px;
            }
        #header .inner,
        #header.header_fixed .inner,
        body.type-fullscreen #header .inner {
          padding: 10px 38px 0;
        }

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #container.hero-layout #content {
      padding: 0;
    }
    #header .inner, #header.header_fixed .inner, body.type-fullscreen #header .inner {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #top_nav.navigation {
        padding: 0 !important;
          margin-top: 16px;
    }
    #top_nav.navigation ul {
        display: none;
        border-top: 1px solid #eee;
        padding: 20px 0 0;
    }
    #top_nav #top_nav_reveal {
        background: url(/images/menu_icon.png) right 0 no-repeat;
        background-size: 18px auto;
        height: 18px !important;
        width: 20px !important;
        float: left !important;
        margin: 0 0 20px 20px !important;
    }
        #top_nav #top_nav_reveal a {
            text-indent: -9999px;
        }
    #header_quick_search {
        padding: 0 0 30px;
    }

    #slideshow {
        position: relative !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        margin-bottom: 30px;
        width: auto !important;
    }
        #slideshow span {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    #content {
        padding-top: 0;
    }

    #content #slideshow.fullscreen_slideshow {
        max-height: 430px !important;
    }

    #footer .inner {
        padding-bottom: 20px;
    }
    #footer #footer_locations {
        width: 50%;
        margin-right: 5%;
    }
    #footer #footer_locations .location {
        width: 100%;
        margin: 0 0 10px;
    }
    #footer #copyright {
        width: 45%;
        padding: 0;
    }
    #footer:after {
        width: 65px;
        height: 65px;
        background: url(/images/symbol.png) 0 0 no-repeat;
        background-size: contain;
    }

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

    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: 47% !important;
    }
    .image_list ul li .content h2 {
        font-size: 13px;
    }
    .feature_list ul li .content h2 {
        font-size: 17px;
    }
    #content_ajax {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    #image_gallery #image_container,
    #content_ajax #sidebar_ajax {
        width: 100%;
        margin: 0 0 20px;
    }
    #image_gallery #image_container .image,
    #content_ajax #sidebar_ajax .image {
        margin: 0 !important;
    }
    #content_ajax #content_module_ajax {
        width: 100%;
    }
    #content_ajax #content_module_ajax #expand_video_button {
        display: none;
    }

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

    #artist_list_toolbar {
        margin: 0 0 20px;
        text-align: left;
    }
    #artist_toolbar_style {
        display: none;
    }
    #artist_list_toolbar #artist_toolbar_filter {
        clear: both;
        float: left;
        width: 100%;
        max-width: none;
        padding-top: 20px;
    }
    .section-artists .subsection-artist-grid.grid-type-old-masters .image_list ul li {
        width: 33.3% !important;
    }
    .section-artists .subsection-artist-grid.grid-type-old-masters .image_list ul li,
    .section-artists .subsection-artist-grid.grid-type-old-masters .image_list ul li:nth-of-type(3n) {
          padding-right: 18px !important;
    }
    body.responsive-layout-forced-image-lists.section-artists .records_list.image_list ul li:nth-of-type(odd),
    body.responsive-layout-forced-lists.section-artists .records_list.detail_list ul li:nth-of-type(odd) {
        margin-right:0 !important;
    }
    body.page-contact.responsive-layout-forced-image-lists .records_list.image_list ul li {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 40px !important;
    }
    body.page-contact.responsive-layout-forced-image-lists .records_list.image_list ul li .image {
        display: none;
    }
    body.page-contact.responsive-layout-forced-image-lists .records_list.image_list ul li .content h2 {
        font-size: 17px;
    }
    #main_content .subsection-exhibition-detail-page h1 {
        margin: 0 !important;
    }

}










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

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

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


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

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

        .section-artists .subsection-artist-grid.grid-type-old-masters .image_list ul li {
            width: 50% !important;
        }

}




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


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

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



    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    
    #footer #footer_locations {
        width: 100%;
    }
    #footer #copyright {
        width: 100%;
    }


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

    .records_list ul li .image {
        margin: 0 0 15px !important;
    }


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

        body.responsive-layout-forced-image-lists .subsection-artist-grid.grid-type-old-masters .records_list.image_list ul li {
            width: 100% !important;
        }

}