#EraArrow, #newEraSlider h3 {
   position: absolute;
   bottom: 0;
}

#bgSliderCo {
   position: absolute;
   top: 0;
   width: 100%;
}

#bgSlider .slides {
   width: 1399px;
   height: 590px;
   max-height: 600px;
   background-size: cover;
}

.banner-sec .bigSlider {
   position: absolute;
   width: 100%;
   height: 100%;
}

.banner-sec #bgSlider .bigSliderFour::after, .banner-sec #bgSlider .bigSliderOne::after, .banner-sec #bgSlider .bigSliderThree::after, .banner-sec #bgSlider .bigSliderTwo::after {
   content: '';
   z-index: -1;
   position: absolute;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center 0;
}

/* generic LP */

.banner-sec #bgSlider .bigSliderOne::after {
   background-image: url(../img/manali_gray.jpg?);
}

.banner-sec #bgSlider .bigSliderTwo::after {
   background-image: url(../img/kandaghat_gray.jpg?);
}

.banner-sec #bgSlider .bigSliderThree::after {
   background-image: url(../img/ashtamudi_gray.jpg?);
}

.banner-sec #bgSlider .bigSliderFour::after {
   background-image: url(../img/corbett_gray.jpg?);
}

/* Coorg LP */

.banner-sec .coorg #bgSlider .bigSliderOne::after {
   background-image: url(../img/madikeri_gray.jpg?);
}

.banner-sec .coorg #bgSlider .bigSliderTwo::after {
   background-image: url(../img/virajpet_gray.jpg?);
}

/* Kerala LP */

.banner-sec .kerala #bgSlider .bigSliderOne::after {
   background-image: url(../img/ashtamudi_gray.jpg?);
}

.banner-sec .kerala #bgSlider .bigSliderTwo::after {
   background-image: url(../img/munnar1_gray.jpg?a);
}

.banner-sec .kerala #bgSlider .bigSliderThree::after {
   background-image: url(../img/poovar_gray.jpg?);
}

.banner-sec .kerala #bgSlider .bigSliderFour::after {
   background-image: url(../img/thekkady_gray.jpg?);
}

/* Goa LP */

.banner-sec .goa #bgSlider .bigSliderOne::after {
   background-image: url(../img/acacia-palm-goa_gray.jpg?);
}

.banner-sec .goa #bgSlider .bigSliderTwo::after {
   background-image: url(../img/emerald-palm_gray.jpg?);
}

.banner-sec .goa #bgSlider .bigSliderThree::after {
   background-image: url(../img/varca-beach_gray.jpg?);
}

.banner-sections {
   position: relative;
   width: 960px;
   height: 100%;
   margin-top: 50px;
}

.banner-sections .banner-text {
   display: flex;
   width: 80%;
   height: 100%;
   margin-left: -50px;
   padding: 0;
   background: no-repeat;
}

.banner-form, .banner-sections .banner-form {
   color: #000;
   background-color: #fff;
}

.banner-sections .banner-form {
   width: 31%;
   margin-right: -50px;
   padding: 24px;
}

.banner-form form input, .banner-form form select {
   padding: 5px 5px 5px 0;
   border: none;
   border-bottom: solid 1px rgba(0, 0, 0, .51);
   font-family: museo100;
   font-size: 16px;
   color: #000;
   background: 0 0;
}

.banner-form form input::-webkit-input-placeholder, .banner-form form select::-webkit-input-placeholder {
   color: #000;
}

.banner-form form input:-ms-input-placeholder, .banner-form form select:-ms-input-placeholder {
   color: #000;
}

.banner-form form input::-moz-placeholder, .banner-form form select::-moz-placeholder {
   color: #000;
}

.banner-form form input:-moz-placeholder, .banner-form form select:-moz-placeholder {
   color: #000;
}

.banner-form form select:focus option {
   color: #000;
}

.banner-form form button {
   margin-top: 10px;
   border: none;
   text-transform: uppercase;
   font-size: 22px;
   background: #ffd14e;
}

.banner-form form button:hover {
   background: #000;
}

.banner-text h1 {
   position: absolute;
   margin: 50px 0 0 50px;
   font-size: 27px;
   width: 64%;
}

.banner-sections .banner-text span {
   text-shadow: 0 0 10px #000;
   font-size: 16px;
   font-weight: 700;
   color: #fff;
   -o-text-shadow: 0 0 10px #000;
   -ms-text-shadow: 0 0 10px #000;
   -moz-text-shadow: 0 0 10px #000;
}

.banner-sections .banner-text h1 span {
   display: block;
   border-bottom: 0 solid;
   font-size: 27px;
}

.banner-sec {
   display: flex;
   position: inherit;
   align-items: center;
   height: auto;
   background: no-repeat;
   background-size: cover;
   -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;
}

.banner-sec a {
   width: 100%;
   margin-bottom: 1px;
   text-align: center;
   background: #fff;
}

.banner-sec .wrapper {
   height: 100%;
}

.white-logo {
   width: 197px;
   margin-top: -47px;
}

.black-logo-new {
   width: 162px;
   height: 88px;
}

/*#newEraSlider{display:none;}*/

.banner-form h2 {
   font-size: 16px;
   line-height: 1.2em;
}

.banner-form h3 {
   font-size: 15px;
}

.banner-form form input, .banner-form form select {
   margin-bottom: 5px;
   min-height: 20px;
}

.activities {
   padding-top: 40px;
}

#newEraSlider {
   position: relative;
   width: 100%;
}

#newEraSlider h3, #newEraSlider p {
   left: 0;
   margin: 0 0 30px 20px;
   text-shadow: 0 0 10px rgba(1, 1, 1, 1);
   color: #fefefe;
   font-size: 24px;
}

#newEraSlider p {
   font-size: 16px;
   margin-bottom: 0;
   font-family: 'museo300';
   font-weight: 300;
}

#EraArrow {
   right: 0;
   width: 100px;
   padding: 20px 10px;
   text-align: right;
}

#EraArrow a {
   display: inline-block;
   width: auto;
   margin: 0;
   padding: .5em .6em;
   border-radius: 2px;
   text-decoration: none;
   line-height: 1em;
   color: #111;
   background: silver;
}

.camera {
   padding: 20px 0;
   background-color: #010101;
   -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
   -ms-transition: all .25s ease;
   -o-transition: all .25s ease;
   transition: all .25s ease;
}

.camera * {
   color: #fff;
}

.camera hr {
   border: none;
   border-bottom: dotted 1.5px #444;
   background: 0 0;
}

.camera hr:first-child {
   margin-bottom: 30px;
}

.camera hr:last-child {
   margin-top: 30px;
}

.camera .camera-holder p {
   margin: 0;
   font-family: museo500;
   font-size: 22px;
   line-height: 1.3em;
}

.camera .camera-holder div:first-child {
   width: 125px;
   height: 50px;
}

.camera .camera-holder div:nth-child(2) {
   width: 570px;
}

.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 {
   position: absolute;
   width: 110px;
   margin-top: -30px;
}

.camera, .camera b, .camera div, .camera p, .camera span {
   color: #efefef;
   background-color: black;
}

.camera .yellow-btn {
   padding: 15px 30px;
}

.camera .yellow-btn, .camera .yellow-thick-border {
   border: 2px solid #ffd14e;
   color: #ffd14e;
   background: #111;
}

.camera .yellow-btn:hover {
   color: white;
   background-color: #ffd14e;
   text-decoration: none;
}

@media only screen and (max-width:1025px) {
   .banner-sec {
      position: relative;
   }
}

@media only screen and (max-width:1024px) {
   .banner-sec #bgSlider .bigSliderOne::after {
      background: url(../img/1024x863_ashtamudi_gray.jpg) left bottom no-repeat;
   }
   .banner-sec #bgSlider .bigSliderTwo::after {
      background: url(../img/1024x863_northernlights_gray.jpg) left bottom no-repeat;
   }
   .banner-sec #bgSlider .bigSliderThree::after {
      background: url(../img/1024x863_sikkim_gray.jpg) left bottom no-repeat;
   }
   .banner-sec #bgSlider .bigSliderFour::after {
      background: url(../img/1024x863_jodhpur_gray.jpg) left bottom no-repeat;
   }
   .banner-sec {
      height: 600px !important;
      overflow-x: hidden;
      background-size: cover;
   }
   .banner-sec .wrapper {
      height: 528px !important;
   }
   .banner-sections {
      width: 100% !important;
      margin-top: 0 !important;
   }
   #newEraSlider, .banner-sec .bx-wrapper {
      height: 100%;
   }
   .banner-sec .bx-wrapper img {
      width: auto !important;
      height: 528px;
      max-width: none;
   }
   .banner-sections .banner-text {
      width: 70% !important;
      margin-left: 0 !important;
   }
   .banner-sections .banner-form {
      width: 30% !important;
      margin-right: 0 !important;
   }
   .camera .camera-holder div:nth-child(2) {
      width: 490px;
   }
   .ty-banner {
      background: url(../img/thank-banner-1024.jpg) center center no-repeat;
   }
}

@media only screen and (max-width:768px) {
   #newEraSlider h3 {
      text-shadow: 0 0 20px #000 !important;
   }
   .res-form-here {
      border-bottom: dashed 1px gray;
   }
   .banner-sec .wrapper {}
   .banner-sec h1 {
      margin-left: 200px !important;
   }
   .banner-form a {
      display: none;
   }
   .banner-sec h1::before {
      content: '';
      z-index: 7;
      position: absolute;
      width: 146px;
      height: 79px;
      margin-left: -170px;
      background: url(../img/CM_White.png);
   }
   .banner-sections {
      height: 100%;
   }
   .banner-form {
      width: 100%;
      background: #fff;
   }
   .banner-sections .banner-text {
      width: 100% !important;
   }
   #activities-slider h2.resp-accordion {
      font-size: 16px;
   }
   #activities-slider .resp-tab-content {
      margin-bottom: 0;
   }
   #activities-slider .resp-tab-content .act-holder {
      min-height: 306px;
   }
   #activities-slider .resp-tab-content .act-holder .act-res-head {
      padding: 10px 0;
   }
   #activities-slider .resp-tab-content .act-holder.varca .act-res-img, #activities-slider .resp-tab-content .act-holder.kumbhalgarh .act-res-img {
      background-position: center 0;
   }
   #activities-slider .resp-tab-content .act-holder.manali .act-res-img {
      background-position: center 20%;
   }
   .feature-card {
      margin-right: 2%;
   }
   .camera .camera-holder div:first-child {
      width: 167px;
      height: 160px;
   }
   .camera .camera-holder div:nth-child(2) {
      width: 100%;
   }
   .camera .camera-holder img {
      left: 50%;
      width: 148px;
      margin-top: 0px;
      margin-right: auto;
      margin-left: calc(-148px/2);
   }
   .camera .camera-holder p {
      width: 100%;
      line-height: 1.35em;
   }
}

@media only screen and (max-width:767px) {
   .banner-sec h1, .banner-sec h1 * {
      font-size: 20px !important;
   }
   .banner-sec #bgSlider .bigSliderOne::after {
      background: url(../img/768x870_ashtamudi_gray.jpg) left bottom no-repeat;
   }
   .banner-sec #bgSlider .bigSliderTwo::after {
      background: url(../img/768x870_northernlights_gray.jpg) left bottom no-repeat;
   }
   .banner-sec #bgSlider .bigSliderThree::after {
      background: url(../img/768x870_sikkim_gray.jpg) left bottom no-repeat;
   }
   .banner-sec #bgSlider .bigSliderFour::after {
      background: url(../img/768x870_jodhpur_gray.jpg) left bottom no-repeat;
   }
   .resorts .resort-slider .res-slide .res-img-holder #video-dim {
      height: 100% !important;
   }
   .banner-sec .wrapper {
      height: 100% !important;
      left: 0;
      margin: 0;
      width: 100%;
   }
   .banner-sections {
      height: 100% !important;
   }
   .banner-sec {
      height: 90% !important;
   }
   .banner-sec h1 {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-direction: column;
      align-items: center;
      width: 90% !important;
      margin: 35% 5% 5% !important;
      text-shadow: 0 0 20px #000;
      -o-flex-direction: column;
      -ms-flex-direction: column;
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -o-align-items: center;
      -ms-align-items: center;
      -moz-align-items: center;
      -webkit-align-items: center;
   }
   .banner-sec h1::before {
      margin: -80px 0 0;
   }
   .banner-sec .bx-wrapper img {
      height: unset;
      max-height: 100%;
      min-height: 100%;
      opacity: .8;
   }
   .banner-sec .slides {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      -webkit-justify-content: center;
      justify-content: center;
      height: 100%;
      overflow: hidden;
      -o-justify-content: center;
      -ms-justify-content: center;
      -moz-justify-content: center;
   }
   #newEraSlider h3 {
      margin: 20px 20px 60px !important;
      text-align: left;
   }
   #bgSlider .slides {
      height: 100% !important;
   }
   #EraInnerSlider, #bgSlider {
      height: 100%;
   }
   .banner-sec .bx-viewport {
      height: 100% !important;
   }
   #bgSliderCo {
      height: 100%;
   }
   .resorts .resort-slider .res-slide .res-img-holder {
      height: 30%;
   }
   .feature-card {
      margin-right: 4%;
   }
   .camera .camera-holder div:first-child {
      width: 167px;
      height: 160px;
   }
}

@media only screen and (max-width: 900px) and (orientation: landscape) {
   .camera .camera-holder div:first-child {
      width: 114px;
      height: 131px;
   }
   .camera .camera-holder img {
      width: 114px;
      margin-left: calc(-114px / 2);
      margin-top: 0;
   }
}