@font-face {
  font-family: 'museo100';
  src: url("../fonts/museo100-regular_0-webfont.eot");
  src: url("../fonts/museo100-regular_0-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo100-regular_0-webfont.ttf") format("truetype"), url("../fonts/museo100-regular_0-webfont.woff2") format("woff2"), url("../fonts/museo100-regular_0-webfont.woff") format("woff"), url("../fonts/museo100-regular_0-webfont.svg#museo100") format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'museo300';
  src: url("../fonts/museo300-regular-webfont.eot");
  src: url("../fonts/museo300-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo300-regular-webfont.ttf") format("truetype"), url("../fonts/museo300-regular-webfont.woff2") format("woff2"), url("../fonts/museo300-regular-webfont.woff") format("woff"), url("../fonts/museo300-regular-webfont.svg#museo300") format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'museo500';
  src: url("../fonts/museo500-regular-webfont.eot");
  src: url("../fonts/museo500-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo500-regular-webfont.ttf") format("truetype"), url("../fonts/museo500-regular-webfont.woff2") format("woff2"), url("../fonts/museo500-regular-webfont.woff") format("woff"), url("../fonts/museo500-regular-webfont.svg#museo500") format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'museo700';
  src: url("../fonts/museo700-regular-webfont.eot");
  src: url("../fonts/museo700-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo700-regular-webfont.ttf") format("truetype"), url("../fonts/museo700-regular-webfont.woff2") format("woff2"), url("../fonts/museo700-regular-webfont.woff") format("woff"), url("../fonts/museo700-regular-webfont.svg#museo700") format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'museo900';
  src: url("../fonts/museo900-regular-webfont.eot");
  src: url("../fonts/museo900-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo900-regular-webfont.ttf") format("truetype"), url("../fonts/museo900-regular-webfont.woff2") format("woff2"), url("../fonts/museo900-regular-webfont.woff") format("woff"), url("../fonts/museo900-regular-webfont.svg#museo900") format("svg");
  font-weight: normal;
  font-style: normal
}

.zero-pad, body {
  padding: 0
}

.zero-mar, body, .banner-sections h1, .camera hr {
  margin: 0
}

.museo, body, .banner-form form input, .banner-form form select, .banner-form form button {
  font-family: "museo300", arial
}

body {
  font-size: 14px;
  line-height: 1.5
}

* {
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.dis-flex, .banner-sec .wrapper, .banner-slider, .banner-slider .ban-slider-width, .banner-slider .ban-slider-width .ban-img-holder .wrapper, header, .banner-sections, .close-btn, .banner-form, .banner-form .commonInputCont, .banner-form .form-check, .banner-form h2, .banner-form form, .banner-form form>div, .activities .act-res-slider .act-slider .all-act-holder .act-res-single, .activities .act-res-slider #act-tabs, #activities-slider .resp-tabs-list, #activities-slider .resp-tabs-list li, #activities-slider .resp-tab-content .act-holder, .four-features .wrapper, .four-features .wrapper .feature-holder, .camera .camera-holder, .resorts .resort-slider, .resorts .resort-slider .res-slide, .resorts .resort-slider .res-slide .res-img-holder, .resorts #resort-pager, .resorts #resort-pager a, .resorts #resort-pager a .res-thumb-holder, .resorts .all-resort-btn, .resorts .all-resorts-holder .all-resorts .res-area .district, dl dd, .testimonials .testi-slider, .testimonials .testi-slider .testi-holder, .testimonials .testi-slider .testi-cont, .testimonials .testi-slider .testi-img, .trip-advisor .wrapper, .trip-advisor .wrapper .winner-list, .ty-banner .big-wrapper, .steps .steps-holder, .steps .steps-holder .divider, .resp-tab-content-active {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flexbox
}

.just-cont-center, .four-features .wrapper .feature-holder, .resorts #resort-pager, .resorts .all-resort-btn, .trip-advisor .wrapper, .steps .steps-holder .divider {
  justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  flex-pack: center;
  -o-flex-pack: center;
  -ms-flex-pack: center;
  -moz-flex-pack: center;
  -webkit-flex-pack: center
}

.just-cont-spc-bet, .banner-sections, .activities .act-res-slider .act-slider .all-act-holder .act-res-single, .activities .act-res-slider #act-tabs, #activities-slider .resp-tabs-list, #activities-slider .resp-tab-content, .four-features .wrapper, .camera .camera-holder, .testimonials .testi-slider, .steps .steps-holder {
  justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-pack: justify;
  -o-flex-pack: justify;
  -ms-flex-pack: justify;
  -moz-flex-pack: justify;
  -webkit-flex-pack: justify
}

.just-cont-flex-start, #activities-slider .resp-tabs-list li, #activities-slider .resp-tab-content .act-holder, dl dd {
  justify-content: flex-start;
  -o-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-pack: start;
  -o-flex-pack: start;
  -ms-flex-pack: start;
  -moz-flex-pack: start;
  -webkit-flex-pack: start
}

.just-cont-flex-end, .banner-sec .wrapper, .banner-slider .ban-slider-width .ban-img-holder .wrapper, header, .testimonials .testi-slider .testi-holder {
  justify-content: flex-end;
  -o-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  flex-pack: end;
  -o-flex-pack: end;
  -ms-flex-pack: end;
  -moz-flex-pack: end;
  -webkit-flex-pack: end
}

.flex-dir-col, .banner-sec .wrapper, .banner-slider .ban-slider-width .ban-img-holder .wrapper, .banner-form, .banner-form form, .banner-form form>div, #activities-slider .resp-tab-content, #activities-slider .resp-tab-content .act-holder, .four-features .wrapper .feature-holder, .resorts #resort-pager a, .resorts .all-resorts-holder .all-resorts .res-area .district, .testimonials .testi-slider .testi-cont, .trip-advisor .wrapper .winner-list {
  flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column
}

.flex-dir-row, .banner-form .commonInputCont, .banner-form .form-check {
  flex-direction: row;
  -o-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -webkit-flex-direction: row
}

.flex-wrap, #activities-slider .resp-tab-content, dl dd {
  flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap
}

.flex-nowrap, .banner-slider .ban-slider-width {
  flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap
}

.align-cont-spc-bet, #activities-slider .resp-tab-content {
  align-content: space-between;
  -o-align-content: space-between;
  -ms-align-content: space-between;
  -moz-align-content: space-between;
  -webkit-align-content: space-between
}

.align-itm-center, header, .four-features .wrapper .feature-holder, .camera .camera-holder, .resorts #resort-pager a, .testimonials .testi-slider .testi-holder, .testimonials .testi-slider .testi-img, .trip-advisor .wrapper .winner-list, .ty-banner .big-wrapper, .steps .steps-holder .divider {
  align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  flex-align: center;
  -o-flex-align: center;
  -ms-flex-align: center;
  -moz-flex-align: center;
  -webkit-flex-align: center
}

.align-itm-bottom, #activities-slider .resp-tabs-list, #activities-slider .resp-tabs-list li {
  align-items: flex-end;
  -o-align-items: flex-end;
  -ms-align-items: flex-end;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  flex-align: end;
  -o-flex-align: end;
  -ms-flex-align: end;
  -moz-flex-align: end;
  -webkit-flex-align: end
}

.align-itm-top, .banner-sections, .banner-form h2, #activities-slider .resp-tab-content .act-holder, .four-features .wrapper {
  align-items: flex-start;
  -o-align-items: flex-start;
  -ms-align-items: flex-start;
  -moz-align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-align: star;
  -o-flex-align: star;
  -ms-flex-align: star;
  -moz-flex-align: star;
  -webkit-flex-align: star
}

.align-cont-bottom {
  align-content: flex-end;
  -o-align-content: flex-end;
  -ms-align-content: flex-end;
  -moz-align-content: flex-end;
  -webkit-align-content: flex-end
}

.full-height, html, body, .banner-sec .wrapper, .banner-slider .ban-slider-width, .banner-slider .ban-slider-width .ban-img-holder, .banner-slider .ban-slider-width .ban-img-holder .wrapper, .ty-banner .big-wrapper {
  height: 100%
}

.full-width, html, body, .banner-sec, .banner-slider, .banner-slider .ban-slider-width .ban-img-holder, .ty-banner {
  width: 100%
}

.eight-five-height, .banner-sec, .banner-slider {
  height: 90%
}

.bl-bg-opacity, .banner-form {
  background-color: rgba(0, 0, 0, 0.56)
}

.wrapper {
  width: 1000px;
  margin: 0 auto
}

.pad-top-btm-sixty, .gray-sec, .testimonials, .resorts, .trip-advisor, .faqs, .steps, .ty-footer, .intro-vid {
  padding: 60px 0
}

.top-btm-bl-border {
  border-bottom: solid 1px black;
  border-top: solid 1px black
}

.banner-sec {
  /* background: url("../img/banner.jpg") no-repeat center -130px; */ 
  position: relative;
  z-index: 1;
  overflow-y: visible;
  overflow-x: hidden;
  background-size: cover
}

.banner-sec .black-logo {
  display: none
}

.banner-slider {
  position: absolute
}

.banner-slider .ban-slider-width {
  width: 300%;
  position: absolute;
  animation: ban-slider 25s ease 0s infinite;
  -o-animation: ban-slider 25s ease 0s infinite;
  -ms-animation: ban-slider 25s ease 0s infinite;
  -moz-animation: ban-slider 25s ease 0s infinite;
  -webkit-animation: ban-slider 25s ease 0s infinite
}

.banner-slider .ban-slider-width .ban-img-holder {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.banner-slider .ban-slider-width .ban-img-holder .wrapper {
  padding-bottom: 60px
}

.banner-slider .ban-slider-width .ban-img-holder .wrapper span {
  color: white;
  text-shadow: 0 0 30px black;
  -o-text-shadow: 0 0 30px black;
  -ms-text-shadow: 0 0 30px black;
  -moz-text-shadow: 0 0 30px black;
  display: none
}

.banner-slider .ban-slider-width .ban-img1 {
  background-image: url("../img/banner.jpg")
}

.banner-slider .ban-slider-width .ban-img2 {
  background-image: url("../img/banner2.jpg")
}

.banner-slider .ban-slider-width .ban-img3 {
  background-image: url("../img/banner3.jpg")
}

@keyframes ban-slider {
  0% {
    margin-left: 0%
  }
  20% {
    margin-left: 0%
  }
  24% {
    margin-left: -100%
  }
  40% {
    margin-left: -100%
  }
  44% {
    margin-left: -200%
  }
  60% {
    margin-left: -200%
  }
  64% {
    margin-left: -100%
  }
  80% {
    margin-left: -100%
  }
  84% {
    margin-left: 0%
  }
  100% {
    margin-left: 0%
  }
}

@-o-keyframes ban-slider {
  0% {
    margin-left: 0%
  }
  20% {
    margin-left: 0%
  }
  24% {
    margin-left: -100%
  }
  40% {
    margin-left: -100%
  }
  44% {
    margin-left: -200%
  }
  60% {
    margin-left: -200%
  }
  64% {
    margin-left: -100%
  }
  80% {
    margin-left: -100%
  }
  84% {
    margin-left: 0%
  }
  100% {
    margin-left: 0%
  }
}

@-ms-keyframes ban-slider {
  0% {
    margin-left: 0%
  }
  20% {
    margin-left: 0%
  }
  24% {
    margin-left: -100%
  }
  40% {
    margin-left: -100%
  }
  44% {
    margin-left: -200%
  }
  60% {
    margin-left: -200%
  }
  64% {
    margin-left: -100%
  }
  80% {
    margin-left: -100%
  }
  84% {
    margin-left: 0%
  }
  100% {
    margin-left: 0%
  }
}

@-moz-keyframes ban-slider {
  0% {
    margin-left: 0%
  }
  20% {
    margin-left: 0%
  }
  24% {
    margin-left: -100%
  }
  40% {
    margin-left: -100%
  }
  44% {
    margin-left: -200%
  }
  60% {
    margin-left: -200%
  }
  64% {
    margin-left: -100%
  }
  80% {
    margin-left: -100%
  }
  84% {
    margin-left: 0%
  }
  100% {
    margin-left: 0%
  }
}

@-webkit-keyframes ban-slider {
  0% {
    margin-left: 0%
  }
  20% {
    margin-left: 0%
  }
  24% {
    margin-left: -100%
  }
  40% {
    margin-left: -100%
  }
  44% {
    margin-left: -200%
  }
  60% {
    margin-left: -200%
  }
  64% {
    margin-left: -100%
  }
  80% {
    margin-left: -100%
  }
  84% {
    margin-left: 0%
  }
  100% {
    margin-left: 0%
  }
}

header {
  position: absolute;
  padding-top: 10px;
  top: 0;
  left: 0;
  width: 1000px;
  margin: auto;
  right: 0
}

nav a {
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  margin-right: 35px
}

nav a:last-child {
  margin-right: 0
}

nav .req-call, nav .banner-form form button, .banner-form form nav button {
  display: none
}

.btn-pad, .req-call, .banner-form form button, .req-call:hover, .banner-form form button:hover {
  padding: 12px 15px
}

.req-call, .banner-form form button {
  background-color: #ffd14e;
  color: black;
  cursor: pointer
}

.req-call:hover, .banner-form form button:hover {
  background-color: black;
  color: white
}

.banner-sections {
  margin-bottom: 2%
}

.banner-sections .holiday-iq-special {
  width: 60%
}

.banner-sections .holiday-iq-special img {
  width: 80%
}

.banner-sections h1 {
  line-height: 1.2em;
  font-size: 40px;
  font-family: "museo700";
  margin-top: -8%;
  color: white;
  width: 67%;
  text-shadow: 0 0 10px black;
  -o-text-shadow: 0 0 10px black;
  -ms-text-shadow: 0 0 10px black;
  -moz-text-shadow: 0 0 10px black
}

.banner-sections h1 span {
  color: #ffd14e;
  border-bottom: dashed 2px #ffd14e
}

.banner-sections p {
  text-align: center;
  color: #efefef;
  font-family: 'gotham', arial;
  text-shadow: 0 0 50px black;
  bottom: 10px
}

.close-btn {
  width: 21px;
  height: 21px;
  margin: 0 auto 15px;
  border: solid 2px white;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  cursor: pointer
}

.close-btn::before, .close-btn::after {
  content: '';
  display: block;
  width: 1px;
  height: 10px;
  background-color: white;
  left: 0;
  right: 0;
  position: absolute;
  margin: 4px 0 0 8px
}

.close-btn::before {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.close-btn::after {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.banner-form {
  padding: 20px;
  color: white;
  width: 320px
}

.banner-form .close-btn {
  display: none !important
}

.banner-form .formErrorContent {
  background: #c12d2d;
  padding: 5px 10px;
  position: relative;
  border-radius: 3px;
  font-size: 12px
}

.banner-form .formErrorContent::before {
  content: '';
  position: absolute;
  height: 10px;
  width: 10px;
  background: #c12d2d;
  right: -4px;
  right: -5px;
  top: 37%;
  transform: rotate(45deg)
}

.banner-form .commonInputCont {
  position: relative
}

.banner-form #submit {
  position: relative
}

.banner-form .formError {
  opacity: 1 !important
}

.banner-form .name-field .formError {
  left: -152px !important;
  margin-top: 0px !important;
  top: 0px !important
}

.banner-form .email-field .formError {
  left: -156px !important;
  margin-top: 0px !important;
  top: 0px !important
}

.banner-form .age-field .formError {
  left: -151px !important;
  margin-top: 0px !important;
  top: 0px !important
}

.banner-form .city-field .formError {
  left: -152px !important;
  margin-top: 0px !important;
  top: 0px !important
}

.banner-form .mob-field .formError {
  left: -219px !important;
  margin-top: 0px !important;
  top: 0 !important
}

.banner-form .form-check {
  position: relative
}

.banner-form .form-check .formError {
  left: -396px !important;
  top: 0 !important;
  margin-top: 0 !important
}

.banner-form .form-check input {
  height: auto;
  width: 2em
}

.banner-form .form-check label {
  font-size: 11px
}

.banner-form h2 {
  margin: 0 0 7px;
  font-size: 18px;
  font-weight: 400;
  text-align: left
}

.banner-form h2 img {
  margin-right: 13px;
  width: 57px
}

.banner-form h3 {
  font-size: 16px;
  margin: 0 0 13px;
  text-align: left;
  line-height: 1.2
}

.banner-form form>div {
  position: relative
}

.banner-form form input, .banner-form form select {
  border: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.51);
  background: none;
  color: white;
  padding: 5px 5px 5px 0;
  font-size: 16px;
  font-family: "museo100";
  margin-bottom: 10px
}

.banner-form form input::-webkit-input-placeholder, .banner-form form select::-webkit-input-placeholder {
  color: white
}

.banner-form form input:-ms-input-placeholder, .banner-form form select:-ms-input-placeholder {
  color: white
}

.banner-form form input::-moz-placeholder, .banner-form form select::-moz-placeholder {
  color: white
}

.banner-form form input:-moz-placeholder, .banner-form form select:-moz-placeholder {
  color: white
}

.banner-form form select:focus option {
  color: black
}

.banner-form form button {
  border: none;
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 10px;
  background: #ffd14e none
}

.banner-form form button:hover {}

.banner-form form .form-cond {
  font-size: 10px;
  line-height: 1;
  text-align: center;
  margin-top: 8px
}

.activities {
  padding-bottom: 60px;
  padding-top: 20px;
  position: relative
}

.activities .next-prev-btn .next-btn {
  right: -70px
}

.activities .next-prev-btn .next-btn::before {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 21px 0 0 23px
}

.activities .next-prev-btn .next-btn::after {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 16px 0 0 23px
}

.activities .next-prev-btn .prev-btn {
  left: -70px;
  display: none
}

.activities .next-prev-btn .prev-btn::before {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 21px 0 0 21px
}

.activities .next-prev-btn .prev-btn::after {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 16px 0 0 21px
}

.activities .next-prev-btn .prev-btn, .activities .next-prev-btn .next-btn {
  cursor: pointer
}

.activities .next-prev-btn .prev-btn::before, .activities .next-prev-btn .prev-btn::after, .activities .next-prev-btn .next-btn::before, .activities .next-prev-btn .next-btn::after {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  background-color: white;
  left: 0;
  right: 0;
  position: absolute
}

.activities #activities-slider .act-res-img {
  width: 100%;
  padding: 20px;
  min-height: 244px
}

.activities #activities-slider .act-res-img img {
  width: 100%
}

.activities .act-res-slider .act-slider .all-act-holder .act-res-single h2 {
  display: none
}

.activities .act-res-slider .bx-wrapper .bx-next {
  right: -60px
}

.activities .act-res-slider .bx-wrapper .bx-prev {
  left: -60px
}

.activities .act-res-slider #act-tabs {
  margin-bottom: 30px
}

.activities .act-res-slider #act-tabs a {
  width: 20%;
  border: solid 1px black;
  border-right: none;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  color: black;
  font-size: 16px;
  font-family: "museo700";
  text-transform: uppercase
}

.activities .act-res-slider #act-tabs a:last-child {
  border-right: solid 1px black
}

.activities .act-res-slider #act-tabs a.active {
  color: white
}

.activities .act-res-slider #act-tabs a:first-child.active {
  background-color: #f8992c
}

.activities .act-res-slider #act-tabs a:nth-child(2).active {
  background-color: #00b5e2
}

.activities .act-res-slider #act-tabs a:nth-child(3).active {
  background-color: #ffd14e
}

.activities .act-res-slider #act-tabs a:nth-child(4).active {
  background-color: #afd13c
}

.activities .act-res-slider #act-tabs a:last-child.active {
  background-color: #f8992c
}

#activities-slider .resp-tabs-list {
  margin: 17px 0
}

#activities-slider .resp-tabs-list li {
  padding: 17px 10px 15px;
  text-align: left;
  text-decoration: none;
  color: black;
  font-size: 14px;
  text-transform: uppercase;
  background-color: transparent !important;
  border: solid 2px #f8992c !important;
  cursor: pointer;
  border-radius: 10px;
  position: relative
}

#activities-slider .resp-tabs-list li:first-child {
  width: 19%
}

#activities-slider .resp-tabs-list li:nth-child(2) {
  width: 18%
}

#activities-slider .resp-tabs-list li:nth-child(3) {
  width: 28%
}

#activities-slider .resp-tabs-list li:nth-child(4) {
  width: 19%
}

#activities-slider .resp-tabs-list li:last-child {
  width: 28%
}

#activities-slider .resp-tabs-list li span {
  position: relative
}

#activities-slider .resp-tabs-list li.resp-tab-active {
  font-size: 16px;
  color: white;
  font-family: 'museo700';
  background: #f8992c !important;
  position: relative
}

#activities-slider .resp-tabs-list li.resp-tab-active div {
  background-color: #ea8817;
  box-shadow: 1px 1px 2px #a55d0a inset;
  border: solid 1px #ffac4c
}

#activities-slider .resp-tabs-list li.resp-tab-active div::before {
  margin: 9px 0 0 13px
}

#activities-slider .resp-tabs-list li.resp-tab-active div::after {
  margin: 9px 0 0 9px
}

#activities-slider .resp-tabs-list li div {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #f8992c;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  border-radius: 50%
}

#activities-slider .resp-tabs-list li div::before, #activities-slider .resp-tabs-list li div::after {
  content: '';
  position: absolute;
  height: 7px;
  width: 2px;
  background-color: white
}

#activities-slider .resp-tabs-list li div::before {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 10px 0 0 14px
}

#activities-slider .resp-tabs-list li div::after {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 10px 0 0 10px
}

#activities-slider h2.resp-accordion {
  padding: 20px;
  position: relative;
  text-align: left;
  text-decoration: none;
  color: black;
  font-size: 14px;
  text-transform: uppercase;
  background-color: transparent !important;
  border: solid 3px #f8992c !important;
  cursor: pointer;
  border-radius: 10px
}

#activities-slider h2.resp-accordion .resp-arrow {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #f8992c;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  border-radius: 50%;
  text-align: center
}

#activities-slider h2.resp-accordion .resp-arrow::before, #activities-slider h2.resp-accordion .resp-arrow::after {
  content: '';
  position: absolute;
  height: 7px;
  width: 2px;
  background-color: white
}

#activities-slider h2.resp-accordion .resp-arrow::before {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 10px 0 0 1px
}

#activities-slider h2.resp-accordion .resp-arrow::after {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 10px 0 0 -3px
}

#activities-slider h2.resp-accordion.resp-tab-active {
  background-color: #f8992c;
  color: white;
  font-family: 'museo700';
  background: #f8992c !important;
  position: relative;
  font-size: 20px
}

#activities-slider h2.resp-accordion.resp-tab-active span.resp-arrow {
  background-color: #ea8817;
  box-shadow: 1px 1px 2px #a55d0a inset;
  border: solid 1px #ffac4c
}

#activities-slider h2.resp-accordion.resp-tab-active span.resp-arrow::before {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 9px 0 0 1px
}

#activities-slider h2.resp-accordion.resp-tab-active span.resp-arrow::after {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 9px 0 0 -3px
}

#activities-slider .resp-tab-content {
  height: 355px
}

#activities-slider .resp-tab-content .small-thumb, #activities-slider .resp-tab-content .act-holder.varca .act-res-img, #activities-slider .resp-tab-content .act-holder.munnar .act-res-img, #activities-slider .resp-tab-content .act-holder.kanha .act-res-img, #activities-slider .resp-tab-content .act-holder.jaisalmer .act-res-img, #activities-slider .resp-tab-content .act-holder.munnar2 .act-res-img, #activities-slider .resp-tab-content .act-holder.kumbhalgarh .act-res-img, #activities-slider .resp-tab-content .act-holder.virajpet .act-res-img, #activities-slider .resp-tab-content .act-holder.goa .act-res-img, #activities-slider .resp-tab-content .act-holder.puducherry .act-res-img, #activities-slider .resp-tab-content .act-holder.baiguney .act-res-img {
  height: 100%
}

#activities-slider .resp-tab-content .long-thumb, #activities-slider .resp-tab-content .act-holder.manali .act-res-img, #activities-slider .resp-tab-content .act-holder.ashtamudi .act-res-img, #activities-slider .resp-tab-content .act-holder.coorg .act-res-img, #activities-slider .resp-tab-content .act-holder.goa2 .act-res-img, #activities-slider .resp-tab-content .act-holder.kumbhalgarh2 .act-res-img {
  height: 100%
}

#activities-slider .resp-tab-content .act-holder {
  width: 32%;
  text-align: center;
  min-height: 346px;
  padding: 0
}

#activities-slider .resp-tab-content .act-holder * {
  color: black
}

#activities-slider .resp-tab-content .act-holder .act-res-head {
  padding: 20px 0
}

#activities-slider .resp-tab-content .act-holder.varca .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act1-767.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act1-767.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act1-767.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.munnar .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/activity-center.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/activity-center.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/activity-center.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.manali .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/nature-walks_long.jpg") no-repeat center 70%/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/nature-walks_long.jpg") no-repeat center 70%/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/nature-walks_long.jpg") no-repeat center 70%/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.kanha .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act4.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act4.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act4.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.jaisalmer .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/dubare_long.jpg") no-repeat center 70%/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/dubare_long.jpg") no-repeat center 70%/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/dubare_long.jpg") no-repeat center 70%/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.ashtamudi .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act6.jpg?nocache") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act6.jpg?nocache") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act6.jpg?nocache") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.munnar2 .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/facade.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/facade.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/facade.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.kumbhalgarh .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/swimming-pool.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/swimming-pool.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/swimming-pool.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.coorg .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/spa.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/spa.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/spa.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.virajpet .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/exterior.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/exterior.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/exterior.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.goa .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/play-area.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/play-area.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/play-area.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.goa2 .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/restaurant_coorgenburg.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/restaurant_coorgenburg.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/restaurant_coorgenburg.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.puducherry .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act13.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act13.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act13.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.baiguney .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act14.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act14.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act14.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder.kumbhalgarh2 .act-res-img {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act15.jpg") no-repeat center center/cover;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act15.jpg") no-repeat center center/cover;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/act15.jpg") no-repeat center center/cover;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

#activities-slider .resp-tab-content .act-holder h3 {
  margin: 0;
  text-align: left
}

#activities-slider .resp-tab-content .act-holder .act-loc {
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase
}

#activities-slider .resp-tab-content .act-holder p {
  font-size: 14px;
  margin: 10px 0 0;
  font-style: italic
}

.gray-sec, .testimonials {
  background-color: #fdfdfd;
  border-top: solid 1px #f7f7f7;
  border-bottom: solid 1px #f7f7f7
}

.four-features {
  background: url("../img/feature-bg.png") repeat-x center top;
  padding-top: 50px
}

.four-features .wrapper .feature-holder {
  width: 20%
}

.four-features .wrapper .feature-holder p {
  text-align: center;
  margin-top: 20px;
  font-size: 17px
} 
 
.new-features {
      padding: 40px 0 30px;
    overflow: hidden;
    clear: both;
    background-color: #e3f5fb;
    /* margin: 50px 0 0; */
} 

.feature-card {
  float: left;
  width: 33%;
  text-align: center;
  margin-bottom: 30px;
  margin-right: 5px; 
  min-height: 234px;
} 
 
.feature-card:nth-child(3n+1) {
    margin-right: 0;
}  
 
.feature-card h4 {
  font-size: 16px; 
  font-family: 'museo700',sans-serif; 
  margin: 1em 0 0em;
}

.camera {
  padding: 20px 0;
  background-color: #010101;
  transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease
}

.camera * {
  color: white
}

.camera hr {
  background: none;
  border: none;
  border-bottom: dotted 1.5px #444
}

.camera hr:first-child {
  margin-bottom: 30px
}

.camera hr:last-child {
  margin-top: 30px
}

.camera .camera-holder p {
  font-size: 20px;
  font-family: "museo500";
  margin: 0;
  line-height: 24px
}

.camera .camera-holder div:first-child {
  width: 150px;
  height: 50px
}

.camera .camera-holder div:nth-child(2) {
  width: 620px
}

.camera .camera-holder div:nth-child(2) span {
  display: block
}

.camera .camera-holder div:nth-child(2) span:nth-child(2) {
  font-size: 16px
}

.camera .camera-holder div:last-child {
  margin-left: 10%
}

.camera .camera-holder span {
  cursor: pointer
}

.camera .camera-holder img {
  width: 150px;
  position: absolute;
  margin-top: -117px
}

.camera-scrolled {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 3
}

.btn {
  padding: 15px 30px;
  font-family: "museo500";
  font-size: 20px;
  text-transform: uppercase;
  color: black;
  text-decoration: none;
  text-align: center
}

.btn:hover {
  color: white;
  background-color: black;
  text-decoration: none
}

.bl-btn {
  padding: 15px 30px;
  font-family: "museo500";
  font-size: 20px;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  text-align: center
}

.yellow-btn {
  padding: 15px 30px;
  font-family: "museo500";
  font-size: 20px;
  text-transform: uppercase;
  color: #ffd14e;
  text-decoration: none;
  text-align: center
}

.yellow-btn:hover {
  color: black;
  background-color: #ffd14e;
  text-decoration: none
}

.bl-thick-border, .btn {
  border: solid 2px black
}

.white-thick-border, .bl-btn {
  border: solid 2px white
}

.yellow-thick-border, .yellow-btn {
  border: solid 2px #ffd14e
}

h2 {
  text-align: center;
  font-family: "museo500";
  font-size: 30px;
  margin: 0 0 20px
}

h3 {
  font-size: 17px;
  font-family: "museo300";
  text-align: center;
  margin: 0 0 30px
}

.resorts .bx-controls {
  display: none
}

.resorts h2 {
  margin: 0 0 20px
}

.resorts h3 {
  margin-bottom: 20px
}

.resorts .resort-slider .res-slide {
  border: solid 3px #00b5e2
}

.resorts .resort-slider .res-slide .res-img-holder {
  width: 70%
}

.resorts .resort-slider .res-slide .res-img-holder #video-dim {
  width: 100% !important;
  height: auto !important
}

.resorts .resort-slider .res-slide .res-caption {
  background-color: #00b5e2;
  padding: 30px;
  color: white;
  width: 30.1%
}

.resorts .resort-slider .res-slide .res-caption h4 {
  margin: 0 0 7px;
  font-size: 18px;
  font-weight: 400
}

.resorts .resort-slider .res-slide .res-caption h3 {
  font-family: "museo500";
  font-size: 30px;
  margin: 0 0 7px;
  line-height: 1;
  text-align: left
}

.resorts .resort-slider .res-slide .res-caption p {
  font-size: 17px;
  margin-top: 20px
}

.resorts #resort-pager {
  margin-top: 20px
}

.resorts #resort-pager a {
  width: 180px;
  text-align: center;
  font-size: 16px;
  font-family: "museo500";
  color: black;
  text-decoration: none;
  margin-right: 20px
}

.resorts #resort-pager a .res-thumb-holder {
  margin-bottom: 10px;
  border-width: 3px;
  border: solid;
  border-color: transparent
}

.resorts #resort-pager a b {
  font-family: "museo700";
  margin-bottom: 4px
}

.resorts #resort-pager a.active .res-thumb-holder {
  background-color: black;
  border-color: #00b5e2
}

.resorts #resort-pager a.active .res-thumb-holder img {
  opacity: .5
}

.resorts .all-resort-btn {
  padding-top: 60px
}

.resorts .all-resort-btn span {
  cursor: pointer
}

.resorts .all-resort-btn #close_resorts {
  display: none
}

.resorts .all-resorts-holder {
  position: relative;
  z-index: 2;
  background: white;
  left: 0;
  top: 0;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  display: none
}

.resorts .all-resorts-holder.show-all-resort {
  display: block
}

.resorts .all-resorts-holder .close-btn {
  border: solid 2px black
}

.resorts .all-resorts-holder .close-btn::before, .resorts .all-resorts-holder .close-btn::after {
  background-color: black
}

.resorts .all-resorts-holder .all-resorts {
  width: 1000px;
  margin: 0 auto
}

.resorts .all-resorts-holder .all-resorts .res-area h3 {
  text-align: left;
  padding: 12px;
  font-size: 15px;
  color: white;
  font-weight: 400;
  margin-bottom: 0;
  width: 100%
}

.resorts .all-resorts-holder .all-resorts .res-area .district {
  padding: 15px;
  width: 33%
}

.resorts .all-resorts-holder .all-resorts .res-area .district h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "museo500"
}

.resorts .all-resorts-holder .all-resorts .res-area .district span {
  line-height: 2;
  border-bottom: dotted 1px #dedede
}

.resorts .all-resorts-holder .all-resorts .res-area dt:nth-child(1) {
  margin: 0
}

.resorts .all-resorts-holder .all-resorts .res-area .east h3 {
  background-color: #f8992c
}

.resorts .all-resorts-holder .all-resorts .res-area .north h3 {
  background-color: #00b5e2
}

.resorts .all-resorts-holder .all-resorts .res-area .south h3 {
  background-color: #ffd14e
}

.resorts .all-resorts-holder .all-resorts .res-area .west h3 {
  background-color: #afd13c
}

.resorts .all-resorts-holder .all-resorts .res-area .inter h3 {
  background-color: #444
}

dl {
  margin: 40px 0 0;
  width: 100%
}

dl dt {
  margin: 10px 0 0;
  cursor: pointer
}

dl dd {
  margin: 0 0 10px;
  border: solid 1px #dedede;
  display: none; 
  overflow: hidden; 
}

dl dd.last-dd {
  margin-bottom: 0
} 
 
.resorts .all-resorts-holder {
  overflow-y: auto; 
}
.resorts .all-resorts-holder .all-resorts .res-area .district {
  float: left; 
} 

.resorts .all-resorts-holder .all-resorts .res-area ul, .resorts .all-resorts-holder .all-resorts .res-area ul li {
  list-style-type: none; 
  padding-left: 0; 
}

.all-resorts-holder .all-resorts .res-area ul li {
	padding-bottom: 3px;
    border-bottom: 1px solid #e1e1e1;
    padding-top: 3px;
}

.all-resorts-holder .all-resorts .res-area ul li:nth-child(1) {
	border-bottom: 0px solid;
}
.resorts .all-resorts-holder .all-resorts .res-area ul li img.mB5 {
  margin: 0 5px;
}
.resorts .all-resorts-holder .all-resorts .res-area ul li span.new_icon {
    background: url('http://www.clubmahindra.com/sites/all/themes/CM_Prospect/images/icon_sprite.png') -148px -780px no-repeat;
    width: 47px;
    height: 17px;
    display: inline-block;
    overflow: hidden;
    margin-left: 5px;
}

/* international HCR addition * /

.inter-desc {}

.inter-desc section {
  float: left;
  width: 33%;
  overflow: hidden;
}

.inter-desc .HCR {
  width: 60%;
  float: right;
  overflow: hidde;
}

.resorts .all-resorts-holder .all-resorts .res-area .inter-desc .HCR h3 {
  color: black;
  font-weight: bold;
}

.resorts .all-resorts-holder .all-resorts .res-area .inter-desc .cover h4 {
  margin: 0;
  padding: 0 0 0 12px;
}

.resorts .all-resorts-holder .all-resorts .res-area .inter-desc .cover {
  overflow: hidden;
}

.resorts .all-resorts-holder .all-resorts .res-area .inter-desc .district {
  float: none;
  width: 100%;
}

.resorts .all-resorts-holder .all-resorts .res-area .inter-desc .cover .district {
  float: left;
  width: 33%;
}

.resorts .all-resorts-holder .all-resorts .res-area .inter-desc .HCR>.district:last-child {
  clear: both;
}

/ * international HCR addition ends */

dl .show {
  display: block
}

.bx-wrapper .bx-next {
  right: -15px
}

.bx-wrapper .bx-next::before, .bx-wrapper .bx-next::after {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  background-color: white;
  left: 0;
  right: 0;
  position: absolute
}

.bx-wrapper .bx-next::before {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 17px 0 0 23px
}

.bx-wrapper .bx-next::after {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 1px 0 0 23px
}

.bx-wrapper .bx-prev {
  left: -15px
}

.bx-wrapper .bx-prev::before, .bx-wrapper .bx-prev::after {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  background-color: white;
  left: 0;
  right: 0;
  position: absolute
}

.bx-wrapper .bx-prev::before {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 17px 0 0 21px
}

.bx-wrapper .bx-prev::after {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 1px 0 0 21px
}

.bx-wrapper .bx-controls-direction a, .next-prev-btn .prev-btn, .next-prev-btn .next-btn {
  background: black;
  border: solid 1px black;
  border-radius: 50%
}

.testimonials {
  background-color: #fafdf9 !important
}

.testimonials .testi-slider h4 {
  font-family: "museo500";
  font-size: 20px;
  margin: 0 0 10px
}

.testimonials .testi-slider p {
  font-weight: 300;
  font-size: 18px;
  margin: 0 0 20px
}

.testimonials .testi-slider .testi-said {
  font-weight: 300;
  font-size: 20px
}

.testimonials .testi-slider .testi-location {
  font-weight: 300;
  font-size: 14px;
  line-height: 2
}

.testimonials .testi-slider .testi-holder {
  flex-direction: column-reverse;
  -o-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  width: 29%;
  text-align: center
}

.testimonials .testi-slider .testi-img {
  width: 185px;
  margin-bottom: 20px
}

.testimonials .testi-slider .testi-img img {
  width: 100%
}

.trip-advisor {
  background-color: #589233
}

.trip-advisor .wrapper .winner-list {
  text-align: center;
  width: 30%
}

.trip-advisor .wrapper .winner-list * {
  color: white
}

.trip-advisor .wrapper .winner-list h5 {
  font-size: 20px;
  margin: 0 0 10px
}

.trip-advisor .wrapper .winner-list p {
  font-size: 15px
}

.faqs #parentHorizontalTab .resp-tabs-container #ChildVerticalTab_1 {
  display: flex !important;
  display: -o-flex !important;
  display: -ms-flex !important;
  display: -moz-flex !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important
}

.faqs .tab-1-container {
  opacity: 0
}

footer {
  text-align: center;
  padding: 60px 0 160px
}

.ty-banner {
  height: 60%;
  background: url("../img/thank-banner.jpg") no-repeat center center
}

.ty-banner .big-wrapper {
  width: 80%;
  margin: 0 auto
}

.ty-banner .big-wrapper .ban-circle-holder {
  width: 350px;
  margin-top: 60px
}

.ty-banner .big-wrapper .ban-circle-holder .ty-logo {
  position: absolute;
  margin: -100px 0 0 -32px
}

.ty-banner .big-wrapper .ban-circle-holder .ban-cirlce {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  height: 350px;
  padding: 120px 40px 60px;
  text-align: center
}

.ty-banner .big-wrapper .ban-circle-holder .ban-cirlce h1 {
  font-size: 30px;
  margin: 0 0 25px;
  line-height: 1;
  font-family: 'museo900'
}

.ty-banner .big-wrapper .ban-circle-holder .ban-cirlce p {
  font-size: 17px
}

.steps .steps-holder {
  text-align: center;
  margin-top: 50px
}

.steps .steps-holder .step {
  width: 25%
}

.steps .steps-holder .step p {
  font-size: 18px;
  margin: 30px 0 0
}

.steps .steps-holder .divider {
  position: relative;
  border-right: dashed 2px black
}

.steps .steps-holder .divider::before {
  content: '';
  background: white;
  position: absolute;
  height: 30px;
  width: 30px;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-right: dashed 2px black;
  border-top: dashed 2px black
}

.intro-vid {
  height: 70%
}

.intro-vid iframe {
  width: 100% !important;
  height: 100% !important
}

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.bx-wrapper img {
  max-width: 100%;
  display: block
}

.bxslider {
  margin: 0;
  padding: 0
}

ul.bxslider {
  list-style: none
}

#newEraSlider .bxSlider {
  height: auto !important
}

.bx-viewport {
  -webkit-transform: translatez(0)
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%
}

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../img/bx_loader.gif") center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000
}

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
  border: solid 2px black;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000
}

.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0
}

.bx-wrapper .bx-controls-direction a, .next-prev-btn .prev-btn, .next-prev-btn .next-btn {
  position: absolute;
  top: 50.5%;
  margin-top: -16px;
  outline: 0;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  z-index: 1
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none
}

.bx-wrapper .bx-controls-auto {
  text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../img/controls.png") -86px -11px no-repeat;
  margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../img/controls.png") -86px -44px no-repeat;
  margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px
}

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px
}

ul.resp-tabs-list, p {
  margin: 0px;
  padding: 0px
}

.resp-tabs-list li {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 24px;
  display: inline-block;
  padding: 13px 15px;
  list-style: none;
  cursor: pointer;
  float: left
}

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left
}

h2.resp-accordion {
  display: none
}

.resp-tab-content {
  display: none
}

.resp-content-active, .resp-accordion-active {
  display: block
}

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 20px !important
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue
}

.resp-vtabs ul.resp-tabs-list {
  margin-top: 0 !important;
  float: left;
  width: 30%
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  background: transparent !important;
  padding: 23px 15px !important;
  border-left: 1px solid #000 !important;
  border-top: 1px solid #000 !important;
  cursor: pointer;
  float: none
}

.resp-vtabs .resp-tabs-list li:last-child {
  border-bottom: 1px solid #000 !important
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #000 !important;
  float: left;
  width: 68%;
  min-height: 250px;
  clear: none
}

.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word
}

.resp-vtabs .resp-tab-content>p {
  margin: 16px 0
}

.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  border-color: #000 !important;
  background: #000 !important;
  color: #ffd24f
}

.resp-easy-accordion h2.resp-accordion {
  display: block
}

.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1
}

.resp-jfit {
  width: 100%;
  margin: 0px
}

@media only screen and (max-width: 768px) {
  ul.resp-tabs-list {}
  h2.resp-accordion {
    display: block
  }
  h2.resp-accordion {
    border-left: 0;
    border-right: 0
  }
  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none;
    border-left: 1px solid #000 !important
  }
  .resp-accordion-closed {
    display: none !important
  }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important
  }
}

@media only screen and (min-width: 1400px) {
  .banner-sec {
    height: 600px
  }
  .banner-sections {
    margin-bottom: 20px
  }
}

@media only screen and (max-width: 1280px) {
  .banner-sec {
    height: 85%
  }
}

@media only screen and (max-width: 1024px) {
  header {
    width: 900px
  }
  .ty-banner {
    background: url("../img/thank-banner-1024.jpg") no-repeat center center
  }
  .banner-sec {
    background: url("../img/banner-1024.jpg") no-repeat center center;
    background: url("../img/banner-1024.jpg") no-repeat center center;
    background: url("../img/banner-1024.jpg") no-repeat center center;
    background-size: cover;
    overflow-x: hidden
  }
  .prev-btn {
    left: -25px !important
  }
  .next-btn {
    right: -25px !important
  }
  .bx-wrapper .bx-controls-direction a, .next-prev-btn .prev-btn, .next-prev-btn .next-btn {
    top: 48.2%
  }
  .all-resorts-holder .all-resorts {
    width: 90% !important
  }
  .wrapper {
    width: 900px
  }
  .banner-slider .ban-slider-width .ban-img-holder {
    background-position: 20% center
  }
  .resorts #resort-pager a {
    width: 165px
  }
  .resorts #resort-pager a .res-thumb-holder img {
    width: 100%;
    height: 100%
  }
  .camera .camera-holder div:nth-child(2) {
    width: 50%
  }
  .testimonials .testi-logo .bx-wrapper {
    width: 640px
  }
}

@media only screen and (max-width: 900px) {
  body {
    overflow-x: hidden
  }
  .wrapper {
    width: 90%
  }
  .camera-scrolled {
    position: relative;
    z-index: 0
  }
  .trip-advisor .wrapper {
    justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between
  }
  .trip-advisor .wrapper .winner-list {
    width: 28%
  }
  .banner-sec {
    background: url("../img/banner-768.jpg") no-repeat center center;
    background: url("../img/banner-768.jpg") no-repeat center center;
    background: url("../img/banner-768.jpg") no-repeat center center;
    background-size: cover;
    overflow-x: hidden
  }
  #activities-slider .resp-tab-content {
    height: auto;
    margin-bottom: 25px
  }
  #activities-slider .resp-tab-content .act-holder.manali .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/nature-walks.jpg") no-repeat center bottom/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/nature-walks.jpg") no-repeat center bottom/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/nature-walks.jpg") no-repeat center bottom/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  #activities-slider .resp-tab-content .act-holder.ashtamudi .act-res-img {
    background-position: center 50%
  }
  #activities-slider .resp-tab-content .act-holder.coorg .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/spa_hori.jpg") no-repeat center 60%/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/spa_hori.jpg") no-repeat center 60%/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url("../img/spa_hori.jpg") no-repeat center 60%/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  #activities-slider .resp-tab-content .act-holder.goa2 .act-res-img {
    background-position: center 70%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url(../img/restaurant_coorgenburg.jpg) no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, black 100%), url(../img/restaurant_coorgenburg.jpg) no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, black 100%), url(../img/restaurant_coorgenburg.jpg) no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  #activities-slider .resp-tab-item {
    font-size: 13px !important
  }

  .feature-card { 
    width: 32%; 
    min-height: 284px; 
  }

  .camera .camera-holder {
    flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column
  }
  .camera .camera-holder div:first-child {
    height: 90px;
    width: 100%;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center
  }
  .camera .camera-holder div:nth-child(2) {
    margin: 0 0 20px;
    text-align: center;
    width: 100%
  }
  .camera .camera-holder img {
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    margin-left: calc(-167px / 2)
  }
  .resorts .resort-slider .res-slide {
    min-height: 370px
  }
  .resorts .resort-slider .res-slide .res-img-holder {
    width: 100%
  }
  .resorts .resort-slider .res-slide .res-caption {
    width: 28%
  }
  .resorts .resort-slider .res-slide .res-caption h3 {
    font-size: 30px
  }
  .resorts .resort-slider .res-slide .res-caption h4 {
    font-size: 18px;
    margin-bottom: 15px
  }
  .resorts .resort-slider .res-slide .res-caption p {
    font-size: 18px
  }
  .four-features {
    padding-bottom: 40px;
    padding-top: 0;
    background: none
  }
  .camera .camera-holder p {
    font-size: 18px
  }
  .btn {
    padding: 13px 24px;
    font-family: "museo500";
    font-size: 16px
  }
  .testimonials .testi-slider {
    flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap
  }
  .testimonials .testi-slider .testi-holder:first-child {
    margin-bottom: 50px
  }
  .testimonials .testi-slider .trip-logo {
    width: 120px;
    align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center
  }
  .testimonials .testi-slider .trip-logo img {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .banner-form .name-field .formError {
    left: 0 !important;
    margin-top: -30px !important;
    top: 0px !important
  }
  .banner-form .email-field .formError {
    left: 0 !important;
    margin-top: -45px !important;
    top: 0px !important
  }
  .banner-form .age-field .formError {
    left: 0 !important;
    margin-top: -30px !important;
    top: 0px !important
  }
  .banner-form .city-field .formError {
    left: 0 !important;
    margin-top: -30px !important;
    top: 0px !important
  }
  .banner-form .mob-field .formError {
    left: 0 !important;
    margin-top: -45px !important
  }
  .banner-form .form-check .formError {
    left: 0 !important;
    margin-top: -47px !important
  }
  .banner-form .formErrorContent::before {
    right: auto;
    bottom: -4px;
    visibility: hidden
  }
  .ty-banner {
    background: url("../img/thank-banner-768.jpg") no-repeat center center
  }
  .ty-banner .big-wrapper {
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -o-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start
  }
  .ty-banner .big-wrapper .ban-circle-holder {
    margin-top: 50px
  }
  .ty-banner .big-wrapper .ban-circle-holder .ty-logo {
    margin: -40px 0 0 29px;
    height: 140px
  }
  .ty-banner .big-wrapper .ban-circle-holder .ty-logo img {
    height: 100%
  }
  .ty-banner .big-wrapper .ban-circle-holder .ban-cirlce {
    background: #fff9ed
  }
  .intro-vid {
    height: 41%
  }
  footer {
    padding: 60px 0
  }
  header {
    justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    padding: 10px 5%;
    width: 100%;
    transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease
  }
  header a {
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex
  }
  header a img {
    width: auto
  }
  header.head-scrolled {
    padding: 10px 5%;
    position: fixed;
    background: white;
    box-shadow: 0 1px 3px #e4e4e4;
    z-index: 9;
    width: 100%;
    top: 0%;
    -webkit-backface-visibility: hidden
  }
  .next-prev-btn {
    display: none
  }
  nav {
    display: block
  }
  .resp-tabs-list {
    display: none !important
  }
  .resp-accordion {
    border: solid 1px black !important;
    border-bottom: none;
    background-color: transparent !important
  }
  .resp-accordion:last-child {
    border-bottom: solid 1px black !important
  }
  h2.resp-tab-active {
    color: white;
    border-bottom: solid 1px black !important;
    background-color: black !important
  }
  .resp-tab-content {
    flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-top: 20px
  }
  .resp-tab-content .act-holder {
    width: 100% !important;
    text-align: left !important;
    flex-direction: row;
    -o-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    align-items: flex-start;
    -o-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    border-bottom: dotted 1px gainsboro;
    margin-bottom: 20px;
    height: auto !important
  }
  .resp-tab-content .act-holder:last-child {
    border-bottom: none;
    margin-bottom: 0
  }
  .resp-tab-content .act-holder .act-res-img {
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    align-items: flex-start;
    -o-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    width: 100%;
    padding: 20px;
    min-height: 244px
  }
  .resp-tab-content .act-holder .act-res-img img {
    width: 40% !important;
    margin: 0 15px 15px 0
  }
  .resp-tab-content .act-holder h3 {
    text-align: left;
    margin: 0 0 5px !important
  }
  .resp-tab-content .act-holder p {
    margin: 0 !important;
    font-size: 18px !important
  }
  .resorts .resort-slider .res-slide {
    flex-wrap: wrap
  }
  .resorts .resort-slider .res-slide .res-img-holder {
    width: 100%
  }
  .resorts .resort-slider .res-slide .res-caption {
    width: 100%
  }
  .resorts .all-resorts-holder .all-resorts .res-area {
    flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column
  }
  .resorts .all-resorts-holder .all-resorts .res-area .district {
      width: 100%;
      padding: 0 15px;
    }
  .btn {
    font-size: 16px
  }
  .camera .camera-holder p {
    font-size: 17px
  }
  .testimonials .testi-slider .testi-holder {
    width: 100%;
    margin-bottom: 50px
  }
  .testimonials .testi-slider .testi-holder:last-child {
    margin-bottom: 0
  }
  .banner-sec .wrapper {
    justify-content: center
  }
  .banner-sections {
    align-items: flex-start;
    height: 69%;
    justify-content: baseline
  }
  .banner-sections .holiday-iq-special {
    width: 80%
  }
  .banner-sections .holiday-iq-special img {
    width: 100%
  }
  .banner-sections .holiday-iq-special h1 {
    font-size: 35px;
    width: 100%
  }
  .activities {
    padding: 20px 0 60px
  }
  .activities .act-res-slider #act-tabs a {
    font-size: 13px
  }
  .activities .act-res-slider .bx-wrapper .bx-next {
    right: -20px
  }
  .activities .act-res-slider .bx-wrapper .bx-prev {
    left: -20px
  }
  .banner-sec {
    overflow-y: visible;
    overflow-x: hidden;
    position: relative;
    z-index: 2
  }
  .banner-form {
    display: none;
    background: #000;
    width: 100%;
    margin: 0 auto;
    z-index: 9999;
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center
  }
  .banner-form input {
    background-color: black
  }
  .banner-form select:focus {
    color: white
  }
  .banner-form .close-btn {
    display: flex !important
  }
  .banner-form button {
    background: url(../img/call-icon.png) no-repeat 80px center #ffd14e;
    background-size: 11%
  }
  .show-form {
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex
  }
  .overlay {
    display: none;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9
  }
  .body_active nav {
    z-index: 99
  }
  .body_active .banner-form {
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex
  }
  .body_active .overlay {
    display: block
  }
  nav .req-call, nav .banner-form form button, .banner-form form nav button {
    display: block
  }
}

@media only screen and (max-width: 767px) {
  .ty-banner {
    background: url("../img/thank-banner-767.jpg") no-repeat right bottom
  }
  .ty-banner .big-wrapper .ban-circle-holder {
    width: 245px
  }
  .ty-banner .big-wrapper .ban-circle-holder .ty-logo {
    margin: -40px 0 0 49px;
    height: 80px
  }
  .ty-banner .big-wrapper .ban-circle-holder .ban-cirlce {
    padding: 60px 40px 60px;
    height: 245px
  }
  .ty-banner .big-wrapper .ban-circle-holder .ban-cirlce h1 {
    font-size: 18px;
    margin: 0 0 15px
  }
  .ty-banner .big-wrapper .ban-circle-holder .ban-cirlce p {
    font-size: 14px
  }
  .steps .steps-holder {
    text-align: center;
    margin-top: 50px;
    flex-direction: column
  }
  .steps .steps-holder div {
    width: 100% !important
  }
  .steps .steps-holder .divider {
    border-right: none;
    border-bottom: dashed 2px black;
    margin: 70px 0
  }
  .steps .steps-holder .divider::before {
    transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg)
  }
  .intro-vid {
    height: auto;
    padding: 0
  }
  .trip-advisor .wrapper {
    flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column
  }
  .trip-advisor .wrapper .winner-list {
    width: 100%;
    margin-bottom: 30px
  }
  .trip-advisor .wrapper .winner-list:last-child {
    margin-bottom: 0
  }
  .banner-sec {
    background: url("../img/banner-767.jpg") no-repeat center bottom;
    background: url("../img/banner-767.jpg") no-repeat center bottom;
    background: url("../img/banner-767.jpg") no-repeat center bottom;
    background-size: cover
  }
  .banner-sections {
    height: 60%
  }
  .banner-sections h1 {
    text-align: center;
    margin-top: 2%
  }
  .bx-wrapper .bx-next {
    right: -16px
  }
  .bx-wrapper .bx-prev {
    left: -16px
  }
  .bx-wrapper .bx-prev::before {
    margin: 11px 0 0 15px
  }
  .bx-wrapper .bx-prev::after {
    margin: -5px 0 0 15px
  }
  .bx-wrapper .bx-next::before {
    margin: 11px 0 0 17px
  }
  .bx-wrapper .bx-next::after {
    margin: -5px 0 0 17px
  }
  .bx-wrapper .bx-controls-direction a, .next-prev-btn .prev-btn, .next-prev-btn .next-btn {
    width: 38px;
    height: 38px
  }
  .activities #activities-slider .resp-tab-content .act-holder h3 {
    font-size: 16px;
    line-height: 1.2
  }
  .activities #activities-slider .resp-tab-content .varca .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act1-767.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act1-767.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act1-767.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .munnar .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/activity-center.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/activity-center.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/activity-center.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .manali .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/nature-walks_long.jpg") no-repeat center 70%/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/nature-walks_long.jpg") no-repeat bottom 70%/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/nature-walks_long.jpg") no-repeat center 70%/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .kanha .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act4-767.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act4-767.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act4-767.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .jaisalmer .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/dubare_long.jpg") no-repeat center bottom/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/dubare_long.jpg") no-repeat center bottom/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/dubare_long.jpg") no-repeat center bottom/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .ashtamudi .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act6-767.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act6-767.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act6-767.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .munnar2 .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/facade.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/facade.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/facade.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .kumbhalgarh .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/swimming-pool.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/swimming-pool.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/swimming-pool.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .coorg .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/spa_hori.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/spa_hori.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/spa_hori.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .virajpet .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/exterior.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/exterior.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/exterior.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .goa .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/play-area.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/play-area.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/play-area.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .goa2 .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/restaurant_coorgenburg.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/restaurant_coorgenburg.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/restaurant_coorgenburg.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .puducherry .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act13-767.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act13-767.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act13-767.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .baiguney .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act14-767.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act14-767.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act14-767.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .kumbhalgarh2 .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act15-767.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act15-767.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/act15-767.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities .act-res-slider .bx-controls {
    display: none
  }
  .activities .act-res-slider .act-res-cont .all-act-holder {
    width: 90vw !important;
    overflow-x: scroll !important
  }
  .activities .act-res-slider .act-res-cont .all-act-holder .act-res-single {
    flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap
  }
  .activities .act-res-slider .act-res-cont .all-act-holder .act-res-single h2 {
    width: 100%;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center
  }
  .activities .act-res-slider .act-res-tabs, .activities .act-res-slider .act-res-cont {
    width: 100%;
    overflow-x: scroll
  }
  .four-features .wrapper {
    flex-wrap: wrap;
    justify-content: space-around
  }
  .four-features .wrapper .feature-holder {
    width: 40%;
    margin-bottom: 40px;
    font-size: 18px !important
  } 

  .feature-card {
    width: 48%; 
    margin-right: 1%; 
    /* float: none;  */
  } 
  .feature-card:nth-child(3n+1) {
    margin-right: 1%; 
  }
  .feature-card:nth-child(2n+1) {
    margin-right: 0;
  } 
  .feature-card h4 {
    font-size: 18px; 
} 

  .btn {
    font-size: 14px
  }
  .camera .camera-holder {
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center
  }
  .camera .camera-holder p {
    font-size: 16px;
    margin: 10px 0
  }
  .resorts .resort-slider .res-slide {
    border: none
  }
  .resorts .resort-slider .res-slide .res-img-holder {
    align-items: flex-end;
    width: 100%
  }
  .resorts .resort-slider .res-slide .res-caption {
    height: 70%
  }
  .resorts .resort-slider .res-slide .res-caption p {
    padding-bottom: 50px
  }
  .resorts .bx-controls {
    display: flex
  }
  .resorts .all-resort-btn {
    padding: 20px 0
  }
  .resorts .all-resort-btn span {
    width: 100%
  }
  #resort-pager {
    display: none !important
  }
  .testimonials .testi-logo {
    flex-direction: column;
    align-items: center
  }
  .testimonials .testi-logo .bx-wrapper {
    width: 100%;
    border: none;
    border-top: dotted 1px black;
    margin-top: 20px;
    padding: 20px 0 0
  }
  .testimonials .testi-logo .bx-wrapper .testi-holder .testi-cont {
    width: 100%
  }
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
  .activities #activities-slider .resp-tab-content .jaisalmer .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/dubare_long.jpg") no-repeat center 90%/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/dubare_long.jpg") no-repeat center 90%/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/dubare_long.jpg") no-repeat center 90%/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
  .activities #activities-slider .resp-tab-content .manali .act-res-img {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/nature-walks.jpg") no-repeat center center/cover;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/nature-walks.jpg") no-repeat center center/cover;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 100%), url("../img/nature-walks.jpg") no-repeat center center/cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
  }
}

@media only screen and (max-width: 480px) {
  nav .req-call, nav .banner-form form button, .banner-form form nav button {
    font-size: 14px;
    padding: 9px 12px
  }
  .banner-sections h1 {
    font-size: 25px;
    width: 100%
  }
  .four-features .wrapper .feature-holder {
    width: 100%
  }
  .four-features .wrapper .feature-holder img {
    width: 30%
  }

  .feature-card {
    width: 100%; 
    float: none; 
    margin-right: 0 !important; 
  }
  .feature-card h4 {
    font-size: 18px; 
  }
  
  .testimonials .testi-logo .bx-wrapper .testi-holder {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center
  }
  .testimonials .testi-logo .bx-wrapper .bx-controls {
    margin-top: 0;
    justify-content: center
  }
}