/** @format */
@media screen and (min-width: 1900px){
      .resort .resort_inner.item1::before {
    content: "";
    position: absolute;
    width: 800px;
    height: 650px;
    
}
  }
@media (min-width: 1400px) {

  .container {

    max-width: 1140px;

  }

}



@media (max-width: 1300px) and (min-width: 1200px) {

  .resort .content {

    padding-right: 6rem;

  }

  footer .social_icons {

    text-align: left;

  }

  .chakra_massage.wedding_gallery .owl-nav,

  .room_gallery .owl-nav{

    width: 100%;

  }

  .chakra_massage.wedding_gallery .main_content {

    margin-top: 0;

  }

}


@media (max-width: 1199.98px) {

  html {

    font-size: 9px;

  }

  #mainCarousel .main_title {

    font-size: 70px;

  }

  #mainCarousel .hero {

    height: 70rem;

  }

  .our_story {

    margin-top: 0rem;

  }

  .our_story .row {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

  }

  .our_story::before {

    height: 80%;

  }

  .our_story .image_container {

    padding-left: 5%;

  }

  .resort .content {

    padding-right: 5rem;

  }

  .resort .resort_inner.item1::before {

    height: 543px;

  }
  
  .resort .resort_inner.item2::before {

    height: 543px;

  }
  .resort .resort_inner.item3::before {

    height: 543px;

  }
  .resort .resort_inner.item4::before {

    height: 543px;

  }

  .booking_sec .booking_form {

    padding: 2rem 2rem;

  }

  .booking_sec .booking_form .box {

    width: 175px;

  }

  footer .footer_links .list-inline-item:not(:last-child) {

    margin-right: 1.5rem;

  }

  footer .social_icons {

    text-align: left;

  }

  footer .social_icons a img {

    width: 40px;

  }

  /*CONTACT US*/

  section.contact_us_form {

    padding: 5rem 0 18rem;

  }

  /*WEDDING*/

  .wedding_gallery .main_content {

    margin-top: 0rem;

  }

  .chakra_massage.wedding_gallery .owl-nav {

    width: 100%;

  }

  .spa_chakra .spa_text .word {

    font-size: 9rem;

  }

  .wedding_package .sec_title {

    letter-spacing: 1px;

    margin-left: -17.5rem;

  }

  .wedding_package .content {

    margin-top: 3rem;

  }

  .wedding_package .sec_title span {

    background: -webkit-gradient(linear, left top, right top, color-stop(8.5%, #fff), color-stop(12%, #000));

    background: linear-gradient(to right, #fff 8.5%, #000 12%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

  }

  .booking_sec.spa_form .booking_form .box {

    width: 22%;

  }

  .kitchen_team,

  .dining_overview {

    overflow: hidden;

  }

  

  /*ROOM DETAIL*/

  .room_gallery .owl-nav{

    width: 100%;

  }

  

  /*ABOUT US*/

  .resort{

      padding-bottom: 0;

  }

  

  /*THANK YOU*/

  .thankyou_modal_bg{

    height: 42em; 

  }

  #thankyou_modal .modal-dialog {

        max-width: 85%;

    }

    .thankyou_modal_bg {

        height: 30.5em;

    }

}



@media (max-width: 991.98px) {

  h2 {

    font-size: 4.5rem;

  }

  p {

    font-size: 17px;

  }

  #mainCarousel .hero {

    height: 60rem;

  }

  #mainCarousel .main_title {

    font-size: 55px;

  }

  #mainCarousel .sub_text {

    font-size: 50px;

    line-height: 4rem;

  }

  .sub_title {

    font-size: 7rem;

    margin-bottom: -4.5rem;

  }

  .our_story .image_container {

    padding-left: 0;

  }

  .our_story .content {

    padding: 0;

  }

  .our_story::before {

    height: 75%;

  }

  .sec_padding {

    padding: 5rem 0;

  }

  .resort .sub_title {

    margin-bottom: -3.5rem;

  }

  .resort .content .sub_title {

    font-size: 6rem;

    margin-bottom: -1rem;

  }

  .resort p {

    font-size: 18px;

    line-height: 3.5rem;

  }

  .resort .resort_inner.item1::before,

  .resort .resort_inner.item1 .container {

    height: 500px;

  }
  .resort .resort_inner.item2::before,

  .resort .resort_inner.item2 .container {

    height: 500px;

  }
  
  .resort .resort_inner.item3::before,

  .resort .resort_inner.item3 .container {

    height: 500px;

  }
  
  .resort .resort_inner.item4::before,

  .resort .resort_inner.item4 .container {

    height: 500px;

  }

  .inside_view::before {

    height: 50%;

  }

  .testimonial p {

    font-size: 22px;

    line-height: 4.2rem;

  }

  .booking_sec .booking_form {

    padding: 2rem 1rem;

  }

  .booking_sec .booking_form .form-control {

    font-size: 16px;

  }

  .booking_sec .booking_form .flex_head {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .booking_sec .booking_form .box {

    width: 32%;

    margin: 1rem;

  }

  footer .social_icons a img {

    width: 35px;

  }

  footer .footer_content {

    margin: 4rem 0 3rem;

  }

  footer .footer_bottom_div .overlayer {

    top: 50%;

  }

  footer .footer_bottom_div .overlayer p {

    font-size: 15px;

  }

  /*COntact Us*/

  .inner_banner .banner_caption .main_title {

    font-size: 7.5rem;

    line-height: 7rem;

  }

  .web_logo img {

    width: 200px;

  }

  .contact_list_img img {

    padding: 8px;

  }

  .contact_list_contact p {

    font-size: 14px;

    line-height: 2.5rem;

  }

  section.sec_padding.contact_map_main {

    padding-bottom: 0;

  }

  /*WEDDING*/

  .wedding_package .sec_title span {

    background: -webkit-gradient(linear, left top, right top, color-stop(28.5%, #fff), color-stop(28%, #000));

    background: linear-gradient(to right, #fff 28.5%, #000 28%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

  }

  .discover_next .list_text {

    font-size: 25px;

  }

  .dining_overview.spa_chakra .spa_text .word {

    line-height: 8rem;

    font-size: 7rem;

    letter-spacing: 10px;

  }

  .local_sourced .image_container,

  .local_sourced .content {

    height: 440px;

  }

  .kitchen_team .sec_title {

    font-size: 8rem;

    letter-spacing: 1rem;

    line-height: 10rem;

  }

  .tasty_food .content {

    height: calc(100% - 190px);

  }

  .cooking_video .caption .sec_title {

    letter-spacing: 5px;

  }

  .dining_overview.spa_chakra .title {

    margin-bottom: 2.4rem;

  }

  .meeting_sec .sec_title {

    margin-bottom: 0.5rem;

  }

  

  /*BLOG LISTING*/

  .blog_main .title {

    font-size: 3rem;

    letter-spacing: 1px;

  }

  .blog_main .post_container a > img{

      width: 100px;

  }

  .blog_main p {

    font-size: 18px;

    line-height: 3.5rem;

    margin-bottom: .5rem;

  }

  .blog_main .post_container p{

      line-height: 2.5rem;

  }

  .blog_main .post_container .date{

      font-size: 16px;

        line-height: 3.5rem;

  }

  .blog_main .post_container .post_cont {

        padding-left: 1rem;

    }

    .call_us .caption .tel {

        font-size: 2.5rem;

    }

    

    /*BOOK nOW*/

    .main_modal_content .left_form{

        padding: 3rem;

    }

    .modal .sec_title {

        font-size: 4rem;

    }

    #bookNowModal .modal-dialog {

        max-width: 570px;

    }

    .booking_sec.spa_form .daterange_wrapper {

        width: 100%;

    }

    .booking_sec.spa_form .booking_form .box {

        width: 45%;

    }

}



@media (max-width: 767.98px) {

  html {

    font-size: 8px;

  }
  #mainCarousel .banner_caption{
    bottom: 20%;
  }

  #cursor{

      display: none;

  }

  h2 {

    font-size: 4rem;

  }

  header {

    padding: 1rem 0;

  }

  .main_content {

    margin-top: 5rem;
    width: 100%!important;
    margin-bottom:0px;

  }
  .sub_title {

    font-size: 6.5rem;


    margin-bottom: -3.5rem;

  }

  #mainCarousel .carousel-indicators{

        display: flex;

    }

  #mainCarousel .carousel-control-next,

  #mainCarousel .carousel-control-prev{

      display: none;

  }

  

  #mainCarousel .main_title {

    font-size: 45px;

  }

  #mainCarousel .carousel-indicators {

    bottom: 7%;
    right: 15%;
display: none;
  }

  .web_logo img,

  header.active .web_logo img {

    width: 200px;

  }

  .carousel-indicators [data-bs-target] {

    width: 8rem;

  }

  .our_story {

    margin-top: 5rem;
    padding-bottom: 0px;

  }

  .our_story .image_container {

    padding-right: 10%;

  }

  .our_story::before {

    height: 60%;

    width: 50%;

    top: -2%;

    -webkit-transform: translateY(0%);

    transform: translateY(0%);

  }

  .our_story .content {

    padding-top: 4rem;

  }

  .heading {

    padding-bottom: 1rem;

    margin-bottom: 1.5rem;

  }

  .resort .content .sub_title {

    font-size: 4.95rem;

  }

  .resort p {

    font-size: 16px;

    line-height: 3rem;

    text-align: justify;

  }

  .resort .content {

    padding-right: 4rem;

  }

  .resort .resort_inner.item1::before,

  .resort .resort_inner.item1 .container {

    height: 430px;

  }
  
  .resort .resort_inner.item2::before,

  .resort .resort_inner.item2 .container {

    height: 430px;

  }
  
  .resort .resort_inner.item3::before,

  .resort .resort_inner.item3 .container {

    height: 430px;

  }
  .resort .resort_inner.item4::before,

  .resort .resort_inner.item4 .container {

    height: 430px;

  }

  .resort .btn {

    margin-top: 1rem;

  }

  .owl-carousel .owl-nav button.owl-next,

  .owl-carousel .owl-nav button.owl-prev {

    width: 40px;

    line-height: 40px;

  }

  .owl-carousel .owl-nav button.owl-next img,

  .owl-carousel .owl-nav button.owl-prev img {

    width: 16px;

  }

  .testimonial p {

    font-size: 20px;

  }

  .booking_sec .booking_form .box {

    width: 46%;

  }

  .booking_sec .booking_form .btn {

    padding: 0 4rem;

  }

  footer .footer_content {

    margin: 0rem 0 8rem;

  }

  footer .link {

    font-size: 18px;

  }

  footer .footer_links .list-inline-item:not(:last-child) {

    margin-right: 2rem;

  }

  footer .social_icons {

    margin-top: 1rem;

  }

  footer .social_icons a img {

    width: 40px;

  }

  footer .web_logo {

    margin-bottom: 3.5rem;

  }

  footer .footer_bottom_div .overlayer {

    top: calc(50% - 5px);
    text-align: center;

  }

  footer .footer_bottom_div .overlayer .link {

    font-size: 16px;

  }

  /*CONTACT US*/

  .inner_banner .banner_caption .main_title {

    font-size: 6.5rem;

    line-height: 6rem;

  }

  .inner_banner .banner_caption .breadcrumbs li,

  .inner_banner .banner_caption .breadcrumbs a {

    font-size: 18px;

  }

  section.contact_us_form {

    padding: 5rem 0 10rem;

  }

  .contact_list_contact p {

    font-size: 16px;

    line-height: 3rem;

  }

  .contact_main_form {

    padding: 3rem 3rem;

  }

  /*WEDDING*/

  .discover_next {

    margin-bottom: 50rem;

  }

  .discover_next .spaCarouselMain {

    width: 98%;

    top: 20rem;

    right: 50%;

    -webkit-transform: translateX(50%);

            transform: translateX(50%);

  }

  .discover_next::before {

    width: 100%;

  }

  .discover_next .list_text {

    margin: 2.5rem 0;

  }

  .discover_next .carousel-item {

    height: 50rem;

  }

  .discover_next .carousel-item img {

    height: 100%;

  }

  .discover_next .sub_title {

    width: 100%;

  }

  .discover_next .list_text {

    font-size: 18px;

    margin: 1.5rem 0 1rem;

  }

  .discover_next .left_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

  .discover_next .list_text span {

    margin-right: 1rem;

    width: 25px;

  }

  .discover_next .list_text:not(:last-child) {

    padding-right: 2.5rem;

  }

  .discover_next .list_text .line {

    width: 0;

    height: 1px;

    top: 100%;

    left: 50%;

    -webkit-transform: rotate(90deg) translateY(-50%);

    transform: rotate(90deg) translateY(-50%);

  }

  .discover_next .list_text.active .line,

  .discover_next .list_text:hover .line {

    width: 10rem;

  }

  .wedding_package .sec_title {

    margin-left: 0;

  }

  .wedding_package .sec_title span {

    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0%, #000));

    background: linear-gradient(to right, #fff 0%, #000 0%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

  }

  .wedding_package p {

    font-size: 18px;

    line-height: 3.5rem;

    padding-right: 0;

  }

  .booking_sec.spa_form .booking_form .box {

    width: 48%;

    margin: 0.5rem;

  }

  .booking_sec .booking_form .box .date + .form_icon {

    width: 18px;

  }

  .booking_sec .booking_form .form-control {

    font-size: 14px;

  }

  .booking_sec.spa_form .btn {

    margin: 2rem auto 0;

  }

  .wedding_package::after {

    bottom: -4rem;

  }

  .spa_chakra .content p {

    line-height: 3.5rem;

    font-size: 18px;

  }

  .dining_overview.spa_chakra .title br {

    display: none;

  }

  .local_sourced .sub_title {

    font-size: 4rem;

  }

  .local_sourced .image_container,

  .local_sourced .content {

    height: 330px;

  }

  .kitchen_team .sec_title span {

    margin-right: auto;

  }

  .kitchen_team .sec_title::after {

    right: -10%;

    width: 200%;

  }

  .kitchen_team .left {

    padding: 2rem 0rem 1rem;

  }

  .kitchen_team .bottom_img {

    position: relative;

    width: 100%;

    height: auto;

  }

  .kitchen_team .left p {

    font-size: 18px;

    line-height: 3.5rem;

  }

  .kitchen_team .sec_title {

    height: 440px;

  }

  .food_into .image_container img {

    height: 500px;

    -o-object-fit: cover;

       object-fit: cover;

    -o-object-position: bottom;

       object-position: bottom;

  }

  .food_into .caption {

    top: 17%;

  }

  .food_into p {

    font-size: 18px;

    line-height: 3.5rem;

  }

  .food_into .image_container {

    padding-top: 30rem;

  }

  .tasty_food .left_img,

  .tasty_food .left {

    height: 440px;

  }

  .chakra_massage .slider_caption {

    padding: 3rem;

  }

  .meeting_sec .content {

    padding: 0rem 0 0;

  }

  

  /*ROOM DETAIL*/

  .spa_chakra.room_detail_chakra .spa_text .word,

  .experience_detail_chakra.spa_chakra .spa_text .word{

        font-size: 7rem;

        letter-spacing: 5px;

        line-height: 9rem;

    }

    .room_amenities .left li{

        font-size: 22px;

    }

    .room_amenities .left li:not(:last-child) {

        margin-bottom: 3rem;

    }

    .room_amenities .right{

        margin-top: 1.5rem;

    }

    .room_amenities .right li {

        font-size: 18px;

        line-height: 4.5rem;

    }

    .chakra_massage .main_content{

        margin-top: 0;

    }

    .owl-carousel .owl-dots {

        margin: 2rem 0 0;

    }

    

    .experience_includes.wedding_package .sec_title br{

        display: none;

    }

    .experience_includes.wedding_package .content {

        margin-top: 3rem;

    }

    .discover_next.other_experience .spaCarouselMain{

        top: 25rem;

    }

    

    /*BLOG LISTING*/

    .call_us {

        width: 70%;

        margin-left: auto;

        margin-right: auto;

    }

    .pagination {

        padding-top: 3rem;

    }

    

    /*BLOG DETAIL*/

    .prev_next{

        margin-top: 2rem;

        margin-bottom: 5rem; 

    }

    

    /*ABOUT US*/

    .inside_view .btn{

        margin-top: 3rem;

    }

    section.story_of_us{

        background-size: 150% 50%;

        /* background-size: cover; */

        background-position: center bottom;

    }

    

    /*THANK YOU*/

    .thankyou_modal_bg,

      #thankyou_modal  img{

        height: 30em; 

      }

      

    #resort_slider button.owl-next,

    #resort_slider button.owl-prev{

        /*width: 6em;*/

        /*height: 6em;*/

        display: none;

    }

    

    #testimonial.owl-carousel .owl-nav button.owl-next{

        width: 7em;

        height: 7em;

        top: 50%;

        left: calc(100% - 7em );

        transform: translateY(-50%); 

    }

    .owl-carousel .owl-dots button.owl-dot {

        width: 5rem;
display: none;
    }

    

    #wedding_slider button.owl-prev,

    #wedding_slider button.owl-next{

        display: none;

    }

    #room_slider button.owl-next,

    #room_slider button.owl-prev{

        display: none;

    }
.h-ab {
    height: 400px;
}
.about {
    margin-top: 265px;
}
.fte-bootstrap-wrapper .ftesearchform .fte-form-group.frm-sec3 {
    padding-left: 0px !important;
    max-width: 431px;
}

}



@media (max-width: 575.98px) {

  section {

    overflow: hidden;

  }
#mainCarousel .hero.slide3 {
    background-position: 70% 0 !important;
}
  footer {

    overflow: hidden;

  }

  .bg_layer{

     font-size: 8rem;

     letter-spacing: 2.5rem;

  }

  .menu_fullwidth .center_menu{

      width: 80%;

      overflow: auto;
      padding-top: 30px;

      height: auto;

  }

.menu_fullwidth .menu_close{
  top: 70px;
}
  .menu_item.dropdown_menu .dropdown_list{

      position: relative;

      left: 0;

      margin: auto;

      width: 100%;

  }

  .menu_item.dropdown_menu .dropdown_list a{

      text-align: center;

  }

  .menu_line{

    left: 50%;

    top: 5rem;

    transform: translateX(-50%);

  }

  .nav_toggle.active{

    margin-top: 0rem;

    margin-right: 2rem;

  }

  .web_logo img,

  header.active .web_logo img {

    width: 125px;

  }

  header .nav_link {

    font-size: 12px;

    letter-spacing: 0px;

    margin-right: 1rem;

  }

  #mainCarousel .main_title {

    font-size: 35px;
    /*display: none;*/

  }

  #mainCarousel .sub_text {

    font-size: 40px;
    display: none;
    line-height: 3rem;
    margin-bottom: 80px;

  }

  #mainCarousel .hero {

    height: 45rem;

    background-position: center;

  }

  .sec_padding {

    overflow-x: hidden;

  }

  .heading + .sub_info {

    margin: 0;

  }

  .our_story::before {

    height: 46%;

    width: 65%;

    top: -2%;

  }

  .resort .resort_inner.item1 {

    padding-bottom:70%;

  }

  .resort .resort_inner.item1::before,

  .resort .resort_inner.item1 .container {

    height: 300px;

  }

  .resort .resort_inner.item1::before {

    width: 100%;

  }
  
  /*item1 end*/
 .resort .resort_inner.item2 {

    padding-bottom: 90%;

  }

  .resort .resort_inner.item2::before,

  .resort .resort_inner.item2 .container {

    height: 300px;

  }

  .resort .resort_inner.item2::before {

    width: 100%;

  }
   /*item2 end*/



.resort .resort_inner.item3 {

    padding-bottom: 90%;

  }

  .resort .resort_inner.item3::before,

  .resort .resort_inner.item3 .container {

    height: 300px;

  }

  .resort .resort_inner.item3::before {

    width: 100%;

  }
   /*item3 end*/
   
 /*  .resort .resort_inner.item4 {

    padding-bottom: 90%;

  }*/

  .resort .resort_inner.item4::before,

  .resort .resort_inner.item4 .container {

    height: 300px;

  }

  .resort .resort_inner.item4::before {

    width: 100%;

  }
   /*item2 end*/


  .resort .resort_inner img {

    /*width: 226% !important;*/

    margin-top: -1px;

  }

  .resort .content {

    padding-right: 0;

    padding-top: 105%;

  }

  .resort .content .sub_title {

    margin-top: 0rem;

    font-size: 5rem;

    margin-bottom: 0rem;

    line-height: 5rem;

  }

  .resort .owl-nav {

    top: 50%;

  }

  .booking_sec .booking_form .box {

    width: 45%;

  }

  .booking_sec .booking_form .btn {

    margin-top: 1rem;

  }

  .testimonial p {

    font-size: 18px;

    line-height: 3.5rem;

    text-align: justify;

  }

  .testimonial .name {

    text-align: center;

  }

  footer .footer_png {

    right: -22%;

  }

  footer .link {

    font-size: 16px;

    letter-spacing: 0.2px;

  }

  footer .web_logo {

    margin-bottom: 2.5rem;

  }

  footer .footer_bottom_div .footer_bottom {

    height: 60px;

  }

  footer .footer_bottom_div .overlayer p {

    letter-spacing: 0.5px;

  }

  footer {

    margin-top: 5rem;

  }

  .inside_view .view_inner .slider_caption {

    padding: 2rem;

    width: 100%;

  }

  .inside_view .view_inner .slider_caption .sub_title {

    font-size: 6.5rem;

    margin-bottom: -1.5rem;

  }
#abt_us .abtus{
  display: none;
}
  .inside_view .view_inner .slider_caption p {

    font-size: 15px;

    line-height: 3rem;
    width: 52%;

  }

  .inside_view .view_inner .slider_caption .book_now {

    margin-top: 1rem;

  }

  /*CONTACT US*/

  .inner_banner .banner_caption .main_title {

    font-size: 5rem;

    line-height: 5rem;

  }

  .inner_banner .banner_caption .breadcrumbs li,

  .inner_banner .banner_caption .breadcrumbs a {

    font-size: 15px;

  }

  .inner_banner .banner_caption {

    top: calc(50% + 2rem);

  }

  .contact_main_form {

    width: 90%;

  }

  .btn_default {

    line-height: 6.8rem;

  }

  section.contact_us_form {

    padding: 3rem 0 10rem;

    background-size: 170% 100%;

  }

  .contact_list_contact p {

    font-size: 15px;

  }

  .contact_map iframe {

    height: 450px;

  }

  /*WEDDING*/

  .spa_chakra .spa_text .word {

    font-size: 6rem;

    letter-spacing: 10px;

    line-height: 12rem;

  }

  .spa_chakra .spa_text,

  .spa_chakra .spa_text .word::before {

    height: 12rem;

  }

  .spa_chakra .content p {

    font-size: 16px;

  }

  .wedding_package .content {

    padding-bottom: 0;

  }

  .wedding_package::after {

    height: 10rem;

  }

  .wedding_package p {

    font-size: 16px;

  }

  .booking_sec.spa_form .booking_form .box {

    width: 47%;

  }

  .discover_next {

    height: auto;

    margin-bottom: 0;

    padding-bottom: 39rem;

    overflow: hidden;

  }

  .discover_next .list_text span {

    width: 12px;

  }

  .discover_next .list_text:not(:last-child) {

    padding-right: 2rem;

  }

  .discover_next .list_text {

    font-size: 15px;

    letter-spacing: 0;

  }

  .discover_next .spaCarouselMain {

    top: 20rem;

  }

  .wedding_package {

    overflow: hidden;

  }

  .chakra_massage .slider_caption {

    padding: 1rem 1rem;

  }

  .chakra_massage .slider_caption p {

    font-size: 16px;

    line-height: 2.5rem;

  }

  .chakra_massage .btn {

    font-size: 12px;

    line-height: 4rem;

  }

  .chakra_massage .slider_caption .sec_title {

    font-size: 3rem;

  }

  .chakra_massage {

    overflow: hidden;

  }

  .local_sourced .image_container {

    position: relative;

    width: 100%;

  }

  .local_sourced .image_container,

  .local_sourced .content {

    height: auto;

  }

  .local_sourced .content {

    padding: 1rem 0;

  }

  .local_sourced .col-md-3 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse;

  }

  .kitchen_team .sec_title {

    font-size: 7rem;

    letter-spacing: 0.5rem;

    line-height: 8rem;

  }

  .kitchen_team .sec_title {

    height: 300px;

  }

  .kitchen_team .left p {

    font-size: 16px;

    line-height: 3.2rem;

  }

  .food_into p {

    font-size: 16px;

    line-height: 3rem;

  }

  .food_into .image_container img {

    height: auto;

  }

  .tasty_food {

    overflow: hidden;

  }

  .tasty_food .left_img {

    position: relative;

    width: 100%;

  }

  .tasty_food .left_img,

  .tasty_food .left,

  .tasty_food .content {

    height: auto;

  }

  .tasty_food .bottom_img {

    position: relative;

    width: 100%;

  }

  .tasty_food .content {

    padding: 5rem 0 1rem;

  }

  .cooking_video {

    padding-bottom: 0;

  }

  .cooking_video .sub_title {

    font-size: 5.5rem;

  }

  .cooking_video .caption .sec_title {

    letter-spacing: 1px;

    font-size: 3rem;

    line-height: 3.8rem;

  }

  .cooking_video .play_btn {

    width: 7.6rem;

    height: 7.6rem;

    margin-top: 1rem;

  }

  

  /*ROOM DETAIL*/

  .room_amenities .left li {

        font-size: 18px;

    }

    

    /*404*/

    .cont_404 {

        padding: 1em 0em;

        margin-left: 0;

    }

    .cont_404 p {

        font-size: 16px;

        line-height: 20px;

    }

    .cont_404 .btn_default {

        padding: 0 1.5rem;

        margin-top: 0.5rem;

    }

    .img_404 {

        margin-top: 15rem;

            margin-bottom: 2rem;

    }

    

    /*PACKAGE DETAIL*/

    #package_inclusions .main_content {

        margin-top: 0;

    }

    #package_inclusions .right li {

        font-size: 16px;

        line-height: 3.5rem;

    }

    #package_inclusions li:not(:last-child) {

        margin-bottom: 1rem;

    }

    #package_inclusions .right {

        padding-bottom: 0;

    }

    .accordion-button {

        font-size: 3.5rem;

    }

    .accordion-button::after{

        background-size: 4rem;

        width: 4rem;

        height: 4rem;

    }

    

    /*PACKAgE DETAIL*/

    .spa_chakra.room_detail_chakra .spa_text .word, 

    .experience_detail_chakra.spa_chakra .spa_text .word {

        font-size: 5rem;

        letter-spacing: 5px;

        line-height: 6rem;

    }

    .discover_next .carousel-item img {

        height: auto;

    }

    

    /*BLOG LISTING*/

    .blog_main .labels .cont {

        margin-right: 1rem;

    }

    .blog_main .labels .cont img {

        margin-right: 0.2rem;

    }

    .blog_main .labels {

        flex-wrap: wrap;

    }

    .blog_main .labels > div{

        width: 100%;

    }

    .blog_main .labels .left{

        justify-content: space-between;

    }

    .blog_main .labels .share{

        text-align: right;

    }

    .call_us {

        width: 85%;

    }

    .call_us .caption .tel {

        font-size: 3.5rem;

    }

    .tags_main .tag_link{

        font-size: 15px;

        padding: 0.5rem 2rem;

    }

    

    /*ABOUT US*/

    .resort {

        padding-bottom: 0;

    }

    

    /*THANK YOU*/

    #thankyou_modal .modal-dialog {

        max-width: 90%;

        margin: auto;

    }

    #thankyou_modal p {

        font-size: 15px;

        line-height: 3rem;

    }

    #thankyou_modal .heading{

        width: 90%;

    }

    #thankyou_modal .heading .sec_title{

        font-size: 3rem;

    }

    .thankyou_modal_bg, #thankyou_modal img {

        height: 26em;

    }

    

    /*BOOK NOW*/

    .modal .sec_title {

        font-size: 3rem;

    }

    .modal .form-control{

        font-size: 15px;

        line-height: 6.8rem;

    }

    .modal .form-control.date + .form_icon{

        width: 20px;

    }

    .modal .num_dropdown .inc_drc_btn {

        width: 10rem;

    }

    

    .num_dropdown .inc_drc_btn{

        width: 4.78rem;

    }

    

    .chakra_massage .view_inner::after{

           background-color: rgba(0,0,0,0.7); 

    }
    
    /*gallery.css*/
    
.h-gallery {
    width: 100%;
    height: 36rem;
}  
.list_gallery a {
    font-size: 16px;
    line-height: 20px;
}
.gallery-img {
    margin-left: 15px;
}
.gall_col-width2 img {
    height: 125px;
}
.gall_pagination {
    margin: 30px 78px;
}
.gallery_innerrow1, .gallery_inner2row1, .gallery_innerrow31 {
    padding-top: 2px;
}
#testimonial.owl-carousel .owl-nav button.owl-next{
    display:none;
}
}



@media(max-width: 767px){
  .our_features{
    padding: 2rem 0 5rem;
  }
  .blog_main{
    padding-bottom: 0rem;
  }
  .list_gallery a {
    font-size: 16px; 
    line-height: 24px;
}
.list_gallery {
    width: 100%;
    padding: 12px 0px;
}
.gall_pagination {
    width: 40%;
    margin: 30px 149px;
}
.gall_col-width2 img {
    height: 166px;
}
.gallery-img {
    width: 100%;
    margin-left: 22px;
}

}
@media (min-width: 992px) and (max-width: 1024px){
 .list_gallery {
   padding: 12px 53px;
    width: 100%;
}  
.gall_col-width2 img {
    height: 298px;
}
.gallery-img {
    margin-left: 32px;
    width:100%;
    
}
.gall_pagination {
    margin: 30px 338px;
    width: 50%;
}

}

@media only screen and (max-width: 414px){
/*  .bg_layer span {

  font-size: 40px;
}*/
/*.inside_view .view_inner .slider_caption .sub_title{
  display: none !important;
}*/
/*.inside_view .view_inner .slider_caption div{
  margin-left: 0;
}*/
section.story_of_us p {
    font-size: 16px;
    line-height: 4rem;
    text-align: justify;
}
#abt_us .inside_view .view_inner .slider_caption{
  display: none !important;
}
.mob_hide{
  display: none;
}
.col-lg-5.hidden-xs {
    display: none;
}
#md-none-box{
  display: block;
  
}
#resort-xs-none-box{
  display: none;
}
#resort-md-none-box{
  display: block;
      margin-bottom: 20px;
}
#din_desk{
  display: none;
}
#din_mob{
  display: block;
}
.food_into .caption {
    top: 25%;
}
.resort .resort_inner.item1 {
    padding-bottom: 0;
}
.our_story::before {
        height: 50%;
    width: 65%;
    bottom: 0px;
    top: 60%;
}
/*.menu_item.animate_down7.menu_anim{
  display: none;
}*/
.image_container img{
  height: 300px !important;
}
#abt-adjst {
    margin-top: 0;
}
.food_into .image_container {
    padding-top: 40rem;
}
.food_into .sub_title {
    color: #fff;
    font-size: 5rem;
    margin-bottom: 0rem;
}
.tasty_food .left {
    margin-left: 0;
}
.order-1 .allday-sec-content {
    margin: 0;
    text-align: left;
}
.mobile_slider::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  background-color: #2ca2c6;
  bottom: 10px;
}
.mobile_slider .owl-carousel .owl-item img{
  height: 40rem;
}
.mobile_slider{
  display: none;
}
.chakra_massage::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  background-color: #2ca2c6;
  bottom: 10px;
}
.chakra_massage .owl-carousel .owl-item img{
  height: 40rem;
}
.owl-carousel .owl-item img{
  height: 45rem;
}
section#book_scroll {
    padding: 2rem 0;
}
section.resort.sec_padding {
    padding: 4rem 0;
    margin-bottom: 0;
}
.gallery-img {
    width: 100%;
    margin-left: 15px;
} 
.gall_col-width2 img {
    height: 125px;
}
.gall_pagination {
    width: 40%;
    margin: 30px 77px;
}
.fte-bootstrap-wrapper {
    padding-top: 76px !important;
}
.testimonial .container::before {
   
    width: 23%;
    height: 100%;
    top: 26%;
    
    left: 1rem;
   
}
#contact_banner .h-ab {
    height: 250px !important;
}
.contact_list_contact .contact {
  line-height: 1.2; 
  font-size: 14px;
  }
  .blog_main .share a {
    
    margin-right: 35px;
    margin-top: 10px;
    
}
#blog_recent{
  margin-top: 5rem;
}
.blog_main .link {
    margin-top: 1rem;
}
.blog_main .share img {
    margin-left: 1rem;
    width: 22%;
}
img.w-100.h-ab {
    height: 36rem;
}
.discover_next {
    height: 450px !important;
    margin-bottom: 0;
    padding-bottom: 39rem;
    overflow: hidden;
}
#chakra_slider .content p{
  display: none;
}
.chakra_massage .view_inner::after {
    background-color: rgb(0 0 0 / 0%);
}
.chakra_massage .main_content {
    margin-top: 0rem;
    margin-bottom: 2rem;
}
.chakra_massage .slider_caption {
    padding: 5rem 1rem;
}
.btn_default.transparent.white {
    border-color: #fff;
    color: #fff;
    height: 32px;
}
#wedslider .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 600px;
}
.room_amenities .left li img{
  width: 30px;
}
.blu_text .text-white{
  color: #2ca2c6 !important;
}
.discover_next .list_text:not(:last-child) {
    padding-right: 6rem;
}
.discover_next .spaCarouselMain {
    top: 25rem;
}
#room_det_2 .list_text:not(:last-child) {
    padding-right: 2rem;
}
/*.discover_next .spaCarouselMain {
    top: 15rem;
}*/
/*#discover_next_sld .list_text:not(:last-child) {
    padding-right: 2rem !important;
}*/
.list_text span {
    display: none !important;
}
/*.text-white {
    color: #2ca2c6 !important;
}*/
.room_amenities .right li {
    font-size: 15px;
    line-height: 4.5rem;
}
.inside_view .text-white {
    color: #f8f9fa !important;
}
.heading.text-center.text-white {
    margin-top: 2rem;
}

.about {
    margin-top: 83px;
}
a.web_flogo.d-block img {
    width: 90%;
}
.footer_links {
    margin-top: 20px;
}
.inner_banner .d-ban{
  height: 30rem;
}
footer .link {
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 400;
}
footer .social_icons a img {
    margin-top: 12px;
}
.fte-bootstrap-wrapper{
margin-top: 66px;    
}
#mainCarousel .carousel-indicators {
   
    display: none!important;
    visibility:hidden;
}
.inside_view .view_inner .slider_caption .content {
    margin-left: -226px;
}
.inside_view .view_inner .slider_caption .inner_btn_inside {
    margin-left: -64px;
}

.inside_view .view_inner .slider_caption .sub_title {
    margin-left: 0;
    
}

.inside_view .view_inner .slider_caption .pool_content {
    margin-left:-352px;
}
.inside_view .view_inner .slider_caption .pooldiv {
    margin-left: -354px;
    display: none;
}

.inside_view .view_inner .slider_caption .pool_sub_title {
    margin-left: -338px;
}
.main_content {
    margin-top: 0rem;
    /*margin-bottom: -2rem;*/
}
.sec_padding {
    padding: 2rem 0;
}
.our_story {
    margin-top: 0;
}
section.story_of_us {
    background-size: 100% 24%;
   
    background-position: center bottom;
    padding-bottom: 115px;
}
.resort .content {
    padding-right: 0;
    padding-top: 5%;
}
.inside_view .heading + .sub_info {
   
    margin-bottom: 15px;
}
.spa_chakra .spa_text{
 margin-left: -101px;   
}
.booking_sec.spa_form {
    padding-top: 4rem;
}
.discover_next .sub_title {
    margin-top: -8px;
}
.meeting_sec .sec_title {
    margin-top: 18px;
}


.list_gallery {
    width: 100%;
    padding: 4px 20px;
}
.gallery_sec .list_gallery a {
    font-size: 10px;
    line-height: 14px;
}
.list_gallery a {
    font-size: 10px;
    line-height: 24px;
}
.gallery_innerrow1, .gallery_inner2row1, .gallery_innerrow31 {
    padding-top: 0px;
}
.p1{
 margin-left: -23px;   
}
.p2{
 margin-left: -20px;   
}
}

@media only screen and (max-width: 376px) and (max-height:820px){
.gallery-img {
    width: 100%;
    margin-left: 14px;
}    
.gall_col-width2 img {
    height: 114px;
}
.gall_pagination {
    width: 40%;
    margin: 30px 63px;
}
footer .link {
    font-size: 21px;
    letter-spacing: 0.2px;
}
#mainCarousel .carousel-indicators {
   
    display: none!important;
     visibility:hidden;
}
.inside_view .view_inner .slider_caption .inner_btn_inside {
    margin-left: -64px;
    display: none;
}

}
@media only screen and (max-width: 365px)and (max-height:650px){
 .gall_col-width2 img {
    height: 109px;
} 
#mainCarousel .carousel-indicators {
   
    display: none!important;
     visibility:hidden;
}
}

@media(max-width: 767px){
    /*.testimonial {
        height:575px;
    }*/
    .testimonial {
        height:auto;
    }
}