@media (max-width: 1500px) {
  header .navbar .menu .site-menu-root li {
    padding: 0 12px; } }
@media (max-width: 1400px) {
  header .navbar-extra {
    margin: 0;
    position: absolute;
    top: 15px;
    right: 25px; }
  header .navbar .menu {
    margin-top: 50px; }

  .ticket li .ticket-content {
    height: 450px; }

  .warning-info {
    top: 100px; } }
@media (max-width: 1200px) {
  header .navbar .menu .site-menu-root li {
    padding: 0 8px; }
  header .branding {
    width: 200px;
    padding-top: 15px; }
    header .branding .navbar-brand {
      padding: 0 !important; }
  header .navbar {
    padding: 10px 10px;
    position: initial; }
  header #menu-toggle {
    margin-top: 20px; }
  header .navbar-extra {
    margin-top: 20px; }

  .customer-info {
    width: 100%; }

  .customer-service .col-md-3 {
    width: 50%;
    margin-top: 30px; }

  .warning-info {
    top: 95px; }

  .start-main .ticket li .ticket-content {
    height: 500px; }

  .ltk-campaign-col {
    clear: both;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 30px; } }
@media (max-width: 1024px) {
  .warning-info {
    top: 75px; } }
@media (max-width: 992px) {
  #tickets .search-btn {
    float: none; }

  .news-feed .col-md-4 {
    margin-bottom: 20px;
    height: 330px; }

  .cookie-container-wrapper {
    height: 110px; }

  .ticket li {
    width: 100%; }
    .ticket li .ticket-content {
      height: 410px; } }
@media (max-width: 960px) {
  .travelplanner-wrapper {
    height: initial; }

  .start-main .ticket li {
    width: 48%; }
    .start-main .ticket li .ticket-content {
      height: 450px; } }
@media (max-width: 767px) {
  .wrapper.toggled #sidebar-wrapper {
    display: none !important; }

  header {
    height: 80px; }
    header .navbar {
      padding: 18px 10px; }
    header .menu-opener {
      display: block !important;
      color: black;
      border: 2px solid #e0e6ec;
      margin: 0;
      position: absolute;
      top: 15px;
      font-size: 25px;
      right: 25px;
      padding: 3px 10px 3px;
      height: 50px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      cursor: pointer; }
    header .menu-opener.open {
      background-color: #e0e6ec; }
    header .branding {
      padding: 0; }
    header .navbar-extra {
      top: 25px !important;
      right: 80px;
      margin: 0; }
    header .menu {
      position: absolute;
      top: 80px;
      left: 0;
      background-color: #f1f5f6;
      width: 100%;
      margin: 0 !important;
      display: none;
      z-index: 9999; }
      header .menu .opener {
        position: absolute;
        top: 0;
        right: 0;
        width: 64px;
        height: 64px;
        cursor: pointer;
        padding: 19px 0 0 20px; }
        header .menu .opener:before {
          content: "\f067";
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          text-decoration: inherit;
          font-size: 12px;
          margin: 10px 15px;
          color: #444444;
          font-size: 18px; }
      header .menu .opener.open:before {
        content: "\f068"; }
      header .menu ul {
        padding: 0;
        margin: 0; }
      header .menu li {
        width: 100%;
        float: none;
        list-style-type: none;
        position: relative; }
        header .menu li a {
          display: block;
          padding: 20px 20px !important;
          border-bottom: 2px solid #e0e6ec !important;
          color: #444444; }
        header .menu li > ul {
          display: none;
          background-color: #edf1f5; }
          header .menu li > ul li a {
            padding-left: 30px !important; }
          header .menu li > ul li > ul {
            display: none;
            background-color: #e0e6ec; }

  header.tools-active .navbar-extra {
    top: 80px !important; }
  header.tools-active .menu-opener {
    top: 70px; }
  header.tools-active .menu {
    top: 140px; }

  .search-box {
    top: 80px; }

  .slick-start .slick-slide .campaign-txt {
    top: 110px; }

  .start-campaign.row-banner #top-tabs h1 {
    margin-top: 0; }

  .start-main .ticket li .ticket-content {
    height: 490px; }

  .warning-info {
    top: initial;
    bottom: 0; }

  #map-wrap {
    top: 530px; }

  #quick-nav select {
    background-color: white; }

  header {
    position: static; }

  .search-box form {
    padding: 0; }

  .row-banner #top-tabs {
    padding: 120px 20px 0; }
    .row-banner #top-tabs .slick-dots {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100% !important;
      background-color: rgba(4, 74, 44, 0.39);
      border-bottom: 1px solid rgba(36, 121, 58, 0.47);
      margin: 0;
      padding: 0; }
      .row-banner #top-tabs .slick-dots li {
        width: 33.3% !important;
        height: 80px !important;
        color: white;
        border: 0;
        float: left;
        padding: 8px 20px;
        margin: 0;
        height: 86px !important;
        width: 100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
        display: block;
        text-align: center; }
        .row-banner #top-tabs .slick-dots li .icon {
          margin: 0; }
        .row-banner #top-tabs .slick-dots li:hover {
          color: white;
          background-color: rgba(43, 165, 75, 0.56); }
          .row-banner #top-tabs .slick-dots li:hover .icon, .row-banner #top-tabs .slick-dots li:hover p {
            color: white !important; }
        .row-banner #top-tabs .slick-dots li p {
          float: none; }
        .row-banner #top-tabs .slick-dots li .icon, .row-banner #top-tabs .slick-dots li .fa {
          font-size: 30px;
          display: block !important;
          float: none !important;
          height: 40px; }
      .row-banner #top-tabs .slick-dots .slick-active {
        color: white;
        background-color: rgba(43, 165, 75, 0.56); }
        .row-banner #top-tabs .slick-dots .slick-active .icon, .row-banner #top-tabs .slick-dots .slick-active p {
          color: white !important; }

  .row-banner {
    height: 590px; }

  #top-tabs h2 {
    font-size: 20px; }
  #top-tabs h1 {
    margin-bottom: 0; }

  #timetable-search .search-div {
    width: 32.3%; }
  #timetable-search .search-btn {
    width: 100%; }
    #timetable-search .search-btn .btn {
      width: 100%; }

  .travelplanner form {
    padding: 0; }
  .travelplanner .journey-left {
    width: 100%; }
    .travelplanner .journey-left .search-div {
      width: 100%;
      margin-bottom: 10px;
      padding: 0; }
    .travelplanner .journey-left .select-time {
      left: 0; }
      .travelplanner .journey-left .select-time .time, .travelplanner .journey-left .select-time .datepicker {
        width: 50%;
        float: left !important; }
      .travelplanner .journey-left .select-time .time {
        padding-right: 10px; }
    .travelplanner .journey-left button {
      right: 10px;
      top: 6px; }
    .travelplanner .journey-left .search-div .fa-chevron-down {
      right: 15px;
      top: 17px; }
  .travelplanner .journey-right {
    position: static;
    width: 100%;
    padding: 13px 15px; }

  .travelplanner .journey-left .search-div input, .travelplanner .journey-left .search-div select, .travelplanner .journey-left .search-div .radio-btn {
    padding: 13px 15px; }

  .row-banner #top-tabs .search .search-div input, .row-banner #top-tabs .search .search-div select, .row-banner #top-tabs .search .search-div .radio-btn {
    padding: 13px 15px; }

  .row-banner #top-tabs .search .search-div .btn {
    padding: 13px 15px; }

  .row-banner #top-tabs .search .search-div .fa-chevron-down {
    top: 18px;
    right: 40px; }

  .travelplanner-default .travelplanner {
    margin-bottom: 10px;
    padding: 0 10px; }

  .navbar-traffic .select-cat {
    padding-top: 0; }
    .navbar-traffic .select-cat span.name {
      display: none; }

  .navbar-traffic .select-cat .filter-cat {
    padding: 9px 13px 4px; }

  .fa-chevron-circle-up {
    position: absolute;
    right: 45%;
    top: 5px;
    font-size: 25px !important;
    color: black !important;
    z-index: 900 !important;
    cursor: pointer !important; }

  .fa-chevron-circle-down {
    position: absolute;
    right: 45%;
    bottom: 5px;
    font-size: 25px !important;
    color: black !important;
    cursor: pointer !important; }

  .news-feed {
    padding: 30px 0; }
    .news-feed h3 {
      margin-left: 20px; }
    .news-feed .col-md-4 .img-wrap, .news-feed .col-md-4 .txt-wrap {
      width: 100%; } }
@media (max-width: 736px) {
  .cookie-container-wrapper {
    height: 130px; }

  .cookie-container-wrapper .cookie-container button {
    float: none; }

  .cookie-container-wrapper .cookie-container p {
    width: 100%; } }
@media (max-width: 640px) {
  header .navbar-help-tools {
    height: 70px; }

  header.tools-active .navbar-extra {
    top: 90px !important; }
  header.tools-active .menu-opener {
    top: 80px; }
  header.tools-active .menu {
    top: 140px; }

  .start-main .ticket li {
    width: 100%; }
    .start-main .ticket li .ticket-content {
      height: 460px; }

  #timetable-search .search-div, #ticket-search .search-div {
    width: 100% !important; }
  #timetable-search .search-btn, #ticket-search .search-btn {
    width: 100%; }
    #timetable-search .search-btn .btn, #ticket-search .search-btn .btn {
      width: 100%; }

  .customer-service {
    padding-top: 40px; }
    .customer-service .img-wrap {
      margin: 0 auto;
      float: none !important; }
    .customer-service .col-md-3 {
      width: 100%; }

  .customer-text {
    width: 100%;
    clear: both;
    padding: 0 !important; }

  .timetable-results-wrapper .table-heading {
    display: none; }
  .timetable-results-wrapper .result-wrap {
    margin-top: 40px; }
    .timetable-results-wrapper .result-wrap ul li {
      height: auto;
      padding: 10px 20px; }
      .timetable-results-wrapper .result-wrap ul li a {
        padding: 0; }

  .timetable-results-wrapper .line, .timetable-results-wrapper .line-name, .timetable-results-wrapper .table-valid {
    display: block;
    width: 100%;
    float: none; }

  .cookie-container-wrapper {
    height: 160px; } }
@media (max-width: 568px) {
  .ticket li {
    width: 100%; }

  .slick-start .slick-slide .campaign-txt {
    font-size: 27px; }

  .start-campaign #top-tabs h2 {
    font-size: 10px; } }
@media (max-width: 533px) {
  header .icon-help-tools, header .user-link {
    display: none; }
  header .navbar-extra {
    top: 25px;
    right: 60px; }
  header .branding {
    width: 160px;
    padding-top: 3px; }

  header .navbar-extra li {
    padding: 0 2px; }

  main {
    padding-bottom: 590px; }

  .footer-top {
    height: 590px; }
    .footer-top .col-xs-6 {
      width: 100%; } }
@media (max-width: 480px) {
  .cookie-container-wrapper {
    height: 180px; }

  .warning-info .event h3 {
    font-size: 16px; }

  .warning-info .fa-exclamation-triangle {
    left: 10px;
    height: 50px;
    width: 50px;
    font-size: 20px; }

  header .navbar-help-tools li {
    padding-right: 20px; } }
@media (max-width: 414px) {
  .traffic-feed .event-line-type {
    display: none; }

  .ticket li {
    width: 100%; }
    .ticket li .ticket-content {
      height: 440px; }

  .start-main .ticket li .ticket-content {
    height: 500px; }

  .navbar-traffic .select-cat .filter-cat {
    display: none; } }
@media (max-width: 400px) {
  .row-banner #top-tabs h1 {
    font-size: 22px;
    line-height: 35px; }

  #top-tabs h2 {
    font-size: 15px; }

  .row-banner #top-tabs .slick-dots li {
    padding: 8px 5px;
    font-size: 16px; } }
@media (max-width: 375px) {
  .slick-start .slick-slide .campaign-txt {
    font-size: 24px; }

  .start-campaign #top-tabs h2 {
    font-size: 10px; }

  .link-txt {
    width: 70%; } }
@media (max-width: 360px) {
  .cookie-container-wrapper {
    height: 210px; } }
