i.fab.fa-whatsapp{background:  #00a000;color: #fff;}
i.fab.fa-facebook-f{background: #38539b;color: #fff;}
i.fab.fa-twitter{background: #5789c4;color: #fff;}
i.fa-instagram{background-image: linear-gradient( 10deg, #efa513, #9007dc);}


/*-----------------   End Default Css By Amit Silori   ----------------------------------*/
.whiteheader{ display:none;}
*{margin: 0px; padding: 0px; box-sizing:border-box; }
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

body{	margin:0;	font-weight:400;overflow-x:hidden; font-family: 'Lato', sans-serif; color:#222;font-size:15px;	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; background: #d6b984;}

article{overflow: hidden;}
body a{	transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;	-o-transition: 0.5s all ease;	-ms-transition: 0.5s all ease;}

/* CSS TOP MARGINS * -------------------------- */
.top-marg-0 {margin-top:0;}
.top-marg-1 {margin-top:10px;}
.top-marg-2 {margin-top:20px;}
.top-marg-3 {margin-top:30px;}
.top-marg-4 {margin-top:40px;}
.top-marg-5 {margin-top:50px;}

h1,h2,h3,h4,h5,h6{margin:0;	font-weight:700; color: #627b39;}

h1{ font-size:36px; font-family: 'PT Serif', serif;}
h2{ font-size:26px; font-family: 'PT Serif', serif;}
h3{ font-size:20px; font-family: 'PT Serif', serif;}
h4{ font-size:18px; font-family: 'PT Serif', serif;}
h5{ font-size:15px; font-family: 'PT Serif', serif;}

p{font-weight: 400; color: #222;  font-size: 15px;  line-height: 26px; margin: 0px 0 0 0; color:666; font-family: 'Lato', sans-serif;}

ul,label{	margin:0;	padding:0;}

body a:hover{	text-decoration:none;}
html input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {  height: 40px;  padding: 0 10px; box-sizing: border-box;   width: 100%; color: #777;border:1px solid #ddd;border-radius:2px;	font-size: 13px;background:#fff;}
html select { padding: 0 11px;font-size:13px;}
html select option {font-size:14px;	font-weight:300;}
html textarea { padding:10px 10px; box-sizing: border-box;width: 100%; color: #999;border:1px solid #ddd;border-radius:2px;	font-size: 15px;}
html button, html input[type="button"]{  color: #fff;  display: inline-block;  padding: 13px 20px;  text-transform: uppercase;  font-size: 16px;
    border-radius:2px; border:none;	font-weight:600;height:50px;}
html button:hover, html input[type="button"]:hover{   color: #fff;}
html input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.form-control:focus {  color: #495057; background-color: #fff; border-color: #627b39; outline: 0; box-shadow: 0 0 0 0.15rem rgba(98, 123, 57, .2);}
.form-control{font-size: 13px; height: 42px; margin-bottom: 8px;}

.btn {font-size:15px;	padding: 11px 22px;	font-weight:400;	border-width:2px;	line-height:normal; text-transform: capitalize;}
.btn-primary {   color: #fff;  background-color: #b47110;  border-color: #b47110;}
.btn-primary:hover, .btn-primary:focus {  color: #fff;  background-color: #6d8744;  border-color:  #6d8744;}
.btn-primary-outline {  color: #fff; background-color: transparent; border-color: #0048a8;}
.btn-primary-outline:hover, .btn-primary-outline:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary:focus, .btn-primary:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary.focus, .btn-primary:focus { box-shadow: none;}
.btn-secondary {  color: #fff; background-color: #627b39;  border-color:  #627b39;}
.btn-secondary:hover, .btn-secondary:focus { color: #fff;  background-color:  #b47110; border-color:  #b47110;}
.btn-round {border-radius:25px;	padding:8px 25px;}
.text-uppercase{ text-transform:uppercase;}
.text-capitalize{ text-transform:capitalize;}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

.container{width: 1170px; max-width: 1170px;}
/*--HeaderS ection--*/

/*--nav Section--*/
.img-fluid{width: 100%;}


/*--General CSS--*/
.section{ padding:4em 0;}
.title{font-size:46px; line-height:58px; color: #375408; font-weight:500; font-family: 'PT Serif', serif;}
.title-pera{    font-size: 16px;  color: #b47110;  letter-spacing: 10px; font-weight: 500;}
.title.white{color: #fff;}
.white{color: #fff;}
p.sub-pera{color: #333; font-size: 16px;  font-family: 'PT Serif', serif; font-style: italic; font-weight: 600;}
img.img-hr{margin: 2em 0;}
ul.navbar-nav.menubar li.nav-item.dropdown{transition: .5s all;}
ul.navbar-nav.menubar li.nav-item.dropdown:hover .dropdown-menu{ display: block; }
/*-- end General CSS--*/

/*-----------------   End Default Css By Amit Silori   ----------------------------------*/




/*top header css*/
.header-start{position: fixed;width: 100%; z-index: 999;}
.top-header{background: #fff;}
.left-side{float: left; padding: 6px 0; width: 20%;}
a.navbar-brand{padding: 0px;}
.right-side.social{float: right; padding: 20px 0;}
.top-header span i{color: #6d8744; margin-right: 8px;}
.top-header span{ margin-right: 15px;}
.top-header .social a i{color: #fff; border-radius: 100%; height: 40px; width: 40px; line-height: 40px; text-align: center; margin-left: 5px; transition: .5s all;}

.navbar-light .navbar-brand { width: 20%; margin-right: 0px; padding: 4px 0; }
nav.navbar{padding: 0px; background: #0d0d0d;     z-index: 10;}
ul.nav.navbar-nav.menubar li a{ padding: 15px 18px; font-size: 14px; font-weight: 500; letter-spacing: 1; color: #eeac00; font-family: 'PT Serif', serif; text-transform: uppercase; border-left:1px solid #0d0d0d; border-right:1px solid #0d0d0d;}
ul.nav.navbar-nav.menubar li.active a{color: #000; background: #e1caa2;}
ul.nav.navbar-nav.menubar li a:hover{color: #000; background: #e1caa2;}
.navbar-light .navbar-nav a.nav-link:focus{color: #000; background: #e1caa2; border-color:#e1caa2; }
ul.nav.navbar-nav.menubar li.dropdown .dropdown-menu a{padding:10px 20px; border-bottom: 1px solid #ead6df; border-left:none; border-right:none; }
ul.nav.navbar-nav.menubar li.dropdown .dropdown-menu a:hover{background: #f5f5f5;}


/*home slider css*/
.main-baner{padding-top: 130px;}
.carousel-caption { position: absolute; right: 10%;bottom: 30%;left:10%; z-index: 10; padding-top: 20px;padding-bottom: 20px; color: #fff;text-align:center;}
h1.headline{font-size: 62px; color: #fff; margin:0px;  text-shadow: 2px 2px 2px #000; font-style: italic;}
.carousel-caption p{color: #fff; font-size: 23px; margin-top: 5px; margin-bottom: 20px;text-shadow: 2px 2px 2px #000;}
.carousel-caption a.btn{margin-right: 10px;}
.carousel-control-next, .carousel-control-prev {width: 6%;}
.carousel-control-prev-icon:before{}
.carousel-indicators li{width: 10px; height: 10px; border:1px solid #fff; background: transparent;}
.carousel-indicators li.active { background: #b47110; }
/*and banner slider css*/

/*start about css*/
.about{padding-top: 4em;}
.about-box{ background: #f5f5f5;}
.about-box p{ padding: 5px 0; }
/*end about css*/

/*start packages css*/
.packages-box{margin-top: 1em; padding: 15px; background: #f5f5f5; transition: .5s all;}
.packages-inner{padding: 15px; border:1px dotted #375408;}
.packages-icon{width: 100%; margin: 0 auto; border-radius:0%; overflow: hidden; }
.packages-icon img{}
.packages-inner h3{padding: 12px 0; margin: 0px;}
.package-text-height{height: 182px; overflow: hidden;}
.packages-inner p{margin-bottom: 12px; }
.packages-box:hover{transform: scale(1.02); box-shadow: 0 3px 16px 0 rgba(0,0,0,.11);}
.packages-start .owl-carousel .owl-nav .owl-next{ position: absolute; top: 45%; right: -20px; height: 30px; width: 30px; background: #627b39; transition: .5s all;}
.packages-start .owl-carousel .owl-nav .owl-prev{position: absolute;  top: 45%; left: -22px;  height: 30px; width: 30px; background: #627b39; transition: .5s all;}
.packages-start .owl-carousel .owl-nav .owl-prev:hover{background: #b47110;}
.packages-start .owl-carousel .owl-nav .owl-next:hover{background: #b47110;}
/*end packages css*/

/*start Activity section css*/
.activity{background: url(../images/meditation-bg.jpg) center no-repeat fixed; background-size: cover; }
.activity-start{float: right; width: 60%; background: #f5f5f5; padding: 2em }
.activity-start h2.title{font-size: 35px;}
.activity-start img.img-hr{margin: 10px 0;}
.activity-box{margin-top: 20px;}
.activity-img{float: left;margin-right: 12px; border-radius: 100%; overflow: hidden; width: 18%;}
.activity-box h3{margin-bottom: 5px;}
.activity-start a{float: right; margin-top: 15px;}
/*end Activity section css*/


/*gallery css strat*/
.our-gallery.section{padding-bottom: 0px;}
.gallery-start{margin-top: 2em;}

.gallery-start .row > .gallery-start .column {
/*  padding: 0 8px;*/
}

.gallery-start .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.gallery-start .column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.gallery-start .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0, 0.5);
  z-index: 999999;
}

/* Modal Content */
.gallery-start .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 60%;
  max-width: 1200px;
}

/* The Close Button */
.gallery-start .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 255px;
    font-size: 23px;
    font-weight: normal;
    opacity: 1;
    background: #ef1d3d;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    z-index: 1;
}

.gallery-start .close:hover,
.gallery-start .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  color: #fff;
}

/* Hide the slides by default */
.gallery-start .mySlides {
  display: none;
}

/* Next & previous buttons */
.gallery-start .prev,
.gallery-start .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.gallery-start .next {
  right: 0;
  border-radius: 3px 0 0 3px;
  background: rgba(0, 0, 0, .5);
}
.gallery-start .prev{ background: rgba(0, 0, 0, .5);}

/* On hover, add a black background color with a little bit see-through */
.gallery-start .prev:hover,
.gallery-start .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.gallery-start .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.gallery-start .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.gallery-start img.demo {
  opacity: 0.6;
  width: 100%;
}

.gallery-start .active,
.gallery-start .demo:hover {
  opacity: 1;
}

.gallery-start img.hover-shadow {
  transition: 0.3s;
  width: 100%;
}

.gallery-start .hover-shadow:hover {
}
.column.front-img {overflow: hidden; position: relative; cursor: pointer; transition: .5s all;}
.column.front-img img{transition: .5s all;}
.column.front-img:hover img{ transform: scale(1.2) rotate(.5deg); transition: .5s all; }
.gallery-overlay{ position: absolute; background: rgba(255, 255, 255, .2); padding: 100px 20px; text-align: center; top: 12px; height: 90%; width: 90%; left: 12px; transition: .5s all; border:1px solid #fff;}
.gallery-overlay i{ font-size: 30px; color: #fff; text-shadow: 2px 2px 2px #787878; transition: .5s all;}
.column.front-img:hover .gallery-overlay {display: none;}
.column.front-img:hover .gallery-overlay i{display: none;}
.gallery-button{margin-top: 2em;}
/*gallery css end*/

/*start grt form css*/
.get-touch img.img-hr{margin: 1em 0;}
.get-form{background: #f5f5f5; padding: 20px;}
/*start testimonials*/
.riview{margin-top: 25px;}
.item.riview-item .riview-text{ border: 1px solid #ddd; background: #f5f5f5; padding: 25px; margin-bottom: 15px; }
.item.riview-item i{    font-size: 26px; color: #b47110; width: 100%}
.riview-text p{padding: 10px 0;}
.user-img{width: 15%; float: left;  margin-right: 10px;}
.riview-user img{ border-radius: 100%; width: 20%; border:4px solid rgba(98, 123, 57, .3);}
.user-text{padding: 22px 0;}
.riview .owl-theme .owl-nav{display: none;}
 .riview  .owl-theme .owl-dots .owl-dot.active span, .riview .owl-theme .owl-dots .owl-dot:hover span {  background: #627b39;}
 .owl-theme .owl-dots .owl-dot span{background: transparent; border:1px solid  #627b39;}
/*end testimonials css*/

/*start ask question css*/
.ask-question{background: #f5f5f5;}
.ask-question-box .card{margin-bottom: 8px;}
.ask-question-box .card a h5{color: #666;}
.ask-question-box .card a i{float: right;}
.accordion>.card .card-header {
    margin-bottom: 0px;
    height: 55px;
}
/*start footer css*/
.main-footer{background: url(../images/footer-bg.jpg) center no-repeat; background-size: cover; margin-top: -8px; padding-top: 4em;}
.footer-start{padding-bottom: 3em; }
.footer-box ul li{list-style: none;}
.footer-box ul{padding: 0px;}
.footer-box ul li a img{float: left; margin-right: 10px;}
.footer-box ul li a{color: #e0dfdf; width: 100%; display: block; padding: 5px 0; border-bottom: 1px dotted #c5c5c5; font-size: 14px; }
.footer-box h4{color: #fff; margin-bottom: 10px;}
.footer-box hr{    background: #b47110;  height: 1px;  width: 120px;  margin: 10px 0;}
.footer-box.footer-box2{margin-top: 20px;}
.footer-social a i{color: #c5c5c5; border:1px solid #c5c5c5; height: 35px; width: 35px; line-height: 35px; text-align: center; border-radius: 100%; margin-top: 10px; margin-right: 14px; transition: .5s all; }
.footer-social a i:hover{ color: #fff;background: #b47110; border-color: #b47110;}
.footer-box p{color:#e0dfdf; font-size: 14px; margin-bottom: 10px; }
.footer-box p.footer-mail{margin-bottom: 0px;}
.footer-box p b{color:  #ff9b00;}
.copy-footer{padding: 10px; border-top: 1px solid #c5c5c5}
p.left{float: left; color: #c5c5c5; font-size: 12px; letter-spacing: 2;}
p.right{float: right;color: #c5c5c5; font-size: 12px; letter-spacing: 2;}
.copy-footer p a, .copy-footer p i{color: #fff;}
.footer-other-links {padding-bottom: 5px;}
.footer-other-links a {color:#e0dfdf; margin: 0 10px ; font-size: 13px; }
/*end footer css*/

.workation-fix{position: fixed; top: 250px; right: 0px; z-index: 999999;}



/*About start*/
.inner-banner{background: url(../images/inner.jpg) center no-repeat; background-size: cover; padding-top: 12em; padding-bottom: 4em;}
.inner-banner span{color: #333;}
.inner-banner small{font-size: 13px;}
.inner-banner small a{color:#375408; }
.inner-banner small i{color:#375408;}
.about_self p{color:#333; }
.about_self1{background:#f5f5f5;}
.about_self2{    background: #fff; padding: 4em 4em; height: auto; margin-top: 2em;}
.about_self2 p{margin-top: 10px;}
/*why choose start*/
.why_choose_about { margin-bottom: 1em; }
.why_choose_about p{color: #333;}

/*contact page*/

.contact_located h3{color: #000;}
.contact_located p{color: #333; margin-bottom: 1.5em;}
.contact_page h2{margin-bottom: 1em;}

/*activities page start*/
.package_head{background: url(../images/pack.jpg)fixed center no-repeat; background-size: cover;}
.package_head p{margin-bottom: 1.5em;color: #fff;}
.package_detail{margin-top:2em;}
.package_detail1{padding: 1em; background: #fff; }
.package_detail1 h3{padding-bottom:10px;}
.package_detail1 p{padding-bottom: 13px;height: auto;}
/*package page start*/
.package_img_detail{    background: #fff; margin-bottom: 3em;}
.package_info{padding: 2em 0em; padding-right: 1em;}
.package_info p{margin-top: 0.4em;}
.package_info h3{margin-bottom: 0.4em;}
.package_info span i{margin-right: 10px;}
.package_info b{color: #333;}
.package_info span{color: #b47110;}
.package_info strong{color: #375408; font-size: 20px;}
.package_info a{margin-top: 1em;}
.package_info.info2{padding: 2em 0em; padding-left:  1em;}
.package_img_detail img{height: 100%;}
.workation-icon{background: #fff; padding: 1em;}
.workation-icon h3{margin-top: 15px; font-size: 14px;}
.workation-packages{margin-top: 3em; }
.workation-package-box{background: #fff; }
.workation-package-box h3{margin-bottom: 5px;}
.workation-package-box span{margin-bottom: 10px; display: block; color: #d49a09;}
.workation-package-text {padding: 20px 0;}
.workation-package-text a.btn {margin-top: 10px; display: inline-block;}
.workation-package-text p b {font-size: 18px; color: #627d34; font-weight: 700; margin:5px 0; display: inline-block;}


/*accomation page start*/
.accommodation_info{padding: 2em 0em; padding-right: 1em;}
.accommodation_info h3{margin-bottom: 0.4em;}
.accommodation_info span{margin-top: 0.4em; color: #333;}
.accommodation_info a{margin-top: 1em;}
.accommodation_info p{margin-top: 0.5em;}
.accommodation_info1{background: #fff;   }
.accommodation_info1 h3{margin: 1em 0em; font-size: 2em;}
.accommodation_info1 span{display: inline-block;  padding-bottom: 2em; color: #333; width: 33%;}
.accommodation_info1 span i{margin-right: 1em; color: #627b39; }
.accommodation_info strong{color: #375408; font-size: 20px;}
.accommodation_img_detail{margin-bottom: 2em; background: #fff;}
.accommodation_img_detail img{height: 100%;}
.accommodation_info p{color: #333;}
.bx-pager, .bx-controls-auto{display: none;}
.bx-wrapper{margin-bottom: 0px !important;}
.bx-controls{}
.bx-wrapper .bx-controls-direction a{z-index: 0 !important;}
.modal-body.modal-trems p a{color: #375408; margin:0 5px;}

/*price page start*/
.rate_info { display: inline-block; width: 46%; background: #fff; padding: 15px; margin-right: 1em; }
.rate_info h3{ margin-bottom: 1em; }
.rate_info a.btn {float: right;}
.rate_info {margin-bottom: 1em;}
.rate_info span{font-weight: bold;}

/*gallery page start*/
.our-gallery.section.gallery_page{padding-bottom: 4em;}

/*thank you page*/
.thank-you.section{padding: 3em 0 1.5em 0; font-weight: 800; font-size: 70px;}
.thank-you img{width: 30%;}
.thank-text{    background: #f5f5f5; width: 75%; margin: 0 auto; padding: 15px; border: 1px solid #5c7635; }
.thank-inner{padding: 15px; border:1px solid #ddd; background: #fff;}
.thank-inner p{padding: 5px 0; font-weight: bold;}
.thank-inner p.thank-pera{color: #b47110; font-size: 18px; font-weight: bold;}
.thank-inner p b{letter-spacing: 2; color: #5c7635; font-weight: bold;}
/*thank you page*/
.book-now-btn img{position: fixed; top: 80px; right: 0px; z-index: 9999;}
.book-list-footer {position: fixed; top: 90px; right: 0px;z-index: 999;background: #b47110;   padding: 10px; width: 0px; transition: .5s all;}
.book-list-footer a{    display: block; border: 1px solid #ddd;  margin: 2px;  padding: 5px 30px;  color: #fff; transition: .5s all;}
.book-now-btn img:hover .book-list-footer{width: 30%;}
.book-now-btn:hover .book-list-footer{width: 15%;}
.book-list-footer a:hover{background: #627b39;}
.faqs{position: fixed; top: 80px; left: 0px; z-index: 9999;}
/*paym,ent page css*/
.Payment-text {margin-top: 12px;}
.Payment-text p {color: #2a4209; font-weight: bold;}
.Payment-text p strong{font-size: 18px; color: #000;}
.Payment-text.bank-upi p{    padding: 8px; border: 1px dotted #d6b984; color: #fff; font-size: 22px ; font-weight: bold;}
.Payment-text.bank-upi{    background: #5a7435; padding: 8px; text-align: center; margin-top: 44px;}
.Payment-text.bank-upi p b{color:#daaa52; }
.failed-img {   padding: 2em;}
.payment-failed.section{padding-top: 12em;}
.failed-text h2.title{color: #a24500;}
.failed-text p strong{color: #a24500;}
.failed-text p{color: #222; margin-top: 10px;}
.failed-text a.btn{margin-top: 15px;}
/*policy page css*/

.policy-text{background: #fff; padding: 20px; border:1px solid #ddd; margin-top: 2em;}
.policy-text h3{margin-bottom: 10px;}
.under-maintain{    background: #b11313;
    color: #fff;
    padding: 1em;
        font-size: 16px;
    font-weight: 400;
    position: fixed;
    bottom: 0px;
    width:100%;
    z-index: 999;
  }

  .under-maintain i{color: #ffed00; font-size: 20px; margin-right: 5px;}


/*start datepicker csss*/
.datepicker table {
    width: 100%;
}
.datepicker{width: 20%;}
.yoga-ttc-rys{background: #fff;}
.sly-list ul li{padding: 10px; background: #0d0d0d; color: #eeac00; margin-bottom: 8px; list-style: none; text-align: center;  }
img.img-border{border: 5px solid #fff; border-radius: 10px;}
.ttc-schedule{background: #fff;}
.sch-text ul li{ border:1px solid #ddd; vertical-align: middle;margin-bottom: 5px; list-style: none;}
.sch-text ul li span{ display: inline-block;  padding: 10px 15px; vertical-align: middle; background: #eeac00; color: #000; list-style: none; margin-right: 5px;}
.start-ttc-date ul.thead{background: #0d0d0d; color: #eeac00;}
.start-ttc-date ul {margin: 0px; border-bottom: 1px solid #ddd;}
.start-ttc-date ul li {list-style: none; display: inline-block; width: 24%; padding: 10px; text-align: center;}
.start-ttc-date ul li b{display: none;}
.start-ttc-date{background: #fff;}
.ttc-include-box ul li{list-style: none; padding: 8px 0;}
.ttc-include{background: #fff;}
.ttc-include-box h3{font-size: 24px; background: #eeac00; color: #000; padding: 10px; margin-bottom: 15px;}

.rishikesh-retreat-box{background: #fff; overflow: hidden; margin-bottom: 30px;}
.rishikesh-retreat-img img{height: 100%;}
.rishikesh-retreat-text{padding: 2em; }
.rishikesh-retreat-text p{text-align: justify;}
.package_info{padding: 2em;}
.package_info ul li{list-style: none; padding: 8px  8px; margin-bottom: 3px; border-bottom: 1px dashed #ddd; border-left: 3px solid #000;}

















































@media(max-width:1024px){
  .container {
    width: 960px;
    max-width: 1170px;
}
ul.nav.navbar-nav.menubar li a {
    padding: 15px 12px;
    font-size: 14px;}
 .top-header .social a i {
    height: 30px;
    width: 30px;
    line-height: 30px; }
  .main-baner { padding-top: 120px;}
  .footer-social a i {    margin-right: 4px;}
.activity-img {
  width: 23%;
}
.book-now-btn:hover .book-list-footer {
    width: 20%;
}
.about_self2 {
    background: #fff;
    padding: 2em 4em;
    height: auto;
    margin-top: 0em;
    margin-top: 1em;
}
.package_img_detail img{ height: 100%; }
.accommodation_img_detail img{height: 100%;}
}

@media(max-width:768px){
.right-side.social a{display: none;  }
.main-baner {   padding-top: 110px;}
.container {width: 720px; max-width: 1170px;  }
h1.headline {     font-size: 39px;}
.carousel-caption p {     font-size: 16px;}
.about-box .col-md-6 {width: 100%; flex: 100%; max-width: 100%; }
.packages-start .col-md-4{width: 100%; flex: 100%; max-width: 100%;}
.activity-start { width: 100%;}
.footer-start .col-md-3{width: 50%; flex: 50%; max-width: 50%;}
.footer-box{margin-bottom: 20px;}
.navbar-light .navbar-toggler { width: 100%;}
nav.navbar {    background: #f5f5f5;}
.book-now-btn:hover .book-list-footer {  width: 26%;}
.about_self1 .col-md-4{width: 100%; max-width: 100%; flex: 100%;}
.about_self1 .col-md-8{width: 100%; max-width: 100%; flex: 100%;}
.about_self .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.packages-page .col-md-4{width: 50%; max-width: 50%; flex: 50%;}
.about_self1 p{width: 100%; max-width: 100%; flex: 100%;}
.about_self p{text-align: center; margin-bottom: 10px;}
.workation-start .col-md-2 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
    width: 33%;
    margin: 10px 0;
}
.workation-packages .col-md-4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    width: 100%;
    margin: 10px 0;
}
}

@media(max-width:667px){
.container {width: 540px; max-width: 1170px;  }
.right-side.social{font-size: 11px;}
.left-side { width: 22%;}
.main-baner {  padding-top: 106px;}
.activity-img {  margin-bottom: 46px;}
.testimonial{margin-top: 1.5em;}
.carousel-caption{ bottom: 8%;}
.book-now-btn{display: none;}
.packages-icon {    height: 165px;}
.about_self img{margin-top: 15px;}
.about_self2 { padding: 2em 2em;}
.package_info {
    padding: 2em 1em;
}
.inner-banner .title{font-size: 36px;}
.inner-banner {
    padding-top: 10em;
}
.package_detail1 p {    height: auto;}
.title {font-size: 40px;}
.accommodation_info {    padding: 2em 2em;}
.accommodation_info1 span{width: 100%;}
.packages-inner p{height: auto;}
}

@media(max-width:640px){

}

@media(max-width:568px){
  .carousel-caption p {        font-size: 14px;}
  h1.headline {font-size: 29px;}
.top-header span.mail{ display: none;}
.left-side {
    width: 32%;
}
.right-side.social {  font-size: 16px;    padding: 16px 0;}
.main-baner .carousel-item img {height: 280px;}
.carousel-caption {
        bottom: 18%;
}
.gallery-start .column {
    float: left;
    width: 33%;
}
.footer-box ul li a {font-size: 15px;}
}

@media(max-width:480px){
.container{width: 100%; max-width: 100%;}
.h1.headline {    font-size: 25px;}
.carousel-caption p {font-size: 12px;}
.carousel-item img{height: 280px;}
.left-side {    width: 100%; float: none;    text-align: center;}
.right-side.social {    font-size: 15px;    float: none;    text-align: center;}
.top-header span {    margin-right: 15px;    display: block;}
.main-baner {    padding-top: 10.37em;}
.activity-start { text-align: center;}
.activity-img {    margin-bottom: 46px; float: none;    margin: 0 auto;    width: 33%;    margin-bottom: 14px;}
.title {    font-size: 35px;}
.gallery-start .column {  float: left;    width: 32%;}
.footer-start .col-md-3 {    width: 100%;    flex: 100%; max-width: 100%;}
 .section {    padding: 3em 0;}
p.left {    float: none; text-align: center;}
p.right {    float: none; text-align: center;}
.packages-page .col-md-4 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}
.inner-banner {
    padding-top: 15em;
}
.package_detail1 p {
    height: auto;
}
.package_detail1 {
    text-align: center;
}
.workation-start .col-md-2 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    width: 50%;
}
}

@media(max-width:375px){
.carousel-caption p {        font-size: 13px; margin-bottom: 6px;}
h1.headline {    font-size: 22px;}
.right-side.social {    padding: 7px 0;}
.main-baner {    padding-top: 166px;}
.carousel-caption {    bottom: 14%;}
.main-baner .carousel-item img {
    height: 250px;
}
.title {
    font-size: 32px;
}
.packages-icon {
    height: 115px;
}
.gallery-start .column {
    float: left;
    width: 50%;
}
}



@media(max-width:360px){
  .title {    font-size: 26px;}
  .carousel-caption p {     font-size: 12px;      line-height: 20px;}
  .activity-start a {    float: none;}
  .gallery-start .column {    width: 50%;}
.inner-banner {
    padding-top: 13em;
}
.inner-banner .title {
    font-size: 24px;
}
}

@media(max-width:320px){
.main-baner {padding-top: 9.37em;}
.btn{    font-size: 10px;}
h1.headline {        font-size: 18px;}

.packages-icon {
   width: 50%;
}
.activity-img{width: 50%;}
p.left{font-size: 10px;}

}