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


    #artist_hover_container {
        width: auto;
        right: 20px;
        left: 20px;
    }
    
    .subsection-publication-record #content_module {
        width: 55%;
    }

    .subsection-publication-record #sidebar {
        width: 38%;
    }


}


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

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


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

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

    .records_list.detail_list ul li .image {
        width: 28% !important;
        float: left !important;
    }
    .records_list.detail_list ul li .content {
        width: 65% !important;
        float: right !important;
        clear: none !important;
    }

    .heading_wrapper h1, .heading_wrapper .subtitle, .heading_wrapper .date {
        width: auto !important;
    }


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

    #main_content .heading_wrapper.artist-header {
        height: 0 !important;
        margin: 0 !important;
    }


    #main_content .exhibition-header h1,
    #main_content .exhibition-header .subtitle {
        margin: 0 !important;
    }
    .section-exhibitions .detail_list ul li .content {
        width: 100% !important;
        float: none !important;
    }
    .section-exhibitions .detail_list ul li .image {
        display: none !important;
    }


    .section-artists .subsection-press .records_list.detail_list ul li .content {
        float: left !important;
        width: 85% !important;
    }


    .section-artists .subsection-biography #content_module {
        width: 100%;
    }




}

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

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

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

    #header .inner, body.type-fullscreen #header .inner, #header.header_fixed .inner {
        padding: 0;
    }
    #container {
        padding: 0 20px  !important;
        width: auto !important;
    }

    #main_content {
        padding: 108px 0 0 182px;
    }


}



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


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


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



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

    #header {
        float: none;
        width: 100%;
        position: static;
        background: #FFF;
        margin: 0 0 30px;
        padding: 30px 0 0;
    }
        #header .inner, body.type-fullscreen #header .inner, #header.header_fixed .inner {
            padding-left: 20px;
            padding-right: 20px;
        }
        #header #logo {
            float: left;
            margin: 0;
        }
        #header #top_nav {
            float: right;
            width: auto;
            clear: none;
            padding: 0 !important;
        }
        #header #custom_top_nav_reveal {
            display: block;
            margin: 7px 0 0 !important;
        }
            #header #custom_top_nav_reveal ul li {
                display: block;
                margin: 0 !important;
            }

        #responsive_slide_nav ul.topnav {
            padding: 0;
            margin: 0 0 30px 0;
        }


        #header #top_nav ul.topnav,
        #header #social_links {
            display: none;
        }

        #social_links .social_links_item {
            margin: 0;
        }

        #main_content {
            padding-top: 0;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 0 !important;
        }
        .responsive-nav-slide-nav.responsive-nav-side-position-right #responsive_slide_nav_wrapper {
            right:0;
        }
        #responsive_slide_nav {
            display: block;
        }


        #responsive_slide_nav_wrapper {
            opacity:1.0;
            z-index: 99;
            right: 0px;
            left: auto !important;
        }
        #header, #header.header_fixed {
            position: static !important;
        }
        #header #logo {
            float: left;
            width: 98px;
        }


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

    .records_list.detail_list ul li .content {
        padding-top: 0;
    }

    .content_columns,
    .content_column {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0;
        width: 100%;
        float: none;
        display: block;
    }


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

    .section-exhibitions .detail_list ul li {
        margin: 0 0 20px !important;
    }

    .section-contact .content_column {
        width: 100%;
        float: none;
        display: block;
        margin: 0 0 20px;
    }


    .section-artists .subsection-biography #content_module {
        width: 90%;
    }


}





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


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

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

    .heading_wrapper h1, .heading_wrapper .subtitle, .heading_wrapper .date {
        display: block;
    }
    .heading_wrapper .subtitle:before, .heading_wrapper .date:before {
        display: block;
        clear: both;
        content: '';
    }


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



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



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


}