/*  5   Mobile / Response
-----------------------*/

@media (max-width:999px) {
    html,body,header,nav,nav span, section,article,aside,footer,div,span,ul,img,h1,h2,h3,h4,iframe { font-size: 9pt } 
/*    p,li,li>a{font-size:1.4em}*/
    .teal h1{font-size:2.5em!important}
    section h1 { font-size: 2em }
    section h2 { font-size: 1.5em }
    section h3 { font-size: 1.8em }
    body { max-width: 100%; margin: 0 auto }
    section, .half, header, nav, nav li, nav a, .logo, .threes, .widget, aside, footer, footer .credit, footer .widget, .widget:last-child, .widget .textwidget, .socials, .socials ul, .post, header:hover nav:before, .lead, .postarea, .sidearea, .bizimg a, .bizimg img { max-width: 100% !important; width: 100% !important; height: auto; display: block !important; position: relative !important; left: auto; top: auto; float: none !important; box-shadow: none; padding: 0 !important; margin: 0 auto !important; clear: both }
    section { max-width: 100% }
    .threes { margin-bottom:1em}
    .bizimg a{margin-bottom:2em!important}
    .bizimg a:last-child{margin-bottom:0!important}
    .bizimg img {max-width:400px!important; margin: 0 auto!important}
    .logo img { width: 64% !important; margin: 0 auto }
    .logo { background: linear-gradient(to bottom, rgba(250,250,250,.3), transparent 25%, transparent 75%, rgba(50,50,50,.3)), #0ac2ce !important; }
    nav { background: #000; text-align: center; padding: 1.5em 0!important }
    nav:before { display: block; width: 100%; line-height: 1.5; font-size: 2.78508em; position: relative; text-align: center; content: '≡'; color: #FFF; opacity: 1 }
    nav li a { font-size: 2em; margin: 0.5em 0 }
    nav span{font-size:1.25em}
    nav li, nav a:after, nav li a:after, #turn, .mobile, .details li:before { display: none !important; visibility: hidden !important; padding: 0 !important; margin: 0 !important }
    .open li { display: block !important; visibility: visible !important }
    footer, footer ul, footer .widget { text-align: center !important }
    .logo { padding: 0 !important }
    .lead .post { padding: 5% !important }
    .post h1, .post p { max-width: 90% !important; margin: 0 auto 1.5em auto !important; left: 0 !important; padding: 0 !important }
    .socials { width: 50% !important; margin: 1em 25% !important }
    footer .widget, .threes { margin-bottom: 2em !important }
    footer .widget:nth-of-type(3) { margin-bottom: 0 !important }
    footer .wrap { padding: 2.5% !important }
    .postarea, .sidearea {max-width:90% !important;margin:5%!important;padding:1em 0!important}
    .directory{margin-bottom:0}
    .category{width:100% !important; margin:0 0 1.5em 0 !important}
    .category h3{position:relative!important;display:block!important;line-height:1!important;background:rgba(50,50,50,.7);padding:1em 0!important;width:100%!important;max-width:100%!important;font-size:1.852708em!important}
    .widget a, .widget {font-size:1.5em!important}
    .widget span{font-size:1em!important}
    .category{max-width:600px;margin:0 auto 1em auto}
    .category .thumbnail{height:36vh!important}
    .category .thumbnail{background-repeat:no-repeat!important}
    .category h3:before, .category h3:after{display:none!important;visibility:hidden!important}
    nav li a{line-height:2em!important}
    .half h2{text-align:center}
    .teal h1{line-height:1!important;padding-top:0.5em!important;margin-bottom:1em!important}
    .pane ul li {font-size:12pt!important}
    .pane h1{font-size:2.5em!important}
    .details{text-align:center!important}
    .details,.details a,.details li,.details strong{font-size:12pt!important}
    .details strong {display:inline-block!important;width:auto!important;clear:right!important;max-width:auto!important;padding-right:0!important}
    .details i{clear:none!important;display:inline-block!important;clear:left!important}
    nav i{display:inline-block;visibility:visible;width:auto}
    .details br{display:block!important;visibility:visible!important}
    .details i{width:auto!important}
    .bizimg a:after{width:50%;left:25%}
    .details li{padding:8pt 0}
    .details li:first-child{margin-top:0!important;padding-top:0!important}
    .soci{font-size:2em!important;margin:0 5pt!important}
    @media (orientation:landscape) {
        .category {width:48%!important;float:left!important;margin:1%!important}
        .category .thumbnail{height:75vh!important}
    }
}

@media (min-width:1000px){
    nav i{display:none;visibility:hidden;width:0}
    .details br{display:none!important;visibility:hidden!important}
}
@media (max-width:999px){
    
    .details i{width:auto!important}
}