/*up*/
@media only screen and (min-width: 1920px) { 
  
  .video-wrapper {
    padding-bottom: 25.25%;
  }
}
@media only screen and (min-width: 1440px) {
  .carousel-caption {
      top: 10rem;
      bottom: 10rem;
  }
}

/* down */
@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1199px) {
  .box-room .link-detail {
    display: inline-block;
    float: none;
    margin-top: 5px;
  }

  .carousel-reserve {
    right: 0%;
    left: 0%;
    padding: 30px 20px;
    padding-top: 20px;
    height: 120px;
    background-color: rgba(129, 99, 51, 0.8);
  }

  .carousel-reserve .title {
    font-size: 1.2rem;
  }

  .carousel-reserve input[type="text"] {
    padding: 8px 4px;
    width: 100%;
    height: 60px;
  }

  .carousel-caption .title {
    font-size: 50px;
  }
}


@media only screen and (max-width: 1024px) {
  .nav>li>a {
    padding: 25px 10px;
  }

  .carousel-caption {
    top: 8rem;
    bottom: 10rem;
  }

  .navbar-brand img {
    width: 140px;
  }

  .box-header.cafe .content-box {
    min-height: 420px;
    background-color: #fff;
    padding: 20px;
}
.box-header.cafe .content-box .box {
    border: 1px solid #91703b;
    height: auto;
    padding: 40px 45px 60px 45px;
}
#link-to-content {
    bottom: 3rem;
}

.rooms-slide .content-box .box .btn {
  min-width: 140px;
}
.rooms-slide .box-homestay .content-box .box {
    padding: 30px 20px;
}
.now-open {
  font-size: 2rem;
}

}

@media only screen and (max-width: 991px) {
  .box-room .link-detail {
    display: inline-block;
    float: right;
    margin-top: 0px;
  }

  .rooms-slide .box-homestay .photo-box, .rooms-slide .box-homestay .content-box {
    display: block;
  }
  .rooms-slide .content-box .control .btn-light-brown:hover, .rooms-slide .content-box .control .btn-light-brown:focus {
      box-shadow: inset 250px 0 0 0 #af8250;
  }
}

@media only screen and (max-width: 768px) {
  .navbar-custom .navbar-nav { margin-right: 5px; }
  .nav>li>a {
    padding: 15px 8px;
  }
  .navbar-brand img { width: 120px; }
  .carousel-caption .title { font-size: 32px; }
  .carousel-caption .detail { font-size: 18px; }
  .carousel-caption {
    top: 6rem;
    bottom: 10rem;
  }
  .carousel-inner { min-height: auto; }
  #link-to-content { bottom: 0rem; }

  #guest-review .carousel-inner {
    width: 95%;
  }
  .review-slide { padding: 30px 20px 30px 0px; }
  .review-slide h4.name { font-size: 15px; }
  
  #contact-detail .col-md-4:not(:last-child) .box-contact {
    border-right: none;
  }

  .box-header.cafe .content-box { min-height: 320px; }
  .box-header.cafe .content-box .box { height: 100%; }

  .video-wrapper {
    padding-bottom: 53.25%;
  }
}

 @media only screen and (max-width: 767px) {
  .col-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-container.col-md-* {
    padding-left: 0px;
    padding-right: 0px;
  }
  body { overflow-x: hidden !important; }
  .navbar-brand img {
    width: 100px;
  }
  .navbar-brand {
    padding: 6px 15px;
  }
  #mainNav {
    background-color: #3d3a35;
    border-color: rgb(145, 112, 59);
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus,
  .navbar-custom .navbar-nav > li:hover > a, .navbar-custom .navbar-nav > li:focus  > a {
    background-color: rgb(80, 77, 71);
  }

  .section-wrapper {
    padding-top: 60px; padding-bottom: 60px;
  }
  .footer, .footer #footer-bottom { text-align: center; }
  .footer .footer-title { margin-top: 20px; margin-bottom: 10px; }
  .footer ul li { float: none; display: inline-block; }
  .footer #social { margin-bottom: 20px; } 

  .footer #footer-bottom p { float: none !important; margin-bottom: 10px;}

  #offer-1 { border-right: none; }
  .offer-box {
    border-bottom: 1px solid #eeeeee;
  }
  .review-slide p.comment {
    font-size: 14px;
  }
  .review-slide {
    padding: 25px 20px 25px 0px;
  }
  .review-slide .fa{
      font-size: 3rem;
      bottom: 10px;
      right: 10px;
  }
  .site-story .img-overlap-top {
    top: 0px;
  }

  .box-room {
    display: block;
    margin-bottom: 20px;
    position: relative;
  }

  .box-room img.img-height-middle {
    left: unset;
    transform: unset;
  }

  /* room slider index */
  .rooms-slide .photo-box .subbox-wrapper {
    height: auto;
      max-height: 300px;
  } 
  .rooms-slide .photo-box .photo img{
     width: 100%;
  }

  .rooms-slide .content-box .control .btn-light-brown:hover, .rooms-slide .content-box .control .btn-light-brown:focus {
      box-shadow: inset 400px 0 0 0 #af8250;
  }

  /* gallery filter */
  .center-pills {
  	display: block;
  }
  .gallery-filters > li {
  	width: 100%;
  	margin-top: 4px;
  	margin-bottom: 4px;
  }
  .gallery-filters > li > a {
  	border: 1px solid #ddd;
  }

  .gallery-filters > li.active > a, .gallery-filters > li.active > a:hover, .gallery-filters > li.active > a:focus {
  	border: 1px solid #91703b;
  	border-bottom: 3px solid #91703b;
  }

}


@media only screen and (max-width: 425px){
  .hero-text .title {
    font-size: 32px;
  }

  .heading-group h3 { font-size: 20px; }
  .footer #footer-nav ul li { padding: 0px 5px; }
  .carousel-inner { min-height: 300px; }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: unset;
    max-width: 200%;
    height: 300px;
  }
  .carousel-caption {
    top: 4rem;
    bottom: 10rem;
  }
  .now-open {
    font-size: 1.2rem;
    margin-bottom: 0rem;
  }
  .carousel-caption .title {
    font-size: 24px;
  }
  .carousel-caption .detail {
    font-size: 16px;
}
.carousel-caption .detail span.circle:before{
    width: 6px;
    height: 6px;
    margin: 0px 10px 4px 10px;
}
  .btn {
    border-radius: 0px;
    min-width: 120px;
    padding: 8px 20px;
    font-size: 14px;
  }
  .heading-group span.subtitle {
    font-size: 14px;
  }
  .offer-box .offer-box-inner{ padding-right: 20px; }
  .footer #subscribe .btn {
    padding: 12px 17px;
  }
  #guest-review {
    min-height: 340px;
  }
  .review-slide {
    min-height: 280px;
    padding: 20px 20px 20px 0px;
  }
  .review-slide img {
    width: 60px;
    height: 60px;
    position: relative;
    display: inline-block;
    margin-left: 20px;
}
.review-slide h4.name {
  position: absolute;
  display: inline-block;
  margin-top: 5px;
    text-align: left;
}
.review-slide .fa {
    font-size: 1rem;
    bottom: 10px;
    right: 10px;
}
.review-slide .country {
  position: absolute;
  display: inline-block;
  top: 20px;
  margin-left: 10px;
}
  .review-slide .person {
    width: 100%;
    display: block;
  }
  .review-slide p.comment {
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 10px 15px;
  }
  .carousel-caption {
    right: 10%;
    left: 10%;
  }
  .video-wrapper {
        padding-bottom: 50.25%;
  }
  .site-contact .heading-group span.subtitle br {
    display: none;}

    /* room slider index*/
  .rooms-slide .price {
      font-size: 22px;
  }
  .rooms-slide .box-homestay .content-box .box {
      padding: 30px 20px;
  }

  .rooms-slide .content-box .control.horizontal .btn {
    font-size: 18px;
    padding: 6px 24px;
  }

  
  .rooms-slide .content-box .control .btn-light-brown:hover, .rooms-slide .content-box .control .btn-light-brown:focus {
      box-shadow: inset 250px 0 0 0 #af8250;
  }

  /* gallery */
	.site-gallery .modal-content {
	  margin: auto;
	  padding: 0px 0px;
	  width: 90%;
	}
	.site-gallery .close {
		right: 15px;
	}

	.mySlides1 {
		height: 73vh;
	}

	.mySlides1 img {
		height: 72vh;
	}


}


@media only screen and (max-width: 375px){
    #guest-review {
      min-height: 360px;
    }
    .review-slide {
      min-height: 300px;
    }
  }


@media only screen and (max-width: 320px) {

  #guest-review {
    min-height: 380px;
  }
  .review-slide {
    min-height: 320px;
  }

.review-slide h4.name {font-size: 14px;}

  .carousel-caption {
    right: 8%;
    left: 8%;
  }
  .carousel-caption .mr-25 { margin-right: 10px !important; }
  .btn { min-width: 100px; }

  /* room slider */
  .rooms-slide .content-box .box .btn {
    min-width: 110px;
  }
}