@media (max-width: 1086px) {
.home #custom_html-17 { display: none; }
}
@media (max-width: 899px) {
#mc_embed_signup input.email { width:170px; }
#access a { letter-spacing:normal;font-size:14px;padding:0 15px; }
.home-box-container { display: block; }
.home-box { display: block; vertical-align: top; flex: none; }
.banner { width: 100%; margin-bottom: 30px; }
.meteor-slides .mslide img { width: 100%; }
.home .sidebar { display: block; width: calc(100% - 60px); margin: 0; padding: 30px 30px 0; }
.home .sidebar a.btn { font-size: 14px; }
.home-middle .widget { display: block; padding: 15px 15px 0; width: calc(100% - 30px); }
.home-middle .widget_downloads { display: none; }
.home-middle .widget_listcategorypostswidget { display: none; }
.home .widget_downloads:after, #custom_html-30:after { content: none; }
.home .widget_downloads:before, #custom_html-30:before { content: none;	}
.home-bottom .widget { display: block; padding: 15px 15px; width: calc(100% - 30px); text-align: center; }
.home-bottom #custom_html-20, .home-bottom #custom_html-21 { display: none; }
.home-bottom-button a.btn { width: 50%; }
.middle-wrapper { display: block; padding: 15px 15px 0; width: calc(100% - 30px); }
}
@media (max-width: 801px) {
#content {
width: 100%; margin: 0; padding: 0; }
.sidebar {
width: calc(100% - 60px); margin: 0; padding: 30px 30px; }
.logo { padding:1em 0 .6em; }
#mc_embed_signup { display: none; }
#mobile-menu { color: #fff; font-size: 24px; text-align: right; cursor: pointer; display: inline-block; float: right; height: 30px; padding: 5px 0 13px 30px; visibility: visible; position: absolute; top: 20px; right: 32px; }
.admin-bar #mobile-menu { top: 60px; }
#access { display: none; position: relative; top: 0px; left: 0px; }
#access .menu-header li, div.menu li { display: block; width: 100%; padding: 0; margin: 0; border-bottom: #7e9eb9 1px solid; }
#access li:hover > a, #access ul ul :hover > a, #access a:focus { background: #333; color: #fff; }
#access ul ul { display: none !important; }
#access ul ul li { display: none !important; }
#access ul ul ul { display: none !important; }
#access ul li ul { display: none !important; }
footer p { text-align: center; line-height:1.3em; }
footer .socialicons { display: block; float: none; text-align: center; }
footer .socialicons a { text-align: center; padding:0 5px 30px 5px; }
#access li.hide-on-mobile { display: none; }
#access li.hide-on-desktop { display: block; }
}
@media (max-width: 599px) {
.logo { display:inline-block;width:100%;max-width:348px;padding:1em 0 .6em; }
h1 a span.logo-name { font-size: 24px; margin-top: 5px; }
h1 a span.logo-desc { font-size: 11px; }
.entry-content img,.comment-content img,.widget img { width:99%; height:auto; max-width: 100%; }
.alignleft { display:block;float:none;margin-right: 0; max-width: 100%; padding: 0; }
.alignright { display:block;float:none;margin-left: 0; max-width: 100%; padding: 0; }
.aligncenter { padding: 0; margin: 0; max-width: 100%; }
footer .socialicons { font-size: 3em; }
footer .socialicons a { padding:0 5px 0 5px; }
.book-box { display:block;margin:5px 0;padding:0; max-width: 100%; text-align: center; }
.rec-book-box { display:block;margin:5px 0;padding:0; max-width: 100%; text-align: center; }
.book-box img, .rec-book-box img { text-align: center; max-width: 360px; }
}
@media (max-width: 479px) {
.wrapper-outer { padding:0 5px; }
.logo { display:inline-block;width: calc(100% - 80px);padding: .8em 0 .4em; }
h1 a span.logo-name { display: none; }
h1 a span.logo-desc { display: none; }
#mobile-menu { top: 15px; }
.home .sidebar a.btn { font-size: 12px; }
}
@media (max-width: 399px) {
.btn { padding:10px 10px; font-size: 13px; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #content {
width: 100%; margin: 0; padding: 0; }
.sidebar {
width: calc(100% - 60px); margin: 0; padding: 30px 30px; }
.wrapper-outer { padding:0 5px; }
#mc_embed_signup { display: none; }
.logo { display:inline-block;width: calc(100% - 80px);padding: .8em 0 .4em; }
h1 a span.logo-name { display: none; }
h1 a span.logo-desc { display: none; }
}
@media handheld {
#content {
width: 100%; margin: 0; padding: 0; }
.sidebar {
width: calc(100% - 60px); margin: 0; padding: 30px 30px; }
.wrapper-outer { padding:0 5px; }
#mc_embed_signup { display: none; }
.logo { display:inline-block;width: calc(100% - 80px);padding: .8em 0 .4em; }
h1 a span.logo-name { display: none; }
h1 a span.logo-desc { display: none; }
}