@media only screen and (min-width: 320px) and (max-width: 767px){
    header.header-row .navbar .navbar-brand {
    margin: 15px 20px;
}
.navbar-expand-lg .navbar-nav .nav-item {
    margin: 10px 12px;
}
.w-btn {
    padding: 10px 37px;
    margin:10px;
}
.row{
    margin:0 auto;
}
.banner-row .col-md-6{
    width:100%;
}
.banner-sec h1 {
    font-size: 30px;
        line-height: 39px;
        width:100%;
}
.banner-sec h3 {
    font-size: 20px;
}
.web-book-sec p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 25px;
}
.services-inner-row {
          padding: 29px 0px 0px;
           border-radius:0px;
}
.web-book-sec img.logo {
    margin-bottom: 25px;
}
section.main-page-row {
    padding: 45px 0 0px 0px;
}
.about-sec p {
    width: 100%;
}
.web-book-sec {
 display:flex;
    position: absolute;
    top: 550px;
    flex-direction: column;
    right: 0px;
    border-radius: 0px;
    padding: 18px 10px;
    width: 100%;
}
section.banner-row {
       padding: 176px 0px 450px 0px;
       text-align:center;
}
.policy-sec {
    padding: 0 0 50px 10px;
}
.policy-sec p {
    width: 100%;
}
.services-sec {
           padding:0px;
}
.main-page-row .col-md-9{
    width:100%;
    padding-left:0px;
    padding-right:0px;
}
.testimonilas-sec p {
    padding-bottom:60px;
}
.gallery-sec .gallery-flx img {
    height: 200px;
}
.gallery-sec img.large {
    height: 308px;
}
section.contact-row {
    padding: 0px 0 61px;
    text-align:center;
}
section.services-row {
    text-align:center;
}
.w-sec h2 {
font-size:30px;
margin-bottom:10px;
}
.w-sec p{
    font-size: 16px;
    line-height: 24px;
}
.policy-sec .w-btn {
    border-radius: 8px;
    padding: 11px 60px;
}
.services-sec p {
    width: 100%;
}
.container-fluid{
    padding:5px;
}
.accordion-button {
    border-radius: 10px !important;
    padding: 10px;
    font-size: 17px;
}
.services-sec {
    border-radius:0px;}
    .accordion-body {
    padding:0px;}
    .services-box-sec {
    display: flex;
    flex-direction:column;
    gap: 15px;
    margin-bottom: 20px;
    align-items: flex-start;
  }
  .services-box-sec img {
      width:100%;}
      .services-box-sec .text {
    margin-left: 0px;
    text-align:center;
}
section.about-row {
    padding: 50px 0 0px 0;
    text-align:center;
}
.about-sec ul li {
    font-size: 17px;
    line-height: 28px;}
    section#testimonials-row {
    padding: 50px 0 0;
    text-align:center;
}
.gallery-row .col-3{
    width:100%;
}
.gallery-row .col-6{
    width:100%;
}
section.gallery-row {
    padding:20px 0px;
    border-radius:0px;
}
.gallery-sec .gallery-flx {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-icon-txt {
    flex-direction: column;
}
.contact-icon-txt .text a {
    font-size: 16px;
}
.contact-icon-txt .text {
    margin-left:0px;}
    .footer-sec ul {
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
footer.footer-row {
    padding: 40px 0 20px;
    margin:0 10px;
}
footer.footer-row:before {
    height: 408px;
}
    .calendar-time-grid {
        align-items: center;
    overflow-x: auto;
    }
        .guest-form-box {
        padding: 30px 20px !important;
    }
    hr:not([size]) {
    height: 1px;
    width: 150px;
}
}



@media only screen and (min-width: 768px) and (max-width: 1023px){
    header.header-row .navbar .navbar-brand {
    margin: 15px 20px;
}
.navbar-expand-lg .navbar-nav .nav-item {
    margin: 10px 12px;
}
.w-btn {
    padding: 10px 37px;
    margin:10px;
}
.banner-row .col-md-6{
    width:70%;
}
.banner-sec h1 {
    font-size: 40px;
    line-height: 59px;
}
.banner-sec h3 {
    font-size: 24px;
}
.web-book-sec p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 25px;
}
.services-inner-row {
    padding: 110px 0px 47px;
}
.web-book-sec img.logo {
    margin-bottom: 25px;
}
section.main-page-row {
    padding: 45px 0 15px 25px;
}
.about-sec p {
    width: 100%;
}
.web-book-sec {
    padding: 27px 17px;
    width: 40%;
    right: 18px;
    position: absolute;
}
section.banner-row {
        padding: 204px 100px 101px 30px;
}
.policy-sec {
    padding: 0 0 130px 30px;
}
.policy-sec p {
    width: 97%;
}
.services-sec {
           padding: 65px 30px 90px 30px;
}
.main-page-row .col-md-9{
    width:96%;
}
.testimonilas-sec p {
    padding-bottom:60px;
}
.gallery-sec .gallery-flx img {
    height: 200px;
}
.gallery-sec img.large {
    height: 308px;
}
section.contact-row {
    padding: 0px 0 61px;
}
.flatpickr-innerContainer {
    display:flex;
    align-items:center;
    justify-content:center;
}
}



@media only screen and (min-width: 1024px) and (max-width: 1300px){
    header.header-row .navbar .navbar-brand {
    margin: 0 50px -57px 50px;
}
.navbar-expand-lg .navbar-nav .nav-item {
    margin: 0 12px;
}
.w-btn {
    padding: 10px 37px;
}
.banner-sec h1 {
    font-size: 48px;
}
.banner-sec h3 {
    font-size: 24px;
}
.web-book-sec p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 25px;
}
.services-inner-row {
    padding: 110px 0px 47px;
}
.web-book-sec img.logo {
    margin-bottom: 25px;
}
section.main-page-row {
    padding: 45px 0 15px 25px;
}
.about-sec p {
    width: 100%;
}
.web-book-sec {
    padding: 27px 17px;
    width: 31%;
    right: 18px;
}
section.banner-row {
        padding: 204px 100px 101px 30px;
}
.policy-sec {
    padding: 0 0 130px 30px;
}
.policy-sec p {
    width: 82%;
}
.services-sec {
    padding: 65px 88px 90px 30px;
}
.gallery-sec .gallery-flx img {
    height: 200px;
}
.gallery-sec img.large {
    height: 308px;
}
.book-service-section .col-lg-8{
    width:100%;
}
.book-service-section .col-lg-4{
    width:100%;
}
}



@media only screen and (min-width: 1301px) and (max-width: 1600px){
    header.header-row .navbar .navbar-brand {
    margin: 0 110px -57px 110px;
}
.navbar-expand-lg .navbar-nav .nav-item {
    margin: 0 22px;
}
.w-btn {
    padding: 10px 37px;
}
.banner-sec h1 {
    font-size: 58px;
}
section.main-page-row {
    padding: 45px 0 15px 25px;
}
.about-sec p {
    width: 66%;
}
.web-book-sec {
    padding: 35px 26px;
    width: 29%;
    right: 30px;
}
section.banner-row {
        padding: 204px 100px 101px 70px;
}
.policy-sec {
    padding: 0 0 130px 30px;
}
.policy-sec p {
    width: 77%;
}
.services-sec {
    padding: 65px 88px 90px 30px;
}
.gallery-sec .gallery-flx img {
    height: 268px;
}
.gallery-sec img.large {
    height: 373px;
}
}