/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) @media (min-width: @screen-sm-min) {
} */
/* Medium devices (desktops, 992px and up) @media (min-width: @screen-md-min) {
} */
/* Large devices (large desktops, 1200px and up) @media (min-width: @screen-lg-min) {
} */
/* Small devices (tablets, 767px and below) @media (max-width: @screen-sm-min) {
} */
@media(max-width: 767px) {
    #mu-slider {
        margin-top: 80px !important;
    }  
    #subscribe-btn-scroll {
        display: none;
    }  
    .footer-wrapper .column {
        float: left;
        width: 100%;
        padding: 0px 5px;
    }  
    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        border: 0;
        height: 25px;
        width: 100px;
    }  
    .subscribe-btn {
        border-radius: 25px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        background-color: #06b9b1;
        border: 0;
        height: 25px;
        width: 80px;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
    }  
    .icon_div img {
        width: 37px;
        height: 15.5px;
    }  
    .text_div p,
    .text_div small {
        font-size: 14px;
    }  
    .text_div {
        width: 170px;
    }  
    #scroll-footer small {
        display: flex;
        font-size: 8px;
    }  
    #socl-content p {
        color: #FFFFFF;
        font-size: 14px;
        padding: 10px;
    }  
    .holiday-voucher-image {
        margin-top: 81px;
    }  
    .holiday-voucher-banner-title {
        font-size: 28px;
        font-variant: bolder;
        top: 18%;
    }  
    .underline {
        border-bottom: 3px solid #FFFFFF;
        padding-bottom: 10px;
    }  
    /* .holiday-voucher-content h4 { } */  
    .holiday-voucher-content-2 h4 {
        margin-top: 10px;
    }  
    .payment-total {
        text-align: center;
    }  
    .stay-details {
        text-align: center;
    }
}
  /* Small devices (tablets, 768px and up) */
  @media (min-width: 768px) {
  }
  /* Medium devices (desktops, 992px and up)*/
  @media (min-width: 992px) {
  }
  /* Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
  }
  /*================== RESPONSIVE DESIGN ====================*/
  @media (max-width: 1920px) {
    /* .img-container {
        margin: 15px auto;
    } */
  }  
  @media (max-width: 1500px) {
    #mu-footer {
      background: #03b8b0;
      padding: 54px 30px;
    }  
    .footer-wrapper .column ul li.greenroundstrip a {
      font-size: 14px;
    }  
    .footer-wrapper .column ul li.greenroundstrip {
      width: 95%;
    }  
    .footer-wrapper .column p {
      width: 90%;
    }
  }  
  @media (max-width: 1199px) {
    .mu-main-navbar .mu-main-nav li a {
      padding-left: 7px;
      padding-right: 9px;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content {
      position: absolute;
      left: 5%;
      top: 15%;
      right: 5%;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-small-title {
      font-size: 80px;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {
      font-size: 55px;
      line-height: 70px;
    }  
    .mu-reservation-content {
      padding: 0;
    }  
    .mu-testimonial-slider li .mu-testimonial-single {
      padding: 0 50px;
    }  
    .mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-social {
      padding: 23px 5px;
    }  
    .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {
      padding-top: 26%;
    }  
    .footer-wrapper .column .social-icons li {
      float: left;
      margin: 19px -40px 0px 60px;
    }  
    .img-container {
      margin: 30px auto;
    }  
    ul .green-strip {
      padding: 10px 6px 10px 10px;
      font-family: "LatoRegular";
      font-size: 12px;
      width: 100%;
      height: 30px;
      display: table;
    }  
    ul .fare-details h4 {
      font-size: 18px;
      margin: 0;
    }
  }
  /*--- Laptops ---*/
  @media (max-width: 1366px) {
    .footer-wrapper .column .social-icons li {
      float: left;
      margin: 19px -55px 0 73px;
    }  
    .breadcrumb-box-text {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      padding: 25px 0 20px 0;
      color: #222;
      text-transform: uppercase;
      margin-left: -129px;
    }  
    #mythumbCarousel .carousel-control {
      position: relative;
      top: -865px;
      right: 0px !important;
      bottom: 0;
      left: 93.5%;
      width: 15%;
      font-size: 20px;
      color: #fff;
      text-align: center;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
      background-color: rgba(0, 0, 0, 0);
      filter: alpha(opacity=50);
      opacity: .5;
      background: none !important;
    }  
    #modal-gallery-btn {
      position: absolute;
      left: 8.5%;
      top: 55%;
    }
  }
  /*--- Laptops ---*/
  @media (max-width: 1280px) {
    .footer-wrapper .column .social-icons li {
      float: left;
      margin: 19px -55px 0 73px;
    }  
    .holiday-voucher-banner-title {
      font-family: 'Lato', sans-serif;
      position: absolute;
      color: #ffffff;
      /* text-decoration: underline; */
      font-size: 45px;
      font-weight: bolder;
      top: 21%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 500;
      font-family: 'Lato', sans-serif;
    }  
    .single-banner-title {
      position: absolute;
      color: #ffffff;
      font-size: 46px;
      font-variant: bolder;
      top: 21%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 500;
      font-family: 'Lato', sans-serif;
    }  
    .breadcrumb-box-text {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      padding: 25px 0 20px 0px;
      color: #222;
      text-transform: uppercase;
      margin-left: -158px;
    }
    .single-banner-title {
      position: absolute;
      color: #ffffff;
      font-size: 46px;
      font-variant: bolder;
      top: 25%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 500;
      font-family: 'Lato', sans-serif;
    }  
    .breadcrumb-box-text span {
      font-size: 16px;
      padding: 5px;
      color: #00b7af;
    }  
    #modal-gallery-btn {
      position: absolute;
      left: 5.5%;
      top: 50%;
    }  
    #mythumbCarousel .carousel-control {
      position: relative;
      top: -865px;
      right: 0px !important;
      bottom: 0;
      left: 93.5%;
      width: 15%;
      font-size: 20px;
      color: #fff;
      text-align: center;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
      background-color: rgba(0, 0, 0, 0);
      filter: alpha(opacity=50);
      opacity: .5;
      background: none !important;
    }  
    .get-started-text {
      font-family: 'Lato', sans-serif;
      font-size: 14px;
      line-height: 45px;
      font-weight: 500;
    }
  }  
  @media (max-width: 1024px) {
    .breadcrumb-box-text {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      padding: 25px 0 20px 0px;
      color: #222;
      text-transform: uppercase;
      margin-left: -142px;
    }  
    .from-price {
      display: flex;
      background-color: #00b7af;
      border: 1px solid #fff;
      position: absolute;
      top: 175px;
      right: 50px;
      color: #ffffff;
      width: 155px;
      height: 65px;
      justify-content: center;
    }  
    .package .dd-package-name {
      font-family: 'Lato', sans-serif;
      position: absolute;
      color: white;
      top: 115px;
      left: 54px;
    }  
    #modal-gallery-btn {
      position: absolute;
      left: 4.5%;
      top: 40%;
    }  
    .dd-card {
      text-align: center;
      width: 100%;
      border-bottom: 1px solid #e7e7e7;
      position: absolute;
      margin-top: -171px;
    }  
    .select-night-heading {
      font-family: 'Lato', sans-serif;
      font-size: 18px;
      color: #00b7af;
      margin-left: -15px;
    }  
    .choose-package-heading {
      font-family: 'Lato', sans-serif;
      font-size: 18px;
      color: #00b7af;
      margin-left: -15px;
    }  
    #mythumbCarousel .carousel-control {
      position: relative;
      top: -968px;
      right: 0px !important;
      bottom: 0;
      left: 92.5%;
      width: 15%;
      font-size: 20px;
      color: #fff;
      text-align: center;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
      background-color: rgba(0, 0, 0, 0);
      filter: alpha(opacity=50);
      opacity: .5;
      background: none !important;
    }  
    .more-details-btns {
      font-family: 'Lato', sans-serif;
      width: 170px;
      padding: 5px;
      color: #fff;
      font-size: 18px;
      letter-spacing: 0.5px;
      border-radius: 50px;
      background-color: #00b7af;
      position: absolute;
      margin-left: 44px;
    }  
    .get-started-text {
      font-family: 'Lato', sans-serif;
      font-size: 11px;
      line-height: 45px;
      font-weight: 500;
      width: auto;
    }  
    .or-text {
      font-family: 'Lato', sans-serif;
      font-size: 12px;
      font-weight: 500;
      width: 50px;
      line-height: 35px;
    }  
    .referral-banner-title {
      font-family: 'Lato', sans-serif;
      position: absolute;
      color: #222222;
      font-size: 40px;
      top: 20%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 600;
    }
  }
  
  @media (max-width: 991px) {
    .nav > li > a > img {
      height: 30px;
      width: 30px;
      margin-right: 6px;
    }  
    .navbar-default .navbar-collapse {
      padding-left: 0px;
      padding-right: 0px;
    }  
    .mu-main-navbar .mu-main-nav li a {
      padding-left: 5px;
      padding-right: 5px;
      font-size: 14px;
    }  
    .mu-top-slider-content .mu-reservation-btn {
      display: none;
    }  
    .mu-about-us-left, .mu-reservation-form {
      text-align: center;
    }  
    .mu-reservation-right {
      margin-top: 60px;
    }  
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right {
      margin-top: 50px;
      padding: 0;
    }  
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {
      padding-top: 22%;
    }  
    #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single {
      padding: 0 60px;
    }
    #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single .mu-testimonial-info p::before {
      top: 40%;
    }  
    .container {
      width: 100%;
    }  
    .single-banner-title {
      position: absolute;
      color: #ffffff;
      font-size: 38px;
      font-variant: bolder;
      top: 25%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 500;
      font-family: 'Lato', sans-serif;
    }  
    .breadcrumb-box-text {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      padding: 25px 0 20px 0px;
      color: #222;
      text-transform: uppercase;
      margin-left: 0;
    }  
    .dd-buy-btn {
      width: 270px;
      color: #FFFFFF;
      font-size: 17px;
      letter-spacing: 1px;
      padding: 10px;
      font-weight: bold;
      border-radius: 50px;
      background-color: #00b7af;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: -25px;
    }  
    .dd-card {
      text-align: center;
      width: 93%;
      border-bottom: 1px solid #e7e7e7;
      position: absolute;
      margin-top: -171px;
    }  
    .package .dd-package-name {
      font-family: 'Lato', sans-serif;
      position: absolute;
      color: white;
      top: 154px;
      left: 54px;
    }
  }  
  @media (max-width: 767px) {
    /* #mu-slider { } */  
    #mu-header {
      padding: 0 15px;
    }  
    .navbar-default .navbar-toggle {
      border-radius: 0px;
    }  
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: #00b7af;
    }  
    .mu-main-navbar .mu-main-nav {
      background-color: #00b7af;
      text-align: center;
    }  
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      background-color: #fff;
    }  
    #mu-counter .mu-counter-overlay .mu-counter-area .mu-counter-nav li {
      margin-top: 10px;
      margin-bottom: 10px;
      border-right: none;
    }
  }  
  @media (max-width: 640px) {
	.icon-bar {
		background: #FFF !important;
	}
    #homebanner .slick-slide {
      min-height: 250px;
      max-height: 250px;
    }
    .widgets_div {
      padding: 0;
    }
    .widgets_div .icon_div {
      display: none;
    }
    .widgets_div .text_div p {
      margin-bottom: 0;
    }
    #scroll-footer .col-md-offset-1.col-md-4.col-sm-3.col-xs-12 {
      text-align: center;
    }
    #scroll-footer .subscribe {
      margin-top: 10px;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: #00b7af;
    }
    .navbar-brand>img {
        width: 130px;
    }
    #mu-slider .mu-slider-area .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {
      font-size: 50px;
      line-height: 75px;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content {
      top: 18%;
    }  
    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-restaurant-menu li a {
      font-size: 16px;
      margin: 0 5px;
    }  
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {
      padding-top: 18%;
    }  
    #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single {
      padding: 0;
    }  
    .mu-testimonial-slider li .mu-testimonial-single .mu-testimonial-info p {
      font-size: 16px;
      line-height: 30px;
    }  
    #mu-chef .mu-chef-area .mu-chef-content .mu-chef-nav .slick-list li .mu-single-chef .mu-single-chef-social a {
      margin: 0 3px;
      padding: 3px 0;
      width: 30px;
    }  
    .mu-top-slider .slick-dots {
      display: none !important;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-small-title {
      font-size: 45px;
      line-height: 35px;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content p {
      font-size: 14px;
      margin-bottom: 0;
      margin-top: 0px;
      padding: 0 5px;
    }  
    #mu-slider .mu-slider-area .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {
      font-size: 30px;
      line-height: 50px;
    }
  }  
  @media (max-width: 480px) {
    /* #mu-slider {
        margin-top: 101px !important;
        height:90px;
    }
    #mu-slider .mu-slider-area .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {
        font-size: 15px;
        line-height: 50px;
    }
    .mu-top-slider-content{
        top:10% !important;
    } */
	.icon-bar {
		background: #FFF !important;
	}
	#homebanner .slick-slide {
      min-height: 250px;
      max-height: 250px;
    }
    .widgets_div {
      padding: 0;
    }
    .widgets_div .icon_div {
      display: none;
    }
    .widgets_div .text_div p {
      margin-bottom: 0;
    }
    #scroll-footer .col-md-offset-1.col-md-4.col-sm-3.col-xs-12 {
      text-align: center;
    }
    #scroll-footer .subscribe {
      margin-top: 10px;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: #00b7af;
    }
    .navbar-brand>img {
        width: 130px;
    }
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content {
      top: 0 !important;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content p {
      display: none;
    }  
    .mu-reservation-content p {
      padding: 0;
    }  
    .mu-title {
      margin-bottom: 0;
    }  
    #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single {
      padding: 0;
    }  
    #mu-subscription .mu-subscription-area .mu-subscription-form input[type="text"] {
      width: 100%;
      margin-bottom: 20px;
    }  
    #mu-subscription .mu-subscription-area {
      padding: 0;
      text-align: center;
    }  
    #mu-subscription .mu-subscription-area .mu-subscription-form .mu-readmore-btn {
      width: auto;
    }  
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery {
      width: 100%;
    }  
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {
      padding-top: 30%;
    }  
    #mu-map {
      height: 350px;
    }  
    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-restaurant-menu li {
      margin-bottom: 10px;
    }  
    .carousel-caption p {
      font-size: 14px;
      padding: 4px;
      line-height: 14px;
      font-family: 'Lato', sans-serif;
    }  
    .carousel-caption h1 {
      font-size: 24px;
      font-family: 'Lato', sans-serif;
      font-style: italic;
      font-weight: 700;
    }  
    .mu-about-us-area {
      display: inline;
      float: left;
      width: 100%;
      letter-spacing: 0.5px;
      padding: 10px 0px 70px;
    }
    .mu-about-us-area .mu-title h2 {
      font-family: 'Lato', sans-serif;
      text-align: left;
      color: #00b7ab;
      font-size: 20px;
      line-height: 24px;
    }  
    p.duration {
      padding: 25px 0px;
      font-size: 18px;
      font-weight: 700;
      font-family: 'Lato', sans-serif;
      color: #000000;
    }  
    ul .transperant-hover {
      position: absolute;
      background: rgba(3, 184, 176, 0.6);
      width: 100%;
      top: 31px;
      height: 75%;
      z-index: 0;
      padding: 62px 0px;
      left: -5000px;
      transition: 1s;
    }  
    .one .transperant-hover {
      position: absolute;
      background: rgba(3, 184, 176, 0.6);
      width: 100%;
      top: 30px;
      height: 79%;
      z-index: 1;
      padding: 62px 0px;
      left: -5000px;
      transition: 1s;
      cursor: pointer;
    }  
    .socl-bg-2, .socl-bg-1 {
      margin-bottom: 10px;
    }  
    .footer-wrapper .column p {
      color: #ffff;
      margin: 20px 0px 0px 0px;
      width: 100%;
      line-height: 19px;
      font-size: 16px;
      float: left;
      text-align: left;
    }  
    .respo-360 h5 {
      padding-left: 0 !important;
    }  
    .respo-360 p {
      padding-left: 0 !important;
    }  
    .footer-wrapper .column h5 {
      color: #fff;
      font-family: "LatoBold";
      font-size: 26px;
      letter-spacing: 0.04em;
      margin-bottom: 0 !important;
    }  
    .text_div p,
    .text_div small {
      font-size: 14px;
    }  
    #scroll-footer small {
      display: flex;
      font-size: 14px;
    }  
    #scroll-footer {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 100px;
      background-color: #094e49;
      font-size: 15px;
      color: #fff;
      transition: bottom 0.2s ease-in-out;
      position: fixed;
      bottom: -100px;
      width: 100%;
      transition: bottom 0.3s;
      z-index: 2;
    }  
    .subscribe {
      display: flex;
      justify-content: center;
      vertical-align: middle;
      margin-left: -55px;
    }  
    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      border: 0;
      height: 30px;
      width: 160px !important;
      padding-left: 15px;
    }  
    .subscribe-btn {
      border-radius: 25px;
      background-color: #06b9b1;
      border: 0;
      height: 30px;
      width: 160px !important;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: bold;
      color: #fff;
      top: 0px !important;
      position: absolute !important;
    }
    .social-section h2 {
      font-family: 'Lato', sans-serif;
      font-style: italic;
      color: #fff !important;
      font-size: 30px;
    }  
    .mu-title h2 {
      color: #000;
      font-size: 30px;
    }  
    .social-section span {
      font-family: 'Lato', sans-serif;
      color: #03b8b0;
      font-size: 30px;
    }  
    * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }  
    .holiday-voucher-banner-title {
      font-family: 'Lato', sans-serif;
      color: #ffffff;
      font-size: 24px;
      font-weight: bolder;
      font-weight: 500;
      font-family: 'Lato', sans-serif;
    }  
    .holiday-voucher-banner-title {
      top: 18%;
    }  
    .breadcrumb-text {
      font-family: 'Lato', sans-serif;
      font-size: 12px;
      padding: 10px 0;
      color: #222;
      text-transform: uppercase;
    }  
    .breadcrumb-text span {
      font-size: 12px;
      padding: 20px;
      color: #00b7af;
    }  
    #destination-single-banner {
      margin-top: 101px;
    }  
    .single-banner-title {
      position: absolute;
      color: #ffffff;
      font-size: 24px;
      font-variant: bolder;
      top: 18%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 500;
      font-family: 'Lato', sans-serif;
    }  
    .breadcrumb-box-text {
      font-family: 'Lato', sans-serif;
      font-size: 14px;
      padding: 25px 0 20px 0px;
      color: #222;
      text-transform: uppercase;
      margin-left: 0;
    }
    /*--- Filter nav ---*/
    .nav-pills .dropdown-menu > li > a {
      display: block;
      padding: 4px 5px;
      clear: both;
      font-weight: normal;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap;
      font-size: 10px;
    }  
    .share-content h2 {
      font-family: Lato, sans-serif;
      font-style: italic;
      color: #00b9b0;
      font-weight: 300;
      font-size: 18px;
      line-height: 25px;
    }  
    .share-content p {
      font-family: Lato, sans-serif;
      font-size: 18px;
      font-weight: 300;
      color: #000;
      padding: 15px 0;
    }  
    .list-map-tab-div h4 {
      color: #00b7af;
      font-size: 16px;
      font-family: 'Lato', sans-serif;
      font-weight: bolder;
      padding-left: 35px;
    }  
    .filter-nav {
      background-color: #00b7af;
      border: none;
      padding: 0 0 0 10px;
      border-radius: 0;
      margin-bottom: 0;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }  
    .filter-nav .nav-pills > li {
      float: left;
      margin-left: 0;
    }  
    .filter-nav .nav-pills > li > p {
      color: #FFFFFF;
      font-family: 'Lato', sans-serif;
      font-size: 12px;
      line-height: 40px;
    }  
    .filter-nav .nav-pills > li > a {
      color: #FFFFFF;
      font-family: 'Lato', sans-serif;
      font-size: 10px;
    }  
    .nav > li > a {
      position: relative;
      display: block;
      padding: 8px 12px;
    }  
    .list-map-tab-div .nav-tabs > li > a {
      margin-right: 0px;
      line-height: 1.42857143;
      border: 1px solid #c2c2c2;
      border-radius: 0px !important;
      padding: 5px 6px;
      font-size: 12px;
      font-family: 'Lato', sans-serif;
      color: #00b7af;
    }  
    .list-map-tab-div .nav-tabs > li.active a:before,
    .list-map-tab-div .nav-tabs > li.active > a:hover:before {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 17px;
      border-width: 8px 8px 0;
      border-style: solid;
      border-color: #222222 transparent;
      display: block;
      width: 0;
      color: #fff !important;
      background-color: transparent !important;
    }  
    .list-view-heading {
      background-color: #f5f3f4;
      color: #222222;
      font-size: 16px;
      padding: 10px 20px;
      margin-bottom: 10px;
      font-weight: bold;
      font-family: lato, sans-serif;
      letter-spacing: 1px;
    }  
    .mu-title h2 {
      color: #222222;
      font-size: 22px !important;
      margin-bottom: 0px;
      font-family: 'Lato', sans-serif !important;
      font-style: italic;
    }  
    .social-section span {
      font-family: 'Lato', sans-serif;
      color: #03b8b0;
      font-size: 18px;
    }  
    .from-price {
      display: flex;
      background-color: #00b7af;
      border: 1px solid #fff;
      position: absolute;
      top: 117px;
      right: 35px;
      color: #ffffff;
      width: 155px;
      height: 65px;
      justify-content: center;
    }  
    .destination-price {
      font-family: 'Lato', sans-serif;
      font-size: 24px;
      font-weight: 700;
      vertical-align: super;
      color: #FFFFFF;
    }  
    .desti-thumb-title h3 {
      font-family: 'Lato', sans-serif;
      color: #222222;
      font-weight: 600 !important;
      font-size: 26px;
      letter-spacing: 0.5px;
      text-align: center;
    }  
    .scrollToTop {
      display: none !important;
    }  
    .dd-card {
      text-align: center;
      width: 100%;
      border-bottom: 1px solid #e7e7e7;
      position: static !important;
      margin-top: 0px;
    }  
    .dd-card-head {
      /* display: ; */
      background-color: #222222;
      width: 100%;
      height: 100px;
      text-align: center;
      color: #00b7af;
    }  
    .dd-card-body {
      text-align: center;
      background-color: #f5f4f4;
      padding-left: 40px;
    }  
    .dd-card-body {
      text-align: center;
      background-color: #f5f4f4;
      /* padding-left: 40px; */;
    }  
    .dd-buy-btn {
      width: 220px;
      color: #FFFFFF;
      font-size: 20px;
      letter-spacing: 1px;
      padding: 10px;
      font-weight: bold;
      border-radius: 50px;
      background-color: #00b7af;
      margin-top: 10px;
      margin-bottom: 10px;
    }  
    .pakage-btns {
      font-family: 'Lato', sans-serif;
      width: 100%;
      padding: 5px;
      color: #222222;
      font-size: 20px;
      letter-spacing: 0.5px;
      border-radius: 50px;
      background-color: #cccccc;
      margin-bottom: 5px;
    }  
    #dd-carousel {
      margin-top: 100px;
    }  
    #modal-gallery-btn {
      display: none;
    }  
    .more-details-btns {
      font-family: 'Lato', sans-serif;
      width: 170px;
      padding: 5px;
      color: #fff;
      font-size: 18px;
      letter-spacing: 0.5px;
      border-radius: 50px;
      background-color: #00b7af;
      position: absolute;
      margin-left: 80px;
    }  
    #mythumbCarousel .carousel-control {
      position: relative;
      top: -2518px;
      right: 0px !important;
      bottom: 0;
      left: 82.5%;
      width: 15%;
      font-size: 20px;
      color: #fff;
      text-align: center;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
      background-color: rgba(0, 0, 0, 0);
      filter: alpha(opacity=50);
      opacity: .5;
      background: none !important;
    }  
    .package .dd-package-name {
      font-family: 'Lato', sans-serif;
      position: absolute;
      color: white;
      top: 90px;
      left: 54px;
    }
    .banner-image {
      margin-top: 100px;
    }  
    .referral-banner-title {
      font-family: 'Lato', sans-serif;
      position: absolute;
      color: #222222;
      font-size: 20px;
      top: 20%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 600;
    }  
    .referral-text {
      color: #222222;
      font-size: 17px;
      padding: 10px;
      line-height: 30px;
    }
  }  
  @media (max-width: 360px) {
    body {
      width: 100% !important;
    }  
    .holiday-voucher-image {
      top: 101px;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content {
      top: 25px !important;
    }  
    #mu-slider .mu-slider-area .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-title {
      font-size: 14px;
      line-height: 0;
      top: 0;
      left: 25%;
      position: absolute;
    }  
    #mu-slider {
      margin-top: 101px !important;
      height: 150px;
    }  
    .slick-dots {
      display: none;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content .mu-slider-small-title {
      font-size: 30px;
      line-height: 25px;
    }  
    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-restaurant-menu li {
      margin-bottom: 12px;
    }  
    #mu-about-us {
      padding: 100px 0 50px;
    }  
    #mu-restaurant-menu {
      padding-bottom: 0px;
    }  
    #mu-reservation .mu-reservation-area .mu-reservation-content {
      padding: 0;
    }  
    .mu-opening-hour h2 {
      font-size: 42px;
      padding-bottom: 10px;
    }  
    .mu-about-us-area .mu-title h2 {
      font-family: 'Lato', sans-serif;
      text-align: left;
      color: #00b7ab;
      font-size: 18px !important;
      line-height: 28px;
    }  
    #mu-client-testimonial .mu-client-testimonial-area .mu-testimonial-content .mu-testimonial-slider li .mu-testimonial-single .mu-testimonial-info p {
      font-size: 16px;
      line-height: 24px;
    }  
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right {
      text-align: center;
    }  
    #mu-contact .mu-contact-area .mu-contact-content .mu-contact-right .mu-contact-widget address {
      text-align: left;
    }  
    #mu-contact {
      padding: 100px 0 50px;
    }  
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {
      padding-top: 27%;
    }  
    #mu-footer .mu-footer-area .mu-footer-social a {
      font-size: 18px;
    }  
    .mu-menu-item-nav li {
      text-align: center;
    }  
    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-tab-content-area .mu-menu-item-nav li .media .media-left {
      height: auto;
      width: 100%;
      margin-right: 0;
      float: left;
    }  
    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-tab-content-area .mu-menu-item-nav li .media .media-left a {
      display: inline-block;
      margin-bottom: 10px;
    }  
    #mu-restaurant-menu .mu-restaurant-menu-area .mu-restaurant-menu-content .mu-tab-content-area .mu-menu-item-nav li .media .media-left a img {
      display: inline-block;
    }  
    /* #mu-map {
      height: 300px;
    }   */
    .mu-contact-form .mu-send-btn {
      width: 100%;
    }  
    .mu-about-us-area {
      display: inline;
      float: left;
      width: 100%;
      padding: 20px 0px;
    }  
    .mu-about-us-right p {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      font-weight: 500;
      color: #000;
    }  
    p.duration {
      padding: 6px 0px;
      font-size: 14px;
      font-weight: 500;
      font-family: 'Lato', sans-serif;
      color: #000000;
    }  
    .mu-about-us-right a {
      border: 1px solid #00b7ab;
      color: #00b7ab;
      background: #fff;
      font-size: 12px;
      padding: 4px 20px;
    }  
    .mu-title h2 {
      color: #222222;
      font-size: 24px !important;
      margin-bottom: 0px;
      font-family: 'Lato', sans-serif !important;
      font-style: italic;
    }  
    #mu-about-us,
    #mu-restaurant-menu,
    #mu-reservation,
    #mu-gallery,
    #mu-contact {
      padding: 25px 0 10px;
    }  
    ul .green-strip {
      padding: 15px 10px 0 10px !important;
      font-family: "LatoRegular";
      font-size: 16px !important;
      /* width: 100%;
      height: 50px;
      display: table;; */
    }  
    .green-strip {
      position: absolute;
      bottom: 0px;
      color: #fff;
      padding: 0 !important;
      background: #03b8b0;
      width: 100%;
      font-family: "LatoBold";
      font-size: 25px;
    }  
    .social-section span {
      font-family: 'Lato', sans-serif;
      color: #03b8b0;
      font-size: 24px;
    }  
    .socl-bg,
    .socl-bg-2,
    .socl-bg-3,
    .socl-bg-4 {
      margin-bottom: 15px;
    }  
    #scroll-footer {
      display: block;
      width: 100%;
      height: auto !important;
      background-color: #094e49;
      font-size: 15px;
      color: #fff;
      transition: bottom 0.2s ease-in-out;
      position: fixed;
      bottom: -100px;
      width: 100%;
      transition: bottom 0.3s;
      z-index: 2;
    }  
    .text_div {
      width: 260px;
    }
    /*------*/
    .subscribe-btn {
      border-radius: 25px;
      background-color: #06b9b1;
      border: 0;
      height: 35px;
      width: 160px;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: bold;
      color: #fff;
    }  
    .subscribe-btn:hover {
      background-color: #06b9b1;
    }  
    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
    .input-group-btn:first-child>.btn:not(:first-child),
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group>.btn,
    .input-group-btn:last-child>.dropdown-toggle {
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
    }
    /* .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
      z-index: 2;
      margin-left: -25px;
    } */
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
      z-index: 2;
      margin-left: -157px;
    }  
    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group>.btn,
    .input-group-btn:first-child>.dropdown-toggle,
    .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
    .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      border: 0;
      height: 35px;
      width: 160px;
      font-size: 14px;
    }  
    .subscribe {
      display: flex;
      justify-content: center;
      vertical-align: middle;
    }  
    .unsubscribe-link a {
      display: inline-block;
      vertical-align: middle;
      line-height: 35px;
      color: #03b8b0;
      text-decoration: none;
    }  
    .text_div p,
    .text_div small {
      font-size: 14px;
    }  
    #scroll-footer small {
      display: flex;
      font-size: 14px;
      line-height: 21px;
    }  
    #mu-about-us,
    #mu-restaurant-menu,
    #mu-reservation,
    #mu-gallery,
    #mu-contact {
      padding: 0 !important;
    }  
    #mu-gallery .mu-title h2 {
      font-family: 'Lato', sans-serif;
      color: #FFF;
      font-size: 14px;
    }  
    #mu-footer {
      background: #03b8b0;
      padding: 54px;
      text-align: left;
      margin-bottom: 160px;
      display: flex;
      flex-wrap: wrap;
    }  
    #mu-footer .respo-360 h5 {
      padding-left: 0 !important;
    }  
    .footer-wrapper .column p {
      color: #ffff;
      margin: 20px 0px 0px 0px;
      width: 100%;
      font-size: 16px;
      padding-left: 0 !important;
    }  
    .footer-wrapper .column .social-icons li {
      float: left;
      margin: 5px;
      padding-left: 0px !important;
    }  
    .mu-top-slider .mu-top-slider-single .mu-top-slider-content p {
      top: 25px !important;
      position: absolute;
      display: flex;
      font-size: 14px;
      line-height: 15px;
    }
    .carousel-caption p {
      font-size: 14px;
      padding: 4px;
      line-height: 14px;
      font-family: 'Lato', sans-serif;
    }  
    .carousel-caption h1 {
      font-size: 24px;
      font-family: 'Lato', sans-serif;
      font-style: italic;
      font-weight: 700;
    }  
    .mu-about-us-area {
      display: inline;
      float: left;
      width: 100%;
      letter-spacing: 0.5px;
      padding: 10px 0px 70px;
    }  
    .mu-about-us-area .mu-title h2 {
      font-family: 'Lato', sans-serif;
      text-align: left;
      color: #00b7ab;
      font-size: 20px;
      line-height: 24px;
    }  
    p.duration {
      padding: 25px 0px;
      font-size: 18px;
      font-weight: 700;
      font-family: 'Lato', sans-serif;
      color: #000000;
    }  
    ul .transperant-hover {
      position: absolute;
      background: rgba(3, 184, 176, 0.6);
      width: 100%;
      top: 31px;
      height: 75%;
      z-index: 0;
      padding: 62px 0px;
      left: -5000px;
      transition: 1s;
    }  
    .one .transperant-hover {
      position: absolute;
      background: rgba(3, 184, 176, 0.6);
      width: 100%;
      top: 30px;
      height: 79%;
      z-index: 1;
      padding: 62px 0px;
      left: -5000px;
      transition: 1s;
      cursor: pointer;
    }  
    .socl-bg-2, .socl-bg-1 {
      margin-bottom: 10px;
    }  
    .footer-wrapper .column p {
      color: #ffff;
      margin: 20px 0px 0px 0px;
      width: 100%;
      line-height: 19px;
      font-size: 16px;
      float: left;
      text-align: left;
    }  
    .respo-360 h5 {
      padding-left: 0 !important;
    }  
    .respo-360 p {
      padding-left: 0 !important;
    }  
    .footer-wrapper .column h5 {
      color: #fff;
      font-family: "LatoBold";
      font-size: 26px;
      letter-spacing: 0.04em;
      margin-bottom: 0 !important;
    }  
    .text_div p,
    .text_div small {
      font-size: 14px;
    }  
    #scroll-footer small {
      display: flex;
      font-size: 14px;
    }  
    #scroll-footer {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 200px;
      background-color: #094e49;
      font-size: 15px;
      color: #fff;
      transition: bottom 0.2s ease-in-out;
      position: fixed;
      bottom: -100px;
      width: 100%;
      transition: bottom 0.3s;
      z-index: 2;
    }
    /*--- Scroll Footer ---*/
    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      border: 0;
      height: 35px;
      width: 160px;
      font-size: 12px;
    }  
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
      z-index: 2;
      margin-left: -35px;
    }  
    .subscribe-btn {
      border-radius: 25px;
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      background-color: #06b9b1;
      border: 0;
      height: 35px;
      width: 160px;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      color: #fff;
    }  
    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      border: 0;
      height: 35px;
      width: 160px !important;
      padding-left: 15px;
    }      
    /*--- ---*/
    /* .subscribe {
        display: flex;
        justify-content: center;
        vertical-align: middle;
        margin-left:-55px 
    }
    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        border: 0;
        height: 40px;
        width: 340px !important;
        padding-left: 15px;
    } */
    .social-section h2 {
      font-family: 'Lato', sans-serif;
      font-style: italic;
      color: #fff;
      margin-bottom: 20px;
    }  
    .mu-title h2 {
      color: #000;
      margin-bottom: 5px;
    }  
    .social-section h2 {
      font-family: 'Lato', sans-serif;
      font-style: italic;
      color: #fff !important;
      font-size: 30px;
    }  
    .mu-title h2 {
      color: #000;
      font-size: 30px;
    }  
    .social-section span {
      font-family: 'Lato', sans-serif;
      color: #03b8b0;
      font-size: 30px;
    }  
    .scrollToTop {
      display: none !important;
    }  
    .banner-image {
      margin-top: 100px;
    }  
    .referral-banner-title {
      font-family: 'Lato', sans-serif;
      position: absolute;
      color: #222222;
      font-size: 18px;
      top: 22%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 600;
    }
  }  
  @media (max-width: 320px) {
    #mu-gallery .mu-gallery-area .mu-gallery-content .mu-gallery-body .mu-single-gallery .mu-single-gallery-item .mu-single-gallery-info {
      padding-top: 25.5%;
    }  
    .holiday-voucher-image {
      margin-top: 85px;
    }  
    .holiday-voucher-banner-title span {
      font-size: 16px;
    }  
    .holiday-voucher-banner-title {
      font-family: 'Lato', sans-serif;
      position: absolute;
      color: #ffffff;
      /* text-decoration: underline; */
      font-size: 55px;
      font-weight: bolder;
      top: 17%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 500;
      font-family: 'Lato', sans-serif;
    }  
    .breadcrumb-text {
      font-family: 'Lato', sans-serif;
      font-size: 11px;
      padding: 8px 0 8px 0;
      color: #222;
      text-transform: uppercase;
    }  
    .breadcrumb-text span {
      font-size: 11px;
      /* padding: 20px; */
      color: #00b7af;
    }  
    .banner-image {
      margin-top: 28%;
    }  
    .banner-image .referral-banner-title {
      font-size: 16px;
      top: 25%;
    }  
    .referral-text {
      color: #222222;
      font-size: 13px;
      padding: 15px;
      line-height: 30px;
    }  
    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      border: 0;
      height: 35px;
      width: 160px;
      font-size: 12px;
    }  
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
      z-index: 2;
      margin-left: -35px;
    }  
    .subscribe-btn {
      border-radius: 25px;
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      background-color: #06b9b1;
      border: 0;
      height: 35px;
      width: 160px;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      color: #fff;
    }  
    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      border: 0;
      height: 35px;
      width: 160px !important;
      padding-left: 15px;
    }  
    #destination-single-banner {
      margin-top: 101px;
    }  
    .single-banner-title {
      position: absolute;
      color: #ffffff;
      font-size: 18px;
      font-variant: bolder;
      top: 22%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 500;
      font-family: 'Lato', sans-serif;
    }  
    .breadcrumb-box-text {
      font-family: 'Lato', sans-serif;
      font-size: 12px;
      padding: 10px 0;
      color: #222;
      text-transform: uppercase;
    }  
    .breadcrumb-box-text span {
      font-size: 12px;
      color: #00b7af;
    }  
    .nav-pills .dropdown-menu > li > a {
      display: block;
      padding: 4px 5px;
      clear: both;
      font-weight: normal;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap;
      font-size: 10px;
    }  
    .share-content h2 {
      font-family: Lato, sans-serif;
      font-style: italic;
      color: #00b9b0;
      font-weight: 300;
      font-size: 18px;
      line-height: 25px;
    }  
    .share-content p {
      font-family: Lato, sans-serif;
      font-size: 18px;
      font-weight: 300;
      color: #000;
      padding: 15px 0;
    }  
    .list-map-tab-div h4 {
      color: #00b7af;
      font-size: 16px;
      font-family: 'Lato', sans-serif;
      font-weight: bolder;
      padding-left: 35px;
    }  
    .filter-nav {
      background-color: #00b7af;
      border: none;
      padding: 0 0 0 10px;
      border-radius: 0;
      margin-bottom: 0;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }  
    .filter-nav .nav-pills > li {
      float: left;
      margin-left: 0;
    }  
    .filter-nav .nav-pills > li > p {
      color: #FFFFFF;
      font-family: 'Lato', sans-serif;
      font-size: 12px;
      line-height: 40px;
    }  
    .filter-nav .nav-pills > li > a {
      color: #FFFFFF;
      font-family: 'Lato', sans-serif;
      font-size: 10px;
    }  
    .nav > li > a {
      position: relative;
      display: block;
      padding: 8px 12px;
    }  
    .list-map-tab-div .nav-tabs > li > a {
      margin-right: 0px;
      line-height: 1.42857143;
      border: 1px solid #c2c2c2;
      border-radius: 0px !important;
      padding: 5px 6px;
      font-size: 12px;
      font-family: 'Lato', sans-serif;
      color: #00b7af;
    }  
    .list-map-tab-div .nav-tabs > li.active a:before,
    .list-map-tab-div .nav-tabs > li.active > a:hover:before {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 17px;
      border-width: 8px 8px 0;
      border-style: solid;
      border-color: #222222 transparent;
      display: block;
      width: 0;
      color: #fff !important;
      background-color: transparent !important;
    }  
    .list-view-heading {
      background-color: #f5f3f4;
      color: #222222;
      font-size: 16px;
      padding: 10px 20px;
      margin-bottom: 10px;
      font-weight: bold;
      font-family: lato, sans-serif;
      letter-spacing: 1px;
    }  
    .mu-title h2 {
      color: #222222;
      font-size: 22px !important;
      margin-bottom: 0px;
      font-family: 'Lato', sans-serif !important;
      font-style: italic;
    }  
    .social-section span {
      font-family: 'Lato', sans-serif;
      color: #03b8b0;
      font-size: 18px;
    }  
    .from-price {
      display: flex;
      background-color: #00b7af;
      border: 1px solid #fff;
      position: absolute;
      top: 89px;
      right: 35px;
      color: #ffffff;
      width: 155px;
      height: 65px;
      justify-content: center;
    }  
    .destination-price {
      font-family: 'Lato', sans-serif;
      font-size: 24px;
      font-weight: 700;
      vertical-align: super;
      color: #FFFFFF;
    }  
    .desti-thumb-title h3 {
      font-family: 'Lato', sans-serif;
      color: #222222;
      font-weight: 600 !important;
      font-size: 26px;
      letter-spacing: 0.5px;
      text-align: center;
    }  
    .scrollToTop {
      display: none !important;
    }  
    #dd-carousel {
      margin-top: 100px !important;
    }
    #modal-gallery-btn {
      display: none;
    }  
    .dd-card {
      text-align: center;
      width: 290px;
      border-bottom: 1px solid #e7e7e7;
      position: static !important;
      margin-top: 0px;
    }  
    .dd-card-body {
      text-align: left;
      background-color: #f5f4f4;
      /* padding-left: 40px; */;
    }  
    .dd-buy-btn {
      width: 220px;
      color: #FFFFFF;
      font-size: 20px;
      letter-spacing: 1px;
      padding: 10px;
      font-weight: bold;
      border-radius: 50px;
      background-color: #00b7af;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .pakage-btns {
      font-family: 'Lato', sans-serif;
      width: 100%;
      padding: 5px;
      color: #222222;
      font-size: 20px;
      letter-spacing: 0.5px;
      border-radius: 50px;
      background-color: #cccccc;
      margin-bottom: 5px;
    }  
    .package .dd-package-name {
      font-family: 'Lato', sans-serif;
      position: absolute;
      color: white;
      top: 60px;
      left: 54px;
    }
    .more-details-btns {
      font-family: 'Lato', sans-serif;
      /* width: 170px;
      padding: 5px; */
      color: #fff;
      font-size: 14px;
      letter-spacing: 0.5px;
      border-radius: 50px;
      background-color: #00b7af;
      position: absolute;
      margin-left: 48px;
    }  
    #mythumbCarousel .carousel-control {
      position: relative;
      top: -2745px;
      right: 0px !important;
      bottom: 0;
      left: 75.5%;
      width: 15%;
      font-size: 20px;
      color: #fff;
      text-align: center;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
      background-color: rgba(0, 0, 0, 0);
      filter: alpha(opacity=50);
      opacity: .5;
      background: none !important;
    }
    /*--- referral ---*/
    .referral-btn-container {
      display: block;
      justify-content: center;
      margin-top: 60px;
      background-color: #f5f3f4;
      padding: 40px 0;
    }  
    .or-text {
      font-family: 'Lato', sans-serif;
      font-size: 20px;
      font-weight: 500;
      width: 100%;
      line-height: 35px;
      text-align: center;
    }  
    .get-started-text {
      font-family: 'Lato', sans-serif;
      font-size: 18px;
      width: 100%;
      line-height: 45px;
      font-weight: 500;
      text-align: center;
    }
  }  
  @media (min-width:1540px) {
    .restaurant-experience {
      width: 1540px;
      margin: 0 auto;
      float: none;
      display: block;
    }
  }  
#mu-about-us,
#mu-restaurant-menu,
#mu-reservation,
#mu-gallery,
#mu-contact {
    padding: 40px 0 10px;
}  
.cust-container {
    max-width: 1170px;
}