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

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


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

    #container {
        background-image: url(/images/background-mobile.png);
    }
        .device-highres #container {
            background-size: 250px auto;
        }
    .section-home #container,
    .page-artists.page-param-overview #container,
    .page-exhibitions.page-param-overview #container {
        background-image: url(/images/background-darker-mobile.png);
    }
        .device-highres .section-home #container,
        .device-highres .page-artists.page-param-overview #container,
        .device-highres .page-exhibitions.page-param-overview #container {
            background-size: 250px auto;
        }
    .fullscreen_slideshow ul li .overlay {
        background-image: url(/images/background-transparent-size3.png);
    }


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

    #main_content {
        padding-top: 130px;
    }


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



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

        #slideshow.fullscreen_slideshow ul li .content .content_main {
            font-size: 100px;
            line-height: 110px;
            letter-spacing: 20px;
        }


}


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

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


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



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

    #container {
        margin-left: 0;
        margin-right: 0;
    }
    .fullscreen_slideshow ul li .image,
    .fullscreen_slideshow ul li .overlay {
        left: 0;
        right: 0;
    }


    #header, #header.header_fixed {
        position: fixed !important;
        z-index: 3000;
    }
    body.type-fullscreen.cms-frontend-toolbar-active #header {
        top: 28px;
    }
    #header .inner, body.type-fullscreen #header .inner {
        margin: 0;
    }
    #logo {
        float: left;
        width: auto;
        margin: 0 0 23px 0;
    }

    #top_nav {
        display: block;
        float: none;
        width: auto;
        margin: 0 -15px;
        clear: both;
        position: static;
        padding: 0 0 0 !important;
    }
        #top_nav,
        #top_nav ul {
            text-align: center !important;
        }
        #top_nav ul.topnav {
            background: #f6f8f5;
        }
        #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 ul.topnav li {
            margin: 0 !important;
        }
        #top_nav.navigation ul.topnav li a {
            border-top: 1px solid #e1e3e1;
            padding: 8px 0 8px;
            margin: 0 10px !important;
            width: auto !important;
        }
        #top_nav.navigation ul.topnav li.active a {
            
        }
        #top_nav ul li.active a {
            background: none !important;
        }
        #top_nav .topnav {
            display: none;
            width: auto !important;
            padding-left: 0;
            padding-right: 0;
        }
        #top_nav #top_nav_reveal {
            display: block;
            cursor: pointer;
            margin: 0 0 10px !important;
            position: absolute;
            top: 22px;
            right: 30px;
            width: auto !important;
        }


    .heading_wrapper #sub_nav.navigation ul li,
    .heading_wrapper .list_grid_control.navigation ul li {
        margin: 0;
    }
    .heading_wrapper #sub_nav.navigation ul li a,
    .heading_wrapper .list_grid_control.navigation ul li a {
        padding-top: 5px;
    }



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

        .section-home #content_below h2.main_heading {
            margin-bottom: 30px;
        }

        #slideshow {
            position: absolute !important;
        }
        #slideshow ul, #slideshow a, #slideshow span {
            width: auto !important;
        }
        #slideshow.fullscreen_slideshow ul li .image,
        #slideshow.fullscreen_slideshow ul li .image a {
            width: auto !important;
        }
        #slideshow.fullscreen_slideshow ul li span.content {
            width: 100% !important;
            margin-top: -115px !important;
        }
        #slideshow.fullscreen_slideshow ul li .content_corner {
            width: auto !important;
            right: 30px;
            display: none !important;
        }
        #slideshow.fullscreen_slideshow ul li .down_arrow {
            
        }
        #slideshow.fullscreen_slideshow ul li .content .content_top {

        }
        #slideshow.fullscreen_slideshow ul li .content .content_main {
            font-size: 80px;
            line-height: 90px;
            letter-spacing: 14px;
        }
        #slideshow.fullscreen_slideshow ul li .content .content_bottom {
            letter-spacing: 6px;
        }



        .page-artists #content #artist_list_slideshow {
            display: block;
            width: 100%;
            float: none;
        }
        .page-artists #content #artist_list_slideshow {
            display: none;
        }

        .page-artists #main_content .subsection-artist-detail-page .heading_wrapper .ig_slideshow_caption,
        .page-exhibitions #main_content .subsection-exhibition-detail-page .heading_wrapper .ig_slideshow_caption {
            position: static;
        }

        #artist_page_additional_content {
            width: 100%;
        }


        .section-exhibitions .standard-entry-list #exhibitions_nav {
            float: left !important;
            width: 100%;
        }
        .page-exhibitions #main_content .subsection-exhibition-detail-page #exhibitions_nav {
            position: relative;
        }

        #sub_nav.navigation ul li:last-child,
        #exhibitions_nav.navigation ul li:last-child,
        .list_grid_control.navigation ul li:last-child {
            margin-right: 0;
        }

        /*.page-art-fairs #art-fairs-grid-container .detail_list ul li .content {*/
        /*    width: 100% !important;*/
        /*} */
    

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

        #ig_slideshow {
            height: auto;
            margin: 0;
        }

        .mini_list ul li {
            width: 100% !important;
        }

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

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


        /* Columns list
        ----------------------------------------------------------- */

        .columns_list ul {
            width: 33% !important;
            display: inline-block !important;
            vertical-align: top;
            margin-bottom: 30px !important;
        }


}

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

        #top_nav ul li {
            display: inline-block !important;
            clear: none !important;
            width: 33% !important;
            text-align: left !important;
        }
        #top_nav #top_nav_reveal ul li {
            width: auto !important;
        }
        #top_nav.navigation ul.topnav li a {
            padding: 20px 0 20px;
        }


        .page-artists #main_content .subsection-artist-detail-page #exhibitions_nav ul li,
        .page-exhibitions #main_content .subsection-exhibition-detail-page #exhibitions_nav ul li {
            margin-right: 16px;
        }
        .page-artists #main_content .subsection-artist-detail-page .heading_wrapper,
        .page-exhibitions #main_content .subsection-exhibition-detail-page .heading_wrapper {
            float: right !important;
            width: 26% !important;
        }
        .page-artists #main_content .subsection-artist-detail-page #content,
        .page-exhibitions #main_content .subsection-exhibition-detail-page #content {
            float: left !important;
            width: 67% !important;
        }

    }


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


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

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

    .fullscreen_slideshow ul li .overlay {
        background-image: url(/images/background-transparent-size2.png);
    }

    #slideshow {
        position: relative !important;
        top: auto !important;
    }

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

    #main_content {
        padding-top: 100px !important;
    }


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

    .records_list_preview {
        float: none !important;
        width: 100% !important;
        padding-top: 0 !important;
    }
    .records_list_ajax {
        float: none !important;
        width: 100% !important;
    }
    .detail_list ul li .content h2,
    .detail_list ul li .content .subtitle {
        font-size: 12px;
    }


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

    #slideshow.fullscreen_slideshow ul li .content .content_top {
        font-size: 30px;
    }
    #slideshow.fullscreen_slideshow ul li .content .content_main {
        font-size: 50px;
        line-height: 60px;
        letter-spacing: 6px;
    }
    #slideshow.fullscreen_slideshow ul li .content .content_bottom {
        font-size: 25px;
        letter-spacing: 6px;
    }

    .page-artists #main_content .subsection-artist-detail-page .heading_wrapper,
    .page-exhibitions #main_content .subsection-exhibition-detail-page .heading_wrapper {
        padding-bottom: 0;
        min-height: 0;
    }
    .page-artists #main_content .subsection-artist-detail-page .heading_wrapper #ig_slideshow_caption_external,
    .page-exhibitions #main_content .subsection-exhibition-detail-page .heading_wrapper #ig_slideshow_caption_external {
        display: none;
    }
    #ig_slideshow_container #ig_slideshow_caption {
        display: block;
        clear: both;
        min-height: 0;
    }


    .page-exhibitions #exhibitions_nav,
    .page-exhibitions #main_content .subsection-exhibition-detail-page #exhibitions_nav {
        width: 100%;
    }
    .page-exhibitions #exhibitions_nav ul,
    .page-exhibitions #main_content .subsection-exhibition-detail-page #exhibitions_nav ul {
        float: none;
        width: 100%;
    }
    .page-exhibitions #exhibitions_nav ul li,
    .page-exhibitions #main_content .subsection-exhibition-detail-page #exhibitions_nav ul li {
        margin: 0 26px 0 0;
    }


    .page-exhibitions .exhibitions_list_filters,
    .page-news #news_years_nav,
    .page-art-fairs #fairs_years_nav {
        float: none;
        width: 100%;
        margin: 0 0 30px;
    }
        .page-exhibitions #exhibitions_years_nav ul li,
        .page-news #news_years_nav ul li,
        .page-art-fairs #fairs_years_nav ul li {
            width: auto;
            float: left;
            margin: 0 26px 0 0;
        }


    .page-exhibitions #main_content .records_list_preview,
    .page-art-fairs #main_content .records_list_preview {
        display: none;
    }
    .section-exhibitions .standard-entry-list .exhibitions_list_filters #exhibitions_years_nav {
        margin-bottom: 0;
    }
    .page-store .store_categories_nav ul {
        padding-bottom: 40px;
    }
    .page-art-fairs.page-param-type-event_id #fair_container {
        flex-direction: column;
    }
    .page-art-fairs.page-param-type-event_id #fair_sidebar,
    .page-art-fairs.page-param-type-event_id #fair_content {
        width: 100%
    }
    .page-art-fairs.page-param-type-event_id #fair_sidebar {
        order: 0;
    }
    .page-art-fairs.page-param-type-event_id #fair_content {
        order: 1;
    }
    .page-art-fairs.page-param-type-event_id #ig_slideshow_caption_external {
        display: none;
    }
    .page-art-fairs.page-param-type-event_id #ig_slideshow_container {
        padding-top: 40px;
    }


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

    .records_list_preview {
        float: none !important;
        width: 100% !important;
    }
        .records_list_preview #ig_slideshow div,
        .records_list_preview #ig_slideshow span {
            height: auto !important;
            max-height: none;
        }
        .records_list_preview #ig_slideshow .item {
            height: auto;
        }
        .records_list_preview #ig_slideshow .item img {
            max-height: none;
        }
    .records_list_ajax {
        float: none !important;
        width: 100% !important;
    }

}

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

        #top_nav ul li {
            display: inline-block !important;
            clear: none !important;
            width: 33% !important;
            text-align: left !important;
        }
        #top_nav #top_nav_reveal ul li {
            width: auto !important;
        }
        #top_nav.navigation ul.topnav li a {
            padding: 12px 0 12px;
        }


        .page-artists #main_content .subsection-artist-detail-page #exhibitions_nav ul li,
        .page-exhibitions #main_content .subsection-exhibition-detail-page #exhibitions_nav ul li {
            margin-right: 16px;
        }


        #sub_nav.navigation ul li .mini_list ul li {
            width: 50% !important;
            float: left !important;
            clear: none !important;
        }

    }





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


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



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

    #top_nav.navigation ul.topnav li a {
        padding: 14px 0;
    }

    .fullscreen_slideshow ul li .overlay {
        background-image: url(/images/background-transparent-size1.png);
    }


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


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


        /* Columns list
        ----------------------------------------------------------- */

        .columns_list ul {
            width: 100% !important;
            margin-bottom: 0 !important;
        }



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

    #slideshow.fullscreen_slideshow ul li .content .content_top {
        font-size: 25px;
    }
    #slideshow.fullscreen_slideshow ul li .content .content_main {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: 6px;
    }
    #slideshow.fullscreen_slideshow ul li .content .content_bottom {
        font-size: 20px;
        letter-spacing: 6px;
    }



}