/* Collapse topnav at 1023px
----------------------------------------------------------- */

@import url(/lib/g/1.0/styles/responsive_topnav.css) screen and (max-width: 1023px);


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

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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #slide_nav_reveal {
        text-align: right;
    }
    #top_nav.navigation ul li.active .indicator {
        display:none !important;
    }
    #top_nav.navigation ul li.active a {
        color:#BDBDBD;
    }
    #quicksearch_form,
    #quicksearch_form * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #quicksearch_form,
    #quick_search,
    #quick_search .inputField {
        width: 100% !important;
    }
    #quicksearch_form {
        display: block;
        height: 40px;
        position: relative;
        padding-right: 30px;
    }
    #quick_search .inputField {
        float: none;
        display: block;
    }
        #quick_search #quicksearch_btn {
            padding-left: 0;
            text-decoration: none;
            width: auto;
            position: absolute;
            top: 0;
            right: 0;
        }

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

                #header {
                    padding: 0;
                }
                #header .inner,
                body.type-fullscreen #header .inner,
                #header.header_fixed .inner {
                    width: auto !important;
                    padding-top: 30px;
                    padding-bottom: 30px;
                    min-height: 0;
                }
                #logo {
                    margin-bottom: 0;
                    padding: 0;
                }

            #top_nav.navigation {
                display: block;
                clear: none;
                float: none;
                position: static;
                padding: 0 !important;
                width: 100%;
            }
                #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.navigation ul {
                    width: auto !important;
                    margin: 0 -15px !important;
                    text-align:left;
                }
                #top_nav ul li {
                    display: inline-block;
                    margin: 0 0 10px !important;
                    width: 33.33% !important;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    clear: none;
                    padding: 25px 15px 0 15px;
                    margin-right:-4px !important;
                }
                #top_nav.navigation ul li.topnav_search {
                    display:block !important;
                    width:100% !important;
                    padding: 15px 15px 0 15px;
                    margin: 0 !important;
                }

                #top_nav.navigation ul li a {
                    letter-spacing: 1.6px;
                    padding: 15px 0;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    border-top: 1px solid #EBEBEB;
                }
                #top_nav.navigation ul.topnav li a {
                    line-height: inherit;
                }
                .navigation ul li.active {
                    border: none;
                }
                #top_nav ul li.active a {
                    background: none !important;
                    /*border-color: #303030;*/
                }
                #top_nav .topnav,
                #top_nav.top_nav_centered ul.topnav {
                    display: none;
                }
                #top_nav #top_nav_reveal {
                    width: auto !important;
                    clear: none;
                    float: right;
                    cursor: pointer;
                    margin: 0 !important;
                    padding: 0;
                }
                    #top_nav.navigation #top_nav_reveal ul li a {
                        padding: 0;
                    }
                    #header.header_layout_left #top_nav #top_nav_reveal {
                        float: right;
                    }
                    #header.header_layout_right #top_nav #top_nav_reveal {
                        float: left;
                    }
                    #header.header_layout_center #top_nav #top_nav_reveal {
                        float: none;
                        padding-top: 20px;
                    }
                #top_nav.navigation #top_nav_reveal ul{
                    margin: 0 !important;
                }
                #top_nav #top_nav_reveal ul li {
                    margin: 0 !important;
                    padding:0;
                    width: auto !important;
                }
                #top_nav.navigation #top_nav_reveal ul li a{
                    border:0;
                }


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



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

        .section-exhibitions .exhibition-header .subtitle {
            margin-bottom: 20px;
        }
        .section-exhibitions .subsection-wrapper-overview.exhibition-layout-slideshow #content_module {
            width: 100%;
        }
        .page-contact #content_module,
        .page-contact .contact-locations-grid .records_list.feature_list ul li .content {
            width: 38% !important;
        }
        .page-contact #sidebar,
        .page-contact .contact-locations-grid .feature_list ul li .google-map,
        body.responsive-layout-forced-lists .records_list.feature_list ul li .image{
            width: 58% !important;
        }


        .section-store .subsection-store-basket #content_module {
            width: 65%;
        }
        .section-store .subsection-store-basket #sidebar {
            width: 30%;
        }

}




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


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



    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #slide_nav_reveal {
        text-align: center;
    }
    
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */

        #logo {
            margin-bottom: 18px;
        }


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



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

    .page-contact #content_module,
    .page-contact .contact-locations-grid .records_list.feature_list ul li .content,
    .page-contact #sidebar,
    body.responsive-layout-forced-lists .records_list.feature_list ul li .image{
        width: 100% !important;
    }
    .page-contact .contact-locations-grid .feature_list ul li .google-map {
        width: 100% !important;
        margin: 0 0 20px 0;
    }

}

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

    }




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


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

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #quicksearch_form * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        #quicksearch_form,
        #quick_search {
            width: 100% !important;
        }
            #quick_search .inputField {
                width: 90%;
            }
            #quick_search #quicksearch_btn {
                width: 10%;
                padding-left: 4%;
                text-decoration: none;
            }

        #quicksearch_form,
        #quicksearch_form * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        #quicksearch_form,
        #quick_search,
        #quick_search .inputField {
            width: 100% !important;
        }
        #quicksearch_form {
            display: block;
            height: 40px;
            position: relative;
            padding-right: 30px;
        }
        #quick_search .inputField {
            float: none;
            display: block;
        }
            #quick_search #quicksearch_btn {
                text-decoration: none;
                width: auto;
                position: absolute;
                top: 0;
                right: 0;
            }

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



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



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


}