@media screen and (max-width: 1920px) {
  .phone {
    display: none;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1620px;
  }
}
@media screen and (max-width: 1600px) {
  #Gallery .carousel-container .carousel-categories .category .CategoryImg img {
    min-height: 150px;
  }
  #Rooms .carousel-container .carousel-categories .category {
    font-size: 18px;
  }
  #Packages .PackageCard .PackageContent .PackageTitle h5 {
    font-size: 21px;
  }
  #Packages .PackageCard .PackageContent .PackageTitle p {
    font-size: 15px;
  }
  #Packages .PackageCard .PackageContent .KeyPoints .Point .Text {
    font-size: 15px;
  }
  #Packages .PackageCard .PackageContent .KeyPoints .Point .Icon img {
    width: 24px;
  }
  #Packages .PackageCard .PackageContent .Validity h5 {
    font-size: 21px;
  }
  #Packages .PackageCard .PackageContent .Validity p {
    font-size: 15px;
  }
  #OffersCta .CtaBox .Logo {
    width: 80px;
  }
  #OffersCta .CtaBox .BookingTitle {
    font-size: 40px;
  }
  #OffersCta .CtaBox .OfferText {
    font-size: 62px;
  }
  #OffersCta .CtaBox .Description {
    font-size: 17px;
  }
  #OffersCta .CtaBox {
    width: 53%;
  }
  #Deals .DealsCard .PackageContent .PackageTitle h5 {
    font-size: 35px;
  }
  #Deals .DealsCard .PackageContent .PackageTitle p {
    font-size: 15px;
  }
  #Deals .DealsCard .PackageContent .KeyPoints .Point .Text {
    font-size: 15px;
  }
  #Deals .DealsCard .PackageContent .Validity h5 {
    font-size: 21px;
  }
  #Deals .DealsCard .PackageContent .Validity p {
    font-size: 15px;
  }
  #Gallery .carousel-container .carousel-categories {
    width: 250px;
  }
  #Gallery .carousel-container .carousel-categories .category .CategoryImg .Category {
    font-size: 18px;
  }
  #Header .navbar a {
    font-size: 14px;
  }
  #Header .HeaderLogo {
    width: 60px;
  }
  #Header .navbar-expand-lg .navbar-nav {
    width: 44%;
  }
  .MenuToggle {
    width: 36px;
  }
  #Header .WebBtn {
    min-width: unset;
    text-transform: capitalize;
    font-size: 14px;
  }
  #Hero .HeroContent .HeroTitle h1 {
    font-size: 52px;
  }
  .WebBtn {
    font-size: 17px;
    min-width: 180px;
    gap: 6px;
  }
  .SectionTitle h3 {
    font-size: 44px !important;
  }
  .SectionTitle p {
    font-size: 18px !important;
  }
  #Services2 .services-header .slider-arrows button {
    width: 52px;
  }
  #Services2 .carousel-wrapper .RoomCard .RoomContent .RoomType h5 {
    font-size: 32px;
  }
  #Services2 .carousel-wrapper .RoomCard .RoomContent .Amenities .Tag {
    font-size: 14px;
  }
  #Services2 .carousel-wrapper .RoomCard .BookNowBtn span {
    font-weight: 700;
    font-size: 21px;
  }
  #Services2 .carousel-wrapper .RoomCard .BookNowBtn {
    padding: 14px;
    padding-top: 21px;
    top: 20px;
    right: 20px;
    font-size: 16px;
  }
  #Services2 .carousel-wrapper .RoomCard .RoomContent {
    padding: 30px 18px;
  }
  #Services2 .carousel-wrapper {
    padding-left: calc((100% - 1120px) / 2);
  }
  #backgroundContainer {
    height: 90vh;
  }
  #Header.darkHeader .navbar {
    padding: 0 0 0px;
  }
  #Header .navbar-expand-lg .navbar-nav {
    margin-top: 0;
  }
  .WebBtn .IconMain img {
    width: 21px !important;
  }
  #video-container .SectionTitle h3 {
    margin-bottom: 20px;
    font-size: 40px;
  }
  #video-container video {
    height: 90vh;
  }
  #Testimonials .TestimonialBox .TestimonialTitle {
    font-size: 27px;
  }
  #Testimonials .TestimonialBox .Review {
    font-size: 16px;
  }
  #TripLocations .TripCard .Description p {
    font-size: 17px;
  }
  #TripLocations .TripCard .LocationName p {
    font-size: 14px;
  }
  .Description {
    font-family: "Gotham_Light";
  }
  #TripLocations .TripCard .LocationName h5 {
    font-size: 27px;
  }
  #TripLocations .owl-item {
    max-height: 600px;
  }
  #Mission .Logo img {
    width: 175px;
  }
  #Mission .Subtitle {
    font-size: 24px;
  }
  #Mission .CheckinTime {
    font-size: 19px;
  }
  #Mission .WebBtn {
    font-size: 21px;
  }
  #Footer .ContactInfo .ContactTitle {
    font-size: 17px;
  }
  #Footer .ContactInfo .ContactIcon img {
    width: 65px;
  }
  #Footer .navbar-nav .nav-link {
    font-size: 17px;
  }
  #Footer .FooterBottom .FooterBottomMain .SocialMedia a {
    width: 32px;
  }
  #Footer .FooterBottom .FooterBottomMain {
    padding: 12px 0 10px;
  }
  #backgroundContainer .amenitiesList .amenityItem .AmenitiesTitle h5 {
    font-size: 19px;
  }
  #backgroundContainer .amenitiesList .amenityItem .AmenitiesTitle .Icon {
    width: 32px;
  }
  section {
    padding: 70px 0;
  }
  #Instagram .marquee img {
    width: 250px;
  }
  #Mission .Subtitle {
    font-size: 21px;
    font-weight: 500;
  }
  #backgroundContainer .amenitiesList {
    max-width: 370px;
  }
  #Header .side-menu .description {
    font-size: 12px;
  }
  #Header .side-menu {
    padding: 10px 20px;
  }
  #Header .side-menu .SocialMedia {
    margin-bottom: 16px;
    margin-top: 11px;
  }
  #Header .side-menu .image {
    margin-bottom: 18px;
  }
  #Header .side-menu .location strong {
    margin: 0;
  }
  #Header .navbar .SocialIcon {
    width: 32px;
  }
  #Story .DecorText h3 {
    margin-top: 20px;
    max-width: 70%;
  }
  #Story .DecorText {
    height: 220px;
    margin-bottom: -215px;
  }
  #Timeline .timeline .timeline-item .label {
    font-size: 48px;
  }
  #Timeline .timeline .timeline-item .point {
    width: 36px;
    height: 36px;
  }
  #Timeline .timeline::before {
    top: 15%;
  }
  #Timeline .col-lg-6 {
    width: 47%;
  }
  #Timeline .TimelineCard .Story {
    font-size: 19px;
  }
  #Blogs .BlogCard .BlogContent .BlogTitle h5 {
    font-size: 42px;
  }
  #Blogs .BlogCard .BlogContent .Date {
    font-size: 16px;
  }
  #Blogs .BlogCard .BlogContent .Date img {
    width: 18px;
    margin-top: -3px;
  }
  #Blogs .SideBar .Top-Articles .top-articles-title h4 {
    font-size: 42px;
  }
  #Blogs .SideBar .ContactForm .ContactTitle h5 {
    font-size: 42px;
  }
  #Blogs .SideBar .ContactForm {
    padding: 40px 24px;
  }
  #Blogs .SideBar .OfferCard .OfferContent {
    padding: 14px 14px 32px;
  }
  #Blogs .SideBar .OfferCard .TextBold {
    font-size: 36px;
  }
  #Blogs .SideBar .OfferCard .Validity {
    font-size: 17px;
  }
  #Blogs .SideBar .OfferCard .Logo {
    width: 180px;
    margin: 14px auto 24px;
  }
  #ContactForm .FormContainer .InputFlex {
    gap: 14px;
    margin-bottom: 14px;
  }
  #ContactForm .FormContainer .InputFlex .InputFeild input,
  #ContactForm .FormContainer .InputFlex .InputFeild select {
    padding: 14px 14px;
  }
  #ContactDetails .ContactBox .ContactInfo {
    font-size: 24px;
  }
  #ContactDetails .ContactBox .ContactTitle {
    font-size: 21px;
  }
  #ContactInfo .ContactDescription {
    font-size: 21px;
  }
  #ContactInfo .Email {
    font-size: 21px;
  }
  #ContactInfo .Email img {
    width: 55px;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent .BlogTitle h5 {
    font-size: 42px;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent {
    width: 50%;
    top: 50%;
    right: 5%;
    padding: 32px 27px;
    border-radius: 24px;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent .Tags .Tag {
    font-size: 14px;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent .Date {
    font-size: 16px;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent .BlogTitle p {
    font-size: 19px;
  }
  #Faqs .FaqContainer .accordion-button {
    font-size: 21px;
  }
  #Faqs .FaqContainer .accordion-body {
    font-size: 18px;
  }
}
@media screen and (max-width: 1200px) {
  #Rooms .carousel-container .carousel-categories .category {
    font-size: 15px;
  }
  #Footer .ContactInfo .ContactTitle {
    font-size: 14px;
  }
  #Footer .ContactInfo .ContactIcon img {
    width: 52px;
  }
  #Footer .navbar-nav .nav-link {
    font-size: 16px;
  }
  #backgroundContainer .amenitiesList {
    margin: auto;
  }
}
@media screen and (max-width: 1024px) {
  #AboutHome .AboutMain {
    display: flex;
    flex-wrap: wrap;
  }
  #Hero.OtherHero {
    height: 30vh;
  }
  #AboutHome .AboutMain div {
    /* flex-grow: 1; */
    width: 100%;
  }
  #mobile-nav #icon {
    top: 60px;
  }
  #Header {
    display: none;
  }
}
@media screen and (max-width: 990px) {
  #Header {
    display: none;
  }
  #host .host-box .Host-text h4 {
    font-size: 28px;
  }
  section {
    padding: 40px 0;
  }
  .SectionTitle h3 {
    font-size: 30px !important;
    letter-spacing: 1.7px;
  }
  .SectionTitle p {
    font-size: 17px !important;
  }
  #Services2 .services-header {
    margin-bottom: 10px;
    display: block !important;
  }
  #Services2 .services-header .slider-arrows {
    justify-content: space-between;
  }
  #Services2 .services-header .slider-arrows {
    justify-content: space-between;
    position: absolute;
    top: 100px;
    z-index: 100;
    width: 105%;
    left: -2.5%;
    top: 49%;
  }
  #Services2 .carousel-wrapper {
    padding: 10px;
  }
  #Services2 .services-header .slider-arrows button {
    width: 40px;
  }
  #Hero .HeroContent .HeroTitle h1 {
    font-size: 32px;
  }
  #Hero .HeroContent .HeroTitle {
    width: 100%;
  }
  #AboutHome .AboutMain {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  #backgroundContainer .amenitiesList {
    width: auto;
  }
  #backgroundContainer {
    padding: 0px;
  }
  #social .SectionTitle {
    text-align: center;
    padding-bottom: 0px;
  }
  #social .col-lg-4 {
    margin-bottom: 24px;
  }
  #social .social-services:hover {
    transform: translatey(-8px) !important;
  }
  #Testimonials .services-header.d-flex.justify-content-between.align-items-center {
    display: block !important;
  }
  #Testimonials .slider-arrows.d-flex.gap-4 {
    width: 100%;
    justify-content: center;
    margin-bottom: 24px;
  }
  #Testimonials .TestimonialBox {
    padding: 40px 10px;
  }
  #Testimonials .owl-theme .owl-nav {
    width: -moz-fit-content;
    width: fit-content;
    top: 45%;
    left: -4%;
    width: 108%;
  }
  #Testimonials .owl-carousel .owl-nav button.owl-prev {
    width: 36px;
    height: 36px;
    margin: 0;
  }
  #Testimonials .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    margin: 0;
  }
  #Testimonials .TestimonialBox .TestimonialTitle {
    font-size: 21px;
  }
  #Testimonials .TestimonialBox .Review {
    font-size: 14px;
  }
  #Testimonials .TestimonialBox .CommaImg img {
    width: 50px;
  }
  #Testimonials .TestimonialBox .CommaImg {
    margin-bottom: 30px;
  }
  #TripLocations .SectionTitle {
    text-align: left;
    margin-bottom: 32px;
  }
  #TripLocations .SectionTitle p {
    text-align: left;
  }
  #TripLocations .owl-theme .owl-nav {
    top: 43%;
  }
  #TripLocations .owl-carousel .owl-nav button.owl-prev {
    width: 32px;
    height: 32px;
    background-size: contain;
  }
  #TripLocations .owl-carousel .owl-nav button.owl-next:hover {
    width: 32px;
    height: 32px;
    background-size: contain;
  }
  #TripLocations .owl-carousel .owl-nav button.owl-prev:hover {
    width: 32px;
    height: 32px;
    background-size: contain;
  }
  #TripLocations .owl-carousel .owl-nav button.owl-next {
    width: 32px;
    height: 32px;
    background-size: contain;
  }
  #TripLocations .owl-item {
    max-height: 100%;
  }
  #Mission .Logo img {
    width: 100px;
  }
  #Mission .CheckinTime {
    font-size: 14px;
    display: block;
  }
  #Mission .CheckinTime .Time:last-child {
    padding: 0;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.4392156863);
    margin-top: 10px;
    padding-top: 10px;
  }
  #Mission .WebBtn {
    font-size: 16px;
  }
  #Mission .WebBtn img {
    width: 22px !important;
  }
  #Mission .WebBtn .IconMain .IconHov {
    top: 0;
  }
  #Instagram .SectionTitle h3 {
    text-transform: lowercase;
    word-wrap: break-word;
  }
  #Footer {
    padding: 40px 0 0;
  }
  #Footer .col-lg-4 {
    margin-bottom: 24px;
  }
  #Footer .ContactInfo .ContactTitle {
    font-size: 14px;
  }
  #Footer .ContactInfo .ContactIcon img {
    width: 45px;
  }
  #Footer .row {
    margin-bottom: 10px;
  }
  #Footer .navbar-nav {
    display: block;
  }
  #Footer .navbar-nav .nav-link {
    font-size: 18px;
    padding: 0;
  }
  #Footer .FooterBottom .FooterBottomMain {
    flex-direction: column;
  }
  #Footer .FooterBottom .FooterBottomMain .Copyright {
    display: flex;
    font-size: 11px;
    color: #fff;
    padding: 20px 0 0;
  }
  #mobile-nav .mobile_nav_right img {
    width: 50px !important;
  }
  #mobile-nav .mobile_nav_area {
    padding: 6px 12px !important;
  }
  #mobile-nav #icon {
    top: 28px !important;
  }
  #mobile-nav .mobile_nav_____ .navbar-menus ul .nav-item {
    padding: 6px 0 8px;
  }
  .WebBtn {
    font-size: 17px;
    min-width: 130px;
    gap: 6px;
    padding: 14px 22px 9px;
  }
  #backgroundContainer .amenitiesList .amenityItem .AmenitiesTitle h5 {
    font-size: 14px;
  }
  #AboutHome .AboutImg .AboutContent {
    padding: 30px 14px;
  }
  #AboutHome .SectionTitle {
    margin-bottom: 10px;
  }
  #Services2 .carousel-wrapper .RoomCard .RoomContent .Amenities {
    gap: 7px 9px;
  }
  #AboutHome .AboutMain div {
    width: 100%;
  }
  #Gallery .carousel-container {
    flex-direction: column;
  }
  #Gallery .carousel-container .carousel-categories {
    flex-direction: row;
    padding: 10px 0;
  }
  #Gallery .carousel-container .carousel-categories .category .CategoryImg .Category {
    font-size: 14px;
  }
  #Gallery .carousel-container .carousel-categories {
    gap: 8px;
    width: 100%;
  }
  #Gallery .carousel-container .carousel-image button {
    width: 32px;
  }
  #Gallery .carousel-container .carousel-image button .ImgHov {
    width: 32px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #Gallery .carousel-container .carousel-image .caption {
    position: absolute;
    bottom: 8px;
    font-size: 19px;
  }
  #Footer .pens_link img {
    display: none;
  }
  #Hero {
    background: url(../images/PhoneHero.png) no-repeat;
    background-size: cover;
    margin-top: -2px;
    height: 100vh;
    overflow: hidden;
  }
  #Hero video {
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #Hero .HeroContent {
    height: 100vh;
  }
  #AboutHome .AboutMain .div1,
  .div2,
  .div3,
  .div4 {
    width: 100%;
    height: 400px;
  }
  #AboutHome .AboutMain div img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  #AboutHome .AboutMain .div2 img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 83%;
       object-position: 83%;
  }
  #video-container .SectionTitle h3 {
    font-size: 19px !important;
    line-height: 1.4;
  }
  #backgroundContainer {
    background: url(../images/AmenitiesPhone.png) no-repeat;
    background-size: cover;
  }
  #backgroundContainer .amenitiesList .amenityItem {
    margin-bottom: 14px;
  }
  #Testimonials .owl-carousel .owl-nav button.owl-next:hover {
    background: url(../images/RightArrowColor.svg);
    background-size: contain;
    height: 36px;
    width: 36px;
  }
  #Testimonials .owl-carousel .owl-nav button.owl-prev:hover {
    background: url(../images/RightArrowColor.svg);
    background-size: contain;
    height: 36px;
    width: 36px;
  }
  #Services2 .SectionTitle {
    text-align: left;
  }
  #Services2 .SectionTitle p {
    text-align: left;
  }
  #Testimonials .SectionTitle {
    text-align: center;
  }
  #Testimonials .SectionTitle p {
    text-align: center;
  }
  #Testimonials .services-header.d-flex.justify-content-between.align-items-center {
    margin-bottom: 0;
  }
  #video-container video {
    height: 50vh;
  }
  .Arrow_btn {
    opacity: 0 !important;
  }
  #Hero.OtherHero {
    height: auto;
    background: none;
  }
  #Story .SectionTitle p {
    text-align: left;
  }
  #Timeline .col-lg-6 {
    width: 100%;
    margin-bottom: 24px;
  }
  #Timeline .timeline {
    width: 100%;
  }
  #Timeline .timeline .timeline-item .label {
    font-size: 27px;
  }
  #Timeline .timeline .timeline-item .point {
    width: 24px;
    height: 24px;
  }
  #Timeline .timeline .timeline-item .point::after {
    width: 8px;
    height: 8px;
  }
  #Timeline .TimelineCard .Story {
    font-size: 16px;
  }
  #Timeline .TimelineCard {
    background: #fff;
    padding: 8px;
  }
  #AboutVideo .SectionTitle {
    width: 100%;
    margin: 0 auto 24px;
  }
  #AboutVideo .Video video {
    width: 100%;
    height: 60vh;
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #AboutVideo .Video .PlayIcon {
    width: 65px;
  }
  #Awards .services-header {
    display: block !important;
  }
  #Awards .Arrow_btn {
    opacity: 1 !important;
  }
  #Awards {
    position: relative;
  }
  #Awards .services-header .slider-arrows {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
  }
  #Awards .services-header .slider-arrows button {
    width: 45px;
  }
  #Rooms .carousel-container .carousel-categories {
    display: block;
    padding-bottom: 0;
    position: relative;
    width: 100%;
  }
  #Rooms .carousel-container .carousel-categories .category {
    font-size: 16px;
    width: 100%;
  }
  #Rooms img.carouselImage.SlideImage {
    min-height: 275px;
  }
  #Rooms .carousel-container .carousel-categories .category.active .CategoryImg {
    border: 3px solid #fff;
  }
  #Rooms .owl-theme .owl-nav {
    top: 25%;
  }
  #Rooms .carousel-container .carousel-image .caption {
    bottom: 10px;
    font-size: 18px;
  }
  #Rooms .carousel-container .carousel-image button .Arrow_btn {
    opacity: 1 !important;
  }
  #Rooms .carousel-container .carousel-image button {
    width: 32px;
  }
  #Rooms .SectionTitle a {
    width: 50%;
  }
  #Rooms .WebBtn {
    float: right;
  }
  #Awards .SectionTitle h3 {
    text-align: center;
  }
  #Awards .SectionTitle p {
    text-align: center;
  }
  #AboutVideo .SectionTitle h3 {
    text-align: left;
  }
  #mobile-nav #icon {
    top: 38px !important;
    width: 20px;
  }
  #Rooms .carousel-container .carousel-image {
    min-height: 273px;
  }
  #Rooms .carousel-container .carousel-categories .category .CategoryImg img {
    min-height: 102px;
  }
  #Rooms {
    padding-bottom: 16px;
  }
  #Rooms .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/TripArrowLeft.svg) no-repeat !important;
    background-size: contain !important;
    top: 36%;
  }
  #Rooms .owl-carousel .owl-nav button.owl-next {
    background: url(../images/TripArrowrRight.svg) no-repeat !important;
    background-size: contain !important;
    top: 36%;
  }
  #Rooms .carousel-container .carousel-image:hover .Arrow_btn {
    width: 32px;
    height: 32px;
  }
  #Rooms .carousel-container .carousel-image button .Arrow_btn:hover img {
    width: 32px;
    height: 32px;
  }
  #Rooms .carousel-container .carousel-image button .ImgHov {
    top: 10px;
    /* opacity: 0; */
  }
  #Rooms .owl-carousel .owl-nav button {
    width: 24px !important;
    height: 24px !important;
  }
  #Grid .col-lg-4.px-3 {
    margin-bottom: 24px;
  }
  #Grid .OfferImage img {
    border-radius: 14px;
  }
  #Packages .col-lg-4.mb-5.px-4 {
    padding: 14px !important;
    margin-bottom: 14px !important;
  }
  #Packages .PackageCard .PackageContent {
    margin: -50px 6px 0;
  }
  #OffersCta .CtaBox {
    position: static;
    transform: none;
    padding: 14px;
    width: 100%;
  }
  #OffersCta .px-4 {
    padding: 14px !important;
  }
  #OffersCta .col-lg-5.px-3 {
    display: flex;
    gap: 14px;
  }
  #OffersCta .col-lg-5.px-3 .CtaImage {
    width: 33%;
    margin: 0 !important;
    border-radius: 12px;
  }
  #Deals .DealsCard .PackageContent {
    position: relative;
    width: 100%;
    transform: none;
    padding: 20px 16px;
  }
  #Deals .DealsCard .DealsImage {
    width: 100%;
    display: none;
  }
  #Packages .PackageCard:hover .PackageContent {
    transform: translateY(0px);
  }
  #Deals .services-header {
    display: block !important;
  }
  #Deals .services-header .slider-arrows button .Arrow_btn {
    opacity: 1 !important;
  }
  #Deals .services-header .slider-arrows {
    display: flex;
    gap: 0px;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    right: 20px;
    /* top: 10px; */
    z-index: 10;
    margin-top: 22px;
  }
  #Deals .services-header .slider-arrows button {
    background: transparent;
    border: none;
    width: 45px;
  }
  #Deals .DealsCard .PackageContent .KeyPoints {
    margin: 14px 0 22px;
    display: block;
  }
  #Deals .DealsCard .PackageContent .Validity {
    margin-bottom: 18px;
  }
  #Deals .SectionTitle.Blue h3 {
    color: #18335D;
    text-align: center;
  }
  #OffersCta .ImageBig img {
    height: 300px;
  }
  #OffersCta .CtaBox .Description {
    font-size: 15px;
  }
  #OffersCta .CtaBox .OfferText {
    font-size: 52px;
  }
  #OffersCta .CtaBox .BookingTitle {
    font-size: 32px;
  }
  #Packages .PackageCard .PackageContent .PackageTitle h5 {
    font-size: 23px;
  }
  #Footer .pens_link {
    display: none;
  }
  .booking-bar {
    padding: 0;
    width: 100%;
  }
  .booking-bar .booking-form {
    padding: 0;
    box-shadow: none;
  }
  #Hero .booking-bar .booking-form {
    display: none;
  }
  .mobile-menu-btn {
    display: none;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent {
    position: static;
    width: 100%;
    transform: none;
  }
  #TrendingBlogs .BlogCard {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent {
    padding: 24px 14px;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent .BlogTitle h5 {
    font-size: 27px;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent .BlogTitle p {
    font-size: 15px;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent .Date {
    font-size: 14px;
  }
  #TrendingBlogs .BlogsSlider .BlogCard .BlogImage .BlogContent .Date img {
    width: 18px;
  }
  #Blogs .BlogCard .BlogContent {
    position: static;
    padding: 24px 14px;
    width: 100%;
    transform: none;
    display: block;
  }
  #Blogs .BlogCard .BlogContent .BlogTitle {
    margin-bottom: 24px;
  }
  #Blogs .BlogCard .BlogContent .BlogTitle h5 {
    font-size: 27px;
  }
  #Blogs .pagination {
    width: 100%;
  }
  #Blogs .SideBar .ContactForm {
    padding: 40px 14px;
  }
  #TrendingBlogs .owl-theme .owl-nav {
    top: 14%;
  }
  #TrendingBlogs .owl-carousel .owl-nav button.owl-prev {
    height: 32px;
    width: 32px;
  }
  #TrendingBlogs .owl-carousel .owl-nav button.owl-next {
    height: 32px;
    width: 32px;
  }
  #TrendingBlogs .owl-carousel .owl-nav button.owl-prev:hover {
    height: 32px;
    width: 32px;
  }
  #TrendingBlogs .owl-carousel .owl-nav button.owl-next:hover {
    height: 32px;
    width: 32px;
  }
  #Blogs .SectionTitle {
    margin-bottom: 27px;
    text-align: center;
  }
  #ContactForm .FormContainer {
    padding: 40px 20px;
  }
  #ContactForm .FormContainer .InputFlex {
    display: block;
    margin: 0;
  }
  #ContactForm .FormContainer .InputFlex .InputFeild {
    margin: 0 0 14px;
  }
  #ContactForm iframe {
    min-height: 300px;
  }
  #ContactDetails .ContactBox {
    border-right: 0;
    border-bottom: 1px solid #B2B2B2;
  }
  #ContactInfo .ContactDescription {
    font-size: 16px;
    text-align: left;
    margin: 14px 0;
    width: 100%;
  }
  #rooms-gallery .rooms-container {
    display: block;
    text-align: center;
  }
  #rooms-gallery .SectionTitle p {
    text-align: center;
  }
  #rooms-gallery .WebBtn {
    margin-bottom: 20px;
  }
  #pol .pol-img .pol-description {
    padding: 0;
  }
  #host-1 .host-box {
    padding: 12px 0px;
  }
  #host .host-box .Host-text h4 {
    font-size: 28px;
  }
  #Hero .BookingWidget .MbsSearchWidget {
    padding: 24px 14px !important;
  }
  .Configure-quickBook-Widget .MbsSearchWidget .add-aroom .guest-count-input {
    border-radius: 14px;
    overflow: hidden;
  }
  #CafeBistro .col-lg-6.px-4 {
    padding: 0 12px !important;
  }
  #CafeBistro .AmenitiesSlider .AmenitiesCard {
    padding: 7px;
  }
  #CafeBistro .AmenitiesSlider {
    margin-bottom: 24px;
  }
  #CafeBistro .owl-carousel .owl-nav button.owl-prev {
    width: 32px;
    height: 32px;
  }
  #CafeBistro .owl-carousel .owl-nav button.owl-next {
    width: 32px;
    height: 32px;
  }
  #CafeBistro .AmenitiesSlider .AmenitiesCard .AmenitiesTitle {
    padding: 10px 14px 2px;
  }
  #CafeBistro .AmenitiesSlider .AmenitiesCard .AmenitiesTitle h4 {
    font-size: 32px;
  }
  #CafeBistro2 .col-lg-6.px-4 {
    padding: 0 12px !important;
  }
  #CafeBistro2 .AmenitiesSlider .AmenitiesCard {
    padding: 7px;
  }
  #CafeBistro2 .AmenitiesSlider {
    margin-top: 24px;
  }
  #CafeBistro2 .owl-carousel .owl-nav button.owl-prev {
    width: 32px;
    height: 32px;
  }
  #CafeBistro2 .owl-carousel .owl-nav button.owl-next {
    width: 32px;
    height: 32px;
  }
  #CafeBistro2 .AmenitiesSlider .AmenitiesCard .AmenitiesTitle {
    padding: 10px 14px 2px;
  }
  #CafeBistro2 .AmenitiesSlider .AmenitiesCard .AmenitiesTitle h4 {
    font-size: 32px;
  }
  #Feature-amini .owl-carousel .owl-nav button.owl-prev {
    width: 32px;
    height: 32px;
  }
  #Feature-amini .owl-carousel .owl-nav button.owl-next {
    width: 32px;
    height: 32px;
  }
  #Feature-amini .owl-carousel .owl-nav button.owl-prev:hover {
    width: 32px;
    height: 32px;
  }
  #Feature-amini .owl-carousel .owl-nav button.owl-next:hover {
    width: 32px;
    height: 32px;
  }
  #Faqs .FaqContainer .accordion-button {
    font-size: 19px;
    padding: 18px 10px;
    gap: 10px;
  }
  #Faqs .FaqContainer .accordion-body {
    font-size: 16px;
    padding: 20px 12px;
  }
  #Faqs .FaqContainer .accordion-item {
    margin-bottom: 16px;
  }
  #backgroundContainer .amenitiesList .amenityItem,
  #backgroundContainer .amenitiesList .amenityItem2 {
    width: 60%;
    margin: 0 !important;
    padding: 12px;
  }
  #backgroundContainer .amenitiesList .amenityItem .AmenitiesTitle .Icon {
    width: 27px;
  }
  #video-container .SectionTitle h3 {
    color: rgba(255, 255, 255, 0.6509803922);
    font-size: 34px;
    line-height: 100%;
    letter-spacing: 1px;
    font-family: "Gotham_Bold";
  }
  #Testimonials .TestimonialBox .Review {
    max-width: 95%;
  }
}
@media screen and (max-width: 767px) {
  #contact .inquiry-form .form-box {
    padding: 12px;
  }
  .phone {
    display: block;
  }
  .desktop {
    display: none;
  }
  #host .host-box {
    padding: 12px 0;
  }
  #Hero .BookingWidget {
    position: absolute;
    bottom: 60px;
    width: 90%;
  }
  #Hero .BookingWidget .App {
    width: auto;
  }
  .booking-bar {
    padding: 0;
    width: 100%;
  }
  .booking-bar .booking-form {
    padding: 0;
    box-shadow: none;
  }
  #Hero .booking-bar .booking-form {
    display: none;
  }
  #Services2 .services-header .slider-arrows button .Arrow_btn {
    opacity: 1 !important;
  }
  #Services2 .services-header .slider-arrows {
    top: 60%;
    transform: translateY(-60%);
  }
  #Gallery .carousel-container .carousel-categories .category .CategoryImg img {
    min-height: 80px;
  }
  #TripLocations .SectionTitle {
    max-width: 100%;
  }
  #TripLocations .owl-item {
    max-height: 550px;
  }
  #Hero .HeroContent .HeroTitle h1 {
    font-size: 30px;
  }
  #Features .owl-carousel .owl-nav button.owl-prev {
    height: 32px;
    width: 32px;
  }
  #Features .owl-carousel .owl-nav button.owl-next {
    height: 32px;
    width: 32px;
  }
  #Features .owl-carousel .owl-nav button.owl-prev:hover {
    height: 32px;
    width: 32px;
  }
  #Features .owl-carousel .owl-nav button.owl-next:hover {
    height: 32px;
    width: 32px;
  }
  #cafe-contact .inquiry-form .form-box {
    padding: 32px 12px;
  }
  #Blogs .pagination .page-item {
    width: 36px;
    height: 36px;
  }
  #Blogs .pagination .page-item .page-link {
    font-size: 21px;
  }
  #Blogs .SideBar .Top-Articles {
    padding: 40px 12px;
  }
  #Blogs .SideBar .Top-Articles ol li:before {
    top: -6px;
    font-size: 24px;
  }
  #Services2.GalleryMain {
    padding-top: 40px;
  }
  #pol {
    padding: 40px 0;
  }
  .guestsearchTxt .widgetLabel {
    color: #fff;
  }
  #Hero img.d-block.d-md-none.w-100 {
    height: 100vh;
  }
  #Hero.OtherHero img.d-block.d-md-none.w-100 {
    height: auto;
  }
  #Instagram .SectionTitle h3 {
    font-size: 24px !important;
  }
  #Rooms .carousel-container .carousel-image .nav-arrows {
    position: absolute;
    width: 106%;
  }
  #host .host-box {
    height: 450px;
  }
  #Features .Feature-list .col-md-6 {
    margin: 0 0 24px;
    width: 50%;
  }
  #Features .Feature-list .Feature-box p {
    font-size: 15px;
    margin-bottom: 0;
  }
  #Features .owl-theme .owl-nav {
    width: 108%;
    left: -4%;
  }
  #AmenitiesMarquee button.WebBtn {
    display: none;
  }
  #AmenitiesMarquee .marquee-container .marquee-track .marquee-item {
    min-width: 141px;
    margin: 0 0.5rem;
    padding: 18px 8px;
    border-radius: 16px;
    aspect-ratio: 1/1;
  }
  #AmenitiesMarquee .marquee-container .marquee-track .marquee-item span {
    font-size: 14px;
  }
  #AmenitiesMarquee .marquee-container .marquee-track .marquee-item img {
    width: 42px;
    height: 42px;
    margin-right: 0;
  }
  #CafeBistro2 .cafe-facilites {
    align-items: start;
  }
  #Deals .services-header .slider-arrows {
    display: flex;
    gap: 0px;
    width: 100%;
    position: absolute;
    right: 0px;
    top: auto;
    z-index: 10;
    margin-top: 22px;
    justify-content: space-between;
    transform: translateY(250%);
  }
  #Deals .services-header .slider-arrows button {
    background: transparent;
    border: none;
    width: 36px;
  }
  #Deals .DealsCard .PackageContent .PackageTitle h5 {
    font-size: 26px;
  }
}/*# sourceMappingURL=responsive.css.map */