/********** Media Queries *****************************************************/

@media only screen and (max-width: 960px) {
	.right-content.content-block iframe {
	width: 100%;
	margin-bottom: 30px;
	height: 170px !important;
	min-height: unset;
	width: 100% !important;
	}
   .container {
      max-width: 360px;
      padding-left: 30px;
      padding-right: 30px;
   }
   #header {
      min-height: 100px;
      line-height: 100px;
   }
   .logo {
      margin: 0;
   }
   .logo img {
      max-height: 71px;
   }
   #header .burger-btn {
      display: inline-block;
      width: 37px;
      height: 36px;
      cursor: pointer;
      position: absolute;
      right: 30px;
      top: 50%;
      margin-top: -18px;
      background: url('../images/burger-btn.png') no-repeat center center;
   }
   #header .burger-btn.open {
      background: url('../images/close-menu.png') no-repeat center center;
   }
   #header .nav {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: rgba(222, 183, 124, 0.9);
      padding: 30px 45px 40px;
      z-index: 20;
      display: none;
   }
   .nav ul li {
      display: block;
      margin: 0;
      padding: 18px 10px;
      text-align: center;
      font-size: 17px;
      border-top: 1px solid #c29157;
   }
   .nav ul li:first-child {
      border: 0;
   }
   .nav ul li:before {
      display: none;
   }
   .nav ul li a:hover {
      color: #FFF;
   }
   #header .book-now {
      position: relative;
      color: #FFF;
      border: 2px solid #FFF;
      display: block;
      margin: 0;
      font-size: 17px;
      height: 58px;
      line-height: 54px;
      padding: 0 10px;
   }
   .left-sidebar {
      float: none;
      width: 100%;
      margin: 0 0 30px;
      text-align: center;
      padding-top: 50px;
   }
   .homepage .left-sidebar {
      padding-top: 30px;
   }
   .left-sidebar p {
      font-size: 20px;
      line-height: 25px;
      margin-bottom: 30px;
   }
   .right-content p {
      font-size: 17px;
      line-height: 23px;
      margin-bottom: 20px;
   }
   .homepage .right-content {
      padding-bottom: 195px;
      position: relative;
   }
   .main .container {
      padding-top: 230px;
   }
   .main .homepage {
      padding-top: 0;
   }
   .right-content > img {
      height: 235px;
      width: 100%;
      margin: 0;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      border-bottom: 5px solid #deb77c;
   }
   .wrap-slider h1 {
      font-size: 41px;
      line-height: 50px;
      max-width: 360px;
      padding: 0 30px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
   }
   .homepage .right-content > img {
      height: 195px;
      top: auto;
      bottom: 0;
      border: 0;
   }
   .main {
      padding: 0 0 30px;
   }
   .homepage {
      padding-top: 30px;
   }
   .book-stay {
      padding: 23px 30px;
   }
   .book-stay a {
      height: 52px;
      line-height: 52px;
      width: 100%;
      max-width: 300px;
      padding: 0 20px;
   }
   #footer {
      padding: 30px 0;
      text-align: center;
   }
   #footer .footer-col {
      float: none;
      width: 100%;
      padding: 0;
      margin: 0 0 15px;
      text-align: center;
   }
   #footer .footer-col:first-child {
      display: none;
   }
   #footer .footer-col:last-child {
      padding: 0;
      margin-bottom: 0;
   }
   #footer .social {
      padding-top: 15px;
   }
   #footer .footer-col img {
      max-height: 25px;
      width: auto;
   }
   #footer .nopad.footer-col:last-child img {
	   max-height: 100%;
   }
   .main .container .bx-wrapper {
      margin-top: 15px;
      padding-top: 40px;
      border-width: 2px;
   }
   .gallery-wrapper .gallery {
      margin: 0;
      min-width: 100%;
   }
   .gallery-wrapper .image {
      float: none;
      padding: 0;
      width: 100%;
   }
   #lbCaption {
      padding: 15px 20px 15px 10px;
   }
   #lbCaption h3 {
      font-size: 25px;
      line-height: 30px;
   }
   #lbCaption p {
      font-size: 16px;
      line-height: 23px;
   }
   .nav ul li.active a:after {
    display: none;
   }
   .nav ul li.active a {
      color: #FFF;
   }
   .left-sidebar .contact-info {
      text-align: left;
   }
   .left-sidebar .contact-info p {
      font-size: 17px;
      line-height: 23px;
      margin-bottom: 10px;
   }
   .room-rates, .cottage, .house {
      width: 100%;
      float: none;
      padding: 0;
      clear: both;
      padding-top: 30px;
   }
   .room-rates h3 {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 25px;
   }
   .room-rates p, .cottage p, .house p {
      font-size: 17px;
      line-height: 23px;
      margin-bottom: 20px;
   }
   .house h4 {
      font-size: 17px;
      line-height: 23px;
   }
   .main #map {
      height: 300px;
   }
   .availability-form h5 {
      font-size: 30px;
      line-height: 34px;
      margin-bottom: 30px;
   }
   .availability-form .row .field:first-child, .availability-form .row .field {
      width: 100%;
      float: none;
      max-width: 100%;
   }
   .availability-form .row label {
      font-size: 17px;
      line-height: 23px;
      margin-bottom: 10px;
   }
   .custom-select .styledSelect {
      font-size: 17px;
   }
   .custom-select .options li {
      font-size: 17px;
      line-height: 20px;
   }
   .ui-datepicker {
      width: 100%;
      max-width: 300px;
   }
   .availability-form .row textarea {
      height: 146px;
   }
   .wrap-slider .slide img {
      min-height: 225px;
   }
}