$main-color: #1A2B48;
$grey: #5E6D77;
$light-grey: #EAEEF3;
$orange: #FA5636;
$link: #5191FA;

@media(max-width: 1199px) {
  #st-content-wrapper {
    .form-book-wrapper {
      .form-date-field {
        .check-in-wrapper,
        .check-out-wrapper {
          .render {
            font-size: 14px;
          }
        }
      }
      .form-extra-field {
        .render {
          font-size: 14px;
        }
      }
      .submit-group {
        .btn {
          font-size: 14px;
          padding: 12px 15px;
        }
      }
    }
    .st-availability {
      .calendar {
        .table-sub-header {
          .day-off-week {
            width: 38px;
          }
        }
        &.left {
          .table-sub-header {
            margin-right: 22px;
          }
        }
        .daterangepicker {
          .calendar {
            &.right {
              padding-left: 22px;
            }
            .table-condensed {
              .td-date {
                width: 38px;
                height: 38px;
                .date {
                  width: 38px;
                  height: 38px;
                  line-height: 38px;
                }
              }
            }
          }
        }
      }
    }
    &.st-single-tour{
      .st-tour-feature{
        .item{
          margin-bottom: 20px;
        }
        .col-xs-6:nth-child(3){
          .item{
            margin-bottom: 0px;
          }
        }
        .col-xs-6:nth-child(4){
          .item{
            margin-bottom: 0px;
          }
        }
      }
      .st-include{
        .include{
          margin-bottom: 30px;
        }
      }
      .review-box{
        .review-box-score{
          border-right: none;
        }
      }
      .st-program{
        .st-program-list{
          &.style1{
            .item{
              .header{
                h5{
                  width: calc(100% - 17px);
                }
              }
              .body{
                img{
                  margin-bottom: 10px;
                }
              }
            }
          }
        }
      }
    }
  }
  .st-hotel-result {
    .style-list {
      .item-service {
        .item-content {
          padding: 10px 10px !important;
        }
        .service-title {
          margin-top: 0px;
          margin-bottom: 0px;
        }
        .service-review {
          padding-right: 5px !important;
          .count-review {
            margin-right: 20px;
            .review {
              white-space: nowrap;
            }
          }
        }
      }
    }
    .page-half-map {
      .list-style {
        .item-service {
          .item-content {
            padding-left: 30px;
            padding-right: 30px;
          }
        }
      }
    }
  }
  .map-view-popup {
    .page-half-map {
      .col-left-map {
        .list-style {
          .item-service {
            .item-service-inner {
              .item-content {
                padding-left: 30px;
                padding-right: 30px;
              }
            }
          }
        }
      }
    }
  }
}

@media(max-width: 991px) {
  #header {
    #topbar {
      padding-left: 35px;
      padding-right: 35px;
      .socials {
        border: none;
      }
      .st_login_social_link {
        display: block;
        max-width: 50%;
        margin: 0 auto;
      }
      .topbar-right {
        .topbar-items {
          li {
            border: none;
          }
          .signup-item {
            padding-right: 0;
          }
        }
      }
    }
    .header {
      padding: 30px 35px;
      .header-left {
        float: left;
        margin-right: auto;
      }
      .toggle-menu {
        display: block;
        margin-top: 0;
        margin-right: 20px;
      }
    }
  }
  #st-main-menu {
    position: fixed !important;
    margin-top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    transition-delay: .1s;
    .back-menu {
      position: fixed;
      top: 0;
      left: -110%;
      background: #f5f5f5;
      width: 300px;
      height: 50px;
      display: flex !important;
      align-items: center;
      font-size: 15px;
      color: grey;
      padding-left: 22px;
      opacity: 0.8;
      border-bottom: 1px solid #EEEEEE;
      text-decoration: none;
      transition: left .3s ease, opacity .3s ease;
      .fa {
        font-size: 22px;
        margin-right: 10px;
      }
    }
    .main-menu {
      position: fixed;
      top: 50px;
      left: -110%;
      width: 300px;
      height: 100%;
      background: #FFF;
      opacity: 0.8;
      transition: left .3s ease, opacity .3s ease;
      overflow-y: auto;
      li {
        display: block !important;
        a {
          padding: 18px 25px !important;
          font-size: 14px !important;
          font-weight: 500 !important;
        }
        &.menu-item-has-children {
          .fa {
            width: 50px;
            height: 20px;
            right: 20px !important;
            top: 22px !important;
            cursor: pointer;
            text-align: right;
            font-size: 22px !important;
          }
          .menu-dropdown {
            display: none;
            position: static !important;
            opacity: 1 !important;
            visibility: visible !important;
            box-shadow: none !important;
          }
        }
        &:not(:last-child) {
          a {
            border-bottom: 1px solid #EEEEEE;
          }
        }
      }
    }
    &.open {
      opacity: 1;
      visibility: visible;
      z-index: 999;
      transition-delay: 0s;
      .back-menu {
        opacity: 1;
        left: 0;
        transition-delay: .1s;
      }
      .main-menu {
        opacity: 1;
        left: 0;
        transition-delay: .1s;
      }
    }
  }
  #st-content-wrapper {
    padding-bottom: 50px;
    .st-hotel-map-area .st-gallery {
      width: 100%;
      float: none;
    }
    .hotel-target-book-mobile {
      position: fixed;
      left: 0;
      width: 100%;
      bottom: 0;
      background: #FFF;
      padding: 10px 15px;
      border-top: 1px solid $light-grey;
      align-items: center;
      justify-content: space-between;
      z-index: 9;
      .price-wrapper {
        color: $grey;
        font-size: 14px;
        font-weight: 500;
        .price {
          color: $main-color;
          font-size: 20px;
          .onsale{
            text-decoration: line-through;
            font-size: 14px;
            color: #cc0033 !important;
            font-weight: 400;
          }
        }
      }
      .btn {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px;
      }
    }
    .fixed-on-mobile {
      position: fixed;
      top: 0;
      left: 0;
      width: 100% !important;
      bottom: 0;
      background: #FFF;
      z-index: 9999;
      display: none;
      .close-icon {
        display: block !important;
        position: absolute;
        top: 20px;
        right: 22px;
        z-index: 2;
        cursor: pointer;
      }
      .form-book-wrapper {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        overflow-y: auto;
        z-index: 1;
        .form-head {
          padding: 20px 20px 15px;
        }
      }
    }
    .st-list-rooms {
      .item {
        border-radius: 5px 5px 0 0;
        padding-bottom: 30px;
        .image {
          img {
            border-radius: 5px;
          }
        }
        .heading,
        .facilities,
        .price-wrapper {
          padding-left: 30px;
          padding-right: 30px;
        }
        .btn {
          margin-left: 30px;
          margin-right: 30px;
        }
      }
    }
    .st-flickity {
      .carousel {
        .item {
          height: 450px;
        }
      }
    }
    .form-book-wrapper.inline {
      .form-group {
        width: 50%;
      }
      .form-extra-field {
        border-right: none;
      }
      .submit-group {
        position: inherit;
        width: 100%;
        .btn {
          border-radius: 0 0 5px 5px;
        }
      }
    }
  }
  .home {
    #st-content-wrapper {
      &.search-result-page {
        .search-form-wrapper {
          .search-form {
            padding: 0 15px;
            .form-group.field-detination {
              padding-left: 0;
            }
            .form-group {
              border-bottom: 1px solid $light-grey;
            }
            .btn-search {
              /*margin-top: 20px;*/
              position: static;
            }
          }
        }
      }
    }
  }
  .search-result-page {
    .full-map {
      .search-form-wrapper {
        position: relative;
        top: 10px;
        .search-form {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          border: 1px solid #dfdfdf;
          .border-right {
            border: none;
          }
          .search-title {
            font-size: 25px;
            font-weight: 600;
            padding: 25px 15px;
            border-bottom: 1px solid #dfdfdf;
            &:before {
              content: '';
              width: 4px;
              height: 25px;
              background: #2d83cc;
              display: block;
              float: left;
              margin-right: 10px;
              position: relative;
              top: 6px;
            }
          }
          .field-detination {
            padding: 25px 15px;
            border-bottom: 1px solid #dfdfdf;
          }
          .form-date-field {
            padding: 25px 15px;
            border-bottom: 1px solid #dfdfdf;
          }
          .field-guest {
            padding: 25px 15px !important;
            border-bottom: 1px solid #dfdfdf;
          }
          .form-button {
            padding: 5px 15px;
            .field-advance {
              .dropdown-menu {
                right: auto;
                left: 0;
              }
            }
          }
        }
      }
    }
    .st-hotel-result {
      .top-filter {
        & > ul {
          border: 1px solid #dfdfdf;
          border-radius: 3px;
          margin-bottom: 25px;
          width: 100%;
          & > li {
            display: block;
            width: 100%;
            padding: 20px 15px;
            border-bottom: 1px solid #dfdfdf;
            margin-right: 0px;
            button {
              &.dropdown {
                display: block;
              }
            }
            .dropdown-menu {
              position: relative;
              width: 100%;
              border: none;
              box-shadow: none;
              padding: 0 !important;
              margin-top: 15px !important;
              min-width: 200px !important;
            }
            &:last-child {
              border-bottom: none;
            }
          }
        }
        .show-map {
          display: none;
          &.show-map-on-mobile {
            display: block;
          }
        }
      }
      .page-half-map {
        display: block;
        .col-right {
          display: none;
        }
        .col-left {
          &.static {
            height: auto;
            width: 100% !important;
          }
        }
        .col-right {
          .map-full-height {
            width: 100%;
            position: fixed !important;
            top: 50px;
            left: 0;
            height: calc(100% - 54px);
            z-index: 9;
            background-color: #fff;
          }
          .map-title {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: #fff;
            z-index: 999999;
            padding: 25px 20px;
            font-size: 16px;
            font-weight: 500;
            text-transform: uppercase;
            &:before {
              content: '';
              height: 20px;
              width: 3px;
              background: #5191FA;
              display: inline-block;
              margin-right: 15px;
              position: relative;
              top: 4px;
            }
            span {
              float: right;
              cursor: pointer;
              position: relative;
              top: 2px;
            }
          }
        }
        .list-style {
          .item-service {
            .item-content {
              padding-left: 15px;
              padding-right: 15px;
            }
          }
        }
      }
    }
    .search-form-wrapper {
      .search-form {
        .form-group.field-detination {
          .field-icon {
            left: -4px;
          }
        }
      }
    }
  }
  .map-view-popup {
    overflow-y: auto;
    .top-filter {
      position: relative;
      padding-top: 10px;
      & > ul {
        width: 100%;
        & > li {
          float: none;
          display: block;
          width: 100%;
          padding: 15px 0;
          border-bottom: 1px solid #dfdfdf;
          overflow: hidden;
          .form-extra-field {
            .dropdown-menu {
              position: relative;
              width: 100%;
            }
          }
        }
      }
    }
    .close-map-view-popup {
      position: absolute;
      top: 25px;
      right: 0;
    }
    .page-half-map {
      display: block;
      .col-left-map {
        height: auto;
        .list-style {
          .item-service {
            .item-service-inner {
              .item-content {
                padding-left: 10px;
                padding-right: 10px;
              }
            }
          }
        }
      }
      .col-right {
        margin-bottom: 30px;
        .map-full-height {
          width: 100%;
        }
      }
    }
    .pagination {
      margin-top: 25px;
    }
  }
  .st-hotel-result {
    .sidebar-filter {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background: #fff;
      z-index: 999999;
      overflow-y: auto;
      height: 100%;
      .sidebar-title {
        padding: 15px 0;
        &:after {
          content: '';
          height: 1px;
          width: calc(100% + 30px);
          background: #dfdfdf;
          display: block;
          margin-top: 30px;
          position: relative;
          left: -15px;
        }
        span {
          float: right;
          cursor: pointer;
        }
      }
    }
    .toolbar {
      position: relative;
      .search-string {
        display: block;
        width: 100% !important;
        font-size: 20px !important;
      }
      .toolbar-action {
        position: absolute;
        bottom: 0;
        right: 0;
        li {
          &:first-child {
            display: none;
          }
        }
      }
      .toolbar-action-mobile {
        padding: 0;
        margin: 0;
        display: inline-block;
        margin-top: 30px;
        li {
          list-style: none;
          float: left;
          margin-left: 5px;
          margin-right: 5px;
          a {
            background: transparent;
            color: #1A2B48;
            border: 1px solid #dfdfdf;
          }
        }
      }
      .sort-menu-mobile {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        border-radius: 0;
        margin-top: 0;
        width: 100%;
        z-index: 999999;
        height: 100%;
        border: none;
        .sort-title {
          h3 {
            padding: 20px 0;
            span {
              float: right;
            }
            &:before {
              content: '';
              position: relative;
              height: 20px;
              width: 4px;
              background: #339bff;
              display: block;
              float: left;
              margin-right: 10px;
              top: -3px;
            }
            &:after {
              content: '';
              height: 1px;
              width: calc(100% + 30px);
              background: #dfdfdf;
              display: block;
              margin-top: 30px;
              position: relative;
              left: -15px;
            }
            span {
              float: right;
              cursor: pointer;
            }
          }
        }
      }
    }
    .top-filter {
      position: fixed;
      top: 0;
      left: 0;
      background: #fff;
      z-index: 999999;
      width: 100%;
      padding-top: 0 !important;
      height: 100%;
      overflow-y: auto;
      display: none;
      & > ul {
        border: none !important;
        margin-bottom: 0 !important;
        & > li {
          position: relative;
          border-bottom: none !important;
          h3 {
            &.title {

            }
          }
          span.close-filter {
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -12px;
            cursor: pointer;
            font-size: 16px;
          }
          &:first-child {
            padding: 30px 15px;
            border-bottom: 1px solid #dfdfdf !important;
          }
          .form-extra-field {
            border: 1px solid #dfdfdf;
            border-radius: 3px;
            padding: 25px 20px;
            overflow: hidden;
            button {
              &.dropdown {
                padding-top: 0px;
                .fa {
                  display: none;
                }
              }
            }
            .dropdown-menu {
              display: block !important;
              position: relative;
            }
          }
          &.filter-price {
            .range-slider {
              button {
                font-size: 14px;
                color: #5191FA;
                margin-top: 10px;
                font-weight: 600;
                text-transform: uppercase;
              }
            }
          }
        }
      }
    }
  }
  .full-map {
    z-index: 999999;
    height: 100vh;
    position: absolute !important;
    top: 0;
    width: 100%;
    background: #fff;
    .full-map-form {
      position: fixed !important;
      top: 64px;
      left: 0;
      width: 100% !important;
      height: calc(100% - 64px) !important;
      z-index: 10;
    }
    .title-map-mobile {
      position: fixed;
      top: 0;
      left: 0;
      background: #fff;
      width: 100%;
      font-size: 16px;
      font-weight: 500;
      padding: 21px 15px;
      z-index: 999999;
      &:before {
        content: '';
        width: 3px;
        height: 20px;
        background: #5191FA;
        margin-right: 15px;
        float: left;
        position: relative;
        top: 1px;
      }
      .close-map {
        float: right;
        cursor: pointer;
        position: relative;
        top: 2px;
      }
    }
  }
  .map-view-popup {
    .toolbar-action {
      .form-extra-field {
        margin-right: 0px !important;
        button.dropdown {
          margin-right: 0px !important;
        }
        .close-filter {
          display: none;
        }
      }
    }
    .page-half-map {
      .list-style {
        .item-service {
          .item-content {
            padding-left: 30px !important;
            padding-right: 30px !important;
          }
        }
      }
    }
  }
  .home {
    #st-content-wrapper {
      &.search-result-page {
        .search-form-wrapper {
          .st-feature-items{
            .item{
              margin-bottom: 20px;
              padding-left: 0;
              padding-right: 0;
              .title{
                &:after{
                  height: 0;
                  background: transparent;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media(max-width: 767px) {
  #header {
    #topbar {
      padding-left: 15px;
      padding-right: 15px;
      .socials {
        li {
          a {
            font-size: 18px;
          }
        }
      }
      .topbar-right {
        .topbar-items {
          li {
            padding-left: 10px;
            padding-right: 10px;
          }
        }
      }
    }
    .header {
      padding: 20px;
      .toggle-menu {
        margin-top: 3px;
        margin-right: 10px;
      }
      .logo {
        img {
          max-width: 120px;
        }
      }
    }
  }
  #st-content-wrapper {
    .full-map {
      .search-form-wrapper {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
      }
    }
    .search-form-wrapper {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
      .st-heading {
        font-size: 48px !important;
      }
      .sub-heading {
        display: none;
        font-size: 18px !important;
      }
    }
    .st-featured-background {
      height: 300px;
    }
    .st-hotel-header {
      .review-score {
        display: none;
      }
    }
    .st-tabs {
      .nav {
        li {
          float: none;
          display: inline-block;
          padding-left: 15px;
          padding-right: 15px;
          a {
            padding: 15px 0;
            font-size: 14px;
          }
        }
      }
    }
    .widgets {
      margin-bottom: 30px;
    }
    .st-flickity {
      .carousel {
        .item {
          height: 350px;
        }
      }
    }
    .search-form-wrapper {
      .search-form {
        .form-button {
          display: block !important;
          .advance {
            text-align: right;
            .form-extra-field {
              padding: 15px 0 20px 0;
            }
            .field-advance {
              .dropdown-menu {
                position: relative;
                width: 100%;
                min-width: auto !important;
              }
            }
          }
          button {
            width: 100%;
          }
        }
      }
    }
    .st-hotel-room-content {
      .room-featured-items {
        .item {
          margin-bottom: 15px;
        }
      }
    }
    .services-grid {
      .col-xs-6 {
        &:nth-child(2n) {
          padding-left: 7.5px;
        }
        &:nth-child(2n + 1) {
          padding-right: 7.5px;
        }
      }
      .item {
        display: table;
        .title {
          font-size: 15px;
        }
        .section-footer {
          display: table-footer-group;
          height: 1px;
        }
        .reviews {
          font-size: 13px !important;
          .rate {
            margin-right: 10px;
            display: block;
            &:after {
              display: none;
              top: 8px;
              right: -6px;
            }
          }
        }
      }
    }
    .list-destination {
      .col-xs-6 {
        &:nth-child(2n) {
          padding-left: 7.5px;
        }
        &:nth-child(2n + 1) {
          padding-right: 7.5px;
        }
      }
      .destination-item {
        .title {
          font-size: 30px !important;
        }
      }
    }
    .featured-image-background {
      height: 450px;
    }
    .tour-featured-image {
      position: relative;
      .st-gallery {
        height: 450px;
      }
    }
    .owl-carousel-wrapper {
      position: relative;
      .owl-tour-program {
      }
      a.next{
        right: -15px;
      }
      a.prev{
        left: -15px;
      }
    }
    &.st-single-tour{
      .st-faq{
        .item{
          .header{
            padding-bottom: 3px;
            .field-icon{
              width: 18px;
            }
            h5{
              width: calc(100% - 50px);
              margin-top: -2px;
            }
            .arrow{
              width: 13px;
            }
          }
        }
      }
    }
  }
  .st-hotel-result {
    .toolbar {
      text-align: center;
      h3 {
        &.search-string {
          display: block;
          width: 100%;
          font-size: 20px;
        }
      }
      .toolbar-action {
        display: none;
      }
      .toolbar-action-mobile {
        padding: 0;
        margin: 0;
        display: inline-block;
        margin-top: 30px;
        li {
          list-style: none;
          float: left;
          margin-left: 5px;
          margin-right: 5px;
          a {
            background: transparent;
            color: #333;
            border: 1px solid #dfdfdf;
            padding: 8px 15px;
          }
        }
      }
    }
    .style-list {
      .item-service {
        border: none !important;
        .item-service-wrapper {
          display: block;
          .item-content {
            padding: 15px !important;
            .item-content-w {
              border-right: 0;
            }
            .service-title {
              margin-top: 5px;
              margin-bottom: 5px;
            }
            .service-location {
              margin-top: 10px;
            }
          }
          .service-review {
            float: left;
            width: 100%;
            text-align: left;
            margin-top: 5px;
            justify-content: flex-start;
            .count-review {
              margin-right: 25px;
              .text-rating {
                text-align: left !important;
              }
              .rating {
                text-align: left;
              }
            }
          }
          .service-price {
            display: block;
            position: relative;
            right: auto;
            bottom: auto;
            float: left;
            left: 0;
            margin-top: 15px;
          }
        }
      }
    }
    .page-half-map {
      .col-left {
        .toolbar {
          .search-string {
            width: 100% !important;
          }
        }
      }
      .list-style {
        .item-service {
          .item-content {
            padding-left: 30px;
            padding-right: 30px;
          }
        }
      }
    }
  }
  .sidebar-search-form {
    .search-title {
      span {
        float: right;
      }
    }
  }
  .st-hotel-result {
    .style-list {
      .item-service {
        border: none !important;
        .item-service-wrapper {
          display: block;
          .item-content {
            padding: 15px !important;
            .item-content-w {
              border-right: 0;
            }
            .service-title {
              margin-top: 5px;
              margin-bottom: 5px;
            }
            .service-location {
              margin-top: 10px;
            }
          }
          .service-review {
            float: left;
            width: 100%;
            text-align: left;
            margin-top: 5px;
            justify-content: flex-start;
            .count-review {
              margin-right: 25px;
              .text-rating {
                text-align: left !important;
              }
              .rating {
                text-align: left;
              }
            }
          }
          .service-price {
            display: block;
            position: relative;
            right: auto;
            bottom: auto;
            float: left;
            left: 0;
            margin-top: 15px;
          }
        }
      }
    }
  }
  .mailchimp {
    .media-body {
      text-align: center;
    }
  }
  .st-blog {
    padding-top: 30px;
  }
  .search-result-page {
    .search-form-wrapper {
      .search-form {
        .border-right {
          border: none;
          border-bottom: 1px solid #dfdfdf;
        }
        .form-group {
          border: none !important;
        }
        .field-detination {
          .field-icon {
            left: 4px !important;
          }
          .dropdown#dropdown-destination {
            padding-left: 42px !important;
          }
          .dropdown-menu {
            left: -15px;
            width: calc(100% + 30px) !important;
            li {
              .field-icon {
                left: 17px !important;
              }
            }
          }
          .render {
            .destination {
              /* color: #5E6D77;*/
            }
          }
        }
        .form-extra-field {
          .render {
            display: none;
          }
        }
        .form-date-field {
          position: relative;
          .date-wrapper {
            .render {
              display: none;
              /*color: #5E6D77;*/
            }
            .check-in-wrapper {
              padding-left: 23px;
              .render {
                display: none;
                float: left;
              }
              span {
                display: none;
                float: left;
                margin-left: 5px;
                margin-right: 5px;
              }
            }
            .check-out-wrapper {
              .icon-checkout {
                position: relative;
                left: -15px;
                top: 8px;
                float: left;
                .field-icon {
                  position: relative;
                }
              }
            }
          }
          .field-icon {
            left: 6px !important;
          }
        }
        .field-guest {
          .arrow {
            /* display: none; */
          }
          .render {
            /*color: #5E6D77;*/
          }
          .btn-close-guest-form {
            text-align: right;
            margin: auto;
            display: block;
            cursor: pointer;
            color: #5191FA;
          }
        }
        .col-md-3 {
          &:last-child {
            padding: 0;
            .form-button {
              padding: 0 !important;
              .advance {
                /* zzz */
                display: none;
              }
              button {
                padding: 16px 20px;
                border-radius: 0px 0px 3px 3px;
              }
            }
          }
          &:nth-child(3) {
            border-bottom: none !important;
          }
        }
        label {
          font-size: 16px;
        }
        .render {
          font-size: 16px !important;
        }
      }
    }
  }
  .home {
    #st-content-wrapper {
      &.search-result-page {
        .search-form-wrapper {
          .st-feature-items {
            display: none;
          }
        }
      }
    }
  }
}

@media(max-width: 600px) {

  .daterangepicker {
    width: auto;
    .table-sub-header {
      .day-off-week {
        width: 35px;
        margin: 0;
      }
    }
    .calendar td {
      min-width: 20px;
    }
  }
  .st-list-availability{
    margin-top: 15px;
  }
  .st-availability {
    .daterangepicker {
      .calendar .table-sub-header {
        margin-right: 0 !important;
        .day-off-week {
          width: 35px !important;
        }
      }
      .table-condensed .td-date {
        width: 36px !important;
        height: 36px !important;
        .date {
          line-height: 36px !important;
          width: 36px !important;
          height: 36px !important;
        }
      }
    }
  }
  #st-content-wrapper {
    .search-form-wrapper {
      .st-heading {
        font-size: 32px !important;
      }
      .sub-heading {
        font-size: 18px !important;
      }
    }
    .st-featured-background {
      height: 250px;
    }
    .form-book-wrapper.inline {
      .form-group {
        border-right: none;
        width: 100%;
        border-bottom: 1px solid $light-grey;
      }
      .form-extra-field {
      }
      .submit-group {
        position: inherit;
        width: 100%;
        .btn {
          border-radius: 0 0 5px 5px;
        }
      }
    }
    .st-tabs {
      .nav {
        li {
          padding-right: 5px;
        }
      }
    }
    #reviews {
      .review-list {
        .item {
          .comment {
            .detail {
              padding-bottom: 0;
            }
            .date,
            .like {
              position: inherit;
              margin-top: 20px;
            }
          }
        }
      }
    }
    .st-hotel-room-content {
      padding-top: 20px;
      .room-heading {
        .st-heading {
          font-size: 24px;
        }
        .review-score {
          display: none;
        }
      }
      .room-featured-items {
        .item {
          img {
            margin-right: 5px;
          }
        }
      }
    }
    .st-gallery {
      .shares {
        top: 15px;
        right: 15px;
        .share-item {
          width: 35px;
          height: 35px;
          line-height: 35px;
          .fa {
            margin-left: 8px;
            margin-top: 6px;
          }
          &.like-it {
            .fa {
              margin-top: 9px;
              margin-left: 8px;
            }
          }
        }
      }
      .fotorama {
        .fotorama__arr {
          width: 30px;
          height: 30px;
          line-height: 30px;
          &:after {
            background-size: 19px !important;
            background-repeat: no-repeat !important;
            background-position: center center !important;
            top: 3px;
          }
          &.fotorama__arr--next {
            right: 15px;
          }
          &.fotorama__arr--prev {
            left: 15px;
          }
        }
        .fotorama__fullscreen-icon {
          width: 30px;
          height: 30px;
          right: 15px;
          &:before {
            background-size: 19px !important;
            background-repeat: no-repeat !important;
            background-position: center center !important;
            top: 3px;
          }
        }
      }
    }
    .st-flickity {
      .flickity-prev-next-button {
        width: 40px;
        height: 40px;
        line-height: 25px;
        &.next {
          right: 15px;
          &:after {
            font-size: 14px;
          }
        }
        &.previous {
          left: 15px;
          &:after {
            font-size: 14px;
          }
        }
      }
    }
  }
}

@media(max-width: 575px) {
  #st-content-wrapper {
    .list-destination {
      .destination-item {
        .title {
          font-size: 25px !important;
        }
        .image {
          .content {
            width: 100%;
            padding: 0 15px;
          }
        }
      }
      &.list-destination-style5{
        .title {
          font-size: 14px !important;
          padding: 8px 15px !important
        }
      }
    }
    .featured-image-background {
      height: 350px;
    }
    .tour-featured-image {
      position: relative;
      .st-gallery {
        height: 350px;
      }
    }
    &.st-single-tour{
      .review-box{
        .review-sumary{
          .item{
            display: block;
            .label{
              text-align: left;
              margin-bottom: 5px;
            }
            .progress{
              width: 100%;
            }
            .number{
                margin-left: 0px;
                margin-top: 5px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 480px){
  #st-content-wrapper {
    .list-destination {
      .destination-item {
        .title {
          font-size: 20px !important;
        }
      }
      &.list-destination-style5{
         .title {
           font-size: 14px !important;
           padding: 8px 15px !important
         }
       }
    }
  }
}

@media(max-width: 400px) {
  #header {
    .header {
      .header-right {
        .st-list {
          img {
            max-width: 20px;
          }
        }
      }
    }
  }
  #st-content-wrapper {
    .st-availability {
      .calendar {
        .daterangepicker {
          padding: 0 24px;
          .calendar.left .table-sub-header {
            margin-right: 0;
          }
          .calendar {
            .table-condensed {
              .day-off-week {
                width: 30px;
              }
              .td-date {
                width: 30px;
                height: 30px;
                min-width: auto;
                .date {
                  width: 30px;
                  height: 30px;
                  line-height: 30px;
                }
              }
            }
          }
        }
      }
    }
    .list-destination {
      .destination-item {
        .image {
          .content {
            .desc {
              font-size: 14px;
            }
          }
        }
      }
    }
  }
}
