@media (max-width: 1020px) {

#main-nav a {
    font-size:15px;
}

}

@media (max-width: 920px) {

#search-left {
    width: 68%;
}

input#q\.radical, input#q\.totalstrokes, input#q\.strokes {
    width: 110px;
}

#site-name .platform, #site-name .site { font-size: 24px; }


}


@media (max-width: 770px) {

#main-nav a {
    font-size:12px;
}

#site-name { left: 130px; bottom: 45px; }
#site-name .platform, #site-name .site { font-size: 18px; }

#search-left {
    width: 60%;
}

input#q\.radical, input#q\.totalstrokes, input#q\.strokes {
    width: 70px;
}
#search-bar #search_stroke {
    padding-left: 12px;
    padding-right: 12px;
    width: 80px;
}

}

@media (max-width: 620px) {

#main-nav a {
    font-size:10px;
}


#search-left * { font-size:11px; }
#search-right { right:10px; width: 130px; }
input#q\.totalstrokes, input#q\.strokes {
    width: 30px;
}

div#search-book-list_chzn { font-size: 12px; width: 120px; }
div#search-book-list_chzn a.chzn-single { height: 31px; }
#search-book-list_chzn, #search-book_chzn { margin:0 0 20px 2%; }
input#search-go { width: 100px; font-size: 12px !important; padding: 0 10px; }

input#q\.radical { width: 30px; }

    #header-icons { display: none; }
    #header-brillonline { display: none; }
    #choose_resource_options {
        display:block;
        margin: 5px;
        top: 45px;
        right: 10px;
        position:absolute;
    }

    #brill-logo { width:80px; height:112px; display:block; }
    #supplemental * { font-size:13px; }

#main-nav-small { display:block; font-size:13px;margin-left:10px; }
#main-nav ul { display:none; }
#site-name { left: 110px; top: 75px; }
#main, #right-bar { float: none; display:block; width: 90%; clear:both; }
#background { height: auto; }
#right-bar { min-height: 200px; padding:0 10px; }
}

@media (max-width: 450px) {

    /* front page */
   	div#content-container div#dictionary-list div.title-item .front-cover { float: none; display:block; margin: auto; }
   	div#content-container div#dictionary-list div.title-item div.title-info { display: block; width:95%; margin: auto; }
   	div#content-container div#dictionary-list div.title-item div.title-info h2.book-title { margin-top: 20px; text-align: center; }

   	/* product page */
   	div#page-container div.product-logo { float:none; display:block; margin: auto; }
   	div#page-container div.result-detail { display:block; }
       div#buy-access-container { margin-top: 10px; }

   	/* all pages */
   	header#header div#header-logo { width: 95%; }
   	header#header div#header-logo a { background-size: 100% auto; }
       #header-icons { display: none; }
       #platformmenu { display: none; }

   	footer#page-footer { height: auto; }
   	footer#page-footer .footer-right { float: none; margin-top: 15px; }
   	footer#page-footer .builtlink { float: none; }
       div#banner { height: 100px; }
       div#header { height: 100px; }
       #header-brillonline { display: none; }
       a#brill-logo-link { display:block; width: 40px; }
       #brill-logo {
           height: 55px;
           margin-left: 8px;
           display:block;
       }
       #platform-logo {
           height: 40px;
           margin-left: 8px;
           bottom:0;
           clear: both;
       }

       #site-name { left: 55px;bottom:5px; }
       #site-name .platform, #site-name .site { font-size: 18px; }

       nav#mainmenu a { font-size: 16px; }
       nav#mainmenu ul li { padding: 0 20px; }
       nav#platformMenuIcon { display: block; }


    div#content-main-container { display: block; }
   	div#content-container { min-height: 100px; padding-right:60px; }
   	div.articlecontent { min-height:100px; }
   	aside#right-bar, aside#right-bar.collapse {
   		position: fixed;
   		float: none;
   		width: 100%;
        box-sizing: border-box;
        background-color: white;
   	}
    aside#right-bar div.right-bar-content { width: 250px; padding-bottom: 50px; }
    aside#right-bar.collapse { right: 0px; width:60px; }
    aside#right-bar.collapse div.right-bar-content-wrapper, aside#right-bar.collapse div.right-bar-content-wrapper div.right-bar-content.collapse { width: 0px; padding: 0px; }
    aside#right-bar div.right-bar-content div#access { border-top: 3px solid #cdcdcd; }
   	aside#right-bar div.right-bar-content-wrapper { display: block; }
   	aside#right-bar div.right-bar-content-wrapper div.right-bar-content, aside#right-bar div.right-bar-content-wrapper div.right-bar-content.fix-aside.collapse { display: block; right:-0px !important; position: relative; }
    aside#right-bar div.tools-bar div.icon-wrapper.fix-aside { position: relative; top: 0; }
   	footer#page-footer { position: relative; }

   	div#advancedsearch-container { min-width: auto; }
   	div#advancedsearch-container h2 { font-size: 22px; }
   	div#advancedsearch-container div.AdvancedSearchFieldContainer label { float:none; }
   	div#advancedsearch-container div.AdvancedSearchFieldContainer input { float:none;width:85%; }

    div#search-left > div { display: block; width: 100%; padding-left:0;}
    #search-bar #search_stroke { display: block; width: 100%; padding-left:0; }
    input#q\.radical, input#q\.totalstrokes, input#q\.strokes { width:40px; margin-right: 5px; }
    #platformMenuIcon { display:block; }
    div#platformmenu-small-container { position:absolute; top: 13px; left: 16px; z-index:1000; background-color: white; padding: 0 3px; }
    nav#platformmenu-small { margin:0; }
    nav#platformmenu-small ul { margin:0; list-style-type: none; padding:0; }
    nav#platformmenu-small ul li { margin: 5px 0; background-color: #11216E; cursor: pointer; }
    nav#platformmenu-small ul li a { text-decoration: none; color: white; padding: 3px 10px; font-size: 14px; }
    nav#platformmenu-small ul li:hover { background-color: #0568EB; }
    #search-left { width: 45%; }
    #search-bar { height: 235px; }
}