
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1000px) { 

    #header nav { display:block !important; }

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1000px) and (max-width: 1450px) {

    .container { width:100%; padding-left: 3%; padding-right: 3%; }

    #header { background-position:-46px top; }
    #header .container { padding:0 20px; }
    #header .header-right p { margin:0 10px 35px 0; font-size:12px; }

    #header nav ul li { float:left; margin:0 20px 0 0; }
    #header nav ul li a { font-size:20px; }

    #home-grid li .content h2 { font-size:70px; }

    #footer { padding:15px 0; }
        #footer .address { float:none; margin:0; }
        #footer .footer-right { float:none; }
        #footer .footer-right .social-links { float:none; margin:0 0 10px ; }
        #footer nav { float:none; margin:0 0 10px 0; }

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 999px) { 

    img.alignright {float: none; margin: 30px auto;}
    
    .container { width:100%; padding-left: 4%; padding-right: 4%; }
    .view-desktop { display:none; }
    .view-mobile { display:block; }
    
    aside {float: none; width: 350px; margin: 0 auto;}
        aside img {display: none;}
    
    .content {float: none; width: 100%;}
    
    #header { background-position:-46px top; }
        #header .container { padding:0 20px; }
        #header nav ul li a { font-size:20px; }
    
    #top-hero { }
        #top-hero h1 { font-size:64px; }
    
    #main h2 {font-size: 36px; letter-spacing: 0;}
    #main h3 {font-size: 24px;}
    #main p {font-size: 18px;}
    
    #home-therapy h2 { font-size:45px; }
    #home-therapy h3 { font-size:30px; }

    #home-grid li { float:none; width:100%; }
    #home-grid li .content h2 { font-size:70px; }

    #footer { padding:180px 0 30px 0; text-align:center; background:url(../images/mobile-footer-bg.png) no-repeat center -173px; }
    #footer .container { padding:0 20px; }
    #footer .address { float:none; margin:0; }
    #footer .footer-right { float:none; margin: 20px 0; }
    #footer .footer-right .social-links { float:none; }
    #footer .footer-right .social-links li { display:inline-block; vertical-align:middle; float:none; }
    
    #footer nav { display: none; }

}


@media only screen and (max-width: 480px) { 
    
    #header .logo img { width: 290px; height: auto; }
    
    body #responsive-menu-container #responsive-menu-title {padding: 10px 4%;}
    body #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {margin-bottom: 10px;}
    
    #top-hero h1 { font-size:48px; }
    #top-hero h1 br { display:none; }
    
    aside {width: 100%;}
        aside nav ul {width: 94%; margin: 0 auto 40px auto;}

    
}
