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

@media (min-width: 2251px) and (max-width: 2560px) {
  .other-room-slider .slick-slide img {
    height: 750px;
  }

  .other-room-slider .slick-slide {
    width: 980px !important;
  }

  .clock-content-text img,
  #clock {
    height: 800px;
  }

  #hourhand {
    width: 640px;
    margin: 0 auto;
  }
}

@media (min-width: 1921px) and (max-width: 2250px) {
  .other-room-slider .slick-slide img {
    height: 700px;
  }

  .other-room-slider .slick-slide {
    width: 890px !important;
  }

  .clock-content-text img,
  #clock {
    height: 750px;
  }

  #hourhand {
    width: 640px;
    margin: 0 auto;
  }
}

@media (min-width: 1801px) and (max-width: 1920px) {
  .other-room-slider .slick-slide img {
    height: 650px;
  }

  .other-room-slider .slick-slide {
    width: 780px !important;
  }

  .clock-content-text img,
  #clock {
    height: 750px;
  }

  #hourhand {
    width: 640px;
    margin: 0 auto;
  }
}

@media (min-width: 1601px) and (max-width: 1800px) {
  .other-room-slider .slick-slide img {
    height: 600px;
  }

  .other-room-slider .slick-slide {
    width: 730px !important;
  }
}

@media (min-width: 1600px) and (max-width: 1680px) {
  .friendly-resort-side {
    bottom: -70px;
  }

  .friendly-resort-side img {
    height: 720px;
  }

  .other-room-slider .slick-slide img {
    height: 600px;
  }

  .other-room-slider .slick-slide {
    width: 660px !important;
  }

  .clock-content-text img,
  #clock {
    height: 700px;
  }
}

@media (min-width: 1441px) and (max-width: 1599px) {
  .other-room-slider .slick-slide img {
    height: 600px;
  }

  .other-room-slider .slick-slide {
    width: 640px !important;
  }
}

@media (min-width: 1400px) and (max-width: 1440px) {
  .other-room-slider .slick-slide {
    width: 570px !important;
  }
}

@media (min-width: 1300px) and (max-width: 1366px) {
  .other-room-slider .slick-slide {
    width: 550px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1299px) {
  #title {
    left: 0;
  }
  .overlay ul {
    padding: 40px 0 20px;
  }
}



@media (min-width: 993px) and (max-width: 1200px) {
  .season-price-box div {
    right: 16px;
  }

  .wedding-form-flower {
    width: 220px;
    top: -70px;
  }

  /*-- james ---*/

  .james-banner-box {
    width: 960px;
  }
  .james-banner-text {
    width: 440px;
  }
  .james-banner-text img {
    width: 180px;
  }
  .james-banner-text h1 {
    font-size: 28px;
  }
  .james-banner-text p {
    font-size: 12px;
  }

  .holi-addpage .james-banner-text {
    width: 440px;
  }
  .holi-addpage .james-banner-text h1 {
      font-size: 28px;
  }

  .footer-links ul li a {
    font-size: 12px;
  }
}


@media (min-width: 1200px) and (max-width: 1200px) {
.footer-links ul li a { font-size: 14px;}
}


@media (min-width: 991px) and (max-width: 1200px) {
  .postcard-tabs .nav-tabs .nav-item {
    margin: 0 18px;
  }

  .wedding-service-text h3 {
    font-size: 34px;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .main-menu ul li {
    padding-right: 19px;
  }

  .location-wrap {
    height: 420px;
  }

  .location-head {
    margin: 100px 0px 20px;
  }

  .form-item {
    width: 180px;
    padding: 0px 15px;
  }

  .friendly-resort {
    padding: 50px 0px;
  }

  .friendly-resort-text {
    margin-left: 0px;
  }

  .form-item .form-control {
    font-size: 20px;
  }

  .location-map-area img {
    height: 420px;
  }

  .address-accord .card-header button span img {
    margin-bottom: 3px;

    margin-top: 2px;

    float: left;
  }

  .contact-page-form form label {
    width: 40%;
  }

  .book-btn {
    padding: 8px 8px;
    font-size: 11px;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .slick-progress-count {
    right: 20px;
  }

  .other-room-slider .slick-slide {
    width: 420px !important;
  }

  .awardpage-box-image {
    margin: 50px 30px;
  }
  .awardpage-box-image img {
    height: 400px;
  }
}

@media (min-width: 1150px) and (max-width: 1200px) {
  .other-room-slider .slick-slide {
    width: 480px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1260px) {
  .slick-progress-count {
    right: 20px;
  }

  .wedding-form-flower {
    width: 220px;
    top: -70px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .main-menu ul li {
    padding-right: 10px;

    display: inline-block;
  }

  .main-menu ul li a {
    font-size: 13px;
  }

  .book-btn {
    /*font-size: 12px;*/
    font-size: 11px;
    padding: 8px 7px;
  }

  .menu-phone a {
    font-size: 13px;
  }

  .button_container {
    height: 25px;

    width: 30px;
  }

  .location-wrap {
    height: 430px;
  }

  .location-head {
    margin: 100px 0px 20px;
  }

  .form-item {
    width: 180px;

    padding: 0px 20px;
  }

  .friendly-resort {
    padding: 50px 0px;
  }

  .friendly-resort-text {
    margin-left: 0px;
  }

  .playpause {
    width: 70px;
    height: 70px;
  }

  .location-map-area img {
    height: 430px;
  }
}

@media (max-width: 1199px) {
  .corbett-land-banner {
    height: auto;
  }

  .about-section .right-content-box .about-title {
    font-size: 40px;
  }

  section#about-us-slider .corbactivity-box-detail {
    width: 424px;
  }

  .about-section .about-image img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
  }

  section#about-us-slider .corbactivity-box-detail {
    width: 351px;
    height: 559px;
    bottom: -99px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .address-accord .card-header button span img {
    margin-bottom: 3px;

    margin-top: 2px;

    float: left;
  }

  .contact-page-form form label {
    width: 45%;
  }

  .other-room-slider .slick-slide {
    width: 390px !important;
  }

  .slick-progress-count {
    right: 20px;
  }

  .clock-content-text p {
    width: 35%;
    font-size: 22px;
  }

  .homereview-star {
    width: 430px;
  }

  .booking-star {
    width: 300px;
  }

  .review-area-item img {
    width: 120px;
  }

  .review-area-item h3 {
    font-size: 26px;
  }

  .awardpage-box-image {
    margin: 50px 30px;
  }
  .awardpage-box-image img {
    height: 400px;
  }
}

@media (max-width: 991px) {
  .corbett-form {
    margin-left: 0px;
  }

  .corbett-slider-small-2 {
    display: none;
  }

  .corbett-slider-small {
    display: none;
  }

  .corbett-land-banner-text p {
    width: 73%;
  }

  .corbet-form-flowr-2 {
    left: 26px;
    top: -132px;
  }

  .corbactivity-box-detail {
    width: 100%;
    left: -18px;
  }

  .wedding-celeb.package-section .wedding-celeb-image img {
    margin-top: 28px;
  }

  .package-section.manali_activities_details .wedding-celeb-image img {
    height: 650px;
    width: 100%;
    margin: 6px 0 34px;
  }

  .package-section.manali_activities_details {
    margin: 0px 0;
  }

  .manali_activities_details.manali_mice_details.corbett_spa_Activities
    .wedding-celeb-text
    .suite-price-text {
    justify-content: flex-start;
  }

  .biderversity-image img {
    width: 100%;
    height: 580px;
    margin-top: 21px;
  }

  .biodeversity-section {
    padding-top: 2rem;
    padding-bottom: 8rem;
  }

  .bioderversity-content-right .bioderversity-text {
    padding: 143px 0 56px;
  }

  .about-section .about-image img {
    height: 470px;
  }

  #about-us-slider marquee p {
    font-size: 115px !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .suite-text h3 {
    font-size: 38px;
  }

  .suite-text h3 span {
    margin-left: 30px;
  }

  .suite-text div {
    margin-left: 65px;
  }

  .suite-image img {
    height: 460px;
  }

  .suite-text div p {
    width: 100%;
  }

  .suite-price-area .row {
    justify-content: center;
  }

  .price-slider {
    margin-top: 40px;
  }

  .suite-price-text h4 {
    width: auto;
  }

  .suite-price-text a {
    margin-top: 20px;
  }

  .season-price-box img {
    height: 400px;
  }

  .season-price-box div {
    right: 18px;
  }

  .room-detail-icon ul li {
    margin: 0px 40px 20px 0px;
  }

  .room-detail-icon h2 {
    width: 80%;
  }

  .detail-suite-image img {
    height: 460px;
  }

  .detail-small-suite {
    width: 230px;
    top: -100px;
  }

  .detail-suite-text h3 {
    font-size: 38px;
  }

  .detail-suite-text h3 span {
    margin-left: 30px;
  }

  .detail-suite-text div {
    margin-left: 60px;
  }

  .detail-room-include ul {
    margin-right: 0px;
  }

  .room-inclexcl-text ul {
    margin: 20px;
  }

  .other-room-slider .slick-slide img {
    height: 460px;
  }

  .other-room-slider .slick-slide {
    width: 340px !important;
  }

  .slick-progress-count {
    bottom: -35px;
    right: 20px;
  }

  .detail-room-other {
    padding-bottom: 80px;
  }

  .package-box-image {
    height: 500px;
  }

  .package-item:nth-child(even) {
    margin-top: 0px;
  }

  .package-box {
    margin-bottom: 60px;
  }

  .package-load {
    margin-top: 0px;
  }

  .album-slider {
    margin-top: 50px;
  }

  .album-area .row {
    justify-content: center;
  }

  .wedding-celeb-text h3 {
    font-size: 38px;
    line-height: 1.4;
  }

  .wedding-celeb-text div p {
    width: auto;
  }

  .wedding-service-slider {
    padding: 0px 20px 40px;
  }

  .wedding-service-image img {
    width: 100%;
  }

  .wedd-service-flower {
    width: 160px;
  }

  .wedding-service-text h3 {
    font-size: 24px;
  }

  .wedding-service-para {
    width: auto;
    margin: 20px 0px 20px 90px;
  }

  .wedding-form-head h3 {
    font-size: 36px;
  }

  .wedding-form-head p {
    width: auto;
  }

  .wedding-form-flower {
    width: 240px;
    top: -75px;
  }

  .wedding-form-area {
    padding: 60px 0px 60px;
  }

  .wedding-form {
    margin-top: 40px;
  }

  .wedding-form-head p {
    margin: 0px 0px 0px 25px;
    width: auto;
  }

  .wedding-slider .swiper-slide {
    margin: 0px;
  }

  .review-area-item h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .review-area-item img {
    width: 110px;
  }

  .homereview-star {
    width: 330px;
  }

  .reviews-area {
    padding: 70px 0px;
  }

  .welcome-area-image img {
    width: 190px;
  }

  .welcome-area h4 {
    margin: 30px 0px 40px;
  }

  .booking-star {
    width: 240px;
  }

  .booking-form #sf_booking_form .form-inline {
    justify-content: space-between;
  }

  .booking-form #sf_booking_form #checkin_sf_widget_div,
  .booking-form #sf_booking_form #checkout_sf_widget_div {
    width: 48%;
    margin-bottom: 10px;
  }

  .booking-form #sf_booking_form .form-inline input,
  .booking-form #sf_booking_form .form-inline select {
    width: 100%;
  }

  .booking-form #sf_booking_form #guests_sf_widget_div {
    width: 48%;
  }

  .booking-form #sf_booking_form .form-inline button {
    margin-top: 0px;
  }

  .awardpage-box-image {
    margin: 40px 30px;
  }
  .awardpage-box-image img {
    height: 350px;
  }

  /*-- james ---*/

  .james-bond-banner {
    height: 100vh !important;
  }
  .james-banner-box {
    width: 720px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .james-banner-text {
    width: 360px !important;
    float: right !important;
  }
  .james-banner-text img {
    width: 160px;
    margin-bottom: 6px;
  }
  .james-banner-text h1 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .james-banner-text p {
    font-size: 11px;
    line-height: 1.8;
  }
  .james-offer-day {
    margin-top: 10px;
    padding-left: 0px;
  }

  .holi-addpage {
    background-position: center;
  }
  .holi-addpage .james-banner-text h1 {
    font-size: 24px;
  }
  .holi-addpage .james-banner-text img {
    width: 60px;
  }
}

@media (min-width: 900px) and (max-width: 992px) {
  .slick-progress-count {
    bottom: 0px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  .package-box {
    margin: 0px 10px;
  }

  .package-box-image {
    height: 500px;
  }

  .package-box-detail h4 {
    font-size: 20px;
  }

  .package-box-detail {
    padding: 20px 15px;
  }

  .album-area {
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .corbett-form-text {
    text-align: center;
    margin-top: 50px;
  }

  .suite-price-text,
  .suite-price-text-btn {
    display: flex;
    /* justify-content: center; */
    align-items: center;
  }

  .corbett-land-guest {
    margin: 35px 0px 50px;
  }

  .suite-price-text-btn {
    margin-top: 20px;
  }

  .corbett-land-slider {
    padding: 72px 30px 40px;
  }

  .corbett-land-text h3 {
    margin-top: 24px;
  }

  .corbyoga-slider {
    padding: 70px 0px 70px;
  }

  .corb-yoga-para {
    width: 87%;
    margin-left: 20px;
    margin-top: 40px;
    margin-bottom: 33px;
  }

  .corbactivity-box-detail {
    width: 100%;
  }

  .suite-price-text.suite-price-text-2 {
    display: block;
  }

  .corbett-land-banner-text .corbett-banner-head {
    margin-bottom: 3px;
    font-size: 31px;
  }

  .corbett-land-banner-text p {
    width: 73%;
    line-height: 21px;
  }

  .corbet-form-flowr-2 {
    left: 26px;
    top: -64px;
    width: 313px;
  }

  .package-section.manali_activities_details .wedding-celeb-text .stroke {
    top: 50%;
    width: 40%;
    right: 3px;
  }

  .package-section.manali_activities_details .wedding-celeb-text .stroke-3 {
    right: 3px;
  }

  .green_bar_wrapper .content_wrapper {
    margin-bottom: 20px;
  }

  .form_slider_wrapper .slider_heading.spa_listing_heading {
    max-width: 99%;
    margin: 0 auto;
    padding: 50px 0px;
    display: block;
  }

  .form_slider_wrapper .slider_heading.spa_listing_heading .btn_div {
    margin-left: 73px;
    margin-top: 20px;
  }

  .about-section .right-content-box .about-title {
    font-size: 32px;
    line-height: 41px;
  }

  .biderversity-image img {
    height: 480px;
  }

  .video-section {
    height: 381px;
  }

  .video-content p {
    font-size: 35px;
    line-height: 1.2;
  }

  .testimonial-wrap .testimonial-slider {
    margin-top: 0px;
  }

  .testimonial-wrap .testimonial-box {
    margin: 50px 10px 0px;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  #title {
    width: 50%;
  }

  .location-wrap {
    height: 345px;
  }

  .location-head {
    margin: 55px 0px 20px;
  }

  .form-item {
    width: 137px;
    padding: 0px 10px;
  }

  .form-item .form-control {
    font-size: 15px;
  }

  .friendly-resort {
    padding: 10px 0px;
  }

  .friendly-resort-text p {
    font-size: 14px;
  }

  .location-map-area img {
    height: 345px;
  }

  .header-content p {
    width: 100%;
  }

  .address-accord .card-body table tr td:first-child {
    width: 30%;
  }

  .contact-page-form form label {
    font-size: 16px;
    width: 54%;
  }

  .contact-head {
    margin-right: 0px;
  }

  .contact-inner {
    margin-right: 0px;
  }

  .contact-page-form form {
    width: 100%;
  }

  .address-accord .card-header button span img {
    margin-bottom: 3px;

    margin-top: 2px;

    float: left;
  }

  .postcard-tabs .nav-tabs .nav-item {
    margin: 0 8px;
  }

  .postcard-tabs .nav-tabs .nav-link {
    padding: 12px 5px;
  }

  .gallery-img {
    margin: 0px 0px 80px;
  }

  .portfolio .gallery-img img {
    height: 300px;
  }

  #clock {
    width: 550px;
  }

  .clock-content-text img,
  #clock {
    height: 500px;
  }

  .clock-content-text p {
    width: 320px;
    font-size: 18px;
  }

  .footer-logo ul li {
    margin-left: 0px;
  }

  .menu-phone {
    display: none;
  }

  .footer-logo ul li img {
    width: 70px;
  }

  .footer-logo ul li a i {
    font-size: 22px;
  }

  .footer-logo ul li:last-child {
    margin-left: 15px;
  }

  .footer-links div {
    flex-direction: column;
  }

  .footer-links div ul:nth-child(1) {
    margin: 0;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .slider-video {
    height: 100%;
  }

  .item-number h4 {
    font-size: 40px;
  }

  .item-number h5 {
    font-size: 40px;
  }

  .item-number span {
    font-size: 30px;
  }

  .item-number p {
    font-size: 12px;
  }

  .form-item .form-control {
    font-size: 15px;
  }

  .form-item .input-group-addon {
    font-size: 14px;
  }

  .add-count ul {
    vertical-align: text-top;
  }

  .add-count span {
    font-size: 16px;
  }

  .add-count ul li:last-child {
    margin-top: 15px;
  }
}

@media (min-width: 769px) and (max-width: 894px) {
  .main-menu ul li {
    padding-right: 3px;
  }

  .main-menu ul li a {
    font-size: 12px;
  }

  .book-btn {
    font-size: 11px;
  }

  .menu-phone a {
    font-size: 12px;
  }

  .menu-phone img {
    vertical-align: baseline;
    width: 10px;
  }

  .reviews-item h3 {
    font-size: 14px;
  }

}

@media (min-width: 767px) and (max-width: 768px) {
  .location-map-area img {
    height: 345px;
  }
}

@media only screen and (max-width: 768px) {
  .corbactivity-slider .swiper {
    height: calc(var(--swiper-mobile-width) * var(--swiper-image-ratio) / 100%);
  }

  .corbactivity-slider .swiper-slide {
    width: var(--swiper-mobile-width);

    transform: scale(var(--swiper-mobile-inactive-scale));
  }

  .corbactivity-slider .swiper-backface-hidden .swiper-slide.swiper-slide {
    transform: scale(var(--swiper-mobile-inactive-scale)) translateZ(0);
  }
}

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

@media (min-width: 600px) and (max-width: 768px) {
  .slider-video {
    height: 100%;
  }

  .full-width {
    width: 100%;
  }

  .main-menu ul li {
    padding-right: 5px;
  }

  .main-menu ul li a {
    font-size: 12px;
  }

  .logo a img {
    width: 80px;
  }

  .header-area .col-1 {
    padding-right: 0;
  }

  .header-area .col-9 {
    padding-left: 0;
  }

  .book-btn {
    padding: 8px 5px;

    font-size: 10px;
  }

  .menu-phone img {
    display: none;
  }

  .button_container {
    width: 27px;

    height: 22px;
  }

  .menu-phone a {
    font-size: 12px;
  }

  .playpause {
    width: 70px;

    height: 70px;
  }

  .home-slider .carousel-indicators {
    margin-left: 0;
  }

  .discover-button {
    bottom: 40px;
  }

  .discover-button span {
    width: 60px;

    height: 60px;

    font-size: 9px;
  }

  .discover-button span:before {
    height: 40px;

    bottom: -23px;
  }

  .discover-button.is-visible span:before {
    height: 40px;
  }

  .vote-button {
    bottom: 40px;

    right: 15px;
  }

  .vote-button a img {
    width: 60px;
  }

  .reviews-item {
    width: 86px;
  }

  .reviews-item h3 {
    font-size: 14px;
  }

  #title {
    width: 50%;
  }

  .location-head {
    margin: 50px 0px 20px;
  }

  .location-wrap {
    height: 350px;
  }

  .form-item:nth-child(1) {
    padding-left: 0;
  }

  .form-item:nth-child(5) {
    padding-right: 0;
  }

  .form-item {
    width: 137px;

    padding: 0px 10px;
  }

  .form-item .form-control {
    font-size: 16px;
  }

  .friendly-resort-text {
    margin-left: 0px;
  }

  .friendly-resort-text p {
    font-size: 14px;
  }

  .friendly-resort {
    padding: 10px 0px;

    margin-bottom: 70px;
  }

  .founder-img-area img {
    width: 280px;
  }

  .footer-logo ul li {
    margin-left: 0px;
  }

  .footer-logo ul li:last-child {
    margin-left: 12px;
  }

  .footer-logo ul li img {
    width: 68px;
  }

  .footer-logo ul li a {
    margin-right: 10px;
  }

  .footer-logo ul li a i {
    font-size: 20px;
  }

  .footer-links div {
    flex-direction: column;
  }

  .footer-links div ul:nth-child(1) {
    margin: 0;
  }

  .item-number h4 {
    font-size: 40px;
  }

  .item-number h5 {
    font-size: 40px;
  }

  .item-number span {
    font-size: 30px;
  }

  .item-number p {
    font-size: 12px;
  }

  .booking-form h2 {
    font-size: 36px;
  }

  .friendly-resort-head h2 {
    font-size: 36px;
  }

  .founder-message-para h2 {
    font-size: 36px;
  }

  .footer-links h3 {
    font-size: 36px;
  }

  .header-content h1 {
    font-size: 36px;
  }

  .contact-head h2 {
    font-size: 36px;
  }

  .header-content p {
    width: 100%;
  }

  .contact-inner {
    margin-right: 0px;
  }

  .address-accord .card-body table tr td:first-child {
    width: 30%;
  }

  .address-accord .card-header button span img {
    margin-bottom: 3px;

    margin-top: 2px;

    float: left;
  }

  .contact-page-form form {
    width: 100%;
  }

  .contact-page-form form label {
    font-size: 16px;

    width: 53%;
  }

  .contact-head {
    margin-right: 0px;
  }

  .dark-header .custom-header {
    min-height: 107px;
  }

  .postcard-tabs .nav-tabs .nav-item {
    margin: 0 7px;
  }

  .postcard-tabs .nav-tabs .nav-link {
    padding: 12px 0px;
    font-size: 11px;
  }

  .gallery-img {
    margin: 0px 0px 40px;
    padding-left: 10px;
    padding-bottom: 20px;
  }

  .portfolio .gallery-img img {
    height: 190px;
  }

  .gallery-img h4 {
    width: 100%;
    padding-right: 10px;
    font-size: 15px;
    margin-top: 15px;
  }

  .postcard-tabs {
    margin-bottom: 60px;
  }

  .wedding-slider .swiper-slide {
    margin: 0px;
  }

  #clock {
    width: 550px;
  }

  .clock-content-text img,
  #clock {
    height: 500px;
  }

  .clock-content-text p {
    width: 300px;
    font-size: 18px;
  }

  .review-area-item h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .review-area-item img {
    width: 100px;
  }

  .homereview-star {
    width: 300px;
  }

  .reviews-area {
    padding: 70px 0px;
  }

  .bookstay-pop .modal-content .modal-header h3 {
    font-size: 24px;
  }

  .booking-form #sf_booking_form .form-inline button {
    margin-top: 0px;
  }

  /*-- james ---*/

  .james-bond-banner {
    height: 400px;
  }
  .james-banner-box {
    width: 100%;
  }
  .james-banner-text {
    width: auto;
    float: none;
    margin: 0px 15px;
  }
  .james-banner-text h1 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .james-banner-text p {
    font-size: 11px;
    line-height: 1.8;
  }
  .james-banner-box {
    top: auto;
    bottom: 50px;
    transform: none;
    width: 100%;
  }
  .james-banner-text img {
    width: 160px;
    margin-bottom: 6px;
  }
  .james-offer-day {
    margin-top: 0px;
    padding-left: 0px;
  }
  .james-activity {
    margin-top: 50px;
  }

  .holi-addpage .james-banner-text {
    width: auto;
  }
  .holi-addpage .james-banner-text img {
    width: 50px;
  }
  .holi-addpage .james-banner-text h1 {
    font-size: 24px;
  }

}

@media (min-width: 600px) and (max-width: 767px) {
  #thumbnail {
    font-size: 24px;
  }

  .location-head {
    margin: 20px 0px 20px;
  }

  .location-wrap {
    height: 260px;
  }

  .form-item .form-control {
    font-size: 12px;
  }

  .form-item {
    width: 102px;
    padding: 0px 8px;
  }

  .friendly-resort-side {
    bottom: -45px;
  }

  .friendly-resort-side img {
    height: 800px;
  }

  .form-item .input-group-addon {
    font-size: 12px;
    margin-top: 5px;
  }

  .add-count .form-control {
    width: 80%;
  }

  .add-count ul {
    vertical-align: sub;
  }

  .add-count span {
    font-size: 14px;
  }

  .add-count ul li:last-child {
    margin-top: 12px;
  }

  .location-map-area img {
    height: 260px;
  }

  .suite-text h3 {
    font-size: 36px;
  }

  .suite-text div p {
    width: 100%;
  }

  .suite-image img {
    height: 400px;
  }

  .suite-image {
    margin-top: 50px;
  }

  .club-suite-flower {
    width: 170px;
  }

  .suite-price-area .row {
    justify-content: center;
  }

  .price-slider {
    margin-top: 40px;
  }

  .suite-price-text a {
    margin-top: 20px;
  }

  .suite-price-text h4 {
    width: auto;
  }

  .season-price-box div {
    right: 15px;
  }

  .faq-accord {
    margin-top: 40px;
  }

  .faq-flower {
    width: 170px;
  }

  .faq-content {
    margin-top: 20px;
  }

  .room-detail-icon ul {
    margin-bottom: 30px;
    display: block;
    text-align: center;
  }

  .room-detail-icon ul li {
    font-size: 12px;
    margin: 0px 0px 16px 0px;
    width: 24%;
    display: inline-block;
    vertical-align: top;
  }

  .room-detail-icon ul li img {
    width: 20px;
    margin: 0 auto 6px;
    display: block;
  }

  .room-detail-icon ul li span {
    width: 100px;
    display: inline-block;
  }

  .room-detail-icon ul li:nth-child(2) span {
    width: 80px;
    margin-top: 5px;
  }

  .room-detail-icon ul li:nth-child(3) span {
    width: 40px;
  }

  .room-detail-icon h2 {
    width: 100%;
    font-size: 24px;
  }

  .detail-small-suite {
    width: 220px;
    top: -100px;
  }

  .detail-suite-image {
    margin-bottom: 50px;
  }

  .detail-suite-image img {
    height: 400px;
  }

  .detail-room-include ul {
    margin-right: 0px;
    margin-bottom: 50px;
  }

  .room-rate-condition {
    margin-top: 20px;
  }

  .room-rate-table table {
    font-size: 16px;
  }

  .detail-room-rate {
    padding: 80px 0px 60px;
  }

  .room-incl-excl-detail {
    flex-direction: column;
  }

  .room-inclexcl-text {
    width: 100%;
  }

  .room-incl-excl-detail .room-inclexcl-text:nth-child(1) {
    border-right: 0px;
  }

  .room-inclexcl-text h4 {
    padding: 18px 10px;
    font-size: 22px;
  }

  .room-inclexcl-btn {
    padding: 20px;
  }

  .room-inclexcl-text ul {
    margin: 20px;
  }

  .other-room-slider {
    margin-top: 40px;
  }

  .other-room-slider .slick-slide img {
    height: 400px;
  }

  .slick-progress-count {
    right: 20px;
  }

  .package-box {
    margin: 0px;
    margin-bottom: 40px;
    flex-direction: column;
  }

  .package-box-image {
    height: 330px;
  }

  .package-box-detail {
    width: 95%;
    position: relative;
    left: 0;
    top: -20px;
    padding: 20px 15px;
  }

  .package-box-detail h4 {
    font-size: 20px;
  }

  .package-item:nth-child(even) {
    margin-top: 0px;
  }

  .package-load {
    margin-top: 0px;
  }

  .album-area .row {
    justify-content: center;
  }

  .album-slider {
    margin-top: 40px;
  }

  .wedding-celeb-text h3 {
    font-size: 36px;
  }

  .wedding-celeb-text div p {
    width: 100%;
  }

  .wedding-celeb-image {
    margin-top: 40px;
  }

  .wedding-celeb-image img {
    height: 400px;
  }

  .wedding-service-slider {
    padding: 70px 40px 50px;
    margin-top: 70px;
  }

  .wedding-service-image {
    margin-bottom: 40px;
  }

  .wedding-service-image img {
    width: 100%;
    height: 350px;
  }

  .wedd-service-flower {
    width: 130px;
    top: -110px;
  }

  .wedding-service-slider:before {
    display: none;
  }

  .wedding-service-text h3 {
    font-size: 36px;
  }

  .wedding-service-para {
    margin: 30px 0px 10px 100px;
    width: auto;
  }

  .wedding-include-image img {
    height: 400px;
  }

  .wedding-form-area {
    padding: 60px 0px 60px;
  }

  .wedding-form-head h3 {
    font-size: 36px;
    margin-bottom: 30px;
  }

  .wedding-form-head p {
    width: auto;
  }

  .wedding-form {
    margin-top: 40px;
  }

  .wedding-form-flower {
    width: 240px;
    top: -75px;
  }

  .welcome-area h4 {
    margin: 30px 0px 40px;
  }

  .welcome-area-image img {
    width: 160px;
    margin: 0 auto 30px;
  }

  .booking-form #sf_booking_form .form-inline {
    justify-content: start;
  }

  .booking-form #sf_booking_form #checkin_sf_widget_div,
  .booking-form #sf_booking_form #checkout_sf_widget_div {
    margin-bottom: 10px;
  }

  .booking-star {
    width: 200px;
  }

  .friendly-star {
    width: 400px;
    bottom: -260px;
  }

  #clock-mark path {
    stroke-width: 7px;
  }

  .booking-form #sf_booking_form .form-inline {
    justify-content: space-between;
  }

  .booking-form #sf_booking_form #checkin_sf_widget_div,
  .booking-form #sf_booking_form #checkout_sf_widget_div {
    width: 48%;
    margin-bottom: 10px;
  }

  .booking-form #sf_booking_form .form-inline input,
  .booking-form #sf_booking_form .form-inline select {
    width: 100%;
  }

  .booking-form #sf_booking_form #guests_sf_widget_div {
    width: 48%;
  }

  .detail-room-catgry .corbett-slider-image {
    margin-bottom: 30px;
  }

  .awardpage-box-image {
    margin: 50px 30px;
  }
  .awardpage-box-image img {
    height: 400px;
  }

  .menu-phone {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 718px) {
  .main-menu ul li {
    padding-right: 1px;
  }

  .main-menu ul li a {
    font-size: 11px;
  }

  .reviews-item h3 {
    font-size: 13px;
  }

  .reviews-item {
    width: 78px;
  }

  .item-number h4 {
    font-size: 40px;
  }

  .item-number h5 {
    font-size: 40px;
  }

  .item-number span {
    font-size: 30px;
  }

  .site-by p {
    font-size: 11px;
  }

  .footer-copyright p {
    font-size: 12px;
  }

  .other-room-slider .slick-slide {
    width: 430px !important;
  }
}

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

@media (max-width: 576px) {
  .full-width {
    width: 100%;
  }

  .mobile-hide {
    display: none;
  }

  .logo a img {
    width: 80px;
    transition: all 0.4s ease-out;
  }

  .menu-phone {
    display: none;
  }

  .header-area {
    padding: 8px 0px 10px;
  }

  .sticky {
    padding: 6px 0px 8px !important;
  }

  .right-menu {
    justify-content: end;
  }

  .book-btn {
    /*font-size: 12px;
    margin-right: 20px;*/
    font-size: 10px;
    margin-right: 8px;
    padding: 7px 5px;
  }

  .button_container {
    height: 24px;
  }

  .overlay ul {
    padding: 8px 0;
  }

  .overlay ul li {
    margin: 15px 0;

    height: calc(100% / 12);
  }

  .overlay ul li a {
    font-size: 26px;
  }

  .flat-text {
    top: 35%;

    font-size: 70px;
  }

  .slider-video {
    height: 53vh;
  }

  .slider-video .img-responsive {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .discover-button {
    display: none;
  }

  .vote-button {
    display: none;
  }

  .home-slider .carousel-indicators {
    width: 86px;

    margin-left: 0px;

    margin-bottom: 10px;
  }

  .playpause {
    width: 45px;

    height: 45px;

    top: 30px;
  }

  .reviews-wrap {
    padding: 60px 0px 50px;
  }

  .reviews-item {
    width: 33.3%;
    margin: 8px 0px;
  }

  .reviews-item h3 {
    font-size: 14px;
  }

  .reviews-item:nth-child(4) {
    display: none;
  }

  .reviews-area {
    padding: 70px 0px 70px;
  }

  .welcome-area h4 {
    margin: 30px 0px 40px;
  }

  .welcome-area-image img {
    width: 130px;

    margin: 0 auto 40px;
  }

  .booking-form h2 {
    font-size: 28px;

    margin: 0px 0px 20px;
  }

  .form-item .form-control {
    font-size: 18px;
  }

  .form-item label {
    margin-bottom: 8px;
  }

  .form-item {
    width: 50%;

    padding: 0px 20px;

    margin: 12px 0px;
  }

  .form-item:nth-child(2),
  .form-item:nth-child(4) {
    padding-left: 0;
  }

  .form-item:nth-child(3),
  .form-item:nth-child(5) {
    padding-right: 0;

    border: 0;
  }

  .form-item:nth-child(1) {
    width: 100%;

    padding: 0;

    border: 0;
  }

  .form-btn {
    margin-top: 40px;
  }

  #title {
    left: 0;
  }

  .friendly-resort-head h2 {
    font-size: 25px;

    width: auto;
  }

  .friendly-resort {
    padding: 0px 0px 70px;
    margin-bottom: 0px;
  }

  .friendly-resort:before {
    width: 100%;

    height: 250px;

    top: 0;

    bottom: 0;
  }

  .friendly-resort-image {
    height: 250px;
  }

  .friendly-resort-side {
    bottom: auto;

    top: -140px;
  }

  .friendly-resort-side img {
    height: 440px;
  }

  .friendly-resort-text {
    margin-left: 0px;

    margin-top: 100px;
  }

  .founder-message {
    padding: 0px 0px 0px;
  }

  .founder-message-para h2 {
    font-size: 28px;
  }

  .founder-img-area img {
    width: 260px;

    display: block;

    margin: 0 auto;
  }

  footer {
    padding: 90px 0px 20px;
  }

  .footer-logo {
    text-align: left;

    margin-top: 10px;
  }

  .footer-logo ul li {
    text-align: center;

    margin-right: 10px;

    margin-left: 0px;
  }

  .footer-logo ul li img {
    width: 55px;
  }

  .footer-logo ul li:last-child {
    margin-left: 15px;

    margin-right: 0px;
  }

  .footer-spacer {
    margin: 5px 0px;
  }

  .footer-copyright {
    text-align: center;
  }

  .site-by {
    text-align: center;
  }

  .site-by p {
    margin: 12px 0 0;
  }

  .counter-right {
    float: none;

    text-align: center;
  }

  .item-number {
    display: inline-block;

    width: 49%;

    margin-top: 40px;
  }

  .item-number h4 {
    font-size: 40px;
  }

  .item-number h5 {
    font-size: 40px;
  }

  .item-number span {
    font-size: 30px;
  }

  .counter-warp {
    padding: 0px 0px;
  }

  .counter-warp:before {
    display: none;
  }

  .welcome-area {
    margin-bottom: 70px;
  }

  .counter-warp-image {
    margin-bottom: 0;

    margin-top: 0px;
  }

  .location-ink-box {
    flex-direction: row;
  }

  #thumbnail {
    width: 100%;

    font-size: 24px;
  }

  #title {
    width: 100%;

    z-index: -1;
  }

  .location-wrap {
    min-height: 360px;

    height: 800px;
  }

  .location-head {
    margin: 60px 0px 20px;

    padding-left: 30px;

    width: 55%;
  }

  .footer-links h3 {
    font-size: 28px;
  }

  .footer-links div {
  flex-direction: column;
  }

  .footer-links div ul:nth-child(1) {
    margin: 0;
  }

  footer .footer-star {
    left: -220px;
  }

  #thumbnail:hover + #title:before {
    background: #fff;
  }

  .add-count ul li:last-child {
    margin-top: 0;

    margin-left: 16px;
  }

  .add-count ul li {
    display: inline-block;

    height: 18px;

    line-height: 1;
  }

  .add-count ul {
    vertical-align: baseline;
  }

  .add-count .form-control {
    width: 69%;
  }

  .location-map-area {
    display: none;
  }

  .subheader-star {
    left: -75px;

    width: 360px;
  }

  .header-content h1 {
    font-size: 28px;

    margin: 4px 0px 30px;
  }

  .header-content span {
    font-size: 14px;
  }

  .header-content p {
    width: 100%;
  }

  .contact-inner {
    margin-right: 0px;
  }

  .contact-inner {
    margin-right: 0px;
  }

  .contact-head {
    margin-right: 0px;
  }

  .contact-page-form form {
    width: 100%;
  }

  .contact-page-form form label {
    font-size: 15px;

    width: 50%;
  }

  .contact-head h2 {
    font-size: 28px;

    margin-bottom: 40px;
  }

  .contact-fill {
    padding-top: 70px;
  }

  .contact-map {
    margin-top: 60px;
  }

  .contact-map iframe {
    height: 320px;
  }

  .address-accord .card-body table tr td:first-child {
    width: 29%;
  }

  .contact-inner h3 {
    font-size: 24px;
  }

  .address-accord .card-header button span img {
    margin-bottom: 3px;

    margin-top: 2px;

    float: left;
  }

  .postcard-tabs .nav-tabs .nav-item {
    margin: 7px;
  }

  .postcard-tabs .nav-tabs li {
    margin: 0px 5px;
  }

  .postcard-tabs .nav-tabs li:first-child {
    margin-left: 0px;
  }

  .postcard-tabs .nav-tabs li:last-child {
    margin-right: 0px;
  }

  .postcard-tabs .nav-tabs .nav-link {
    padding: 5px 0px;
    font-size: 12px;
  }

  .gallery-img {
    margin: 0px 0px 40px;
    padding-left: 10px;
    padding-bottom: 20px;
  }

  .portfolio .gallery-img img {
    height: 250px;
  }

  .gallery-img h4 {
    width: 100%;
    padding-right: 10px;
    font-size: 15px;
    margin-top: 15px;
  }

  .postcard-tabs {
    margin-bottom: 40px;
  }

  .postcard-tabs .nav-tabs {
    box-shadow: none;
  }

  .suite-text h3 {
    font-size: 28px;
  }

  .suite-text h3 span {
    margin-left: 40px;
  }

  .suite-text div {
    margin-left: 65px;
  }

  .suite-text div p {
    width: 100%;
  }

  .suite-image {
    margin-top: 40px;
  }

  .suite-image img {
    height: 320px;
  }

  .club-suite-flower {
    width: 150px;
  }

  .suite-price-text h4 {
    font-size: 28px;
    width: auto;
    margin: 0px 0px 0px 60px;
  }

  .suite-price-text h4 span {
    font-size: 13px;
    margin-right: 5px;
    margin-top: 15px;
  }

  .suite-price-text h4 span:before {
    width: 50px;
    left: -60px;
    top: 5px;
  }

  .suite-price-text a {
    margin-top: 20px;
    margin-left: 60px;
  }

  .price-slider {
    margin-top: 40px;
  }

  .suite-price-area .row {
    justify-content: center;
  }

  .season-price-box img {
    height: 320px;
  }

  .season-price-box div {
    right: 14px;
  }

  .season-price-box div h4 {
    font-size: 20px;
  }

  .season-price-box div p {
    font-size: 12px;
  }

  .faq-flower {
    width: 150px;
  }

  .faq-content {
    margin-top: 20px;
  }

  .faq-accord {
    margin-top: 40px;
  }

  .faq-accord .card-header button {
    padding: 12px;
  }

  .faq-accord .card-header button span {
    font-size: 13px;
  }

  .room-detail-icon {
    margin-bottom: 120px;
  }

  .room-detail-icon ul {
    margin-bottom: 30px;
    display: block;
    text-align: center;
  }

  .room-detail-icon ul li {
    font-size: 12px;
    margin: 0px 0px 16px 0px;
    width: 47%;
    display: inline-block;
    vertical-align: top;
  }

  .room-detail-icon ul li img {
    width: 20px;
    margin: 0 auto 6px;
    display: block;
  }

  .room-detail-icon ul li span {
    width: 100px;
    display: inline-block;
  }

  .room-detail-icon ul li:nth-child(2) span {
    width: 80px;
    margin-top: 5px;
  }

  .room-detail-icon ul li:nth-child(3) span {
    width: 40px;
  }

  .room-detail-icon h2 {
    font-size: 24px;
    width: 100%;
  }

  .detail-small-suite {
    right: 15px;
    width: 180px;
    top: -70px;
  }

  .detail-suite-image img {
    height: 320px;
  }

  .detail-suite-image {
    margin-bottom: 40px;
  }

  .detail-suite-text h3 {
    font-size: 28px;
  }

  .detail-suite-text h3 span {
    margin-left: 40px;
  }

  .detail-suite-text div {
    margin-left: 60px;
  }

  .detail-room-include ul {
    margin: 25px 0px 50px 0px;
  }

  .include-flower {
    width: 160px;
  }

  .slider-counter-bar {
    padding: 4px 8px;
  }

  .detailroom-slider .swiper-pagination {
    font-size: 12px;
    width: 100px;
  }

  .detailroom-slider .swiper-progress-bar {
    width: 50px;
  }

  .detail-room-rate {
    padding: 80px 0px 40px;
  }

  .detail-roomrate-flower {
    width: 160px;
    top: -70px;
  }

  .room-rate-condition ul {
    margin-top: 15px;
  }

  .room-rate-table {
    margin-top: 40px;
  }

  .room-rate-table table tr td {
    padding: 15px 5px;
  }

  .room-rate-table table tr:nth-child(2),
  .room-rate-table table tr:nth-child(3) {
    height: 110px;
  }

  .room-rate-table table {
    font-size: 14px;
  }

  .room-rate-table table tr:nth-child(1) {
    font-size: 12px;
  }

  .room-rate-table table tr td:nth-child(2) {
    width: 45%;
  }

  .room-incl-excl-detail {
    flex-direction: column;
  }

  .room-inclexcl-text {
    width: 100%;
  }

  .room-incl-excl-detail .room-inclexcl-text:nth-child(1) {
    border-right: 0px;
  }

  .room-inclexcl-text h4 {
    padding: 18px 10px;
    font-size: 22px;
  }

  .room-inclexcl-btn {
    padding: 20px;
  }

  .room-inclexcl-text ul {
    margin: 20px;
  }

  .detail-room-other {
    padding: 60px 0px 80px;
  }

  .other-room-slider {
    margin-top: 40px;
  }

  .other-room-slider .slick-slide {
    width: 270px !important;
  }

  .other-room-slider .slick-slide img {
    height: 320px;
  }

  .slick-progress-count {
    bottom: -30px;
    right: 15px;
    font-size: 12px;
  }

  .slide-progressbar-1 {
    width: 50px;
    margin: 0px 8px;
  }

  .package-box {
    margin: 0px;
    margin-bottom: 15px;
    flex-direction: column;
  }

  .package-box-image {
    height: 300px;
  }

  .package-box-detail {
    width: 95%;
    position: relative;
    left: 0;
    top: -20px;
    padding: 20px 15px;
  }

  .package-box-detail h4 {
    font-size: 20px;
  }

  .package-item:nth-child(even) {
    margin-top: 0px;
  }

  .package-load {
    margin-top: 0px;
  }

  .album-area {
    overflow: hidden;
  }

  .album-area .row {
    justify-content: center;
  }

  .album-slider {
    margin-top: 40px;
    margin-left: 20px;
  }

  .album-card a {
    padding-bottom: 18px;
  }

  .album-card a img {
    height: 250px;
  }

  .album-card a h4 {
    font-size: 18px;
    margin: 15px 15px 0px 0px;
  }

  .wedding-celeb-text h3 {
    font-size: 28px;
  }

  .wedding-celeb-text div p {
    width: 100%;
  }

  .wedding-celeb-image {
    margin-top: 0px;
    margin-bottom: 40px;
  }

  .wedding-celeb-image img {
    height: 320px;
  }

  .wedding-celeb .align-items-center {
    display: flex;
    flex-direction: column-reverse;
  }

  .wedding-service-slider {
    padding: 70px 0px 40px;
    margin-top: 70px;
  }

  .wedding-service-image {
    margin-bottom: 40px;
  }

  .wedding-service-image img {
    width: 100%;
    height: 320px;
  }

  .wedd-service-flower {
    width: 110px;
    top: -85px;
  }

  .wedding-service-slider:before {
    display: none;
  }

  .wedding-service-text h3 {
    font-size: 25px;
    margin: 0px 0px 0px 60px;
  }

  .wedding-service-text h3 span {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .wedding-service-text h3 span:before {
    width: 50px;
    left: -60px;
    top: 5px;
  }

  .wedding-service-para {
    margin: 20px 0px 0px 80px;
    width: auto;
  }

  .wedding-slider .swiper-pagination {
    font-size: 13px;
  }

  .wedding-flower {
    width: 160px;
    top: -20px;
  }

  .wedding-include-image img {
    height: 350px;
  }

  .album-flower {
    top: 90px;
    width: 110px;
  }

  .wedding-form-area {
    padding: 60px 0px 60px;
  }

  .wedding-form-flower {
    width: 160px;
    top: -48px;
  }

  .wedding-form-head h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .wedding-form-head p {
    margin: 0px 0px 0px 20px;
    width: auto;
  }

  .wedding-form {
    margin-top: 30px;
  }

  .wedding-form .col-lg-6,
  .wedding-form .col-lg-12 {
    margin-bottom: 16px;
  }

  .wedding-form label {
    margin-bottom: 6px;
    font-size: 13px;
  }

  .wedding-form .form-control {
    font-size: 16px;
  }

  .wedding-slider .swiper-slide {
    margin: 0px;
  }

  .thankyou-page {
    margin-top: 70px;
  }

  .thankyou-page h1 {
    margin: 0px 0px 20px;
    font-size: 32px;
  }

  .thankyou-page p {
    line-height: 2;
    font-size: 14px;
    width: auto;
  }

  .corbett-banner-phone div a {
    font-size: 10px;
  }

  .corbett-banner-phone div span {
    font-size: 9px;
  }

  .corbett-banner-phone img {
    width: 37px;
    transform: rotate(157deg);
  }

  .corbett-land-banner-text p {
    width: 78%;
    line-height: 13px;
    font-size: 7px;
  }

  .corbett-land-banner-text .corbett-banner-head {
    margin-bottom: 3px;
    font-size: 22px;
  }

  .corbett-land-banner-text {
    left: 46px;
  }

  .corbactivity-box-image {
    width: 94%;
    height: 400px;
    object-fit: cover;
    margin: auto;
  }

  .corbactivity-box-detail {
    width: 89%;
    left: 16px;
  }

  .corbett-form-text h3 {
    margin-bottom: 12px;
    font-size: 23px;
  }

  .corbett-form-text p {
    font-size: 12px;
    line-height: 1.7;
  }

  .corbett-slider-image img {
    height: 360px;
  }

  .corbett-form h2 {
    font-size: 26px;
    margin-bottom: 4px;
  }

  .corbett-form {
    padding: 20px 15px;
  }

  .corbett-form form .form-control {
    height: 36px;
  }

  .cor-date .input-group-addon {
    height: 36px;
  }

  .bhimtal-section .corbett-form .input-group-addon {
    height: 36px;
  }

  .corb-yoga-para {
    width: 87%;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 33px;
    font-size: 14px;
  }

  .homereview-star {
    width: 280px;
  }

  .booking-star {
    z-index: -2;
    width: 200px;
  }

  .friendly-star {
    width: 300px;
    bottom: auto;
    top: 140px;
  }

  .clock-slider {
    padding-top: 0px;
  }

  #clock-mark path {
    stroke-width: 12px;
  }

  #clock {
    width: 330px;
  }

  #hourhand {
    width: 330px;
    margin: 0 auto;
  }

  .clock-content-text img,
  #clock {
    height: 450px;
  }

  .clock-content-text p {
    width: 200px;
    font-size: 14px;
  }

  .clock-slider {
    padding-top: 0px;
  }

  .booking-form #sf_booking_form .form-inline label {
    display: block;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 15px;
  }

  .booking-form #sf_booking_form .form-inline {
    flex-direction: column;
  }

  .booking-form #sf_booking_form .form-inline input,
  .booking-form #sf_booking_form .form-inline select {
    font-size: 13px;
    margin-right: 0px;
    width: 100%;
  }

  .booking-form #sf_booking_form #checkin_sf_widget_div {
    width: 100%;
  }

  .booking-form #sf_booking_form #checkout_sf_widget_div {
    width: 100%;
  }

  .booking-form #sf_booking_form #guests_sf_widget_div {
    width: 100%;
  }

  .booking-form #sf_booking_form .form-inline button {
    margin-top: 22px;
  }

  .booking-form {
    padding: 70px 0px;
  }

  .review-area-item {
    width: 50%;
    margin-bottom: 30px;
  }

  .review-area-item h3 {
    font-size: 35px;
    margin-bottom: 12px;
  }

  .review-area-item img {
    width: 110px;
  }

  .review-area-row .review-area-item:last-child {
    margin-bottom: 0px;
    width: 100%;
  }

  .instagram-feed h3 {
    font-size: 28px;
  }

  .corb-slider .swiper {
    padding-bottom: 84px;
  }

  .body-spa-nopadd #box-show {
    opacity: 1;
  }

  .corbett-form {
    top: -11px;
  }

  .corbett-form-text p {
    width: 98%;
  }

  .corb-body-box img {
    height: 590px;
  }

  .bodybox-hover-detail p,
  .bodybox-hover-detail a {
    margin-left: 15px;
  }

  .footer_copyright p {
    text-align: center !important;
    font-size: 13px;
  }

  .wedding-celeb-text h3 {
    font-size: 25px;
  }

  .suite-price-text.suite_price_text_detail {
    display: block;
  }

  .portfolio .package-item .package-box-detail {
    width: 94%;
    position: relative;
    opacity: 1;
    visibility: visible;
    right: 0;
  }

  .suite-price-text,
  .suite-price-text-btn {
    display: block;
  }

  .sub-headerr .header-content p {
    width: 98%;
  }

  .package-section.manali_activities_details .wedding-celeb-image img {
    height: 458px;
  }

  .package-section.manali_activities_details .wedding-celeb-text .stroke-2 {
    left: -2%;
  }

  #wa-widget-send-button {
    margin: 0 0 19px 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    height: 42px;
    min-width: 50px;
    right: 4px;
  }

  .room-include-exclude.manali_activities_inclusions_wrapper {
    padding-bottom: 0;
  }

  .book-btn.book-btn-manali {
    display: none;
  }

  .menu-phone.menu-phone-manali {
    display: block;
    border: 1px solid #fff;
    margin-right: 10px;
    padding: 3px 5px;
  }

  .menu-phone a {
    font-size: 12px;
  }

  .footer-links.footer_delhi_details {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
  }

  .form_slider_wrapper .slider_heading.spa_listing_heading {
    padding-top: 0px;
  }

  .form_slider_wrapper.corbett_slider.corbett_spa_slides .stroke-5 {
    top: -26%;
    width: 15%;
  }

  .form_slider_wrapper .item.slick-slide {
    width: 300px;
    height: 430px !important;
  }

  .form_slider_wrapper .slick-active.slick-center .item_content.item_hide {
    display: block;
    padding-top: 39px;
  }

  .savor_section .stroke-9 {
    display: none;
  }

  .package-section.manali_activities_details.corbett_spa_Activities
    .wedding-celeb-text
    .stroke-2 {
    top: -15%;
    left: 0%;
  }

  section#about-us-slider .mySwiper9 {
    margin-left: 0%;
    margin-top: -70px;
  }

  section#about-us-slider .corbactivity-box-detail {
    width: 94.4%;
    height: 559px;
    bottom: -99px;
  }

  section#about-slider {
    background: #fff;
    padding-top: 3rem;
    padding-bottom: 31px;
  }

  .bioderversity-text h3 {
    font-size: 22px;
    margin-bottom: 17px;
    margin-top: 20px;
    padding-left: 0px;
  }

  .bioderversity-text p {
    font-size: 14px;
    line-height: 1.8;
    padding-left: 0px;
  }

  .biodeversity-section {
    padding-top: 1rem;
    padding-bottom: 5rem;
  }

  .bookstay-pop .modal-content .modal-header h3 {
    font-size: 22px;
  }

  .package-section.manali_activities_details.hotel_directory_main
    .wedding-celeb-text
    .stroke-2 {
    top: -7%;
    width: 24%;
    left: -6%;
  }

  .directory_of_hotel_services {
    padding: 30px 0 60px;
  }

  .directory_of_hotel_services .hotel_services_table {
    width: 93%;
    margin-top: 32px;
  }
  .wedding-celeb.package-section.manali_activities_details.manali_mice_details.corbett_spa_Activities.directory_of_hotel_last_wrapper {
    padding-bottom: 0;
  }

  .wedding-celeb.package-section.manali_activities_details.manali_mice_details.corbett_spa_Activities.directory_of_hotel_last_wrapper
    .wedding-celeb-image {
    margin-bottom: 21px;
  }

  .directory_of_hotel_services .hotel_services_details {
    margin-top: 45px;
    padding: 0 15px;
  }

  .directory_of_hotel_services .hotel_list_items {
    width: 100%;
    margin-top: 24px;
  }

  .directory_of_hotel_services {
    padding: 30px 0 20px;
  }

  .manali_mice_details.hotel_directory_main .wedding-celeb-text p span {
    font-size: 17px;
    line-height: 21px;
  }

  .manali_mice_details.hotel_directory_main
    .wedding-celeb-text
    .hotel_directory_main_right
    p
    strong {
    font-size: 20px;
    line-height: 20px;
  }

  .directory_of_hotel_services .hotel_services_table table tr td {
    font-size: 17px;
    line-height: 171.2%;
    padding: 4px 23px;
  }

  .directory_of_hotel_services .hotel_services_details .hotel_list_detail h4 {
    font-size: 23px;
  }

  .directory_of_hotel_services .hotel_list_items .hotel_list_items_wrapper ul {
    padding-left: 22px;
  }

  .directory_of_hotel_services
    .hotel_list_items
    .hotel_list_items_wrapper
    ul
    li {
    font-size: 15px;
    line-height: 23px;
  }

  .directory_of_hotel_services
    .hotel_list_items
    .hotel_list_items_wrapper.hotel_list_items_wrapper_1 {
    margin-top: -15px;
  }

  .manali_mice_details.hotel_directory_main
    .wedding-celeb-text
    .hotel_directory_main_right {
    padding-right: 0px;
  }

  .detail-room-catgry .corbett-slider-image {
    margin-bottom: 30px;
  }

  .awardpage-box-image {
    margin: 35px 20px;
  }
  .awardpage-box-image img {
    height: 350px;
  }

  /*-- james ---*/

  .james-bond-banner {
    height: 420px;
    background-position: left;
  }
  .james-banner-box {
    width: 100%;
  }
  .james-banner-text {
    width: auto;
    float: none;
    margin: 0px 15px;
  }
  .james-banner-text h1 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .james-banner-text p {
    font-size: 11px;
    line-height: 1.8;
  }
  .james-banner-box {
    top: auto;
    bottom: 20px;
    transform: none;
    width: 100%;
  }
  .james-banner-text img {
    width: 160px;
    margin-bottom: 6px;
  }
  .james-offer-day {
    margin-top: 20px;
    padding-left: 0px;
  }
  .james-offer-day h4 {
    font-size: 24px;
  }
  .james-activity {
    margin-top: 50px;
  }

  .holi-addpage .james-banner-text img {
    width: 50px;
  }
  .holi-addpage .james-banner-text {
    width: auto;
  }
  .holi-addpage .james-banner-text h1 {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  .corbett-banner-phone div span {
    font-size: 9px;
    line-height: 1px;
  }

  .about-section .right-content-box .about-title {
    font-size: 23px;
    line-height: 30px;
  }

  .form_slider_wrapper.corbett_slider.corbett_spa_slides .stroke-5 {
    top: -13%;
    width: 23%;
  }

  .corbett-banner-phone {
    bottom: -57px;
    right: 12px;
  }

  section#about-us-slider {
    padding-bottom: 3rem;
  }

  section#about-us-slider .corbactivity-box-detail {
    width: 92.9%;
    height: 559px;
    bottom: -99px;
  }

  .biderversity-image img {
    height: 294px;
  }

  .bioderversity-content-right img {
    width: 264px;
    height: 163px;
    object-fit: cover;
  }

  .about-section .about-image img {
    height: 270px;
  }

  .hotel-guest-directory .directory-wrapper a p {
    font-size: 28px;
    line-height: 41px;
  }

  .whatsapp-butn {
    bottom: 20px;
    right: 20px;
  }
}

@media (min-width: 400px) and (max-width: 420px) {
  .location-wrap {
    min-height: 390px;
    height: 390px;
  }

  .location-head {
    margin: 80px 0px 20px;
  }
}

@media (min-width: 421px) and (max-width: 440px) {
  .location-wrap {
    min-height: 400px;
    height: 400px;
  }

  .location-head {
    margin: 80px 0px 20px;
  }
}

@media (min-width: 441px) and (max-width: 460px) {
  .location-wrap {
    min-height: 420px;
    height: 420px;
  }

  .location-head {
    margin: 90px 0px 20px;
  }

  .season-price-box div {
    right: 16px;
  }

  .room-detail-icon ul li {
    width: 24%;
  }

  .other-room-slider .slick-slide {
    width: 320px !important;
  }
}

@media (min-width: 461px) and (max-width: 490px) {
  .location-wrap {
    min-height: 458px;
    height: 458px;
  }

  .location-head {
    margin: 100px 0px 20px;
  }

  .season-price-box div {
    right: 18px;
  }

  .room-detail-icon ul li {
    width: 24%;
  }

  .other-room-slider .slick-slide {
    width: 330px !important;
  }
}

@media (min-width: 491px) and (max-width: 520px) {
  .location-wrap {
    min-height: 480px;
    height: 480px;
  }

  .location-head {
    margin: 120px 0px 20px;
  }

  .season-price-box div {
    right: 19px;
  }

  .room-detail-icon ul li {
    width: 24%;
  }

  .other-room-slider .slick-slide {
    width: 340px !important;
  }
}

@media (min-width: 521px) and (max-width: 550px) {
  .location-wrap {
    min-height: 520px;
    height: 520px;
  }

  .location-head {
    margin: 140px 0px 20px;
  }

  .season-price-box div {
    right: 21px;
  }

  .room-detail-icon ul li {
    width: 24%;
  }

  .other-room-slider .slick-slide {
    width: 350px !important;
  }
}

@media (min-width: 551px) and (max-width: 576px) {
  .location-wrap {
    min-height: 540px;
    height: 540px;
  }

  .location-head {
    margin: 150px 0px 20px;
  }

  .season-price-box div {
    right: 22px;
  }

  .room-detail-icon ul li {
    width: 24%;
  }

  .other-room-slider .slick-slide {
    width: 360px !important;
  }
}

@media (max-width: 450px) {
  .corbett-land-banner-text {
    left: 46px;
    top: 59px;
  }

  .wedding-celeb-text h3 {
    font-size: 19px;
  }

  .wedding-celeb.package-section .wedding-celeb-image img {
    margin-top: -12px;
  }

  .sub-headerr .header-content p {
    /* width: 69%; */
    margin: 0px auto 14px;
  }

  .package-section.manali_activities_details .wedding-celeb-image img {
    height: 358px;
    margin: 10px 0 !important;
  }
}

@media (max-width: 380px) {
  .bodybox-hover-detail h4 {
    margin-bottom: 17px;
    font-size: 28px;
  }

  .bodybox-hover-detail h4 span {
    margin-left: 39px;
  }

  .bodybox-hover-detail p {
    font-size: 12px;
    line-height: 1.5;
  }

  .corb-body-box img {
    height: 540px;
  }

  .corbett-land-banner-text {
    left: 24px;
    top: 62px;
  }

  .corbett-land-banner-text .corbett-banner-head {
    font-size: 12px;
  }

  .corbett-land-banner-text p {
    line-height: 10px;
    font-size: 6px;
  }

  .suite-text div {
    margin-left: 48px;
  }

  .suite-text h3 {
    font-size: 24px;
    margin-bottom: 19px;
  }

  .suite-text div span {
    font-size: 10px;
  }

  .suite-text div p {
    font-size: 12px;
    line-height: 1.5;
  }

  .about-section .right-content-box .about-title {
    font-size: 21px;
    line-height: 29px;
  }

  .bioderversity-text h4 {
    font-size: 25px;
  }

  .bioderversity-text h3 {
    font-size: 19px;
  }

  .video-content p {
    font-size: 28px;
  }

  .hotel-guest-directory .directory-wrapper a p {
    font-size: 23px;
    line-height: 30px;
  }

  section.about-section.hotel-guest-directory {
    padding-bottom: 0;
  }
}

@media (max-width: 348px) {
  .footer-logo ul li {
    margin-right: 8px;
  }

  .footer-logo ul li:last-child {
    margin-left: 8px;
  }

  .footer-logo ul li a {
    margin-right: 8px;
  }

  .item-number p {
    font-size: 13px;
  }

  .location-head {
    margin: 40px 0px 20px;

    font-size: 16px;
  }

  #thumbnail {
    font-size: 22px;
  }

  .location-wrap {
    min-height: 300px;

    height: 300px;
  }
}