/* ==========================================================================
CSS Queries
========================================================================== */

@media screen and (max-width:640px) {
    .shop-btn { padding: 15px 25px; font-size: 10px; }
    br.responsive { display: inline-block; }
}
@media screen and (max-width:991px) {
    .container,.container-fluid { padding-left: .7rem; padding-right: .7rem; }
    .profile-doc, .profile-doc .text { text-align: center; }
    #praxis img { margin: 1rem 0; }
    .profile:nth-child(odd) { margin-top: 6rem; }
    .smsc { visibility: visible; display: block; }
    .lasc { visibility: hidden; display: none; }
    .image-row .footer-midcol, .image-row .footer-rightcol { display: none; visibility: hidden; }
    .address-row .footer-rightcol { margin-top: 1rem; }
}
@media screen and (max-width:1200px) {
    .arrow { display: none; }
    nav { height: auto; width: 100%; background: none; }
    .nav-wrapper { background-color: #fff; }
    nav ul { width: 100%; display: block; height: auto; padding: 0; }
    nav li { width: 100%; float: left; position: relative; text-align: center; }
    nav ul li a { width: 100%; float: left; position: relative; padding: 25px 0; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0px; }
    nav ul li a.last { border-bottom: none; }
    nav ul li.dot { display: none; }
    .responsive-logo { background: url(../img/logo_250.png) no-repeat center center; width: 250px; height: 180px; position: absolute; top: 0; left: 37%; }
    .logo-1 { position: absolute; left: 50%; top: 50%; }
    .logo-holder { display: none; }
    .logo-2 { position: absolute; left: 50%; top: 50%; }
    .logo-3 { position: absolute; left: 50%; top: 50%; }
    .footer-leftcol p, .footer-rightcol p { text-align: center; }
    .footer-midcol ul { margin-top: 40px; }
    .submit-btn { margin-top: 10px; }
    br.responsive {visibility:visible;display:block;}
    span.responsive {visibility:hidden;display:none;}
}
@media only screen and (max-width:1200px) {
    nav { border-bottom: 0; }
    nav ul { display: none; height: auto; }
    .pullcontainer { width: 100%; text-align: right; padding: 20px 20px 1rem 0; }
    .pullcontainer a#pull { display: block; width: 100%; color: #242a2c; }
}
@media screen and (max-width:750px) {
    .responsive-logo { left: 35%; }
}
@media screen and (max-width:600px) {
    .responsive-logo { left: 30%; }
    /*header h1 { font-size: 2rem; }
    header h2 { font-size: 1.3rem; display: none; visibility: hidden; }
    div.sxdev h2 { visibility: visible; display: block; }*/
}