/* ----------------------------------------------------------------------------------
  Simon Lee Gallery
---------------------------------------------------------------------------------- */


@media screen and (max-width: 1200px) {
    #enquire {
        margin-left: 15px;
    }
    #search_menu {
        margin-left: 12px;
    }
    #top_nav ul li {
        margin: 0 7px;
    }
    .columns .column {
        width: 100%;
        margin-bottom: 15px;
    }
}


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

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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
    body.device-handheld {
        font-size: 1.6rem;
    }

    #menu,
    .menu_standard #menu {
        display: block;
    }
    .nav-contact-wrapper {
        display: none;
    }
    #top_nav,
    .menu_standard #top_nav,
    #enquire,
    #search_menu,
    .menu_standard #search_menu {
        display: none;
    }


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

    #main_content {
        min-height: 0 !important;
    }

    .scroll_section.scroll_section_panels {
        padding-top: 40px;
    }  

    .scroll_section.scroll_section_panels > .inner,
    .scroll_section.scroll_section_standard > .inner {
        padding: 0 80px;
    }
    .footer .inner {
        padding: 50px 80px;
    }
    .scroll_section.scroll_section_artist_list_names  > .inner {
        padding: 0 80px;
    }



    .feature_panels section .panel_heading {
        width: 50%;
        margin-bottom: 40px;
    }


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

    .splash-container-inner {
        padding: 0 40px;
    }

    #main_slideshow .slide .image {
        width: 50%;
    }
    #main_slideshow .slide .content {
        width: 50%;
    }

    .standard_grid .item {
        width: 50%;
    }

    .standard_grid.tile_grid .group,
    .works_grid.tile_grid .group {
        width: 50%;
    }


    .artwork_detail .image_container {
        padding-left: 50px;
        padding-bottom: 50px;
    }
    .artwork_detail .images {
        bottom: 50px;
        left: 50px;
    }
    .artwork_detail .content_container {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 50px;
    }
        .artwork_detail .content h1 {
            font-size: 2.5rem;
            line-height: 3rem;
            margin: 0 0 20px;
        }
        .artwork_detail .artwork_details,
        .artwork_detail .store_item_group {
            margin-bottom: 30px;
        }

    .artwork_detail .artwork_detail_additional {
        padding: 50px 50px;
        min-height: 0;
    }

    .pagination_controls {
        display: none;
    }

    .text_columns .content_initial_text .inner {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .text_columns .aside {
        width: 50%;
    }
    .text_columns .content {
        width: 50%;
    }

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


}







/* ------------------------------------------------------------------------
--------------------------------- Size 2.5 ----------------------------------
------------------------------------------------------------------------ */


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

    .enquire-input-wrapper {
        width: 100%;
        padding-right: 0;
    }
    .enquire-contact-wrapper {
        display: none;
    }

    .artwork_detail .artwork_detail_main {
        padding-top: 100px;
        min-height: 0 !important;
    }
        .artwork_detail .image_container {
            padding: 100% 0 0;
            margin: 0;
            width: auto;
            float: none;
            height: auto;
            min-height: 0 !important;
        }
            .artwork_detail .images {
                position: absolute;
                top: 50px;
                left: 50px;
                right: 50px;
                bottom: 50px;
                width: auto;
                height: auto;
            }
                .artwork_detail .images .image {
                    flex-direction: row;
                    display: flex;
                    align-items: center;
                }
        .artwork_detail .content_container {
            padding-left: 50px;
            padding-right: 50px;
            padding-bottom: 50px;
            padding-top: 0;
            width: 100%;
        }

    .text_columns .aside {
        width: 100%;
        padding-bottom: 40px;
    }
    .text_columns .content {
        width: 100%;
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }

    .scroll_section.scroll_section_panels.section_index_1 > .inner, .scroll_section.scroll_section_standard.section_index_1 > .inner {
        padding-top: 100px;
    }

    .large_grid .item .image,
    .medium_grid .item .image {
        width: 100%;
        padding: 0;
        margin: 0 0 40px;
        min-height: 0 !important;
    }
    .large_grid .item .area,
    .medium_grid .item .area,
    .full_grid .item .area {
        width: 100%;
        padding: 0;
    }

    .standard_grid,
    .works_grid {
        margin-right: -40px;
    }
    .standard_grid .item {
        padding-right: 40px;
        padding-bottom: 40px;
    }
    .works_grid.tile_grid .group,
    .standard_grid.tile_grid .group {
        padding-right: 40px;
    }
    .works_grid.tile_grid .group .item,
    .standard_grid.tile_grid .group .item {
        padding-bottom: 40px;
    }

    #scroll_section_nav {
        left: 30px;
        bottom: 10px;
    }

}

/* ------------------------------------------------------------------------
------------------------------ Size 2.5 ONLY ------------------------------
------------------------------------------------------------------------ */

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

    #main_slideshow .slide .image,
    #main_slideshow .slide.slide-no-overlay .image {
        width: 75%;
    }
    #main_slideshow .slide .content,
    #main_slideshow .slide.slide-no-overlay .content  {
        width: 60%;
        padding-left: 70px;
    }
    #main_slideshow .slide.content .content_header,
    #main_slideshow .slide.slide-no-overlay .content .content_header {
        padding-left: 0;
        left: auto;
        width: auto;
    }
    #main_slideshow .slide .content .content_header h1, #main_slideshow .slide .content .content_header .faux_h1 {
        width: auto;
    }
    #main_slideshow .slide .content .content_header .subtitle {
        max-width: 220px;
    }


    /* ALT RESPONSIVE STYLE (IMAGE AT TOP) 
    ------------------------------------------------ */

    #main_slideshow_nav.alt_responsive {
        transform: none;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 40px 40px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
        #main_slideshow_nav.alt_responsive ul li {
            margin: 0 20px 0 0;
        }


        #main_slideshow.alt_responsive .slide {

        }
        #main_slideshow.alt_responsive .slide .image,
        #main_slideshow.alt_responsive .slide.slide-no-overlay .image {
            height: 68%;
            min-height: 68%;
            position: static;
            display: block;
            width: 100%;
            max-width: 100%;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
        }
        #main_slideshow.alt_responsive .slide .content,
        #main_slideshow.alt_responsive .slide.slide-no-overlay .content {
            width: 100%;
            height: 32vh;
            padding: 0 40px;
            position: static;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
            background: #fff;
        }
        #main_slideshow.alt_responsive.single-slide .slide .content {
            height: auto;
        }
            #main_slideshow.alt_responsive .slide.slide-no-image .content {
                height: auto;
                padding-top: 100px;
            }
            #main_slideshow.alt_responsive .slide .content .content_header .faux_h1 {
                width: auto;
            }
            #main_slideshow.alt_responsive .slide.slide-no-image .content .pre-title {
                margin-top: 100px;
            }
        #main_slideshow.alt_responsive .slide .content .content_header {
            position: static !important;
            transform: none !important;
            top: auto !important;
            padding: 40px 0 40px !important;
            opacity: 1 !important;
        }
        .alt_responsive h1, 
        .alt_responsive .faux_h1 {
            padding-top: 0;
            font-size: 70px;
            line-height: 78px;
            margin-left: 0;
        }
        #main_slideshow.alt_responsive .slide .content .content_header .post-title {
            margin-bottom: 20px;
        }
        #main_slideshow.alt_responsive .slide .content .subtitle {
            max-width: none;
        }
        #main_slideshow.alt_responsive .slide .content .content_header h2 {
            font-size: 25px;
            line-height: 28px;
            width: 100%;
        }
        .alt_responsive .post-title {
            margin: 0 0 20px;
        }
        .alt_responsive .pre-title,
        #main_slideshow.alt_responsive .slide .content .content_header {
            padding-top: 20px;
        }
        #main_slideshow.alt_responsive .slide .content .content_header .prelude {
            margin-left: 0;
            padding-left: 0;
        }

}






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


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


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

        .mobile-only {
            display: block;
        }
        .desktop-only {
            display: none;
        }


    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
        
        #header {
            padding-top: 16px;
            padding-left: 16px;
            padding-right: 16px;
        }
        #logo {
            width: 75px;
            height: 42px;
        }

        .nav-wrapper ul li {
            font-size: 45px;
            line-height: 55px;
        }
        .nav-overlay .overlay-container-inner {
            padding: 100px 80px;
        }

        #basket #store_cart_widget .scw_total_price {
            display: none;
        }

        body.page-transition #main_slideshow .slide .image {
            transform: translateX(0%);
        }


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

    .splash-container-inner {
        padding: 0 20px;

        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
        .logo-wrapper, 
        .location-wrapper {
            display: block;
            width: 100%;
            text-align: center;
        }
        .logo-wrapper {
            margin: 0 0 40px;
        }
        .logo-wrapper svg {
            max-width: 160px;
        }
        .location-item {
            margin: 0;
            padding: 0 10px;
        }

    .content_basic_layout {
        padding: 120px 20px 40px;
    }
    .scroll_section {
        min-height: 375px !important;
    }
    .scroll_section.scroll_section_panels > .inner,
    .scroll_section.scroll_section_standard > .inner {
        padding: 0 20px;
    }
    .scroll_section.scroll_section_artist_list_names  > .inner {
        padding: 0 20px;
    }
    .scroll_section .heading_wrapper {
        padding: 0;
        margin: 0 0 40px;
    }
    #scroll_section_nav {
        display: none;
    }
    .footer .inner {
        padding: 40px 20px;
    }
        .footer .main {
            margin-right: -20px;
        }

            .footer .main .item {
                width: 100%;
            }
            .footer .main .item {
                padding: 0 20px 40px 0;
            }
        .footer .aside {
            margin-right: -20px;
            margin-bottom: ;
        }
            .footer .aside .item {
                padding: 0 20px 0 0;
                width: 100%;
            }

    .feature_panels section .panel_heading_container {
        margin-right: -20px;
    }
    .feature_panels section .panel_heading {
        padding-right: 20px;
    }

    .large_grid .item .image,
    .medium_grid .item .image {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }
    .large_grid .item .area,
    .medium_grid .item .area,
    .full_grid .item .area {
        width: 100%;
        padding: 0;
    }

    .standard_grid,
    .works_grid,
    .text_columns,
    .standard_grid.tile_grid,
    .works_grid.tile_grid {
        margin-right: -20px;   
    }
        .standard_grid .item,
        .works_grid .item,
        .text_columns .aside,
        .text_columns .content {
            padding: 0 20px 40px 0;
        }

        .standard_grid.tile_grid .group,
        .works_grid.tile_grid .group {
            padding-right: 20px;
        }
        .standard_grid.tile_grid .group .item,
        .works_grid.tile_grid .group .item {
            padding-bottom: 20px;
        }
    .instagram_grid {
        padding-bottom: 0;
    }
        .instagram_grid .item {
            width: 50%;
        }
    .medium_grid .item,
    .large_grid .item,
    .full_grid .item {
        margin-bottom: 40px;
    }
    .medium_grid .item .area {
        padding-left: 0;
    }

    .works_grid .item {
        width: 50%;
    }

    .text_columns {
        margin-bottom: 0;
    }
    .text_columns .aside {
        width: 100%;
    }
    .text_columns .content {
        width: 100%;
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }
    .text_columns .content .inner {
        -webkit-column-count: auto !important;
        -moz-column-count: auto !important;
        column-count: auto !important;
    }
    .scroll_section.scroll_section_panels.section_index_1 > .inner, 
    .scroll_section.scroll_section_standard.section_index_1 > .inner {
        padding-top: 40px;
    }
    .scroll_section.scroll_section_panels {
        padding-top: 40px;
    }
    .feature_panels section {
        padding: 0;
    }
        .feature_panels section .panel_heading {
            width: 50%;
            margin: 0 0 40px;
        }
        /*
    .scroll_section.section_index_1 .feature_panels section.panel_index_1 {
        padding-top: 75px;
    }*/

    #main_slideshow .slide.slide-no-overlay .content .content_header {
        padding-left: 40px;
    }
    #main_slideshow_nav {
        transform: none;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 20px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
        #main_slideshow_nav ul li {
            margin: 0 20px 0 0;
        }

    h1, .faux_h1 {
        padding-top: 0;
        font-size: 35px;
        line-height: 38px;
        margin-left: 0;
    }
    #main_slideshow .slide .content .content_header h2 {
        font-size: 25px;
        line-height: 28px;
    }
    #main_slideshow .slide .content .content_header .prelude {
        margin-left: 0;
        padding-left: 0;
    }
    .post-title {
        margin: 0 0 20px;
    }
    #main_slideshow .slide .content {
        padding-left: 40px;
    }

    #popup_box .close,
    .nav-close-button, 
    .enquire-close-button, 
    .search-close-button {
        top: 16px;
        right: 20px;
    }
    body.cms-frontend-toolbar-active #popup_box .close,
    body.cms-frontend-toolbar-active .nav-close-button, 
    body.cms-frontend-toolbar-active .enquire-close-button, 
    body.cms-frontend-toolbar-active .search-close-button {
        top: 16px;
    }

    .artwork_detail .pagination_controls > div {
        display: none;
    }
    .artwork_detail .content h1 {
        font-size: 3.0rem;
        line-height: 3.8rem;
    }
    .artwork_detail .content .label {
        clear: both;
    }
    .artwork_detail .image_gallery_multiple_thumbnails_container {
        float: left;
        width: 100%;
    }
    .artwork_detail .image_gallery_multiple_thumbnails ul {
        margin-right: -10px;
    }
    .artwork_detail .image_gallery_multiple_thumbnails ul li {
        width: 25%;
        min-width: 40px;
        margin: 0;
        padding: 0 10px 10px 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


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

        .section-store .subsection-store-basket #content_module {
            width: 100%;
            padding: 120px 40px 40px;
            min-height: 0 !important;
        }
            .section-store .subsection-store-basket #content_module #sc_contents_container #continue_shopping_button {
                display: none;
            }
        .section-store .subsection-store-basket #sidebar {
            width: 100%;
            padding: 40px 40px 40px;
            min-height: 0 !important;
        }


    .scroll_section.scroll_section_artist_list_grid .inner .image_list {
        padding-top: 0;
    }

    .image_list ul {
        margin-right: -20px;
    }
        .image_list ul li {
            width: 33%;
            padding-right: 20px;
            padding-bottom: 40px;
        }

    .column_list ul {
        width: 50%;
    }
    /*
    .column_list ul li {
        width: 33%;
    }
    */

    .feature_panels section.panel_custom_enquiries .area_wrapper {
        margin-right: 0;
    }
    .feature_panels section.panel_custom_enquiries .enquiry_form {
        width: 100%;
        padding-right: 0;
        margin: 0 0 40px;
    }
    .feature_panels section.panel_custom_enquiries .enquiry_text {
        width: 100%;
        padding-right: 0;
    }

    .scroll_section_artist_list_names {
        min-height: 0;
    }
    .scroll_section .scroll_section_artist_list_names .column_list {
        padding-top: 100px;
        padding-bottom: 0;
    }

}





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


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

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



    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
/*
    #header,
    body .hero-section-visible #header, body .page-top #header {
        background: #fff;
    }*/

    .nav-wrapper {
        padding-left: 0;
    }
    .nav-overlay .overlay-container-inner {
        padding: 100px 40px 100px 70px;
    }
    .nav-wrapper ul li {
        font-size: 30px;
        line-height: 38px;
    }


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

    .notify_panel {
        max-width: 100%;
    }
    .notify_panel .notify_panel_header {
        display: block;
    }
    .notify_panel .notify_panel_content {
        top: 60px;
    }

    .overlay-container-inner {
        padding: 120px 20px 100px 60px;
    }
    .enquire-input-wrapper .enquiry_form .notify_panel_items ul li .image {
        max-width: 50px;
        max-height: 50px;
    }

    .standard_grid .item {
        width: 100%;
    }
    .standard_grid.tile_grid .group,
    .works_grid.tile_grid .group {
        width: 100%;
    }
    .feature_panels section .panel_heading {
        width: 100%;
    }

    .large_grid .item .image,
    .medium_grid .item .image {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }
    .large_grid .item .area,
    .medium_grid .item .area,
    .full_grid .item .area {
        width: 100%;
        padding: 0;
    }
    .large_grid .item .area h3,
    .full_grid .item .area h3,
    .medium_grid .item .area h3,
    .standard_grid .item h3 {
        min-height: 0;
    }
    .large_grid .item .area {
        padding-right: 0;
    }


    #main_slideshow_nav {
        position: relative;
        z-index: 2;
        clear: both;
    }
        #main_slideshow_nav ul li {
            transform: none !important;
            opacity: 1 !important;
        }

    #main_slideshow .slide .content .scroll {
        display: none;
    }

    #main_slideshow {
        position: relative !important;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        overflow: hidden;
        float: left;
        width: 100%;
    }
        #main_slideshow .slide {

        }
        #main_slideshow .slide .image,
        #main_slideshow .slide.slide-no-overlay .image {
            height: 82vh;
            min-height: 82vh;
            position: relative;
            display: block;
            width: 100%;
            max-width: 100%;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
        }
        #main_slideshow.slide-active .slide .image:after {
            width: 100%;
            height: 0;
            top: auto;
            bottom: 0;
            display: none !important;
        }
        #main_slideshow .slide .content,
        #main_slideshow .slide.slide-no-overlay .content {
            width: 100%;
            height: auto;
            min-height: 20vh;
            padding: 0 20px;
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
        }
        #main_slideshow.single-slide .slide .content {
            height: auto;
        }
            #main_slideshow .slide.slide-no-image .content {
                height: auto;
                padding-top: 100px;
            }
            #main_slideshow .slide .content .content_header .pre-title {
                padding-top: 20px;
            }
            #main_slideshow .slide .content .content_header .faux_h1
            #main_slideshow .slide .content .content_header h1,
            #main_slideshow .slide .content .content_header .post-title h1 {
                margin-bottom: 20px;
            }
            #main_slideshow .slide .content .content_header .faux_h1 {
                width: auto;
            }
            #main_slideshow .slide.slide-no-image .content .pre-title {
                margin-top: 100px;
            }
            #main_slideshow .slide .content .content_header .post-title {
                margin-bottom: 20px;
            }
            #main_slideshow .slide .content .content_header .prelude:after {
                margin-bottom: 0;
            }
        #main_slideshow .slide .content .content_header {
            position: static !important;
            transform: none !important;
            top: auto !important;
            padding: 20px 0 0 !important;
            opacity: 1 !important;
        }
        .section-artists #main_slideshow .slide .content .content_header {
            padding-top: 35px !important;
        }
        h1, .faux_h1 {
            padding-top: 0;
            font-size: 35px;
            line-height: 38px;
            margin-left: 0;
        }
        #main_slideshow .slide .content .content_header h2 {
            font-size: 25px;
            line-height: 28px;
            width: 100%;
        }
        .post-title {
            margin: 0 0 20px;
        }
        .pre-title,
        #main_slideshow .slide .content .content_header {
            padding-top: 20px;
        }
        #main_slideshow .slide .content .content_header .prelude {
            margin-left: 0;
            padding-left: 0;
            float: none;
        }


        .artwork_detail .images {
            top: 20px;
            left: 20px;
            right: 20px;
            bottom: 20px;
        }
        .artwork_detail .content_container {
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 40px;
            padding-top: 20px;
        }

        .artwork_detail .artwork_detail_additional {
            padding: 40px 20px;
        }
        .artwork_detail .artwork_detail_additional .content {
            width: 100%;
        }
        .artwork_detail .artwork_detail_additional .content_adjacent {
            width: 100%;
        }

        .pagination_controls,
        .feature_panels section .slider_controls {
            display: none;
        }   

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

        .subsection-artist-detail .scroll_section.scroll_section_panels {
            padding-top: 0;
        }
        .image_list ul li {
            width: 50%;
        }
        /*
        .column_list ul li {
            width: 50%;
        }
        */
        .scroll_section .scroll_section_artist_list_names .column_list,
        .column_list {
            margin-right: -15px;
            padding-left: 30px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .column_list ul {
            width: 100%;
        }
        .column_list ul li {
            padding: 0 15px 20px 0;
        }

        .works_grid .item {
            width: 100%;
        }

        div.arprompt {
            width: auto;
            left: 18px !important;
            right: 18px !important;
            margin: 0 !important;
        }


    /*  Error page
    ---------------------------------------------------------------------------------- */

    .section-error .scroll-container .scroll-container-inner {
        min-height: 100vh;
    }
    .section-error .scroll-container .scroll-container-inner #main_content {
        min-height: 100vh;
        position: static;
    }
    .section-error .content_body .description {
        margin: 0 0 40px;
    }
    .section-error #header {
        right: 0;
        bottom: auto;
        width: 100%;
        height: 60px;
        padding: 20px !important;
        background: #fff !important;
    }
    .section-error #logo {
        position: static;
        transform: none;
    }
    .section-error #logo svg path,
    .section-error #logo svg polygon {
        fill: #151515;
    }
    .section-error .content_basic_layout {
        position: static;
        transform: none;
        width: 100%;
        padding: 120px 20px 20px;
    }
    .section-error .content_basic_layout .content_body {
        max-width: none;
    }
    .section-error .content_basic_layout .prelude {
        width: 100%;
    }

}