/*-------------- media section ---------------*/
 @media screen and (max-width:1920px) and (min-width:1600px) {
  #slider .slider-heading h1{
        font: normal normal 700 50px/60px Rosario;
    }
    /* #slider .slider-box{
          left: 10%;
    } */
}
 @media screen and (max-width:1600px) and (min-width:1200px) {
   .search-box:hover > .search-input{
         width: 145px;
   }
   #slider .slider-box{
    top: 10%;
	text-align: left;
   }
   .search-filter{
    top: 5%;
    width: 30%;
   }
   .search-filter{
         padding: 14px;
   }
   .search-filter h6 {
    font: normal normal bold 26px/22px Dancing Script;
  }
  .search-filter p{
    margin-bottom: 10px;
  }
  .search-filter input[type="text"], .search-filter select {
    padding: 5px 5px;
    font-size: 12px;
}
   #slider .owl-carousel .owl-nav .owl-prev {
    margin-right: 10%;
  }
  .testi-text-content{
    padding:5% 0 0 4%;
  }
   #about .abt-div {
       padding-left: 3rem;
   }
   #team .owl-prev , #our_blog .owl-carousel .owl-nav .owl-prev{
       left: -3rem;
   }
   #team .owl-next, #our_blog .owl-carousel .owl-nav .owl-next{
    right: -3rem;
}
  #destination .slick-slide.slick-active {
      width: 221px !important;
  }
  #destination .slider-nav img {
      width: 200px !important;}
      #destination .slick-slide.slick-current.slick-active.slick-center {
    width: 381px !important;
}
#destination .slick-current.slick-active.slick-center img {
    width: 360px !important;
  }

  #amazing-deal .timer_days{
    font: normal normal bold 20px/30px Rosario, sans-serif;
  }
  #villa-added .mphb_sc_rooms-wrapper.mphb-room-types{
      justify-content: center;
  }
  #amazing-deal .deal-per h2{
        font-size: 4rem;
  }
  #amazing-deal .deal-per p{
    margin-bottom: 0;
  }
  #amazing-deal .deal-post a {
    font: normal normal 600 18px/28px Rosario, sans-serif;
  }
  .top_title:before,.widget-title:before{
      right: 4rem;
      width: 39px;
  }
  .footer-col-div {
    padding: 0px 5%;
}
#villa-added .mphb-room-type{
      width: 330px;
}
#villa-added .mphb-room-type p:nth-of-type(2), .middle-content .mphb-room-type p:nth-of-type(2){
      padding: 0 10px;
}
#testimonials .slider-nav .slick-list.draggable {
    padding: 35px 30px !important;
}

}
@media screen and (max-width: 1399px) and (min-width: 1300px){
	#desti .owl-stage-outer .owl-item.active{
	width: 190px !important;
	}
	#desti .owl-stage-outer .owl-item.active.center{
		width: 340px !important;
	}
}
@media screen and (max-width: 1299px) and (min-width: 1200px){
	#desti .owl-stage-outer .owl-item.active{
	width: 190px !important;
	}
	#desti .owl-stage-outer .owl-item.active.center{
		width: 340px !important;
	}
}
@media screen and (max-width:1200px) {
  #testimonials{
     background-position: bottom;
  }
  #team .owl-prev, #team .owl-next, #our_blog .owl-prev, #our_blog .owl-next{
        position: unset !important;
            margin: 10px;
  }
}
 @media screen and (max-width:1400px) and (min-width:1200px) {
   .banner-page-text.container{
     padding: 0;
   }
   .title-box .row .col-lg-4{
         box-shadow: -230px 0px #fff;
   }
   .banner-page-text .above_title {
    padding: 60px 15px;
 }
   .search-box:hover > .search-input{
         width: 145px;
   }
   #slider .owl-dots{
         padding: 0;
   }
   .mphb_sc_search-form label {
    font: normal normal 600 12px/25px Rosario;
    }
   #feature .feature-heading h4{
   padding: 10px 4px;
       font: normal normal bold 19px/21px Rosario, sans-serif;
   }
   #slider .slider-heading h1 {
    font: normal normal bold 38px/46px Rosario, sans-serif;
  }
  #testimonials{
    background-position: bottom;
  }
  .testi-image-box .testi-image img{
      width: 65px;
  }

    #myBtn i{
    top: 13%;
    right: 19%;
    }
    #amazing-deal .deal-number h1{
      font-size: 8rem;
    }
    #villa-added .mphb-loop-room-type-attributes{
      padding: 10px 15px;
    }
    .choose-middle-image{
      text-align: center;
    }
    .choose-middle-image img{
          max-width: 80%;
    }
    #gallery-1 .gallery-item{
      margin-right: 10px;
    }
    #desti .owl-nav {
        left: -18rem;
      }
      .single-mphb_room_type .datepick {
      width: 360px !important;
      }
      .blog-category {
          color: #2264C6;
          font: normal normal 500 13px/22px Rosario, sans-serif;
      }
      .blog-detail h3 a {
      font: normal normal 600 16px/20px Rosario, sans-serif;
      }
 }
 @media screen and (max-width:1040px){
     .main-navigation li {
         position: relative;
             padding: 15px 26px 15px 10px;
    }
    .main-navigation a{
      font: normal normal bold 16px/27px 'Rosario', sans-serif;
    }
    #menu-primary-menu > .menu-item-has-children::before{
      right: 14px;
      top: 16px;
    }
    .widget-title:before, .widget-title:after, .top_title:after, .top_title:before{
      display: none;
    }
}
@media screen and (max-width: 1199px) and (min-width:1024px){
  .banner-page-text.container{
    padding: 0;

  }
  .title-box .row .col-lg-4{
        box-shadow: -220px 0px #fff;
  }
  .banner-page-text .above_title {
   padding: 60px 15px;
}
  .search-box:hover > .search-input{
          width: 90px;
  }
  #slider .owl-dots{
      padding: 0px 1px;
  }
  .search-filter{
  top: 4%;
  padding: 11px;
  width: 36%;
  }
  .mphb_sc_search-form p{
    margin-bottom: 0;
  }
  .mphb_sc_search-submit-button-wrapper input{
    padding: 2px 0;
    font: normal normal 600 12px/22px Rosario, sans-serif;
    margin-top: 6px;
  }
  .mphb_sc_search-form label {
  font: normal normal 600 10px/25px Rosario;
  }
  .search-filter h6{
    font: normal normal bold 25px/22px Dancing Script;
    margin-bottom: 4px;
  }
  #slider .slider-box{
    top: 10%;
    width: 45%;
  }
  #slider .slider-heading h1{
    font: normal normal bold 26px/43px Rosario, sans-serif;
    margin-bottom: 7px;
  }
  #slider .slider-box .read-more {
    padding: 12px 15px;
    font: normal normal bold 13px/15px Rosario;
  }
  .search-filter input[type="text"]{
   padding:2px 5px;
       font-size: 12px;
  }
  .search-filter select{
    padding: 2px 5px;
    margin-bottom: 5px;
    font-size: 12px;
  }
  #slider .owl-carousel .owl-nav .owl-prev {
    margin-right: 13%;
  }
  #slider .slider-para p {
  font: normal normal normal 16px/26px Rosario, sans-serif;
  }
  #menu-primary-menu > .menu-item-has-children::before{
    right: 6px;
    top: 22px;
    font-size: 11px;
  }
  .main-navigation li{
    padding: 15px 20px 15px 10px;
  }
  #feature .feature-heading h4{
  padding: 10px 2px;
  }
  .about-img-one{
    right: 8%;
    position: relative;
    top: 40px;
  }
  #about .about-img-two{
    top: -3rem;
    max-width: 60%;
  }
  #myBtn i{
    top: 9%;
    right: 19%;
  }
  #about .abt-div {
    padding-left: 2rem;
  }
  #about .about-main-heading h2 {
      font: normal normal bold 28px/38px Rosario, sans-serif;
      margin-bottom: 10px;  #about .modal-contents{
        width: 80%;
      }
  }
  #about .about-para p{
    font: normal normal 500 16px/30px Rosario, sans-serif;
        margin-bottom: 5px;
  }
  #about .about-inner-text h6 {
      font: normal normal bold 18px/30px Rosario, sans-serif;
      margin-bottom: 0px;}
      #about .read-more {
    font: normal normal bold 14px/25px Rosario, sans-serif;
  }
  #feature .feature-heading h4 {
      padding: 10px 10px;
  }
  #villa-added .mphb_sc_rooms-wrapper.mphb-room-types{
    justify-content: center;
  }
  .testi-text-content{
    padding: 4% 0 2% 3%;
  }  #about .modal-contents{
        width: 80%;
      }
  .testi-image img{
      width: 55%;
  }
  #testimonials .slider-nav .slick-list.draggable{
    padding: 20px 23px !important;
  }
  i.fas.fa-arrow-left.slick-arrow, i.fas.fa-arrow-right.slick-arrow{
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
  #amazing-deal .deal-number h1{
    font-size: 8rem;
  }
  #amazing-deal .deal-per p{
        font-size: 40px;
  }
  #amazing-deal .deal-per h2{
    font-size: 4rem;
  }
  #amazing-deal .amazing-outer::after{
    inset:-80% 0% -80% -1%;
  }
  #amazing-deal .numbers{
    margin-right: 20px;
  }
  #amazing-deal .timer_days{
    font: normal normal bold 32px/40px Rosario, sans-serif;
  }
  #amazing-deal .timer_after::after{
      left: 40px;
  }

  #gallery-1 .gallery-item{
    margin-right: 10px;
  }
  .single-mphb_room_type .datepick {
    width: 297px !important;
  }
  .mphb-booking-form p {
    width: auto;
}
.widget-title:before, .widget-title:after, .top_title:after, .top_title:before{
  display: none;
}
#our-facilities .facilities-content img{
  height: 200px;
}
#desti .owl-nav {
    left: -15rem;
}
#destination .desti-para {
    padding-right: 0px !important;
	}
	#desti .owl-stage-outer{
	margin: 5px;
	}
	#desti .owl-stage-outer .owl-item.active{
	width: 170px !important;
	}
	#desti .owl-stage-outer .owl-item.active.center{
		width: 265px !important;
	}
  .footer-col-div{
    padding: 0px 2%;
  }
  .title-box h1{
        font: normal normal bold 29px/29px Rosario, sans-serif;
  }
  #about .modal-contents{
    width: 80%;
  }
}
 @media screen and (max-width: 1023px) and (min-width:992px){
   .banner-page-text.container{
     padding: 0;
   }
   .title-box .row .col-lg-4{
         box-shadow: -200px 0px #fff;
   }
   .banner-page-text .above_title {
    padding: 60px 15px;
}
    .search-filter{
    top: 4%;
    padding: 11px;
    width: 36%;
    }
    .mphb_sc_search-form p{
      margin-bottom: 0;
    }
    .mphb_sc_search-submit-button-wrapper input{
      padding: 2px 0;
      font: normal normal 600 12px/22px Rosario, sans-serif;
      margin-top: 6px;
    }
    .mphb_sc_search-form label {
    font: normal normal 600 10px/25px Rosario;
    }
    .search-filter h6{
      font: normal normal bold 25px/22px Dancing Script;
      margin-bottom: 4px;
    }
    .search-filter input[type="text"]{
     padding:2px 5px;
         font-size: 12px;
    }
    .search-filter select{
      padding: 2px 5px;
      margin-bottom: 5px;
      font-size: 12px;
    }
   #about .abt-div {
     padding-left: 2rem;
   }
   #about .about-main-heading h2 {
       font: normal normal bold 28px/38px Rosario, sans-serif;
       margin-bottom: 10px;
   }
   #about .about-para p{
     font: normal normal 500 16px/30px Rosario, sans-serif;
         margin-bottom: 5px;
   }
   #about .about-inner-text h6 {
       font: normal normal bold 18px/30px Rosario, sans-serif;
       margin-bottom: 0px;}
       #about .read-more {
     font: normal normal bold 14px/25px Rosario, sans-serif;
   }
   #feature .feature-heading h4{
     font: normal normal bold 22px/30px Rosario, sans-serif;
      padding: 10px 0px;
   }
   #feature p {
    font: normal normal normal 16px/30px Rosario, sans-serif;
  }
  .about-img-one{
    right: 8%;
    position: relative;
    top: 40px;
  }
  #about .about-img-two {
    position: absolute;
    right: -32px;
    top: -4rem;
  }
  #our-facilities .facilities-sub-heading {
      font: normal normal 500 32px/45px Rosario, sans-serif;
  }
  .facilities_service_inner a.title{
    font: normal normal bold 24px/24px Rosario, sans-serif;
  }
  .facilities_service_inner{
        top: 36%;
  }
  #slider .slider-box {
    top: 13%;
    width: 42%;
  }
  #slider .slider-sub-heading .span-heading{
        font: normal normal bold 14px/29px Dancing Script;
  }
   #slider .slider-heading h1{
        font: normal normal bold 20px/30px Rosario, sans-serif;
        margin-bottom: 10px;
   }
   #slider .slider-para p{
     font: normal normal normal 15px/30px Rosario;
   }
   #slider .slider-box .read-more{
    font: normal normal bold 14px/15px Rosario, sans-serif;
    padding: 14px 11px;
   }
   #slider .owl-carousel .owl-nav .owl-prev {
    margin-right: 13%;
    }
     .toggle-nav {
         right: 17% !important;
    }

     .outer_dpage{
         margin-top: 30px;
    }
     .woocommerce a.button{
         font-size: 12px;
    }
    #amazing-deal .deal-number h1{
      font-size: 7rem;
      font-family: 'Rosario, sans-serif';
      color: #2264C6;
    }
    #amazing-deal .deal-per h2 {
    font-size: 3rem;}
    #amazing-deal .deal-per p {
    font-size: 33px;}
    #amazing-deal .timer_days{
      font: normal normal bold 28px/35px Rosario, sans-serif;
    }
    #amazing-deal #timer .nofont{
      font: normal normal medium 16px/20px Rosario, sans-serif;
      color: #FFFFFF;
    }
    #villa-added .mphb_sc_rooms-wrapper.mphb-room-types{
      justify-content: center;
    }
    #footer_box .contact-text{
          font: normal normal 300 13px/25px Rosario, sans-serif;
    }
    #footer .about_me i{
      font-size: 14px;
    }
    #destination .slick-slide.slick-current.slick-active.slick-center,#destination .slick-current.slick-active.slick-center img {
    width: 300px !important;
    }
    .testi-text-content {
      padding:4% 0 4% 0;
    }
    #amazing-deal .numbers{
      margin-right: 15px;
    }
    #amazing-deal .amazing-outer::after{
      inset:-78% 0% -78% -1%;
    }
  .single-mphb_room_type .datepick a{
    font: normal normal normal 12px/22px Rosario !important;
      }
    .single-mphb_room_type .datepick{
          width: 297px !important;
    }
    .single-mphb_room_type .datepick{
      width: 100%;
    }
    .blog-detail a.theme_white_button {
        padding: 11px 8px;
    }
    #our-facilities .facilities-content img{
      height: 200px;
    }
    #desti .owl-nav{
      left: -15rem;
    }
    #destination .category-desc {
        display: block;
    }
    .title-box h1{
          font: normal normal bold 29px/29px Rosario, sans-serif;
    }
    .single-post  .nav-previous,  .single-post  .nav-next {
            max-width: 40%;
      }
      #about .modal-contents{
        width: 80%;
      }
}
 @media screen and (max-width: 991px) and (min-width:768px){
   .order-one{
      order: 0;
   }
   .order-two{
      order: 3;
   }
   .order-three{
      order: 2;
   }
   .title-box{
         background-position: center;
   }
   #slider .slider-para p{
         font: normal normal normal 18px/30px Rosario;
   }
   .innermenubox{
     justify-content:end;
   }
   .banner-page-text.container{
     padding: 0;

   }
   .title-box .row .col-lg-4{
         box-shadow: -130px 0px #fff;
   }
   .banner-page-text .above_title {
    padding: 35px 15px;
  }
   .search-input{
     width: 0 !important
   }
   .search-box:hover > .search-input{
     width: 200px !important;
       border-bottom: 1px solid #000;
   }
   .search-box{
     left: 30%;
   }
   #slider .slider-box{
    top: 10%;
        width: 45%;
   }
   .mphb-required-fields-tip{
     display: none;
   }
   .search-filter{
     top: 3%;
    padding: 15px;
   }
   .mphb_sc_search-wrapper  p{
        margin: 6px 0 9px 0;
   }
   .search-filter h6{
     font: normal normal bold 25px/0px Dancing Script;
     margin-bottom: 16px;
   }
   .mphb_sc_search-form label {
    font: normal normal 600 14px/25px Rosario;
}
    #slider input[type="text"]{
     padding: 5px 10px;
         font-size: 12px;
   }
    .mphb_sc_search-submit-button-wrapper input{
    padding: 5px 0;
        font: normal normal 600 16px/22px Rosario, sans-serif;
    }
   #slider .slider-heading h1 {
     font: normal normal bold 25px/38px Rosario, sans-serif;
     margin-bottom: 10px;
    }
    #slider .slider-box .read-more{
          font: normal normal bold 14px/15px Rosario, sans-serif;
    }
    #slider .owl-carousel .owl-nav .owl-prev {
      margin-right: 17%;
    }
   #feature .feature-heading h4 {
       font: normal normal bold 18px/30px Rosario, sans-serif;
       padding: 10px 35px;
   }
   #feature p {
       font: normal normal normal 16px/30px Rosario, sans-serif;
     }
     #about .abt-div {
      padding-left: 1rem;
    }
    #about .about-main-heading h2 {
      font: normal normal bold 26px/40px Rosario, sans-serif;
      margin-bottom: 6px;
    }
    #about .about-para p {
      font: normal normal 500 16px/25px Rosario, sans-serif;
    }
    /* #about .about-inner-content{
          display: block !important;
    } */
    .facilities_service_inner {
        top: 30%;
    }
    .facilities_service_inner a.learn-more{
      font: normal normal 500 14px/24px Rosario, sans-serif;
        padding: 5px 6px;
    }
      .facilities_service_inner a.title {
        font: normal normal bold 24px/24px Rosario, sans-serif;
      }
    #about .read-more{
      font: normal normal bold 14px/26px Rosario, sans-serif;
          padding: 11px 15px;
    }
    #about .about-inner-text h6 {
      font: normal normal bold 18px/25px Rosario, sans-serif;
    }
    .about-img-one{
    right: 13%;
    position: relative;
    top: 40px;
    }
    #about .about-img-two{
      top: -2rem;
      max-width: 60%;
    }
    #villa-added .mphb_sc_rooms-wrapper.mphb-room-types{
      justify-content: center;
    }
    .testi-text-content{
      padding: 10% 0 10% 0%;
      background: unset;
    }
    .testi-image-box{
          width: 210px;
    }
    .why-choose-inner-content{
          justify-content: center;
    }
    #slider .owl-dots{
        padding: 0px 1px;
    }
    /* .widget-title:before, .widget-title:after, .top_title:after, .top_title:before {
      width: 53px;
      right: 4.5rem;
    } */
    #testimonials{
      background: #17191d;
      background-image: unset !important;
    }
    #our-facilities .facilities-sub-heading {
    font: normal normal 600 25px/40px Rosario, sans-serif;
    }
    #amazing-deal .deal-per h2{
          font-size: 4rem;
    }
    #destination .slick-list.draggable{
          height: auto !important;
    }
    #amazing-deal .deal-number h1{
          font-size: 8rem;
    }
    #amazing-deal .amazing-post{
          padding: 20px 15px;
    }
    #amazing-deal .deal-per p {
      font-size: 45px;
    }
    .amazing-post,   #wishlist-section .deal-post{
      text-align: center;
    }
    #amazing-deal .timer_days{
      font: normal normal bold 35px/30px Rosario, sans-serif;
    }
    #amazing-deal .timer_after::after{
      left: 50px;
    }
    #amazing-deal{
    padding: 40px 0 !important;
    }
    #amazing-deal img{
      width: 100%;
    }
    #destination .category-desc{
      display: block;
    }
     #amazing-deal .deal-img::after{
       width: 100%;
     }
     #destination{
       padding: 70px 0 100px 0;
     }
    #amazing-deal .deal-post{
      left: 0;
    right: 0;
    }
    #amazing-deal .owl-nav{
          margin-top: 35px;
    }
  .footer-col-div{
    padding: unset;
  }
  #contact-page .contactpage-details h3 {
    font: normal normal bold 28px/26px Rosario, sans-serif;
  }
  #amazing-deal .amazing-outer::after{
    background: unset;
  }
  .single-mphb_room_type .mphb-booking-form,  .single-mphb_room_type .mphb-reservation-form-title{
    position: unset
  }
  .news-social-icon{
        margin-bottom: 20px;
  }
  .blog-detail a.theme_white_button{
        padding: 11px 10px;
  }
  #sidebar ul li a{
        font: normal normal 600 11px/4px Rosario, sans-serif;
  }
  .widget_recent_entries img {
    width: 50px;
    height: 60px;
  }
  #sidebar h3, #sidebar h2, #sidebar .wp-block-search__label {
    font: normal normal bold 24px/45px Rosario, sans-serif;
  }
  .title-box h1 {
    font: normal normal bold 26px/30px Rosario, sans-serif;
  }
  .testi-image img {
    margin: auto;
    width: 40%;
  }
  .single-post h2 {
    font: normal normal bold 27px/41px Rosario, sans-serif;
  }
  #villa-added .vill-added-outer .col-lg-4{
  text-align: center;
  }
  /* .villa-meta-content{
        justify-content: center;
  } */
  #villa-added .deal-post{
    margin: auto;
    max-width: 422px;
  }

  #desti .owl-nav{
    left: 0;
    text-align: center;
    right: 0;
    bottom: -45px;
    top: unset;
  }
  #our-facilities .facilities-content img{
    height: 160px;
  }
  .content-loop{
    text-align: center;
  }
  .about-inner-content1{
    margin-top: -22px;
  }
  #desti .owl-stage-outer .owl-item.active.center {
    width: 635px !important;
  }
   .villa-meta-content{
     justify-content: center;
   }
   .single-room-description  .villa-meta-content{
      justify-content: flex-start;
    }
   .middle-content .type-mphb_room_type{
     margin: auto;
   }
   .single-explore-properties .villa-meta-content, #tax-location .villa-meta-content{
          justify-content: unset;
   }
   .explore-property-main{
     margin-top: 30px;
   }
   .category .title-box h4 {
    font: normal normal bold 22px/31px Rosario, sans-serif;
  }
  #about .modal-contents{
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
    #menu-primary-menu-1 > .menu-item-has-children::before{
        content: "\f078";
        font-family: 'Font Awesome 5 Free';
        font-weight: 800;
        position: absolute;
        right: 16px;
        bottom: 0;
        top: 20px;
        font-size: 14px;
        color: #fff;
    }
    .thumb_image_border, .main-header .sidenav {
        display: none;
   }
    .main-navigation ul ul {
        background-color: transparent;
        border: none;
   }
    .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
        border-bottom: none;
   }
    .toggle-nav {
        display: none;
   }

    #sidebar1{
        transition: 0.5s;
   }
   amp-sidebar#sidebar1 {
        height: 100%;
        width: 250px;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: 0;
        background-color: #2264C6;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        transition: all 4s ease;
       -webkit-box-shadow: 1px 0 5px rgb(0 0 0 / 50%);
       box-shadow: 1px 0 5px rgb(0 0 0 / 50%);
       transition-duration: 1s;
       animation: slideInLeftMenu 1s;
   }
     @keyframes slideInLeftMenu {
         0% {
           opacity: 0;
           -webkit-transform: translateX(-296px);
           -ms-transform: translateX(-296px);
           transform: translateX(-296px);
         }

         100% {
           -webkit-transform: translateX(0px);
           -ms-transform: translateX(0px);
           transform: translateX(0px);
         }
       }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        color: #818181;
        display: block;
        transition: 0.3s;
   }

    #close_nav {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 26px;
        color: white;
        cursor: pointer;
        z-index: 9999;
        text-align: right;
   }
    #close_nav i{
      color: white;
     border: 1px solid #fff;
     font-size: 15px;
     border-radius: 50%;
     padding: 9px;
     height: 30px;
     line-height: 0.8;
     width: 30px;
   }
    .sidenav #site-navigation {
        width: 100%;
   }
      .toggle-nav{
        position: relative;
      }
    .toggle-nav span {
      position: absolute;
       left: 25px;
   }
    iframe {
        width: 100%;
        height: auto;
   }
    .toggle-nav {
        display: block;
        z-index: 1;
   }
   #header{
         padding: 10px 0;
   }

    .main-navigation a {
        color: var(--grey4);
   }
    .main-navigation .menu {
        float: none;
        text-align: center;
   }
    .main-navigation ul ul li, #masthead.scrolled .main-navigation ul ul li {
        display: block;
   }
    .main-navigation .menu>ul>li.highlight {
        background: transparent !important;
   }
    .menu>ul>li:hover:before, .menu>ul>li.current_page_item:before, .menu>ul>li.current-menu-item:before {
        display: none;
   }
    .sf-arrows .sf-with-ul:after {
        border-top-color: var(--grey2);
   }
    .toggle i.fa.fa-bars, .toggle i.fa.fa-times {
        float: right;
        color: black;
   }
    .menubar .nav ul {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
   }
    .menubar .nav ul li, .menubar.scrolled .main-navigation li {
        border-top:1px #4972af solid;
        display: block;
        text-align: left;
        float: none;
        padding: 8px 0;
   }
    .menu-item-has-children>a {
        padding-bottom: 11px !important;
   }
    .nav ul li a {
        padding: 5px 10px;
        display: block;
        color: var(--white) !important;
   }

    .nav ul li ul li a:before {
        content: "\00BB \00a0";
   }
    .nav ul li ul li a {
        padding-left: 20px !important;
   }
    .nav ul li ul li ul li a {
        padding-left: 30px !important;
   }
    .main-navigation ul ul {
        position: static;
        width: 100%;
        box-shadow: none;
   }

    .main-navigation ul ul, .sub-menu{
        animation: unset !important;
        transition: unset !important;
   }
   .slideInUp, .fadeInRight, .fadeIn, .fadeInLeft, .fadeInDown, .zoomIn , .slideInLeft{
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transform: none !important;
            transform: none !important;
    transition-property: none !important;
    opacity: 1 !important;
  }
}
 @media screen and (max-width:767px) {
       .order-one{
          order: 0;
       }
       .order-two{
          order: 3;
       }
       .order-three{
          order: 2;
       }
      #feature .feature-heading h4 {
       font: normal normal bold 18px/30px Rosario, sans-serif;
       padding: 10px 35px;
      }
      #feature p {
       font: normal normal normal 16px/30px Rosario;
      }
      #about .abt-div {
        padding-left: 1rem;
        text-align: center;
        padding-top: 20px;
      }
      #about .about-img-two{
            width: 50%;
            right: 1px;
      }
     .main-navigation li, #masthead.scrolled .main-navigation li {
         display: block;
         line-height: 1.5 !important;
    }
     .sf-arrows .sf-with-ul {
         padding-right: 0;
    }
     .menu>ul>li>a {
         padding: 10px 10px;
    }
     .main-navigation ul ul {
         position: static;
         width: 100%;
         box-shadow: none;
    }

     .woocommerce div.product div.images .flex-control-thumbs {
         margin: 10px 0 0 0;
    }
     .innermenubox {
        display: block;
    }
     .contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"], .contact-box .wpcf7 textarea {
         width: 100% !important;
    }
     .top_social {
         padding: 10px 0;
         margin-left: 0;
    }
    .search-box{
        left: 40%;
    }
      .search-btn{
          font-size: 16px;
      }

     .scrolled{
     position: fixed !important;
    }
    /* #destination .slick-current.slick-active.slick-center img,
    #destination .slick-slide.slick-current.slick-active.slick-center,
    #destination .slick-slide.slick-active{
      width: unset !important;
    } */
    #footer p{
      font: normal normal 300 14px/20px Rosario, sans-serif;
          text-align: center;
    }
    #contact-page .contactpage-details h3 {
    font: normal normal bold 24px/26px Rosario, sans-serif;
    }
    #contact-page .contactpage-details p {
        font: normal normal 500 14px/22px Rosario, sans-serif;
    }
    #wishlist-section .deal-post, #facilities-single,  .comment-value, #project_single, .single-testimonial-parent-div, .footer-contact, .footer-col-div, #footer ul li, #contact-page .contactpage-details, .contac_form p, #tax-location, #tax-location .page-title,.vill-added-outer.single-explore-properties, .explore-property-main{
           text-align: center;
      }
    .contac_form .wpcf7-spinner{
      position: absolute;
    }
      .contac_form .wpcf7-spinner::before{
      top: 15px;
      left: 0px;
    }
    .widget-title:before, .widget-title:after, .top_title:after, .top_title:before{
      bottom: -10px;
      right: 5.8rem;;
      width: 60px;
    }
    .footer-desc img{
      margin-bottom: 20px;
    }

     .woocommerce div.product .product_title, #villa-added .mphb_sc_rooms-wrapper.mphb-room-types, #amazing-deal .mphb_sc_rooms-wrapper.mphb-room-types, .form-submit, .single-mphb_room_type .single-room-type-inner{
         text-align: center;
    }
    .single-mphb_room_type .datepick{
      margin: auto;
      width: auto !important;
      margin-bottom: 20px;
    }
    .single-mphb_room_type .datepick-month {
    width: 100%;
  }
    .single-mphb_room_type .datepick-month span{
          font-size: 10px;
    }
    .single-mphb_room_type .mphb-calendar{
      margin-top: 20px;
    }
   #villa-added .mphb_sc_rooms-wrapper.mphb-room-types, .villa-meta-content{
      justify-content: center;
   }
#villa-added .mphb-loop-room-type-attributes{
         display: block;
    }
     .cart-btn a.button{
         font-size: 0;
    }
    .single-blog-img img{
      margin-bottom: 20px;
    }
    #header .logo img{
    max-width: 75% !important;
    }
    .btn-search{
      font-size: 13px;
    }
    #villa-added .mphb-room-type{
          margin: 10px;
    }
    #villa-added .mphb-room-type-title {
    font: normal normal bold 20px/20px Rosario, sans-serif;
  }
  #testimonials{
    background: #17191d;
    background-image: unset !important;
  }
  .testi-text-content {
    padding: 5% 0 0 0%;
  }
  .single-mphb_room_type .mphb-booking-form, .single-mphb_room_type .mphb-reservation-form-title{
    position: unset;
    width: 100%;
        margin-bottom: 20px;
  }
  .news-social-icon{
    margin-bottom: 20px;
  }
  .post-gallery img{
    width: 75px;
    height: 75px;
  }
    #amazing-deal .deal-post a {
        font: normal normal 600 20px/25px Rosario, sans-serif;
        padding: unset;
      }
    #amazing-deal li .mphb-price{
      font: normal normal 500 18px/29px Rosario;
      padding: unset;
    }
    .middle-content .type-mphb_room_type{
        width: auto;
        text-align: center;
    }
    .single-mphb_room_type .single-amenties{
      display: unset;
      width: auto;
    }
    .explore-property-main{
      padding-top: 20px;
    }
    .mphb-reserve-room-section button.button.mphb-button.mphb-confirm-reservation{
      margin: auto;
      margin-bottom: 18px;
    }
    .single-post .cat-sec{
      display: block !important;
    }
.single li.cat-item{
          margin-bottom: 30px;
          margin-right: 0;
    }
    .single-post .rating-container{
      justify-content: center;
    }
    #about .modal-contents{
      width: 100%;
    }
}

 @media (min-width:576px) and (max-width:767px){
  .banner-page-text h1.page-title{
         font-size: 25px;
   }
   .bradcrumbs{
     font: normal normal 500 14px/15px Rosario, sans-serif;
   }
   .banner-page-text{
         width: 100%;

   }
   .title-box .row .col-lg-4{
         box-shadow: -115px 0px #fff;
   }
   .search-input {
      width: 130px !important;
    }
     #slider .owl-dots{
       padding: 0 1px;
     }
     div#sidebar {
         padding-top: 10px;
    }
    #slider .slider-heading h1 {
            font: normal normal bold 27px/35px Rosario, sans-serif;
            margin-bottom: 4px;
      }
      #slider .slider-para p {
          font: normal normal normal 16px/34px Rosario, sans-serif;
        }
      #slider .slider-box {
        top: 10%;
        width: 80%;
        text-align: center;
        left: 0;
        right: 0;
        margin: 0 auto;
      }
      #slider .slider-box .read-more {
          padding: 14px 10px;
          font: normal normal bold 14px/15px Rosario, sans-serif;
      }
      #slider .owl-carousel .owl-nav .owl-prev {
      margin-right: 25%;
      }
      #amazing-deal .amazing-outer::after{
        display: none;
      }
      #destination, #amazing-deal{
          text-align: center;
          padding:35px 15px !important;
      }
      #amazing-deal .amazing-post{
        padding: 15px;
        box-shadow:unset;
      }
      #amazing-deal .timer_days{
        font: normal normal bold 35px/60px Rosario, sans-serif;
      }
      #amazing-deal .owl-nav{
            margin-top: 20px;
      }
      #amazing-deal .numbers{
        margin-right: 35px;
      }
      #amazing-deal .deal-post {
        left: 0;
        right: 0;
      }
      #amazing-deal .deal-post a, #amazing-deal li .mphb-price{
        padding: unset;
      }
      #our-facilities .facilities-sub-heading{
            font: normal normal 500 30px/45px Rosario, sans-serif;
      }
      .cate-box-img img{
        margin-bottom: 10px;
      }
      #our-facilities {
          margin-bottom: 28%;
      }
       .why-choose-inner-content{
         justify-content: center;
       }
       .testi-text-content {
          padding: 10% 0 50px 0%;
      }
      #amazing-deal .deal-number h1 {
        font-size: 7rem;
      }
      #amazing-deal .deal-per h2{
            font-size: 3rem;
      }
      #amazing-deal .deal-per p {
        font-size: 36px;
      }
      #about .abt-div {
        padding-left: 0rem;
      }
    #about .about-main-heading h2 {
      font: normal normal bold 28px/45px Rosario, sans-serif;
    }
    #about .about-para p {
      font: normal normal 500 16px/30px Rosario, sans-serif;
    }
    #about .about-inner-content{
      justify-content: center;
    }
    #amazing-deal .deal-img::after{
      width: 95%;
      margin: auto;
    }
    #amazing-deal .timmer-days::after{
        left: 50px;
    }
    #desti .owl-stage-outer .owl-item.active.center {
        width: 455px !important;
    }
  .single-mphb_room_type .average-rating{
    position: unset;
  }
  .middle-content .mphb-regular-price {
        left: 0;
        right: 0;

  }
  .mphb-view-details-button-wrapper{
       margin-right: unset;
  }
  .mphb-empty-cart-message{
    text-align: center;
  }
}
@media screen and (max-width:767px) {

  .title-box{
        background-position: bottom;
  }
  .banner-page-text .above_title {
    padding: 30px 0px;
}
  section{
    padding: 35px 0;
  }
  .content_page.error-page{
        padding: 12% 0;
  }
  #our_blog .collectionbox-text, .single-mphb_room_type .single-post-comment #comments, .middle-content, #full-width-blog, .collectionbox-text h3, #blog-left-sidebar, #blog-right-sidebar{
    text-align: center;
  }
  .search-filter{
    position: unset;
    width: 86%;
    padding: 40px 24px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 4%);
    margin: 20px auto;
  }
  .single-post h2 {
    font: normal normal bold 20px/30px Rosario, sans-serif;
  }
  .d-flex.single-blog-meta{
    display: block !important;
    text-align: center;
  }
  .entry-author img {
    width: 15%;
  }
  .entry-comments{
    margin-left: unset;
  }
  .single-blog-meta div{
    margin-bottom: 15px;
  }
  .container.single-post{
    max-width: 85%;
    text-align: center;
    padding: 0;
    margin-top: -40px;
  }
  .post_pagination .post-title {
    font: normal normal 500 14px/20px Rosario, sans-serif;
  }
  .mphb-booking-form p {
          width: 100%;
    }
    #desti{
          padding-bottom: 30px;
    }
    #desti .owl-nav{
      position: absolute;
      right: 0;
      left: 0;
      top: unset;
      bottom: -46px;
    }
    #destination .desti-para{
      padding-right: unset;
    }
    #destination .category-desc{
      display: block;
    }
    #destination .img-category-title a{
          font: bold 24px/48px Rosario, sans-serif;
    }
    #destination .img-category-para {
    font: 598 16px/21px Rosario, sans-serif;
    }
    #villa-added .vill-added-outer .col-lg-4{
    text-align: center;
    }
  .villa-meta-content, #commentform{
        justify-content: center;
  }
  .post-gallery {
        justify-content: center;
  }
.post-gallery img{
  width: 75px;
  height: 75px;
  }
  .single-mphb_room_type #respond{
  max-width: 100%;
  }
  .single-post-comment .comment-body .comment-author,.single-post-comment .comment-body p.stars{
        width: 100% !important;
  }
  .single-post-comment .comment-body p, .single-post-comment .comment-body .reply{
    padding-left: 0;
  }
  .single-mphb_room_type .add-info-head {
    font: normal normal bold 22px/33px Rosario;
  }
  #mphb-booking-details, #mphb-price-details, #mphb-customer-details{
    width: 100%;
  }
  .mphb_sc_checkout-form .mphb-total-price, .mphb_sc_checkout-form  .mphb-errors-wrapper, .mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper{
    margin: 0 auto;
  }
  .mphb_sc_checkout-wrapper .mphb-booking-details, #mphb-price-details, #mphb-customer-details{
        padding: 15px;
  }
  #mphb-customer-details label, #mphb-booking-details label {
    font: 600 14px/30px Rosario;
  }
  .category .title-box h4 {
  font: normal normal bold 16px/26px Rosario, sans-serif;
}
}
@media screen and (max-width:575px) {
  .banner-page-text{
        width: 60%;
            margin: 0;
  }
  .wishlist_count,.user-icon i{
        padding: 0 8px;
  }
  .header-icons{
    padding: 0;
  }
  .wishlist_count span{
    top: -9px;
    height: 15px;
    width: 15px;
    font-size: 10px;
    padding: 2px 0 0 5px;
  }
#slider .owl-dots{
  height: 27px;
}
#slider .owl-carousel .owl-dot{
  height: 13px;
  width: 13px;
}
  #slider .slider-box{
    left: 3%;
      top: 5%;
    width: 95%;
    text-align: center;
  }
  .slider-para p{
    display: none;
  }
  #slider .slider-box .read-more {
    padding: 10px 9px;
    font: normal normal bold 12px/15px Rosario, sans-serif;
}
  #slider .slider-heading h1{
    font:normal normal bold 20px/30px Rosario, sans-serif;
        margin-bottom: 8px;
  }
  #slider .owl-carousel .owl-nav .owl-prev, #slider .owl-carousel .owl-nav .owl-next{
    height: 27px;
    width: 30px;
    font-size: 12px;
  }
  #slider .owl-dots{
        padding: 0 2px;
  }
  #slider .owl-carousel .owl-dot{
        padding-top: 8px;
  }
  #slider .owl-carousel .owl-nav .owl-prev {
    margin-right: 40%;
}
/* #slider .owl-carousel .owl-dot{
  margin: 0px 10px;
} */
  #feature .feature-main{
    border-right: none;
  }
  #about .about-main-heading h2{
    font: normal normal bold 22px/35px Rosario, sans-serif;
    margin-bottom: 5px;
  }
   #about .about-para p {
   font: normal normal 500 14px/26px Rosario, sans-serif;}
   #about .about-inner-text h6 {
   font: normal normal bold 20px/30px Rosario, sans-serif;
   margin-bottom: 0px;
   }
  #about .avatar-costomer{
   font: normal normal bold 16px/45px Rosario, sans-serif;
  }
  #about .about-inner-content {
  padding: 10px 6px;
  justify-content: center;
  }

  #about .about-img-one{
    top: 0px;
    left: -35px ;
  }
  #about .about-img-three{
    right: 2px;
    top: 0rem;
  }
  #our-facilities .facilities-sub-heading{
    font: normal normal 600 24px/36px Rosario, sans-serif;
  }
  #our-facilities .facilities-para {
    font: normal normal 300 16px/27px Rosario, sans-serif;
  }
  #our-facilities .cate-box-img{
    margin-bottom: 10px;
  }
  #amazing-deal .deal-post{
    left: 0;
    right: 0;
  }
  .facilities_service_inner a.title {
    font: normal normal bold 20px/24px Rosario, sans-serif;
  }
  .facilities_service_inner{
    top: 37%;
  }
  #our-facilities {
  margin-bottom:65%;
  }
  .header-top{
  position: unset;
  top: 0;
  }
  #villa-added .mphb-regular-price{
    top: 40%;
    left: 0;
    right: 0;
  }
 #destination, #amazing-deal .amazing-post{
    text-align: center;
  }
  #amazing-deal img{
    margin: auto;
    width: 80%;
    height: 260px;
    filter: brightness(0.8);
  }
  #amazing-deal .amazing-post{
        padding: 30px 15px;
  }
  #amazing-deal .location-deal-text{
    left: 0;
    right: 0;
    width: max-content;
    text-align: center;
    margin: auto;
  }
  #amazing-deal{
    padding: 30px 0 !important;
  }
  #amazing-deal  .owl-dots, #destination .content-loop h6.loc-heading{
    display: none;
  }
  #amazing-deal  .owl-nav{
        margin-top: 20px;
  }
  #why-choose .choose-detail h4{
  font: normal normal 600 18px/20px Rosario, sans-serif;
  }
  #why-choose .choose-detail p {
    font: normal normal normal 14px/20px Rosario, sans-serif;
  }
  #amazing-deal h2 {
    font:normal normal bold 25px/46px Rosario, sans-serif
  }

  /* .title-box img, .single-testimonials .title-box, .single-facilities .title-box, .single-team .title-box, .title-box img, .single-testimonials .title-box, .single-facilities .title-box, .single-team .title-box, .single-mphb_room_type .title-box, .tax-location .title-box{
    height: 100px;
    background-position: center;
  } */
  .tax-location h1, h6.span-tax-sub-heading{
        margin: 15px 0;
  }
  .bradcrumbs{
        font: normal normal 500 14px/20px Rosario, sans-serif;
  }

  .title-box h1 {
    font: normal normal bold 18px/20px Rosario, sans-serif;
  }
  #timer .numbers{
    text-align: center;
  }
  #amazing-deal .amazing-outer::after {
    background-color:unset;
    inset:unset;
  }
  #amazing-deal .deal-number h1 {
    font-size: 6rem;
  }
  #amazing-deal .deal-per h2{
    font-size: 3rem;
  }
  #amazing-deal .deal-per p {
    font-size: 30px;
  }
  #amazing-deal .timer_days{
    font: normal normal bold 25px/30px Rosario, sans-serif;
  }
  #why-choose .icon-bg i{
    height: 45px;
    width: 45px;
    font-size: 18px;
  }
  .mphb-view-details-button-wrapper, .mphb-to-book-btn-wrapper{
        margin-right:unset;
        margin-left: 30px;
  }
  nav.navigation.post-navigation .nav-links{
        display: block;
  }
  .nav-next .meta-nav{
    text-align:center;
  }
  .single-mphb_room_type .average-rating{
    position: unset;
  }
  .single-mphb_room_type .single-rate-content{
        justify-content: center;
  }
  .team-top-content h2.mb-4.desti-sub{
    margin-bottom: 0 !important;
  }
  .middle-content .mphb-regular-price {
        top: 41%;
        left: 0;
        right: 0;

  }
  i.fas.fa-arrow-left.slick-arrow, i.fas.fa-arrow-right.slick-arrow{
    width: 32px;
    height: 32px;
    font-size: 13px;
  }
  #testimonials .slider-nav .slick-list.draggable {
        padding: 10px 20px !important;
    }
}
 @media (min-width:320px) and (max-width:575px){
    .search-btn{
        padding: 0 10px;
    }
   .search-input {
      width: 62px !important;
    }
   #slider .slider-box{
     left: 3%;
     top: 5%;
     width: 95%;
     text-align: center;
   }
   #myBtn i{
     top: 7%;
     right: 18%;
     padding: 14px;
    }
     .products-meta{
         justify-content: center !important;
    }
    #gallery-1 .gallery-item{
        width: 28% !important;
        margin: 6px;
        height: 70px;
    }
    /* #desti .owl-item.active.center, #desti .owl-item.active{
        width: 295px !important;
    } */
    .testi-text-content {
      padding: 15% 14px 15% 14px;
    }
     #amazing-deal .numbers{
       margin-right: 20px;
     }
     #amazing-deal .timmer-hr::after{
         left: 50px;
     }
     #amazing-deal .timmer-days::after{
         left: 40px;
     }
    .single-mphb_room_type #gallery-1 img{
      height: 75px;
      width: 74px;
    }
    #amazing-deal .deal-img::after{
      width: 80%;
      margin: auto;
      left: 0;
      right: 0;
    }
    .middle-content .type-mphb_room_type{
      margin: auto;
    }
    #our-facilities .facilities-content img {    height: 190px;

    }

}
 @media (min-width:425px) and (max-width:575px){
   #desti .owl-stage-outer .owl-item.active {
       width: 345px !important;
   }
 }
 @media (min-width:375px) and (max-width:575px){
    .search-input{
      width: 0 !important
    }
    .search-box:hover > .search-input{
      width: 90px !important
    }
 }
@media screen and (max-width:320px) {
  #myBtn i {
    top: 3%;
    right: 17%;
  }
}