﻿@media screen and (max-width: 989px)
{
    
    #Header, {padding: 0 40px;}
    
    /*** HEADER ***/
    #TopLinksContainer, #Header {width:698px; padding-left:0px; padding-right:0px; margin-bottom:0px;}
    #TopLinks {margin-right:10px;}
    #Header {padding-bottom:10px;}
    #Header img {margin: 10px 0 0 10px;}
    #NavContainer {width:688px;margin-top:0px;}
    #NavContainer ul li {padding: 12px 10px;}
    #NavContainer ul li a {font-size:14px;}
    
    /*** Content ***/
    #Content {width:698px; padding: 0px; background:none; background-color: #fff;}
    .Section {background-color: #fff; padding-top:10px; margin-bottom: 0px;}
    #Form,  #News,  #Testimonial { width: 200px; margin: 0px 10px; padding:0px;}
    #Form #FormInner input,  #Form #FormInner select {width: 100% !important;}
    #Testimonial .TestimonialInner img { width: 99%;}   
    
    #Slideshow {width:698px; height:246px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin:0px;}
    #Slideshow div, #Slideshow .image {width:698px; height: 246px; background-size:698px 246px !important;  border:none;}
    
    #Lightbox a img { width: 40%; height: auto;}
    
    #contactTable {width: 90%;}
    
    
    #getDirections input {width:60% !important;}
    #map_canvas{width:95% !important;}
    
    /*** Footer ***/
    #Footer {width: 698px;}
}

@media screen and (max-width: 767px)
{
        
    
    
    /***HEADER***/
    #TopLinksContainer {width:640px;}
    #TopLinks {margin-left:5px;}
    #Header { width:640px; padding:0px; }
    #Header img{margin-top:10px; margin-left:10px; }
    #AdjustSize { display:none;}
    #FontIcon {display:block !important; width:16px !important; float:right !important; margin-right: 10px; margin-top:2px; cursor:pointer;padding: 10px 10px 10px 0; }
    #NavContainer {display:none;}
    #HamburgerMenu {display:block !important; margin: 10px auto 0px; width: 630px;}
    #HamburgerMenu ul { margin:0; display:none;}
    #MenuIcon {display:block !important;margin-left:10px; width:22px !important; padding: 10px 0; float:left;}
    #HamburgerMenu #hmt {color:#fff; display:inline-block; padding:10px; width: 540px; text-align:center;}
    
    /***CONTENT***/
    
    /***Mob Cont Only ***/
    #nomob {display:none !important;}
    #mob {display:block !important;}
    
    .mobicontact {font-size: 16px; line-height:20px;}
    .mobicontact span {padding-left:42px;display:block;}
    .mobicontact img {float:left;vertical-align:middle;}
        
    #ctabtn {}
    .cta {background-color:#961910; color:#fff !important; font-size:24px; display:block; margin:15px; padding:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align:center;}
    .cta:hover{text-decoration:none; background-color:#551c15;} /*4d0f08;}*/
    
    .ui-corner-all {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
    .ui-widget-content {border: 0px;}
    
    #tabs ul li a img {display:none; }
    
    
    #Content {width:640px; padding:0px; }
    #Slideshow { width:640px; height: 225px;}
    #Slideshow div, #Slideshow .image {width:640px; height: 225px; background-size:640px 225px !important;}
    #Teasers span { font-size: 20px;}
     #Form,  #News,  #Testimonial { width: 560px; margin: 0px 10px; padding:0px;}
     #Form #FormInner input,  #Form #FormInner select {width: 100% !important;}
     #Form #FormInner .formCaptcha input {width:70% !important;}
     #News .story { padding-left:5px;}
    #Testimonial .TestimonialInner {overflow:hidden;}
    #Testimonial .TestimonialInner img {float:left; margin-right:5px; width:auto; height: auto;}
            
    /***FOOTER***/
    .FooterLinks {display:none !important;}
    #Footer {width:640px; padding-top:5px; margin: 0 auto;}
    #Footer .FooterLinks{float:left; width: 175px;} 
    #Footer p {clear:both; float:none; text-align:left; padding-left:20px;}
}

@media screen and (max-width: 639px)
{
    
    
    /***HEADER***/
    #TopLinksContainer {width:480px;}
    #TopLinks {float:none;}
    #Header { width:480px; }
    #HamburgerMenu { width:470px;}
    #HamburgerMenu #hmt { width: 345px; }
    
    /***CONTENT***/
    
    /***Mob Cont Only ***/
    
    #tabs ul li a img {display:block; }
    #tabs ul li a span {display:none; }
    
    #Content {width:480px; }
    #Slideshow { width:480px; height: 168px;}
    #Slideshow div, #Slideshow .image {width:480px; height: 168px; background-size:480px 168px !important; }
     #Form,  #News,  #Testimonial { width: 435px;}
    #Testimonial .TestimonialInner img {width:175px; }
            
    /***FOOTER***/
    #Footer {width:480px;}
    #Footer .FooterLinks{width: 140px;} 
}

@media screen and (max-width: 479px)
{
    
    
    /***HEADER***/
    #TopLinksContainer {width:360px;}
    #Header { width:360px; }
    #Header img{width:340px;}
    #HamburgerMenu { width:350px;}
    #HamburgerMenu #hmt {width: 260px;}
    
    /***CONTENT***/
    
    /***Mob Cont Only ***/
    
    #tabs ul li a img {margin-right:0; width:24px; height: 24px; }
    
    .ui-tabs-panel #Lightbox a img { margin:4px;}
    
    #Content {width:360px;}
    #Slideshow { width:360px; height: 140px;}
    #Slideshow div, #Slideshow .image {width:360px; height: 140px; background-size:360px 140px !important;}
    #Form, #News, #Testimonial { width: 300px;}
    #Testimonial .TestimonialInner img {width:145px; float:none; margin-right:0;}
    
    /***FOOTER***/
    #Footer {width:360px;}
    #Footer .FooterLinks{float:none;} 
}

@media screen and (max-width: 359px)
{
    
    /***HEADER***/
    #TopLinksContainer {width:320px;}
    #Header { width:320px; }
    #Header img{width:300px;}
    #HamburgerMenu { width:320px;}
    #HamburgerMenu #hmt {width: 220px;}
    
    /***CONTENT***/
    
    #Content {width:320px;}
    #Slideshow { width:320px; height: 112px;}
    #Slideshow div, #Slideshow .image {width:320px; height: 112px; background-size:320px 112px !important;}
    #Form, #News, #Testimonial { width: 260px;}
    #Testimonial .TestimonialInner img {width:229px; float:none; margin-right:0;}
    
    #Lightbox a img { width: 90%; height: auto;}
    
    /***FOOTER***/
    #Footer {width:320px;}
    #Footer .FooterLinks{float:none;} 
}