/*!
Theme Name: Quiet Corner Cottage Vacation Rental
Theme URI: http://underscores.me/
Author: Webrammer Inc
Author URI: http://www.webrammer.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: quiet-corner
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Quiet Corner Cottage Vacation Rental is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

@media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1440px !important; } }

body {
  padding: 0;
	margin: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.fonts
{
  font-family: "Alegreya", serif;
  font-family: "Montserrat", sans-serif;
}

body a 
{
  text-decoration: none;
  color: #37aadc; 
}

body ul 
{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

h1
{
  font-family: "Alegreya", serif;
  font-size: 40px;
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6
{
  font-family: "Alegreya", serif;
}

.owl-carousel
{
  display: block !important;
  position: relative;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled
{
  display: block !important;
}

.alignleft
{
  float: left;
  margin:0 15px 15px 0px;
}

.alignright
{
  float: right;
  margin:0 0 15px 15px;
}

.aligncenter
{
  clear: both;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}


/*.........Header.........*/
.header_sec
{
  position: absolute;
  width: 100%;
  top: 10px;
  left: 0px;
  z-index: 99;
}

.header_sec .container-fluid
{
  width: 96%;
}

.header_sec .header_menu .container-fluid
{
  width: 100%;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.header_sec .header_menu
{
  padding-top: 25px;
}

.header_menu .menu-item a
{
  font-size: 16px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  padding: 2px 16px !important;
  color: #fff !important;
  text-transform: uppercase;
  position: relative;
}

.header_menu ul li.current_page_item a::before,
.header_menu ul li.current-menu-item a::before,
.header_menu .menu-item a:hover::before
{
  content: '';
  width: 60%;
  height: 1px;
  background: #549fff;
  position: absolute;
  bottom: -3px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}

.header_menu ul li.current_page_item a,
.header_menu ul li.current-menu-item a,
.header_menu .menu-item a:hover
{
  color: #549fff !important;
}

.logo
{
  text-align: center;
}
 
.header_info
{
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
}

.header_phone {
  padding-top: 3px;
}

.header_phone a
{
  color: #fff;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
}

.header_social ul.cnss-social-icon li.cn-fa-icon a, 
.header_social ul.cnss-social-icon li.cn-fa-icon a:hover
{
  background-color: transparent !important;
}

.header_btm {
  margin-top: 5px;
}

.header_btm a
{
  background: #fff;
  color: #000;
  padding: 10px 50px 10px 15px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  position: relative;
}

.header_btm a::before
{
  content: '\f3c5';
  width: 40px;
  height: 40px;
  font-family: fontawesome;
  background: #11629d;
  color: #fff;
  text-align: center;
  padding-top: 6px;
  font-size: 18px;
  position: absolute;
  top: 0px;
  right: 0px;
}


/*.....Off-Canvas Menu......*/
.mob_nav_btn
{
  display: none;
  text-align: right;
}

.btn
{
  background: transparent;
  border-radius: 0px;
  padding: 0px 4px;
  position: relative;
  outline: none;
  line-height: 1;
}

.btn-primary
{
  border-color: transparent;
  font-size: 30px;
}

.btn-primary i
{
  color: #fff;
}

.btn-primary:hover
{
  color: #fff;
  background-color: transparent;
  border-color: none;
  outline: none !important;
}

.btn-primary:hover
{
  border-color: transparent;
}

.offcanvas-header .btn-close
{
  color: #efe7dc !important;
  opacity: 1;
}

.m_logo img
{
  max-width: 90%;
  height: auto;
}

.offcanvas
{ 
  max-width: 80%;
}

.offcanvas-start
{
  border-right: none !important;
}

.offcanvas-header
{
  background: #343434;
}

.offcanvas-body
{
  background: url(images/offcanvas-body-bg.webp) no-repeat top center;
  background-size: cover;
  padding: 20px 0 !important; 
}

.mob_navigation
{
  padding: 0px 20px;
}

.mob_navigation .navbar-nav .menu-item a
{
  color: #fff !important;
  padding: 5px 0px !important;
  font-size: 20px;
  font-weight: 700;
  font-family: 'PT Serif', serif;
  text-transform: uppercase;
  margin: 5px 0px;
}

.mob_navigation .navbar-nav li.current_page_item a.active, 
.mob_navigation .navbar-nav li.menu-item-type-post_type a.active,
.mob_navigation .navbar-nav .menu-item a:hover
{
  color: #88b7f3 !important;
}

.offcanvas_detail
{
  border-top: 2px solid #fff;
  padding-top: 20px;
  padding-left: 20px;
  margin-top: 25px;
}

.offcanvas_phone a
{
  font-weight: 500;
  font-size: 22px;
  color: #fff;
}

.offcanvas_phone a i
{
  margin-right: 5px;
}

.offcanvas_social
{
  margin-top: 15px;
}

.offcanvas_social ul.cnss-social-icon li.cn-fa-icon a
{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.offcanvas_social ul.cnss-social-icon li.cn-fa-icon a, 
.offcanvas_social ul.cnss-social-icon li.cn-fa-icon a:hover
{
  background-color: transparent !important;
}

.offcanvas_btm
{
  margin-top: 20px;
}

.offcanvas_btm a
{
  background: #fff;
  color: #000;
  padding: 10px 50px 10px 15px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  position: relative;
}

.offcanvas_btm a::before
{
  content: '\f3c5';
  width: 40px;
  height: 40px;
  font-family: fontawesome;
  background: #11629d;
  color: #fff;
  text-align: center;
  padding-top: 6px;
  font-size: 18px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.offcanvas .btn-close
{
  filter: brightness(0) invert(1) !important;
}


.floating_icon
{
  position: fixed;
  top: 250px;
  right: 5px;
  z-index: 999;
}

.floating_icon ul li
{
  width: 40px;
  height: 40px;
  background: #164f98;
  color: #fff;
  text-align: center;
  padding-top: 5px;
  font-size: 22px;
  margin: 5px 0;
}

#weatherwidget .modal-dialog
{
  max-width: 650px !important;
  background: transparent;
}

#weatherwidget .modal-content {
  background-color: transparent;
  border: none;
  border-radius: 0px;
}

#weatherwidget .modal-body
{
  padding: 0px !important;
}

.floating_icon a.gt_switcher-popup.glink.nturl.notranslate span
{
  display: none !important;
}

#splw-location-weather-155.splw-main-wrapper
{
  margin-bottom: 0px !important;
}

/*....Back To Top......*/

#back-top {
  position: fixed;
  right: 15px;
  bottom:50px;
  z-index: 9999;
}

#back-top a {
  width: 43px;
  height: 43px;
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #bbb;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

#back-top a:hover {
  color: #596b7e;
}

#back-top span {
  width:40px;
  height: 40px;
  display: block;
  margin-bottom: 7px;
  background: #164f98;
  font-size: 22px;
  color: #fff;
  padding-top: 10px;
}

#back-top span img
{
  filter: brightness(0) invert(1) ;
}

/*......Common Css.......*/

.cta_btm a
{
  background: #434343;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 8px 55px 8px 20px;
  text-transform: uppercase;
  position: relative;
}

.cta_btm a::before
{
  content: '\f30b';
  width: 38px;
  height: 38px;
  background: #11629d;
  font-family: fontawesome;
  font-size: 18px;
  padding-top: 6px;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 0px;
}

/*......Availability Form.......*/

.availability_form_sec
{
  position: relative;
  z-index: 99;
  margin-top: -150px;
}

.availability_form_sec h1
{
  text-align: center;
  color: #fff;
  font-size: 32px;
}

.availability_form
{
  background: #fff;
  padding: 25px 20px 25px 20px;
}

/*........Quite Booking Form..........*/

.booking_form
{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  position: relative;
}

.booking_form .input-group
{
  flex: 1;
  width: 245px;
}

.booking_form input,
.booking_form select
{
  width: 215px;
  height: 45px;
  border: 1px solid #11629d;
  padding: 0px 10px;
}

.booking_form input,
.booking_form select
{
  background: #fff;
  color: #000;
}

.booking_form input.bookbutton
{
  background: #274060;
  color: #fff;
}

.booking_form .form-floating > label {
  position: absolute;
  top: -15px;
  left: 10px;
  height: auto;
  padding: 0px 10px;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  background: #fff;
}

.booking_form .input-group-text {
  display: inherit;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 40px;
  padding: 0px;
  padding-top: 10px;
}

/*.input-group .btn {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 24px;
}*/

.booking_form .input-group p
{
  border: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
  color: #000;
  width: 20px;
  height: 25px;
}

.increment_btm {
  position: absolute;
  top: 10px;
  right: 30px;
}

.decrement_btm
{
  position: absolute;
  top: 10px;
  right: 5px;
}

#ui-datepicker-div
{
  display: flex;
  background: #fff;
  gap: 20px;
  padding: 15px 25px;
  position: absolute;
  top: 780px !important;
}

/*.home #ui-datepicker-div
{
  top: 853px !important;
}*/

.single-accommodation #ui-datepicker-div
{
  left: 58% !important;
  top: 380px !important;
}

.ui-icon.ui-icon-circle-triangle-w,
.ui-icon.ui-icon-circle-triangle-e
{
  font-size: 16px;
  font-weight: bold;
}

.ui-datepicker-title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}

.ui-datepicker-calendar th
{
  text-align: center;
}

.ui-datepicker-calendar td
{
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  text-align: center;
}

.ui-datepicker-calendar td.dp-highlight-begin,
.ui-datepicker-calendar td.dp-highlight-end
{
  background: #000;
  color: #fff;
}

.ui-datepicker-calendar td.dp-highlight-begin a.ui-state-default,
.ui-datepicker-calendar td.dp-highlight-end a.ui-state-default,
{
  color: #fff !important;
}

.ui-datepicker-other-month
{
  border: none !important;
}

.booking_step1_sec
{
  padding: 40px 0;
}

.booking_step1_sec h1, .booking_step1_sec h3
{
  color: #274060;
  margin-bottom: 20px;
  text-align: center;
}

.check_btm
{
  width: 100%;
  background: #274060;
  color: #fff;
  padding: 15px 5px;
  font-size: 18px;
  margin: 0 auto;
}

.check_btm:hover
{
  color: #fff !important;
}

.ui-datepicker-inline
{
  display: flex !important;
  gap: 50px;
  width: 100% !important;
  padding: 30px;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1);
}

.ui-datepicker-group
{
  width: 45%;
}

.ui-datepicker-calendar
{
  width: 100%;
}

.booking_step2_sec
{
  padding: 40px 0;
}

/*.booking_step2_info
{
  display: flex;
  gap: 30px;
}
*/
.reservation_check_list
{
  background: #fff;
  padding: 20px 45px;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.reservation_check_list h3
{
  text-align: center;
}

/*.reservation_check_list ul li {
  display: inline-block;
  padding: 10px 10px;
  border-right: 2px solid #11629d;
  font-size: 20px;
  width: 32%;
  text-align: center;
  font-family: "Alegreya", serif;
}
*/

.reservation_check_list ul li {
  display: inline-block;
  padding: 10px 10px;
  border-right: 2px solid #11629d;
  font-size: 24px;
  width: 49%;
  text-align: center;
  font-family: "Alegreya", serif;
  margin: 10px 0;
}

.reservation_check_list ul li span
{
  font-weight: 600;
}

.reservation_check_list ul li i
{
  color: #11629d;
  margin-right: 5px;
}

.reserved_cottage_feature ul li
{
  padding: 5px 0;
}

.reserved_cottage_feature ul li span
{
  font-weight: bold;
  margin-left: 3px;
  font-size: 18px;
}

.reserved_cottage_feature ul li i
{
  color: #11629d;
  margin-right: 3px;
}

.room_price_list table
{
  margin-bottom: 25px;
  width: 100%;
}

.room_price_list td
{
  border: 1px solid #ccc;
  padding: 8px 25px;
}

.room_price_list td.room_booked_date, .room_price_list td.room_total_price_title
{
  font-weight: 600;
}

/*.room_price_list td.room_total_price
{
  text-align: right;
}*/

.select_btd_btm
{
  width: 195px;
  background: #11629d;
  padding: 10px 5px;
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
  margin-right: 5px;
  border: none;
  text-transform: uppercase;
}

.reservation_form
{
  padding: 30px 15px;
  border: 2px solid #274060;
  margin: 25px 0;
}

.reservation_form h2
{
  font-size: 36px;
  color: #274060;
  margin-bottom: 20px;
  font-weight: bold;
}

.reservation_form input.form-control
{
  border: 1px solid #11629d !important;
  border-radius: 0px !important;
}

.reservation_form textarea.form-control
{
  border: 1px solid #11629d !important;
  border-radius: 0px !important;
  height: 150px !important;
}

.reservation_form_btm
{
  background: #274060;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 12px 25px;
  margin-top: -15px;
  border: none;
}

.booking_confirmation_step4
{
  text-align: center;
  margin-bottom: 20px;
}

.reservation_detail_setp4 ul
{
  margin-bottom: 25px;
}

.reservation_detail_setp4 ul li
{
  font-weight: 500;
}

.reservation_detail_setp4 ul li span
{
  font-weight: bold;
  margin-right: 5px;
}

.price_break_down_step4 td.p_break
{
  border: 1px solid #ccc;
  padding: 5px 10px;
  font-weight: 400;
}

/*.....Step 3 Reservation Form......*/

.booking_info_details
{
  padding: 30px 15px;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1);
}

.booking_info_details h1
{
  color: #274060;
  margin-bottom: 20px;
}

.booking_info_details h4
{
  font-size: 22px;
  margin: 10px 0;
  text-align: center;
}

.booking_info_details h4 strong
{
  color: #274060;
}

.form-floating.nights
{
  display: none;
}

#guest_details_nights,
#guest_details_additonal_guest_fee,
#guest_details_cleaning_fee,
#guest_details_pet_fee,
#guest_details_tax_rate,
#guest_details_total_cost,
#guest_details_check_in,
#guest_details_check_out,
#guest_details_total_guest,
#guest_details_pet_number
{
  display: none;
}

.form-floating > label.nights,
.form-floating > label.additonal_guest_fee,
.form-floating > label.cleaning_fee,
.form-floating > label.pet_fee,
.form-floating > label.tax_rate,
.form-floating > label.check_in,
.form-floating > label.check_out,
.form-floating > label.total_guest,
.form-floating > label.total_cost,
.form-floating > label.pet_number
{
  display: none;
}


.price_break_down_step4 table {
  width: 100%;
}

/*................about us...........*/

.about_sec
{
  padding: 45px 0 40px 0;
}

.about_sec .right h1
{
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.about_sec .right h2
{
  font-size: 38px;
  font-weight: bold;
  color: #274060;
  margin-bottom: 20px;
}

.about_sec .right .cta_btm
{
  margin-top: 40px;
}

/*................Galley Section...........*/ 

.gallery_sec
{
  padding: 10px 0;
}

.gallery_sec .top
{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.gallery_sec .top h1
{
  font-size: 32px;
  font-weight: bold;
  color: #274060;
}

.gallery_sec .top .cta_btm
{
  margin-top: 5px;
}

.gallery_sec .left .top .cta_btm a::before
{
  content: '\f073';
}

.propert_box
{
  width: 100%;
  height: 370px;
  overflow: hidden;
  position: relative;
}

.property_image
{
  width: 100%;
}

.property_image img
{
  width: 100%;
  height: auto;
}

.overly
{
  background: rgb(33,33,33);
  background: linear-gradient(180deg, rgba(33,33,33,0) 45%, rgba(33,33,33,0.5606617647058824) 65%, rgba(33,33,33,0.7847514005602241) 95%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9;
}

.overly a
{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9;
}

.property_detail
{
  position: absolute;
  left: 0px;
  bottom: 25px;
  z-index: 99;
  width: 100%;
  padding: 0px 15px;
}

.price_detail
{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.property_name h2
{
  font-size: 28px;
  color: #fff;
  font-weight: 500;
}

.price h3
{
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}

.room_detail
{
  display: flex;
}

.room_detail ul
{
  margin-right: 25px;
}

.room_detail ul li
{
  display: inline-block;
  font-size: 16px;
  color: #fff;
}

.room_detail ul li i
{
  margin-right: 5px;
}

.room_detail ul li h4
{
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
}


/*......Attraction Section........*/

.attraction_sec
{
  background: url(images/attraction-sec-bg.webp) no-repeat top center;
  background-size: cover;
  padding: 210px 0 275px 0;
  margin-top: -140px;
}

.attraction_sec .top
{
  text-align: center;
  margin-bottom: 40px;
}

.attraction_sec .top h1
{
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #274060;
}

.attraction_sec .top h2
{
  font-size: 22px;
  font-weight: bold;
}

.main_attraction_list
{
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

.attraction_box
{
  width: 20%;
  height: 365px;
  background-color: lightblue;
  transition: flex-grow 0.3s ease, background-color 0.3s ease;
  flex: 1;
  position: relative;
  text-align: center;
  overflow-y: hidden;
}

.attraction_box.hovered
{
  background-color: lightcoral;
  flex-grow: 1.3;
}

.attraction_box:not(.hovered)
{
  flex-grow: 0.7;
}

.attraction_box h2
{
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  position: absolute;
  bottom: 25px;
  left: 15px;
  z-index: 99;
}

.attraction_box h2 a
{
  color: #fff;
}

.attraction_sec .cta_btm {
  text-align: center;
  margin-top: 35px;
}

/*........Attraction Slider........*/
  
.attraction_slide_box
{
  width: 100%;
  height: 350px;
  position: relative;
}

.attraction_slide_sec
{
  display: none;
}

.attraction_slide_box h2 {
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  position: absolute;
  bottom: 25px;
  left: 0px;
  right: 0px;
  text-align: center;
   z-index: 99;
}
.attraction_slide_box h2 a
{
  color: #fff;
}

#attraction_slide .owl-dots
{ 
  text-align: center;
  margin-top: 15px;
}

#attraction_slide button.owl-dot
{ 
  width: 15px; 
  height: 15px; 
  margin-right: 4px; 
  background: #003a64; 
  border-radius: 12px;
}

#attraction_slide button.owl-dot.active
{ 
  background: #4a9aff; 
}

#attraction_slide .owl-nav button.owl-prev,
#attraction_slide .owl-nav button.owl-next
{ 
  display: none; 
}

/*.....Testimonial Section.....*/

.testimonial_sec
{
  padding: 40px 0;
  margin-top: -150px;
}

.testimonial_sec .top
{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-right: 100px;
}

.testimonial_sec .top h1
{
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.testimonial_sec .top h2
{
  font-size: 36px;
  font-weight: bold;
  color: #1e3553;
}

.testimonial_sec .top .cta_btm
{
  margin-top: 25px;
}

.testimonial_sec .top .cta_btm a::before
{
  content: '\f1a0';
}

.testinomial_box
{
  background: #fff;
  border: 2px solid #000;
  border-radius: 10px;
  padding: 20px 15px;
  text-align: left;
  position: relative;
  margin-bottom: 25px;
}

.testinomial_box .content
{
  height: 120px;
}

.testinomial_box::before
{
  content: "";
  position: absolute;
  bottom: -31px;
  left: 16%;
  transform: translateX(-25%) rotate(63deg);
  width: 32px;
  height: 60px;
  background-color: #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

.client_info
{
  display: flex;
  margin-top: 60px;
  position: relative;
}

.client_icon
{
  background: #095ca3;
  width: 80px;
  height: 80px;
  padding-top: 10px;
  text-align: center;
  overflow: hidden;
  margin-right: 15px;
}

.client_icon i
{
  color: #fff;
  font-size: 60px;
}

.c_detail h2
{
  font-size: 26px;
  color: #000;
  font-weight: 700;
  margin-bottom: 7px;
}

.c_detail i
{
  color: #d7a03f;
  font-size: 20px;
}

#reviews .owl-nav button.owl-prev
{
  width: 40px;
  height: 40px;
  background: #095ca3;
  color: #fff;
  font-size: 22px;
  position: absolute;
  right: 45px;
  top: -77px;
}

#reviews .owl-nav button.owl-next
{
  width: 40px;
  height: 40px;
  background: #095ca3;
  color: #fff;
  font-size: 22px;
  position: absolute;
  right: 0px;
  top: -77px;
}

/*......Footer........*/
.footer_sec
{
  background: url(images/footer-bg.webp) no-repeat top center;
  background-size: cover;
  padding: 175px 0 25px 0;
  margin-top: -140px;
}

.footer_sec h2
{
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
}

.quick_links ul li.menu-item
{
  margin: 5px 0;
}

.quick_links .menu-item a
{
  font-size: 16px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  padding: 4px 20px !important;
  color: #fff !important;
  position: relative;
}

.quick_links .menu-item a::before
{
  content: '\f00c';
  font-family: fontawesome;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 2px;
  left: 0px;
}

.footer_contact ul
{
  margin: 10px 0;
}

.footer_contact ul li
{
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
}

.footer_contact ul li a
{
  color: #fff;
}

.footer_contact ul li a i
{
  margin-right: 10px;
}

.footer_social ul li
{
  font-size: 18px;
  color: #fff;
  margin: 8px 0;
}

.footer_social ul li a
{
  color: #fff;
}

.footer_social ul li a i
{
  margin-right: 10px;
}

.copyright
{
  padding-top: 15px;
  margin-top: 30px;
  border-top: 1px solid #021f3c;
}

.copyright h2
{
  font-size: 18px;
  margin-bottom: 0px;
}

.powered_by
{
  text-align: right;
  color: #fff;
}

/*......Innerpage Header......*/

.main_sec
{
  padding: 40px 0;
}

.innerpage_header
{
  position: inherit;
  background: url(images/innerpage-header-bg1.webp) no-repeat top center;
  background-size: 100% 100%;
  padding: 15px 0 10px 0;
}

.innerpage_header .logo
{
  position: relative;
  max-width: 140px;
  margin: 0 auto;
  text-align: center;
}

.innerpage_header .logo img
{
  max-width: 100%;
  height: auto;
}

/*.innerpage_header .logo::before {
  content: '';
  width: 0px;
  height: 0px;
  border-left: 145px solid transparent;
  border-right: 145px solid transparent;
  border-top: 108px solid #002951;
  position: absolute;
  left: -5px;
  bottom: -35px;
  z-index: 1;
}
*/

.innerpage_footer_sec
{
  margin-top: -80px;
}

/*......Attraction Page........*/

.main_attraction_sec
{
  padding: 40px 0;
}

.mobile_attraction_sec
{
  display: none;
}

.main_attraction_sec .top
{
  text-align: center;
  margin-bottom: 35px;
}

.main_attraction_sec .top h1
{
  font-size: 40px;
  font-weight: bold;
  color: #274060;
}

.main_attraction_box
{
  margin: 25px 0;
  border: 2px solid #ccc;
}

.attraction_image
{
  width: 100%;
  height: 310px;
  overflow: hidden;
}

.attraction_image img
{
  width: 100%;
  height: auto;
}

.attraction_info_box
{
  background: #fdfdfd;
  width: 100%;
  height: 310px;
  padding: 20px 15px;
  box-shadow: 0px 0px 10px 2px #f1f1f1;
  text-align: center;
}

.attraction_info_box h2
{
  font-size: 24px;
  font-weight: bold;
  color: #274060;
}

.attraction_info_box .cta_btm
{
  margin-top: 35px;
}

.book_stay_btm
{
  text-align: center;
  margin-top: 35px;
}

.book_stay_btm .cta_btm a::before
{
  content: '\f3c5';
}

.attraction_modal .modal-body .attraction_modal_box img {
  float: left;
  max-width: 40%;
  margin: 0 15px 10px 0;
}

.attraction_modal_box h2
{
  color: #11629d;
}

/*......Contact Us Page........*/

.contactus_sec
{
  padding: 40px 0;
}

.contactus_sec .top
{
  text-align: center;
  margin-bottom: 30px;
}

.contact_form h1
{
  color: #274060;
  font-size: 36px;
  font-weight: 500;
}

.contact_form
{
  color: #000;
  position: relative;
}

div.wpforms-container-full
{
  margin: 15px auto !important;
}

.wpforms-container .wpforms-field
{
  padding: 6px 0 !important;
}

div.wpforms-container-full input[type="email"],
div.wpforms-container-full input[type="tel"],
div.wpforms-container-full input[type="text"],
div.wpforms-container-full input[type="date"],
div.wpforms-container-full input[type="time"],
div.wpforms-container-full input[type="number"],
div.wpforms-container-full select,
div.wpforms-container-full textarea
{
  background-color: transparent !important;
  border-radius: 0px !important;
  color: #000 !important;
  border: 1px solid #095ca3 !important;
}

.contact_form div.wpforms-container-full select, div.wpforms-container-full select:disabled
{
  background-image: linear-gradient(45deg, #fff0 50%, rgb(255, 255, 255) 50%),linear-gradient(135deg, rgb(255, 255, 255) 50%, #fff0 50%) !important;
  background-size: 5px 7px, 5px 7px !important;
}

div.wpforms-container-full input[type="date"]::placeholder, 
div.wpforms-container-full input[type="datetime"]::placeholder, 
div.wpforms-container-full input[type="email"]::placeholder, 
div.wpforms-container-full input[type="number"]::placeholder, 
div.wpforms-container-full input[type="tel"]::placeholder, 
div.wpforms-container-full input[type="text"]::placeholder, 
div.wpforms-container-full input[type="time"]::placeholder, 
div.wpforms-container-full input[type="url"]::placeholder, 
div.wpforms-container-full select::placeholder, 
div.wpforms-container-full textarea::placeholder
{
  opacity: 0.9 !important;
  color: #000 !important;
}

.contact_form .wpforms-container .wpforms-submit-container
{
  padding: 0px !important;
  padding-top: 10px !important;
}

div.wpforms-container-full button[type="submit"]
{
  color: #fff !important;
  background: #434343 !important;
  border: none !important;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Montserrat", sans-serif !important;
  padding: 12px 20px !important;
  padding-right: 60px !important;
  height: auto !important;
  position: relative !important;
  box-shadow: none !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f658';
  font-family: fontawesome;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  background: #11629d;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
}

.map
{
  width: 100%;
  height: auto;
}

.map iframe
{
  width: 100%;
}

/*.....FAQ Page......*/
.faq_sec
{
  padding: 40px 0;
}

.faq_sec .top
{
  text-align: center;
  margin-bottom: 30px;
}

.faq_sec .top h1
{
  color: #274060;
  font-size: 36px;
  font-weight: bold;
}

.accordion-item
{
  color: #000 !important;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.accordion-item:last-of-type
{
  border-bottom: 1px solid #ccc;
}

.accordion-button:focus
{
  box-shadow: none;
  border: none;
}

.accordion-button:not(.collapsed)
{
  color: #274060;
  background-color: transparent;
  font-family: "Alegreya", serif;
  font-size: 24px;
  font-weight: 600;
  padding-left: 40px;
  box-shadow: none;
  position: relative;
}

.accordion-button
{
  background: transparent;
  color: #000;
  font-family: "Alegreya", serif;
  font-size: 24px;
  font-weight: 600;
  padding-left: 40px;
  box-shadow: none;
  position: relative; 
}

.accordion-button:not(.collapsed)::before
{
  content: "\3f";
  color: #fff;
  background-image: none;
  background: #11629d;
  padding: 3px 0px 0px 0px;
  transform: none;
  font-size: 20px;
  position: absolute;
  left: 5px;
  top: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.accordion-button::before
{
  content: "\3f";
  color: #fff;
  background-image: none;
  background: #11629d;
  padding: 3px 0px 0px 0px;
  transform: none;
  font-size: 20px;
  position: absolute;
  left: 5px;
  top: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.accordion-button:not(.collapsed)::after
{
  content: "\f077";
  color: #000;
  font-family: fontawesome;
  background-image: none;
  transform: none;
  font-size: 20px;
  margin-top: 0px;
  width: 25px;
  height: 25px;
}

.accordion-button::after
{
  content: "\f078";
  color: #000;
  font-family: fontawesome;
  background-image: none;
  background: transparent;
  font-size: 20px;
  margin-top: 0px;
  width: 25px;
  height: 25px;
}

.accordion-item .show
{
  background: transparent;
  width: 100%;
}

.accordion-body
{
  padding: 10px 20px 10px 35px;
  color: #000;
  background-color: transparent;
}

.faq_form
{
  background: #f9f9f9;
  padding: 30px 20px;
}

.faq_form h2
{
  color: #274060;
  font-family: "Alegreya", serif;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.faq_form .wpforms-container .wpforms-submit-container
{
  text-align: center;
  margin-top: 30px !important;
}

/*......Our Cottage.......*/

.our_cottage_sec
{
  padding: 40px 0;
}

.our_cottage_sec .top
{
  text-align: center;
  margin-bottom: 30px;
}

.our_cottage_sec .top h1
{
  color: #274060;
  font-size: 36px;
  font-weight: bold;
}

.our_cottage_sec .right
{
  padding-top: 10px;
}

.our_cottage_sec .right h1
{
  font-size: 36px;
  font-weight: bold;
  color: #274060;
  margin-bottom: 5px;
}

.our_cottage_sec .right h2
{
  font-family: "Montserrat", serif;
  font-size: 20px;
  color: #000;
  margin-bottom: 15px;
}

.our_cottage_sec .right h2 a
{
  color: #000;
}

.our_cottage_sec .right h2 i
{
  color: #11629d;
  margin-right: 5px;
}

.our_cottage_sec .right .cta_btm
{
  margin-top: 30px;
}

.inerpage_gallery_sec
{
  padding: 5px 0 20px 0;
}

.inerpage_gallery_sec h1
{
  text-align: center;
  margin-bottom: 20px;
  color: #274060;
}

.innerpage_attraction_sec
{
  background: #fff;
  padding: 30px 0 80px 0;
  margin-top: 0px;
}

/*..........Single Accomodation..........*/
.single_accomodation_sec
{
  padding: 40px 0;
}

.single_accomodation_sec .top
{
  margin-bottom: 30px;
}

.single_accomodation_gallery
{
  position: relative;
  margin-bottom: 25px;
}

.single_accomodation_sec .slick-slide img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.single_accomodation_sec .ngg-slideshow.slick-slider {
    margin: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
}

.single_accomodation_image
{
  margin-bottom: 25px;
  height: 400px;
}

.single_accomodation_detil h2
{
  color: #11629d;
  margin-bottom: 10px;
}

.single_accomodation_detil h3, .single_accomodation_detil h4
{
  margin-bottom: 10px;
}

.single_accomodation_detil ul
{
  margin-bottom: 25px;
}

.single_accomodation_detil ul li
{
  padding-left: 15px;
  margin: 5px 10px;
  font-weight: 400;
  position: relative;
}

.single_accomodation_detil ul li::before
{
  content: '\f0da';
  font-family: fontawesome;
  color: #000;
  position: absolute;
  top: 0px;
  left: 0px;
}

.rooms_bed
{
  padding: 25px 0 15px 0;
}

.rooms_bed h1
{
  font-size: 32px;
  font-weight: bold;
}

.rooms_bed_box
{
  border: 1px solid #ccc;
  border-radius: 15px;
  padding: 25px 20px;
  margin: 15px 0;
}

.rooms_bed_box ul li
{
  display: inline-block;
  padding: 0px 4px;
  font-size: 20px;
}

.rooms_bed_box h2
{
  font-size: 22px;
  font-weight: 600;
}

.rooms_bed_box h4
{
  font-size: 16px;
  font-weight: 300;
}


.right_accomodation_sec .room-price-widget ul li
{
  display: inline-block;
} 

.right_accomodation_sec .room-price-widget ul li h4 span
{
  font-weight: 400;
}

.single_accomodation_form
{
  border: 1px solid #11629d;
  padding: 25px 15px;
  margin: 5px 0 30px 0;
}

.single_accomodation_form .input-group
{
  width: 100%;
}

.single_accomodation_form .form-floating
{
  width: 100%;
  margin: 12px 0;
}

.single_accomodation_form input,
.single_accomodation_form select
{
  width: 100%;
  height: 45px;
  border: 1px solid #11629d;
  padding: 0px 10px;
}

.single_accomodation_form input,
.single_accomodation_form select
{
  background: #fff;
  color: #000;
}

.single_accomodation_form input.bookbutton
{
  width: 250px;
  background: #274060;
  color: #fff;
  margin-top: 25px;
}

.single_accomodation_form .form-floating > label {
  position: absolute;
  top: -15px;
  left: 10px;
  height: auto;
  padding: 0px 10px;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  background: #fff;
}

.single_accomodation_form .input-group-text {
  display: inherit;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 40px;
  padding: 0px;
  padding-top: 10px;
}

.our_amenities
{
  padding: 25px 0;
}

.our_amenities h2
{
  font-size: 34px;
  color: #274060;
  font-weight: bold;
}

.our_amenities_box
{
  border: 1px solid #11629d;
  margin-top: 30px;
  padding: 20px 25px;
  position: relative;
}

.our_amenities_box h3 {
  font-size: 22px;
  font-weight: 600;
  color: #11629d;
  display: inline;
  background: #fff;
  padding: 2px 10px;
  position: absolute;
  top: -15px;
  left: 15px;
}

.our_amenities_box ul li
{
  display: inline-block;
  width: 40%;
  padding-left: 15px;
  margin: 5px 10px;
  font-weight: 500;
  position: relative;
}

.our_amenities_box ul li::before
{
  content: '\f0da';
  font-family: fontawesome;
  color: #000;
  position: absolute;
  top: 1px;
  left: 0px;
}

/*....Our Gallery.....*/
.our_gallery h1
{
  text-align: center;
  color: #274060;
  font-size: 40px;
  margin-bottom: 25px;
}

/*.....404 Page.....*/
.error_section
{
  padding: 75px 0;
}

.error_content
{
  text-align: center;
  font-size: 18px;
}

.error_content h2
{
  color: #274060;
  font-size: 34px;
  font-weight: bold;
  margin-top: 30px;
}

.error_content .cta_btm
{
  margin-top: 50px;
}

/*......Thank You Page......*/

.thanku_sec
{
  padding: 50px 0 80px 0;
}

.thanku_content
{
  text-align: center;
}

.thanku_img
{
  width: 240px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 25px;
}

.thanku_content h2
{
  font-size: 32px;
  color: #274060;
  font-weight: bold;
}

.thanku_content .cta_btm
{
  margin-top: 35px;
}



/*........Common Css..........*/


/*.......Responsive.......*/

@media only screen and (min-width:240px) and (max-width:375.5px)
{

/*......Header........*/
.logo { width: 100px; height: auto; }
.logo img { width:100%; height:auto; }
.header_info { justify-content: right; }
.header_sec .header_menu { display: none; }
.header_social { display: none; }
.header_phone, .header_btm { display: none; }
.mob_nav_btn { display: inherit; }

.innerpage_header .logo { margin-left:1px; }

/*.....Form.....*/
.availability_form_sec { margin-top: 25px; }
.availability_form_sec h1 { color: #274060; }
.availability_form { box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1); }
.booking_form .input-group { margin: 5px 0; }
.availability_form .form-floating { margin: 0 auto; }
.booking_form input, .booking_form select { width: 250px; height: 45px; }
.booking_form input.bookbutton { width: 220px; margin: 0 auto; margin-top: 15px; }
/*.....Home.......*/
.about_sec .left, .gallery_sec .left {  margin-bottom: 30px; }
.about_sec .right h2 { font-size: 30px; }
.property_detail { position: inherit; bottom: 0px; padding: 25px 15px; background: #11629d; }
.property_name h2 { font-size: 24px; }
.room_detail ul { margin-right: 15px; }
.room_detail ul li { display: inherit; font-size: 14px; text-align:center; }
.gallery_sec .top { display:inherit; }
.gallery_sec .top h1 { font-size: 28px; margin-bottom: 20px; }
.testimonial_sec .top { display: inherit; padding-right: 0px; }

/*......Our Cottage.......*/
.our_cottage_sec .right h1 { font-size: 32px; }
/*.......Attraction........*/
.attraction_image { height: 250px; }
/*.....FAQs......*/
.faq_sec .top h1 { font-size: 26px; }
.accordion-button, .accordion-button:not(.collapsed) { font-size: 20px; }
.faq_form { margin-top: 30px; }
/*.....Contact.......*/
.contact_form { margin-bottom: 30px;}

/*.....Booking Form Page........*/
.booking_step1_sec h1, .booking_step1_sec h3 { font-size: 26px; }
.reservation_form { padding: 20px 5px; }
.ui-datepicker-inline { display: inherit !important; padding: 30px 15px; }
.ui-datepicker-group { width: 100%; padding:10px 0; }
.reservation_check_list { padding: 15px 10px; }
.reservation_check_list ul li { display: inherit; border-right: none;  width: 100%; font-size:20px; }
.reserved_cottage_feature ul li span { font-size: 14px; font-weight:600; }
#ui-datepicker-div { display: block; padding: 30px 15px; top:720px !important; }
.single-accommodation #ui-datepicker-div { top: 2490px !important; left: 10% !important; }
.single_accomodation_image { height: 400px; }
.single_accomodation_image .property_detail { position: absolute; bottom: 0px; }
.single_accomodation_image .overly { display:none; }

}

@media only screen and (min-width:376px) and (max-width:480px) 
{

/*......Header........*/
.logo { width: 100px; height: auto; }
.logo img { width:100%; height:auto; }
.header_info { justify-content: right; }
.header_sec .header_menu { display: none; }
.header_social { display: none; }
.header_phone, .header_btm { display: none; }
.mob_nav_btn { display: inherit; }

.innerpage_header .logo { margin-left:1px; }

/*.....Form.....*/
.availability_form_sec { margin-top: 25px; }
.availability_form_sec h1 { color: #274060; }
.availability_form { box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1); }
.booking_form .input-group { margin: 10px 0; }
.availability_form .form-floating { margin: 0 auto; }
.booking_form input, .booking_form select { width: 300px; height: 45px; }
.booking_form input.bookbutton { width: 230px; margin: 0 auto; margin-top: 15px; }
/*.....Home.......*/
.about_sec .left, .gallery_sec .left {  margin-bottom: 30px; }
.about_sec .right h2 { font-size: 30px; }
.propert_box { height: auto; }
.property_detail { position: inherit; bottom: 0px; padding: 25px 15px; background: #11629d; }
.property_name h2 { font-size: 24px; }
.room_detail ul { margin-right: 20px; }
.room_detail ul li { display: inherit; font-size: 16px; text-align:center; }
.gallery_sec .top { display:inherit; }
.gallery_sec .top h1 { font-size: 28px; margin-bottom: 20px; }
.testimonial_sec .top { display: inherit; padding-right: 0px; }

/*......Our Cottage.......*/
.our_cottage_sec .right h1 { font-size: 32px; }
/*.......Attraction........*/
.attraction_image { height: 250px; }
.attraction_info_box { height: 275px; }
/*.....FAQs......*/
.faq_sec .top h1 { font-size: 26px; }
.accordion-button, .accordion-button:not(.collapsed) { font-size: 20px; }
.faq_form { margin-top: 30px; }
/*.....Contact.......*/
.contact_form { margin-bottom: 30px;}

/*.....Booking Form Page........*/
.booking_step1_sec h1, .booking_step1_sec h3 { font-size: 30px; }
.reservation_form { padding: 20px 5px; }
.ui-datepicker-inline { display: inherit !important; padding: 30px 15px; }
.ui-datepicker-group { width: 100%; padding:10px 0; }
.reservation_check_list { padding: 15px 10px; }
.reservation_check_list ul li { font-size:16px; }
.reserved_cottage_feature ul li span { font-size: 16px; font-weight:600; }
#ui-datepicker-div { display: block; padding: 30px 15px; top: 725px !important; }
.single-accommodation #ui-datepicker-div { top: 2290px !important; left: 10% !important; }
.single_accomodation_image{ height: 360px; }

} 

@media only screen and (min-width:480.5px) and (max-width:575.5px) 
{

/*......Header........*/
.logo { width: 100px; height: auto; }
.logo img { width:100%; height:auto; }
.header_info { justify-content: right; }
.header_sec .header_menu { display: none; }
.header_social { display: none; }
.header_phone, .header_btm { display: none; }
.mob_nav_btn { display: inherit; }

.innerpage_header .logo { margin-left:1px; }

/*.....Home.......*/
.availability_form_sec { margin-top: 25px; }
.availability_form_sec h1 { color: #274060; }
.booking_form input, .booking_form select { width: 200px; }
.about_sec .left, .gallery_sec .left {  margin-bottom: 30px; }
.propert_box { height: auto; }
.property_detail { position: inherit; bottom: 0px; padding: 25px 15px; background: #11629d; }
.property_name h2 { font-size: 24px; }
.room_detail ul { margin-right: 20px; }
.room_detail ul li { display: inherit; font-size: 16px; text-align:center; }
.gallery_sec .top h1 { font-size: 26px; }
.testimonial_sec .top { display: inherit; padding-right: 0px; }

/*......Our Cottage.......*/
.our_cottage_sec .right h1 { font-size: 32px; }
/*.......Attraction........*/
.attraction_image { height: 250px; }
.attraction_info_box { height: 275px; }
/*.....FAQs......*/
.faq_form { margin-top: 30px; }
/*.....Contact.......*/
.contact_form { margin-bottom: 30px;}

/*.....Booking Form Page........*/
.reservation_form { padding: 20px 10px; }
#ui-datepicker-div { display: block; top: 695px !important; }
.ui-datepicker-inline { display: inherit !important; padding: 30px 15px; }
.ui-datepicker-group { width: 100%; padding:10px 0; }
.reservation_check_list { padding: 20px 30px; }
.reservation_check_list ul li { font-size: 18px; }
.single-accommodation #ui-datepicker-div {  display: flex; top: 2125px !important; left: 2% !important; }
.single_accomodation_image{ height: 400px; }

}


@media only screen and (min-width:576px) and (max-width:640px) 
{

/*......Header........*/
.logo { width: 120px; height: auto; }
.logo img { width:100%; height:auto; }
.header_sec .header_menu { display: none; }
.header_social { display: none; }
.header_phone a { font-size: 16px; font-weight:600; }
.header_btm a { padding: 10px 35px 10px 10px; }
.header_btm a::before { width: 30px; height: 40px; }
.mob_nav_btn { display: inherit; }

/*.....Home.......*/
.availability_form_sec { margin-top: 25px; }
.availability_form_sec h1 { color: #274060; }
.booking_form input, .booking_form select { width: 225px; }

.propert_box { height: 300px; }
.about_sec .left, .gallery_sec .left {  margin-bottom: 30px; }
.attraction_sec { padding: 95px 0 130px 0; margin-top: -80px; }
.attraction_box { height: 300px; }
.attraction_box h2 { font-size: 18px; }
.testimonial_sec { margin-top: -110px; }
.testimonial_sec .top { padding-right: 0px; }
.testimonial_sec .top h2 { font-size: 28px; }
.testimonial_sec .cta_btm a { font-size: 16px; padding: 8px 40px 8px 10px; }
.testimonial_sec .cta_btm a::before { width: 35px; height: 35px; }

/*.......Our Cottage....*/
.innerpage_attraction_sec { padding: 30px 0 50px 0; margin-top:0px; }
/*.....Attraction.......*/
.attraction_info_box { height: 250px; }
/*.....FAQs Page......*/
.faq_form{ margin-top: 25px; }
/*......Contact Page.......*/
.contact_form { margin-bottom:30px }

/*.....Booking Form Page........*/
.reservation_check_list ul li { font-size: 20px; }
#ui-datepicker-div { display: inherit; top: 695px !important; }
.ui-datepicker-inline { display: inherit !important; padding: 30px 15px; }
.ui-datepicker-group { width: 100%; padding:10px 0; }
.single-accommodation #ui-datepicker-div { top: 1945px !important; left: 12% !important; }
.single_accomodation_image{ height: 400px; }

}

@media only screen and (min-width:640.5px) and (max-width:767.5px) 
{

/*......Header........*/
.logo { width: 120px; height: auto; }
.logo img { width:100%; height:auto; }
.header_sec .header_menu { display: none; }
.header_social { display: none; }
.header_phone a { font-size: 16px; font-weight:600; }
.mob_nav_btn { display: inherit; }

/*.....Home.......*/
.availability_form_sec { margin-top: 25px; }
.availability_form_sec h1 { color: #274060; }
.booking_form input, .booking_form select { width: 225px; }

.propert_box { height: 300px; }
.about_sec .left, .gallery_sec .left {  margin-bottom: 30px; }
.attraction_sec { padding: 95px 0 130px 0; margin-top: -80px; }
.attraction_box { height: 300px; }
.attraction_box h2 { font-size: 18px; }
.testimonial_sec { margin-top: -110px; }
.testimonial_sec .top { padding-right: 0px; }
.testimonial_sec .top h2 { font-size: 28px; }
.testimonial_sec .cta_btm a { font-size: 16px; padding: 8px 40px 8px 10px; }
.testimonial_sec .cta_btm a::before { width: 35px; height: 35px; }

/*.......Our Cottage....*/
.innerpage_attraction_sec { padding: 30px 0 50px 0; margin-top:0px; }
/*.....Attraction.......*/
.attraction_info_box { height: 250px; }
/*.....FAQs Page......*/
.faq_form{ margin-top: 25px; }
/*......Contact Page.......*/
.contact_form { margin-bottom:30px }

/*.....Booking Form Page........*/
.reservation_check_list ul li { font-size: 20px; }
#ui-datepicker-div { display: inherit; top: 695px !important; }
.ui-datepicker-inline { display: inherit !important; padding: 30px 15px; }
.ui-datepicker-group { width: 100%; padding:10px 0; }
.single-accommodation #ui-datepicker-div { top: 1945px !important; left: 14% !important; }
.single_accomodation_image{ height: 400px; }

}

@media only screen and (min-width:240px) and (max-width:767px) 
{

/*.....Home......*/
.main_attraction_list {display: none;}
.attraction_slide_sec { display:block; }
.attraction_sec { padding: 160px 0 160px 0; margin-top: -120px; }
#reviews .owl-dots { text-align: center; margin-top: 15px; }
#reviews button.owl-dot { width: 15px;  height: 15px;  margin-right: 4px;  background: #11629d;  border-radius: 12px; }
#reviews button.owl-dot.active { background: #274060; }
#reviews .owl-nav button.owl-prev, #reviews .owl-nav button.owl-next { display: none;  }

.destop_attraction_sec { display:none; }
.mobile_attraction_sec { display:block; }
.attraction_modal .modal-body .attraction_modal_box img { max-width: 100%; }
.innerpage_attraction_sec { background: #fff; padding: 20px 0 20px 0; margin-top: 0px; }
.single_accomodation_image{ height: 400px; }

}

@media only screen and (min-width:768px)
{
  .attraction_modal .modal-dialog { max-width: 700px; }
}

@media only screen and (min-width:768px) and (max-width:860px) 
{

/*......Header........*/
.logo { width: 150px; height: auto; }
.logo img { width:100%; height:auto; }
.header_sec .header_menu { display: none; }
.header_social { display: none; }
.header_phone a { font-size: 18px; }
.mob_nav_btn { display: inherit; }

/*.....Home.....*/
.booking_form input.bookbutton { margin: 0 auto; margin-top: 15px; }
.about_sec .left { margin-bottom:25px; }
.gallery { padding-top: 30px; }
.attraction_sec {  padding: 160px 0 125px 0; margin-top: -120px; }
.attraction_box h2 { font-size: 18px; }
.testimonial_sec .top h2 { font-size: 30px; }
.testimonial_sec { margin-top: -120px; }

/*.....Booking Form Page........*/
#ui-datepicker-div { top: 630px !important; left:100px !important; }
.single-accommodation #ui-datepicker-div { top: 1900px !important; left: 17% !important; }
.booking_form input, .booking_form select { width: 300px; }

}

@media only screen and (min-width:860.5px) and (max-width:991.5px) 
{

/*......Header........*/
.logo { width: 150px; height: auto; }
.logo img { width:100%; height:auto; }
.header_sec .header_menu { display: none; }
.header_social { display: none; }
.header_phone a { font-size: 18px; }
.mob_nav_btn { display: inherit; }

/*.....Home.....*/
.booking_form input.bookbutton { margin: 0 auto; margin-top: 15px; }
.about_sec .left { margin-bottom:25px; }
.gallery { padding-top: 30px; }
.attraction_sec {  padding: 160px 0 125px 0; margin-top: -120px; }
.attraction_box h2 { font-size: 18px; }
.testimonial_sec .top h2 { font-size: 30px; }
.testimonial_sec { margin-top: -120px; }

/*.....Booking Form Page........*/
#ui-datepicker-div { top: 630px !important; left:150px !important; }
.single-accommodation #ui-datepicker-div { top: 1900px !important; left: 17% !important; }
.booking_form input, .booking_form select { width: 300px; }


}

@media only screen and (min-width:240px) and (max-width:991px) 
{

.innerpage_header {  padding: 15px 0; background: #002953; }
.innerpage_header .header_info { padding-top: 40px; }
/*.....Footer......*/
.footer_sec { text-align: center; }
.footer_logo { display: none; }
.quick_links ul li.menu-item {  margin: 15px 0; display: inline-block !important; }
.footer_contact { padding: 15px 0; }
.powered_by { text-align: center; padding-top: 20px; }
.innerpage_footer_sec { margin-top: -135px; }

.innerpage_attraction_sec { background: #fff; padding: 20px 0 20px 0; margin-top: 0px; }

.booking_form .input-group { margin: 10px 0; }

}

@media only screen and (min-width:992px)
{
  .attraction_modal .modal-dialog { max-width: 960px; }
}

@media only screen and (min-width:992px) and (max-width:1024px) 
{

.header_sec .container-fluid { width: 100%; }
.header_sec .header_menu { padding-top: 20px; margin-right: -42px; }
.header_menu .menu-item a { font-size: 14px; padding: 2px 5px !important; font-weight:300; }
.logo { max-width: 100px; height: auto; margin:0 auto; }
.logo img { max-width:100%; height:auto; }
.header_phone a { font-size: 18px; }
.header_social { display: none; }
.innerpage_header { background-size: cover; }
.innerpage_header .logo { max-width: 105px; }

/*......Home.....*/
.booking_form input, .booking_form select { width: 170px; }
.gallery_sec .top h1 { font-size: 26px; }
.propert_box { height: 265px; }

/*.....Booking Form Page........*/
#ui-datepicker-div { top: 630px !important; }
.single-accommodation #ui-datepicker-div { top: 375px !important; }
.booking_form input.bookbutton { margin: 0 auto; margin-top: 15px; }
.single_accomodation_image { height: 400px; }
.rooms_bed_box ul li { padding: 0px 2px; font-size: 18px; }

}

@media only screen and (min-width:1024.5px) and (max-width:1199.5px) 
{

.header_sec .container-fluid { width: 100%; }
.header_sec .header_menu { padding-top: 20px; margin-right:-30px; }
.header_menu .menu-item a { font-size: 14px; padding: 2px 5px !important; font-weight:300; }
.logo { max-width: 120px; height: auto; margin:0 auto; }
.logo img { max-width:100%; height:auto; }
.header_phone a { font-size: 18px; }
.header_social { display: none; }
.innerpage_header { background-size: cover; }
.innerpage_header .logo { max-width: 110px; }

/*......Home.....*/
.booking_form input, .booking_form select { width: 170px; }
.gallery_sec .top h1 { font-size: 26px; }
.propert_box { height: 265px; }

/*.....Booking Form Page........*/
#ui-datepicker-div { top: 630px !important; }
.single-accommodation #ui-datepicker-div { top: 375px !important; }
.booking_form input.bookbutton { margin: 0 auto; margin-top: 15px; }
.single_accomodation_image{ height: 400px; }
.rooms_bed_box ul li { padding: 0px 2px; font-size: 18px; }

}

@media only screen and (min-width:1200px) and (max-width:1399.5px) 
{

.header_sec .container-fluid { width: 100%; }
.header_sec .header_menu { padding-top: 20px; margin-right: -35px; }
.header_menu .menu-item a { padding: 2px 12px !important; font-size: 14px; }
.header_phone a { font-size: 18px; }
.logo { max-width: 120px; height: auto; margin:0 auto; }
.logo img { max-width:100%; height:auto; }
.innerpage_header .logo { max-width: 105px; }

/*.....Home Page......*/
.booking_form input, .booking_form select { width: 170px; }
.propert_box { height: 320px; }

/*.....Booking Page......*/
.single-accommodation #ui-datepicker-div { top: 350px !important; }
.single_accomodation_image{ height: 400px; }

} 

@media only screen and (min-width:1400px) and (max-width:1440px)
{

.propert_box { height: 330px; }
.single_accomodation_image{ height: 400px; }

}

@media only screen and (min-width:1400px) and (max-width:1635px) 
{
  
/*.....Header......*/
.header_sec .container-fluid { width: 100%; }
.header_sec .header_menu { margin-right: -40px; }
.header_menu .menu-item a { padding: 2px 15px !important; }
.innerpage_header .logo { max-width: 125px; }

}

@media only screen and (min-width:1441px) and (max-width:1650px)
{


}
#iframe57033[title] {
    visibility: hidden !important;;
}