@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 {
    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: 14px;
  }
  #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;
  }
  #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;
  }
}
@media screen and (max-width: 1200px) {
  #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;
  }
  #AboutHome .AboutMain div {
    /* flex-grow: 1; */
    width: 100%;
  }
  #mobile-nav #icon {
    top: 60px;
  }
}
@media screen and (max-width: 990px) {
  #Header {
    display: none;
  }
  section {
    padding: 40px 0;
  }
  .SectionTitle h3 {
    font-size: 32px !important;
  }
  .SectionTitle p {
    font-size: 15px !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);
  }
  #Testimonials .services-header.d-flex.justify-content-between.align-items-center {
    display: block !important;
  }
  #Testimonials .slider-arrows.d-flex.gap-4 {
    display: none !important;
  }
  #Testimonials .TestimonialBox {
    padding: 40px 10px;
  }
  #Testimonials .owl-theme .owl-nav {
    width: -moz-fit-content;
    width: fit-content;
    top: 45%;
    left: 0%;
    width: 100%;
  }
  #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: 520px;
  }
  #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: 40px !important;
  }
  #mobile-nav .mobile_nav_area {
    padding: 2px 12px !important;
  }
  #mobile-nav #icon {
    top: 28px !important;
  }
  #mobile-nav .mobile_nav_____ .navbar-menus ul .nav-item {
    padding: 6px 0 8px;
  }
  #mobile-nav .mobile_nav_____ .navbar-menus ul .nav-item:last-child {
    border: none;
  }
  .WebBtn {
    font-size: 17px;
    min-width: 130px;
    gap: 6px;
    padding: 14px 22px 9px;
  }
  #backgroundContainer .amenitiesList .amenityItem .AmenitiesTitle h5 {
    font-size: 16px;
  }
  #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-reverse;
  }
  #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: center;
  }
  #Services2 .SectionTitle p {
    text-align: center;
  }
  #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: 58%;
    left: 0;
  }
  #Awards .services-header .slider-arrows button {
    width: 45px;
  }
  #Rooms .carousel-container .carousel-categories {
    display: block;
    padding-bottom: 0;
  }
  #Rooms .carousel-container .carousel-categories .category {
    font-size: 16px;
  }
  #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: 70%;
  }
  #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: 28px !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;
  }
}/*# sourceMappingURL=responsive.css.map */