@media (max-width: 480px) {
    #site-top{
        
        border-top:solid 4px #3f91b7;
    }
    #responsive-header{
        display: block;
    }
    #brand{
        
    }
    
    #site-top h1{
       
        font-size:20px;
    }
    #brand div{
        font-size:13px;
        color:#679cc9;
        font-family: 'latoregular';
        text-align: left;
    }
    #nav-wrapper{
        float:none;
        display: none;
        border-top:1px #3f91b7 solid;    
        position: absolute;
        top:60px;
        left:0;
        width:100%;
       
    }
    nav ul {
        padding:15px;
        margin:0;
        background:#f8f8f8;
         border-bottom:3px #3f91b7 solid;
    }
    nav ul li {
        margin: 0px;
        display:block;
        float: none;
        line-height:normal;
        background:#f8f8f8;
        border:none;
        padding-bottom: 10px;
    }
    nav ul ul li{
        line-height:normal;
         border:none;
    }
    nav ul ul {
        display: none;
        position: relative;
        top: 0px;
        border:none;
    }
    nav ul li.subnav:hover{
        border-top:solid 1px #f8f8f8;
        border-right:solid 1px #f8f8f8;
        border-left:solid 0px #f8f8f8;
        background:#f8f8f8;
    }
    
    #home-feature-wrapper{
        display: none;   
    }
    #search-accordion{
        display: block;
    }
    
    .home-featured{
        margin-bottom:20px;   
    }
    #home-welcome{
        padding-right: 10px;
        padding-left: 10px;
        line-height: 28px;
        font-size: 18px;
    }
    #home-welcome h1{
        padding-top: 30px; 
        padding-bottom: 30px; 
    }
    
    a.home-neighborhoods{
        display: block;
        text-align:center;
    }
    #cta_circles{
        padding:40px 0px;
        text-align: center;
    }
    #cta_circles .col-xs-6{
        margin-bottom: 20px;  
        text-align: center
    }
    
    ul.suite-snapshot{
        width:100%;
        height:auto;
        overflow: auto;
        border:solid 1px #ccc;
        border-radius:4px;
        text-align:center;
        list-style:none;
        padding:0;
        margin:0;
    }

    ul.suite-snapshot li{
        float:left;
        display:block;
        height:60px;
        border-right:solid 0px #ccc;
         border-bottom:solid 1px #ccc;
        padding:10px;
        width:50%;
    }
    ul.suite-snapshot li.studio{
        padding-top:20px; 
    }
    ul.suite-snapshot li:last-child{
        border-right:0px;
        border-bottom:0px;
    }

    ul#sfs-neighborhood li{
        display:block;
        clear:both;
    }
    #clients{
        text-align: center;   
    }
    #clients img{
        margin: 0 auto;
     }
     #inner-feature-wrapper{
        display: none;
     }
    #by-neighborhood{
        display: none;   
    }
    #neighborhood-accordion{
        display: block;   
    }
    nav ul li.reservations, nav ul li.payments{
        margin-bottom: 10px;   
    }
    /*
    #inner-feature-wrapper{
        height: 200px; 
        overflow: hidden;
        text-align: center;
    }
    #inner-feature-wrapper img {
       max-width:200%;
        height: 200px;
        margin:0 auto;
    }
    */
}



@media (max-width: 767px) {
    #site-top{
        
        border-top:solid 4px #3f91b7;
    }
    #responsive-header{
        display: block;
    }
    #brand{
        
    }
    #site-top h1{
       
        font-size:20px;
    }
    #brand div{
        font-size:13px;
        color:#679cc9;
        font-family: 'latoregular';
        text-align: left;
    }
    #nav-wrapper{
        float:none;
        display: none;
        border-top:1px #3f91b7 solid;    
        position: absolute;
        top:60px;
        left:0;
        width:100%;
       
    }
    nav ul {
        padding:15px;
        margin:0;
        background:#f8f8f8;
         border-bottom:3px #3f91b7 solid;
    }
    nav ul li {
        margin: 0px;
        display:block;
        float: none;
        line-height:normal;
        background:#f8f8f8;
        border:none;
        padding-bottom: 10px;
    }
    nav ul ul li{
        line-height:normal;
         border:none;
    }
    nav ul ul {
        display: none;
        position: relative;
        top: 0px;
        border:none;
    }
    nav ul li.subnav:hover{
        border-top:solid 1px #f8f8f8;
        border-right:solid 1px #f8f8f8;
        border-left:solid 0px #f8f8f8;
        background:#f8f8f8;
    }
    
    #home-feature-wrapper{
        display: none;   
    }
    #search-accordion{
        display: block;
    }
    
    .home-featured{
        margin-bottom:20px;   
    }
    #home-welcome{
        padding-right: 10px;
        padding-left: 10px;
        line-height: 28px;
        font-size: 18px;
    }
    #home-welcome h1{
        padding-top: 30px; 
        padding-bottom: 30px; 
    }
    
    a.home-neighborhoods{
        display: block;
        text-align:center;
    }
    #cta_circles{
        padding:40px 0px;
        text-align: center;
    }
    #cta_circles .col-xs-6{
        margin-bottom: 20px;  
        text-align: center;
    }
    
    #suite-search-wrapper{
        display:none;   
    }
    
    ul.suite-snapshot{
        width:100%;
        height:auto;
        overflow: auto;
        border:solid 1px #ccc;
        border-radius:4px;
        text-align:center;
        list-style:none;
        padding:0;
        margin:0;
    }

    ul.suite-snapshot li{
        float:left;
        display:block;
        height:60px;
        border-right:solid 0px #ccc;
         border-bottom:solid 1px #ccc;
        padding:10px;
        width:50%;
    }
    ul.suite-snapshot li.studio{
        padding-top:20px; 
    }
    ul.suite-snapshot li:last-child{
        border-right:0px;
        border-bottom:0px;
    }
    #clients{
        text-align: center;   
    }
     #clients img{
        margin: 0 auto;
     }
    #by-neighborhood{
        display: none;   
    }
    #neighborhood-accordion{
        display: block;   
    }
    nav ul li.reservations, nav ul li.payments{
        margin-bottom: 10px;   
    }
}



@media (min-width: 768px) and (max-width: 979px) {
    
    #cta_circles{
        padding:40px 0px;
        text-align: center;
    }
    #site-top{
        
        border-top:solid 4px #3f91b7;
    }
    #responsive-header{
        display: block;
    }
    #brand{
        
    }
    #site-top h1{
       
        font-size:20px;
    }
    #brand div{
        font-size:13px;
        color:#679cc9;
        font-family: 'latoregular';
        text-align: left;
    }
    #nav-wrapper{
        float:none;
        display: none;
        border-top:1px #3f91b7 solid;    
        position: absolute;
        top:60px;
        left:0;
        width:100%;
       
    }
    nav ul {
        padding:15px;
        margin:0;
        background:#f8f8f8;
         border-bottom:3px #3f91b7 solid;
    }
    nav ul li {
        margin: 0px;
        display:block;
        float: none;
        line-height:normal;
        background:#f8f8f8;
        border:none;
        padding-bottom: 10px;
    }
    nav ul ul li{
        line-height:normal;
         border:none;
    }
    nav ul ul {
        display: none;
        position: relative;
        top: 0px;
        border:none;
    }
    nav ul li.subnav:hover{
        border-top:solid 1px #f8f8f8;
        border-right:solid 1px #f8f8f8;
        border-left:solid 0px #f8f8f8;
        background:#f8f8f8;
    }
    
    #home-search-wrapper h2{
        font-family: 'open_sansregular';
        color:#fff;
        font-size:34px;
        text-transform:uppercase;
        padding-top:0px;
        text-shadow: 2px 2px 2px #000000;
    }
    #home-search-wrapper{
        top:20px;
    }
    a.home-neighborhoods{
        font-size:16px !important;   
    }
    #suite-search-wrapper{
        display:none;   
    }
    
    ul.suite-snapshot{
        width:100%;
        height:auto;
        overflow: auto;
        border:solid 1px #ccc;
        border-radius:4px;
        text-align:center;
        list-style:none;
        padding:0;
        margin:0;
    }

    ul.suite-snapshot li{
        float:left;
        display:block;
        height:60px;
        border-right:solid 0px #ccc;
         border-bottom:solid 1px #ccc;
        padding:10px;
        width:50%;
    }
    ul.suite-snapshot li.studio{
        padding-top:20px; 
    }
    ul.suite-snapshot li:last-child{
        border-right:0px;
        border-bottom:0px;
    }
    #search-accordion{
        display: block;
        width:300px;
        position: absolute;
        top:-5px;
        right:0;
        z-index: 9999;
    }
    
    #contact-col{
        border-top:solid 1px #eee;   
        text-align:center;
        padding-top:20px;
        margin-top:20px;
            
    }
    #quick-links ul{ 
    }
    
    #featured-suite{
        text-align: center;
    }
    #featured-suite img{
        width:100%;  
        margin:0 auto;
        max-width:600px;
        margin-bottom: 20px;
    }
    #have-questions{
        margin-top:40px;   
    }
    #clients{
        text-align: center;   
    }
    #clients img{
        display: inline;
        max-width: 100%;
        clear:left;
    }
    #by-neighborhood{
        display: none;   
    }
    #neighborhood-accordion{
        display: block;   
    }
    nav ul li.reservations, nav ul li.payments{
        margin-bottom: 10px;   
    }
}



@media (min-width: 980px) and (max-width: 1024px) {
     #cta_circles{
        padding:40px 0px;
        text-align: center;
    }
    #site-top{
        
        border-top:solid 4px #3f91b7;
    }
    #responsive-header{
        display: block;
    }
    #brand{
        
    }
    #site-top h1{
       
        font-size:20px;
    }
    #brand div{
        font-size:13px;
        color:#679cc9;
        font-family: 'latoregular';
        text-align: left;
    }
    #nav-wrapper{
        float:none;
        display: none;
        border-top:1px #3f91b7 solid;    
        position: absolute;
        top:60px;
        left:0;
        width:100%;
       
    }
    nav ul {
        padding:15px;
        margin:0;
        background:#f8f8f8;
         border-bottom:3px #3f91b7 solid;
    }
    nav ul li {
        margin: 0px;
        display:block;
        float: none;
        line-height:normal;
        background:#f8f8f8;
        border:none;
        padding-bottom: 10px;
    }
    nav ul ul li{
        line-height:normal;
         border:none;
    }
    nav ul ul {
        display: none;
        position: relative;
        top: 0px;
        border:none;
    }
    nav ul li.subnav:hover{
        border-top:solid 1px #f8f8f8;
        border-right:solid 1px #f8f8f8;
        border-left:solid 0px #f8f8f8;
        background:#f8f8f8;
    }
    
    #home-search-wrapper h2{
        font-family: 'open_sansregular';
        color:#fff;
        font-size:34px;
        text-transform:uppercase;
        padding-top:0px;
        text-shadow: 2px 2px 2px #000000;
    }
    #home-search-wrapper{
        top:20px;
    }
    #suite-search-wrapper{
        display:none;   
    }
    #search-accordion{
        display: block;
        width:300px;
        position: absolute;
        top:-5px;
        right:0;
        z-index: 9999;
    }
    nav ul li.reservations, nav ul li.payments{
        margin-bottom: 10px;   
    }
    
     
}



@media (min-width: 1024px) and (max-width: 1280px) {
    #responsive-header{
        display: block;
    }
    #nav-wrapper{
        float:none;
        display: none;
        border-top:1px #3f91b7 solid;    
        position: absolute;
        top:60px;
        left:0;
        width:100%;
       
    }
    nav ul {
        padding:15px;
        margin:0;
        background:#f8f8f8;
         border-bottom:3px #3f91b7 solid;
    }
    nav ul li {
        margin: 0px;
        display:block;
        float: none;
        line-height:normal;
        background:#f8f8f8;
        border:none;
        padding-bottom: 10px;
    }
    nav ul ul li{
        line-height:normal;
         border:none;
    }
    nav ul ul {
        display: none;
        position: relative;
        top: 0px;
        border:none;
    }
    nav ul li.subnav:hover{
        border-top:solid 1px #f8f8f8;
        border-right:solid 1px #f8f8f8;
        border-left:solid 0px #f8f8f8;
        background:#f8f8f8;
    }
    nav ul li.reservations, nav ul li.payments{
        margin-bottom: 10px;   
    }
}