@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Flavors&family=Kaushan+Script&family=Princess+Sofia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
body, a, h1, h2, h3, h4, h5, h6, span, p, div, li{
  font-family: 'Jost', sans-serif;
}

.border-radius-2, .card, .card:first-child,
.card-header:first-child, .card-header {
  border-radius: 10px !important;
}

.border-1 {
  border: 1px solid #e5e5e5 !important;
}

.border-top-radius-2 {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.border-bottom-radius-2 {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.border-radius-1 {
  border-radius: 5px !important;
}

.first-time{
  position: absolute;
  background-image: url('/images/welcome.jpg');
  height: 100vh;
  width: 100vw;
  z-index: 999999 !important;
  /* background-size: 110% 110%; */
  background-position: center center;
  animation: shrink 20s infinite alternate;
  background-size: cover;
}

.container.booking-details {
  border: 1px solid #e5e5e5 !important;
  margin-bottom: 30px;
}

.container.booking-details .additional-info{
  padding-left: 0px;
  list-style: none;
}



@keyframes shrink {
  0% {
    background-size: 125% 125%;
  }
  100% {
    background-size: 100% 100%;
  }
}

.first-time .mainbox{
  float: right;
  padding: 100px;
  text-align: right;
}

.first-time .mainbox a#welcoming{
  padding: 4px 30px !important;
  letter-spacing: 2px;
  font-size: 18px !important;
}

.first-time .subtitle{
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 0px;
  line-height: 1.2px;
}


.first-time .maintitle{
  font-size: 94px;
  font-family: "Jost", sans-serif;
}

.navbar .site-menu{
  padding: 0px 30px;
  display: inline-flex;
  align-items: initial;

}
.navbar .site-menu ul.right li a div i:before{
  font-size: 20px;
}

.navbar .site-menu ul li{
  /* width: 120px !important; */
}

.logo{
  /* margin: 0 auto 0 0 !important;
  float: left;
  left: 30px; */
  padding: 14px 0 0 30px;
}

.site-header .topbar {
  border-top: 0px !important;
  border-bottom: 0px !important;
  background-color: #000000 !important;
}

.site-header {
  background-color: #000000;
}

.site-header .toolbar .toolbar-item > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.site-header .toolbar .toolbar-item > a:hover {
  color: #ffc107 !important;
}

.account-submenu li{
  text-align: left !important;
  list-style: none !important;
  padding-left: 0px;
}

.account-submenu{
  padding-left: 0px;
}

.account-submenu li a{
  font-size: 14px;
  color: #fff;
  width: 100%;
  display: block;
  padding: 4px 0px;
}

.account-submenu li a:hover,
.menu-right.active, .menu-right:hover{
  color: #ffc310 !important;
}

.site-header .site-branding{
  padding:15px 0px !important;
  border: 0px !important;
}

.site-header .site-branding .site-logo {
  width: 150px !important;
}

.logo img{
  width: 130px !important;
  z-index: 2;
  position: relative;
}

.text-underline{
  text-decoration: underline !important;
}

.site-header .site-menu > ul.right {
  margin: 0 0 0 auto !important;
}


.site-header .site-menu > ul.left {
  margin: 0 auto 0 0 !important;
}

.site-header .site-menu > ul > li > a{
  padding: 16px 18px !important;
}

.site-header .site-menu > ul.left > li > a{
  font-size: 18px;
  font-weight: 600;
}

.site-header .site-menu > ul > li.active > a,
.site-header .site-menu > ul > li:hover > a,
.toolbar-dropdown > li:hover > a, .site-header .site-menu > ul > li .sub-menu > li:hover > a,
.menu-right.active i:before,
.menu-right.active span {
  /* color: #257B85 !important; */
  color: #ffc107 !important;

}

.site-header .site-menu > ul > li.active > a::before {
  height: 0px !important;
  background-color: transparent !important;
}

.site-header .site-menu > ul > li.has-submenu:hover > a,
.site-header .site-menu > ul > li.has-megamenu:hover > a {
  border: 0px !important;
  background-color: transparent !important;
  color: #ffc107 !important;
}

.mainmenu{
  list-style: none !important;
  display: flex;
}

.mainmenu li{
  padding: 20px 18px 6px !important;
}

.mainmenu li a{
  color: #fff !important;
  font-size: 16px;
}

.mainmenu li a:hover{
  color: #fff !important;
  font-size: 16px;
  color: #ffc310 !important;
  text-decoration: none !important;
}

.mainmenu li.active a{
  color: #ffc310 !important;
  /* color: #257B85 !important; */
}

.mobile-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 2px !important;
  background-color: #f5f5f5;
  box-shadow: 0 7px 30px -6px rgba(0,0,0,0.15);
}

.mobile-menu .toolbar {
  display: table;
  width: 100%;
  margin-bottom: 2px !important;
}

.toolbar-dropdown, .site-header .site-menu > ul > li .sub-menu{
  left: -100px !important;
  background-color: rgba(0,0,0,0.7);
  border: 0px !important;
  border-radius: 10px;
}


.bg-home{
  background-image: url('../../../images/home-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

h1.home-title{
  font-size: 50px;
  font-weight: bold;
  margin:0px;
  font-family: 'Jost', sans-serif;
  line-height: 52px;
  color: #095056;
}

h3.home-tagline{
  font-weight: bold;
  margin:0px;
  font-family: 'Jost', sans-serif;
}

.filter-home .input-group .form-control{
  border:0px !important;
  height: 30px !important;
  margin-left: 54px !important;
  width: 86% !important;
  position: initial !important;
  padding: 0px !important;
  background: transparent !important;

}

.filter-home .input-group .input-group-append{
  display: none !important;
}

.filter-home .filter-icon-heading:before{
  font-size: 16px !important;
  margin-right: 8px !important;
  font-weight: 900 !important;
}

.filter-home .filter-icon:before{
  font-size: 20px !important;
  margin-right: 12px !important;
}

.filter-home .form-group.input-group{
  border: 1px solid #e5e5e5 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  border-radius: 10px !important;
  margin-bottom: 5px !important;
}

.filter-home .form-group.input-group label{
  margin-bottom: 0px !important;
  padding-left: 54px !important;
  color: #c5c5c5 !important;
}

.filter-home.activity-filter .row div.col-lg-3,
.filter-home.activity-filter .row div.col-lg-4,
.filter-home.activity-filter .row div.col-lg-8,
.filter-home.activity-filter .row div.col-lg-6{
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.filter-home .row div.col-lg-3,
.filter-home .row div.col-lg-6{
  padding-right: 4px !important;
  padding-left: 4px !important;
}



.pt-25, .py-25 {
  padding-top: 0.8rem !important;
}

.text-pink{
  color: #b1276f !important;
}

.bg-dark-transparent {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff !important
}

.bg-pink, .btn-pink{
  background-color: #b1276f !important;
  color: #fff;
}

.btn-pink:hover{
  color: #fff !important;
  background-color: #93205C !important;
}

.text-green{
  color: #257B85 !important;
}

.text-dark{
  color: #030303 !important;
}

.border-green-1{
  border: 1px solid #257B85 !important;
}

.border-green-2{
  border: 2px solid #257B85 !important;
}

.border-green-3{
  border: 3px solid #257B85 !important;
}

.border-green-4{
  border: 4px solid #257B85 !important;
}

.border-green-5{
  border: 5px solid #257B85 !important;
}

.bg-green, .btn-green{
  background-color: #257B85 !important;
  color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #257B85 !important;
  border-color: #257B85 !important;
}

.bg-light-warning{
  background-color: #FCF7DA !important;
  color: #ff9f1a;
}

.bg-light-danger{
  background-color: #FFEAEA !important;
  color: #ff3838;
}

.bg-secondary,
.btn-secondary {
  background-color: #f1f1f1 !important;
  border: 1px solid #f1f1f1 !important;
  color:#303030 !important;
}

.btn-secondary:hover {
  background-color: #ececec !important;
  border: 1px solid #ececec !important;
  color:#303030 !important;
}

.btn{
  font-size: 14px !important;
  line-height: 42px !important;
  padding: 0px 20px !important;
  border-radius: 6px !important;
}

.btn.btn-sm{
  font-size: 14px !important;
  line-height: 35px !important;
  padding: 0px 20px !important;
}

.form-control{
  font-size: 14px !important;
  line-height: 24px !important;
}

input.form-control{
  background-color: #fff !important;
}

.btn-green:hover{
  color: #fff !important;
  background-color: #2D929D !important;
}

.form-control{
  background-color: transparent !important;
}

a,
.breadcrumbs > li > a:hover{
  color: #257B85;
}

.site-header .toolbar .toolbar-item:hover{
  background: transparent !important;
}

.alert-green{
  background-color: rgba(55, 182, 196, 0.07) !important;
  color: #257B85 !important;
  border: 1px solid #C6E2FF !important;
}

.alert-blue{
  background-color: #DDEEFF !important;
  color: #0080FF !important;
  border: 1px solid #77BBFF !important;
}

.form-control:focus{
  background-color: rgba(55, 182, 196, 0.01) !important;
  border-color:#257B85 !important;
}

.input-group .form-control:focus ~ .input-group-addon,
.input-group .input-group-btn button:hover {
  color: #257B85 !important;
}

.btn-service{
  text-decoration: none;
}

.btn-service:hover{
  text-decoration: underline;
}

.text-600{
  font-weight: 600 !important;
}

.text-blue{
  color: #42beeb !important;
}

.text-dark{
  color: #303030 !important;
}

.bg-blue, .btn-blue{
  background-color: #42beeb !important;
  color: #fff;
}

.widget-title::after {
  height: 3px !important;
  background-color: #2D929D !important;
}

.widget-title {
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
  color: #232323;
  font-size: 18px !important;
  font-weight: normal;
}

h4.section-heading{
  font-weight: 600 !important;
}

/* home explore section */
.home-explore .owl-item{
  border-radius: 10px !important;
  background: #000;
}

.home-explore .owl-item img{
  border-radius: 10px !important;
  opacity: 0.6;
}

.owl-item img:hover{
  opacity: 0.8;
}

.owl-carousel .owl-prev, .owl-carousel .owl-next{
  margin-top: -25px;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  line-height: 34px;
  opacity:1 !important;
}

.owl-carousel .owl-prev{
  margin-left: -36px;
}

.owl-carousel .owl-next{
  margin-right: -36px;
}

.owl-carousel .carousel-caption h6{
  font-size: 16px;
  font-weight: 600;
  color:#ffffff;
}

.owl-carousel .owl-item-link:hover .owl-item img{
  border:6px solid #f5f5f5;
}

.owl-carousel .owl-item-link:hover .carousel-caption h6{
  text-decoration: underline !important;
}

/* recommended */
.product-card .product-button-group .product-button > span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  font-size: 12px;
  white-space: nowrap;
  opacity: 1 !important;
}

.product-card .product-button-group .product-button > i {
  display: block;
  position: inherit;
  margin-top: -18px !important;
  font-size: 18px;
}

.product-card .product-button-group .product-button:hover > i {
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.product-card .product-button-group .product-button{
  height: 56px !important;
  padding: 0px !important;
}

.product-card .product-title {
  margin-bottom: 0px !important;
  font-size: 16px;
  font-weight: normal;
}

.product-card .product-title a{
  font-weight: 600 !important;
}

.product-card .product-price {
  display: inline-block;
  padding: 0px !important;
  margin-bottom: 4px !important;
  background-color: transparent !important;
  font-size: 24px;
  font-weight: 600 !important;
  text-align: center;
}

.product-card {
  display: block;
  position: relative;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius:10px !important;
  background-color: #fff;
}

.product-card .product-thumb {
  display: block;
  width: 100%;
  padding-top: 20px;
  /* border-top-left-radius: 5px;
  border-top-right-radius: 5px; */
  border-radius:10px !important;
  overflow: hidden;
}

.product-card .product-button-group .product-button:first-child{
  border-bottom-left-radius:10px !important;
}

.product-card .product-button-group .product-button:last-child{
  border-bottom-right-radius:10px !important;
}

.product-card .product-price span{
  font-size: 18px !important;
}

.product-card .product-thumb > img {
  margin-top: 12px !important;
}

.accommodation-box .product-card .product-price {
  font-size: 24px;
}

.accommodation-box .product-card .product-title {
  font-size: 20px;
}

.accommodation .product-card .product-title > a:hover {
  transition: color .3s;
  color: #434343 !important;
  text-decoration: none;
}

.product-badge {
  padding: 6px 10px !important;
  letter-spacing: 0em !important;
  margin-top: -6px !important;
  height: 38px !important;
}

.product-gallery{
  padding:15px 15px 0px !important;
  border: 0px !important;
}

.shopping-cart .product-item .product-info span,
.wishlist-table .product-item .product-info span,
.order-table .product-item .product-info span {
    font-size: 16px !important;
    letter-spacing: 0px;
}

.btn-booking{
  height: 38px !important;
  padding: 2px 14px !important;
  border-radius: 6px !important;
  line-height: 32px !important;
  font-size: 12px;
}

.activities .btn-booking{
  position: absolute;
  bottom: -3px;
}

/* promotions */
.owl-item.promotions{
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}

.owl-item.promotions .media-body h6{
  font-weight:600;
}

/* home why us */
.icon-why-us{
  font-size:48px;
}

.why-us-section p{
  max-width: 280px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.be-part{
  background-image: url('../../../images/newsletter.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* home newsletter */
.newsletter-section .input-group .form-control{
  padding-left: 18px !important;
}

.newsletter-section input.form-control{
  width:100%;
  border-radius: 5px !important;
}

.btn-newsletter{
  float: right !important;
  left: inherit !important;
  right: 14px !important;
  cursor: pointer !important;
}

.btn-newsletter small{
  margin-top: -12px;
  position: absolute;
  right: 20px;
  top: 12px;
}

/* incorporation */
.img-incorporation{
  margin-left: 20px;
  border-radius: 10px;
  background-color: #F7F7F7;
}

/* footer */
.c-bank-list__img {
  padding: 6px 12px;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 10px;
  width: 54px !important;
}

.c-bank-list__text {
  display: none !important;
}

.scroll-to-top-btn{
  border: 2px solid #257B85;
}

footer.site-footer .widget-categories ul > li, .widget-links ul > li {
  padding-left: 24px !important;
}

.form-group label{
  padding-left: 0px !important;
  font-size: 14px !important;
}

.form-control,
.gj-datepicker-bootstrap [role="right-icon"] button,
.gj-timepicker-bootstrap [role="right-icon"] button,
.input-group-text {
  border: 1px solid #e8e8e8 !important;
}

.sp-categories > a, .sp-categories i,
.gj-icon.clock::before,
.fa.fa-calendar::before {
  color: #257B85 !important;
  font-size: 16px !important;
  vertical-align: top !important;
  margin-top: 4px !important;
}

.input-group-text,
.input-group-text i.fas,
.input-group-text i.far {
  color: #257B85 !important;
  font-size: 16px !important;
}

input.form-control:focus:required:invalid {border: 2px solid red !important;}

.input-group .form-control{
  padding-left: 12px !important;
  border-radius: 10px !important;
}

.gj-modal .header{
  width: 280px !important;
}

.gj-modal .gj-cursor-pointer {
  cursor: pointer !important;
  padding: 6px !important;
}

.gj-modal .gj-picker-bootstrap div[role="navigator"] {
  height: 50px !important;
  line-height: 50px !important;
  text-align: center !important;
}

.total-cart {
  font-size: 11px;
  background: #f00;
  color: #fff;
  font-weight: bold;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 5px;
  right: 24px;
  z-index: 10;
  text-align: center;
  border-radius: 30px;
  padding: 1px 4px;
}

.starting-price{
  margin-top: -6px !important;
  font-weight: 600 !important;
}

.card.activities{
  border-radius: 16px;
}

.card.activities img{
  border:1px solid rgba(0,0,0,.125);
}

.site-header .toolbar .toolbar-item{
  border-left: 0px !important;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

.line-box-inverse{
  font-size: 10px !important;
  border:1px solid #333 !important;
  color: #333 !important;
  background-color: transparent !important;
  padding: 2px 4px !important;
  margin-right:3px 2px 3px 0px !important;
  display: inline-block !important;
}

.gj-timepicker-bootstrap [role="right-icon"] button .gj-icon,
.gj-timepicker-bootstrap [role="right-icon"] button .material-icons {
  top: 13px !important;
  left: 14px !important;
}

.accommodation-box{
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.125);
}

.accommodation-box img{
  border-radius: 6px;
}

.details-accommodation-search input:focus,
.details-accommodation-search input:active,
.details-accommodation-search select:focus,
.details-accommodation-search select:active{
  background-color: #fff !important;
}

.details-accommodation-search .input-group-append .btn-outline-secondary {
  color: #000 !important;
  background-color: #fff !important;
  background-image: none !important;
  border-color: #fff !important;
}

.accommodation.product-gallery{
  padding:0px !important;
  border:0px !important;
  border-radius:0px !important;
}

.accommodation.product-gallery .product-thumbnails{
  padding: 0px !important;
  background-color: transparent !important;
}

.product-gallery .product-thumbnails > li > a{
  width: 100px !important;
}

.row.packages{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.row.packages .card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.package-options .card-body ul{
  padding:0;
  list-style: none !important;
}

.package-options .card-body ul li{
  padding: 0px 0px;
  border-bottom: 1px solid #f3f3f3 !important;
  letter-spacing: -1px;
  font-size: 14px;
}

.packages .list-group-item{
  min-height: 130px !important;
}

.packages .text-body ul {
  padding:0;
  list-style: none !important;
  margin:0;
}

.packages .text-body ul li{
  padding: 0px 0px;
  border-bottom: 0px solid #f3f3f3 !important;
  display: block;
  width:100%;
}



.package-options .card-body ul li:last-child{
  border-bottom: 0px !important;
}

.packages .text-body ul li:before{
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  color: #28a745 !important;
  margin-right: 10px;
}

.activity-date .btn {
  margin-top: 0px !important;
}

.breadcrumbs > li > a {
  transition: color .25s;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500 !important;
}

.breadcrumbs > li > a:hover {
  color: #fff !important;
}

.breadcrumbs > li:first-child > a::before {
  display: inline-block;
  margin-top: -1px;
  margin-right: 6px;
  font-family: feather;
  font-size: 14px;
  content: none !important;
  /* content: '\e979'; */
  vertical-align: middle;
}

.breadcrumbs > li.separator::before {
  color: #fff !important;
  font-weight: 900 !important;
}

.page-title {
  width: 100%;
  margin-bottom: -100px;
  padding: 18px 0 25px !important;
  /* padding: 36px 0; */
  background-color: #000;
  /* box-shadow: 0 7px 30px -6px rgba(0,0,0,0.12); */
  box-shadow: none !important;
  background-image: url('../../../images/title-bg.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 260px;
}

.page-title h1{
  /* display: none !important; */
  color: #fff !important;
  font-size: 38px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.page-title .column {
  vertical-align: bottom !important;
}



.widget-featured-posts > .entry .entry-thumb,
.widget-featured-products > .entry .entry-thumb,
.widget-cart > .entry .entry-thumb {
  width: 100px !important;
  padding-right: 12px;
}

.entry-content .entry-title a {
  font-size: 18px;
  color: #000 !important;
  font-weight: 500 !important;
}

.product-gallery .product-thumbnails{
  margin-left: 0px !important;
  margin-right: 0px !important;
  text-align: left;
}

.activity-date .gj-datepicker-bootstrap [role="right-icon"] button {
  width: auto !important;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media only screen and (max-width: 600px) {
  .bg-home{
    height: 420px;
  }

  .activity-filter .filter-box,
  .accommodation-filter .filter-box,
  .car-filter .filter-box{
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 30px !important;
    margin-top: 0px !important;
  }

  .filter-home .filter-box{
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 30px !important;
    margin-top: -120px;
  }


}

@media only screen and (min-width: 601px) {
  .bg-home{
    height: 360px;
    padding-top: 30px !important;
  }

  .activity-filter .filter-box,
  .accommodation-filter .filter-box,
  .car-filter .filter-box{
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    padding: 10px 30px !important;
    margin-top: 0px !important;
  }

  .filter-home .filter-box{
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    padding: 10px 30px !important;
    margin-top: -90px;
  }


}

@media only screen and (max-width: 480px) {
  .bg-home{
    height: 460px;
  }

  .container.booking-details .additional-info li{
    width: 100%;
    display: block;
  }
}

@media only screen and (min-width: 481px) {
  .container.booking-details .additional-info li{
    width: 45%;
    display: inline-block;
  }
}

@media only screen and (max-width: 991px) {
  .amenities-box{
    padding:10px 20px 10px 20px;
    margin: 5px;
    width: auto !important;
    display: inline-block !important;
    border-color: #e5e5e5;
    font-size:14px;
    background-color: #f5f5f5;
    list-style-type: none !important;
  }

  .mobile-nav{
    display: block !important;
    visibility: visible !important;
    text-align: center;
    margin: 0;
    border: 1px solid #dfdfdf;
    border-radius: 0px;
    background: #000 !important;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 9999 !important;
  }

  .mobile-nav .row .col-2{
    padding:32px 20px !important;
  }

  .mobile-nav i:before{
    font-size: 28px !important;
    color: #ffffff;
  }

  .mobile-nav .col-2.active a i:before,
  .mobile-nav a:hover{
    color: #2D929D !important;
    text-decoration: none !important;
  }
}

@media only screen and (max-width: 579px) {
  .packages .price-box {
    position: inherit;
    margin-top: 20px;
  }

  .packages .price-box .btn.btn-success{
    width: 100%;
  }
}

@media only screen and (min-width: 580px) {
  .packages .price-box {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .amenities-box{
    padding:10px 20px 10px 30px;
    margin: 5px;
    border-color: #e5e5e5;
    font-size:14px;
    background-color: #f5f5f5;
    list-style-type: none !important;
    width: 100%;
  }


  .mobile-nav{
    display: none !important;
    visibility: hidden !important;

  }
}

@media only screen and (min-width: 1200px) {
  div.container,
  nav.container {
    max-width: 1340px !important;
  }
}
