/* Large desktops and laptops */
@media (min-width: 1200px) {


}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.homepage-photos{
    margin:10px 10px 0 10px;
}

#homepage-main-content {
  margin: 10px 0 10px -1px;
}

.apply-photos {
  padding: 11px 11px 0 9px;
}

.photo-container .thumbnail a>img, .thumbnail>img {
  min-height: 118px;
}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) { 
.photo-container .thumbnail a>img, .thumbnail>img {
  min-height: 118px;
}

.contact-container .col-md-8.pull-right {
  float: none!important;
  text-align: center!important;
  margin: 0 auto!important;
  width: 95%!important;
}


.contact-container .col-md-4.pull-right {
  clear: both;
  float: none!important;
  text-align: center;
  display: block;
  width: 100%;
}

.navbar-default {
    display: none;
}

.homepage-photos{
    margin:10px 10px 0 10px;
    width:97%;
}

#homepage-main-content {
    width: 97%;
    margin:10px;
}  

.apply-photos img{
    width:100%;
}

.amenities-list2 {
    margin-left: 0; 
}


.photo-container .thumbnail a>img, .thumbnail>img {
  min-height: 172px;
}

.apply-photos .apply-img {
  width: 100%;
  right:0
}
.apply-photos {
  overflow: auto;
  position: relative;
  border-left: none;
}

}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
#lg-action a#lg-next:after , .showThumbByDefault #lg-action a#lg-prev, .showThumbByDefault #lg-action a#lg-prevnext {
  display: none!important;
}

.top-btn1 b, .top-btn2 b, .top-btn3 b {
  color: #422c16!important;
  font-weight: bold!important;
  font-size: 20px;
}
.top-btn1:hover, .top-btn2:hover, .top-btn3:hover {
  background-color: #c17e3e !important;
}

.top-btn1 b:hover, .top-btn2 b:hover, .top-btn3 b:hover {
  color:#fff !important;
}
.special-container h2 {
  font-size: 43px;
}

.special-container p {
  font-size: 16px;
}

.special-wrapper #brown-container {
  padding: 12px;
} 
.contact-container {
  padding: 20px!important;
}  
#main-container {
    margin: 20px;
}

.amenities-photo{
    padding:0;
}
.top-btn1, .top-btn2, .top-btn3 {
  background: #9fa838!important;
  border: solid #f7eecd 3px;
  color: #422c16!important;
  font-weight: bold!important;
}
#homepage-main-content, #amenities-main-content {
  width: auto;
  margin: 10px;
  padding: 15px;
}  
.homepage-photos, .amenities-photo{
  width: auto;
  margin: 10px 10px 0 10px;
}   
.top-btn-left {float:none!important;}
a.top-btn-left.topbtn1{
    margin:0;
}

.top-btn1 b, .top-btn2 b, .top-btn3 b{
    font-weight:bold!important;
    font-size:18px;
}

#header .pull-right{
    float: none!important;
    text-align: center!important;
    clear:both;
}

#header a.top-btn-left.topbtn2 {
  display: none;
}

.top-btn-holder1{
  margin-top: 15px;
}
.pull-left.header-logo {
  width: 100%;
}

#header .row {
  padding: 15px;
}

.navbar-toggle {
  padding: 7px 7px;
  margin-top: 0;
  margin-right: 0;
}

.plan-wrapper #brown-container, .photo-wrapper #brown-container{
  padding: 20px;
}

.photo-container .thumbnail a>img, .thumbnail>img {
  min-height: 100%!important;
}

.faq-wrapper #brown-container {
  padding: 20px 20px 30px 20px;
}

body {
  padding-top: 0;
  padding-bottom: 0;
}
.apply-photos .apply-img {
  width: 100%;
  right:0
}
.apply-photos {
  overflow: auto;
  position: relative;
  border-left: none;
}



}
@media (max-width: 610px) {
#lg-action a#lg-next:after , .showThumbByDefault #lg-action a#lg-prev, .showThumbByDefault #lg-action a#lg-prevnext {
  display: none!important;
}
 #header .logo{
    text-align: center;
} 
#footer .col-lg-6.col-md-6.col-sm-12 {
  text-align: center;
}

#footer .col-lg-6.col-md-6.col-sm-12 .pull-right {
  text-align: center;
  float: none!important;
}

#footer address.pull-left {
  float: none!important;
}

#footer address img {
  margin-top: 0;
}


#homepage-main-content h2 {
    margin-top: 0;
    text-align:left;
}

#homepage-main-content h1 {
  width: 190px;
}


.amenities-list2 {
  margin-left: 0;
}

.plan-container table th {
  width: 100%!important;
  display: block;
  text-align: center;
}
.plan-container button.btn.btn-default {
  width: 140px;
}
.plan-wrapper #brown-container {
  padding: 4px;
}

#brown-container {
  padding: 20px;
}


}
/* Landscape phones and smaller */
@media (max-width: 480px) {
#lg-action a#lg-next:after , .showThumbByDefault #lg-action a#lg-prev, .showThumbByDefault #lg-action a#lg-prevnext {
  display: none!important;
}
.contact-container {
  padding: 5px!important;
}

.logo img {
  width: 240px;
}

.plan-wrapper #brown-container, .photo-wrapper #brown-container {
  padding: 8px 8px 1px 8px;
}
.photo-content {
  padding: 15px 0 0px 0px;
}
.special-container h2 {
  font-size: 30px;
}
.special-container {
  padding: 0px;
}
.special-container p {
  font-size: 13px;
} 

.photo-container .thumbnail a>img, .thumbnail>img {
  min-height: 0;
  
}
#homepage-main-content {
  padding: 5px!important;
}

#homepage-main-content h1 {
  width: 162px;
  font-size: 30px;
}
.plan-container button.btn.btn-default:hover {
  background-color: #846a3e;
}

#apply-content-holder .btn:hover{
background-color: #846a3e;
}

.faq-container h2 {
  font-size: 26px;
}

.faq-container .faq-content {
  padding: 0;
}

#main-container {
  margin: 0;
}
.photo-container .thumbnail a>img, .thumbnail>img {
  min-height: 0 !important;
  
}

}
@media (max-width: 375px) { 
#lg-action a#lg-next:after , .showThumbByDefault #lg-action a#lg-prev, .showThumbByDefault #lg-action a#lg-prevnext {
  display: none!important;
}
#header .logo img{
    width: 100%;
} 
#footer .footer-logo {
    width: 80%;
}

.top-btn1 b, .top-btn2 b, .top-btn3 b {
  font-size: 15px;
}

#amenities-main-content h1 {
  font-size: 24px;
}

.plan-container button.btn.btn-default {
  width: 92px;
}

#homepage-main-content h1 {
  width: 106px;
  font-size: 25px;
}

.faq-container h2 {
  font-size: 24px;
}

}
@media (max-width: 210px) {
    
}