@media screen and ( max-width: 960px ) { aside.boxytheme-sidebar, section.boxytheme-main-template.boxytheme-has-sidebar { float:none; width:100%; } .boxytheme-shell { width:90%; } } @media screen and ( max-width:1000px ){ #boxytheme-nav, #wp-custom-header { display:none; } .boxytheme-mobile-nav { display:block; } .bx-nav-collapse > ul { margin:0; padding:10px 0; width:100%; display:block; list-style:none; } .bx-nav-collapse li { width:100%; display:block; } .js .bx-nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; } .bx-nav-collapse.opened { max-height: 9999px; } .nav-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } } @media screen and ( max-width: 650px ) { h1#boxytheme-logo { font-size:1.5rem; } .boxytheme-shell { width:85%; } .nav-toggle { right:7.5%; } .boxytheme-mobile-nav > li a { padding:10px 7.5%; } .boxytheme-left { float:none; display:block; width:100%; } .boxytheme-right { float:none; display:block; width:100%; } #boxytheme-top-bar { height:auto; line-height:1.6rem; } #boxytheme-top-bar .boxytheme-shell { padding:1rem 0; text-align:center; } #boxytheme-footer { height:auto; line-height:1.6rem; } #boxytheme-footer .boxytheme-shell { padding:1rem 0; text-align:center; } } @media screen and (min-width: 1001px) { .js .bx-nav-collapse { position: relative; } .js .bx-nav-collapse.closed { max-height: none; } .nav-toggle { display: none; } }