.main-menu .header-right {
  display: none;
}

.main-menu-mask,
.main-menu-top,
.main-menu-button {
  display: none;
}
/*.header-right-2 {
display: none;
}*/

.mobile {
  display: none;
}

.home-keys-col-4 .home-key br {
  content: '';
}

.home-keys-col-4 .home-key br:after {
  content: '';
}

.page-top .page-title br {
  content: '';
}

@media (max-width: 1200px) {
  .content-narrow-wrapper {
      width: 90%;
  }
  .home-keys-col-4 .home-key:before,
  .home-keys-col-2 .home-key:before {
      width: 25px;
      height: 15px;
      padding-bottom: 0;
      border-radius: 29px;
  }
  .hr-text {
      width: 90px;
      height: 90px;
      margin: auto;
  }
  .hr-status {
      width: 90px;
      margin: 0 auto 6px;
  }
  .zh_TW .hr-text-small,
  .zh_TW body.page-template-page-staff-self-arranged-bus-service .hr-text-small,
  .zh_CN .hr-text-small,
  .zh_CN body.page-template-page-staff-self-arranged-bus-service .hr-text-small {
      font-size: 1.3em;
  }
  .zh_TW body.page-template-page-staff-self-arranged-bus-service .hr-text-large,
  .zh_CN body.page-template-page-staff-self-arranged-bus-service .hr-text-large,
  .zh_TW body.postid-3539 .hr-text-large,
  .zh_CN body.postid-3539 .hr-text-large,
  .zh_TW body.postid-3565 .hr-text-large,
  .zh_CN body.postid-3565 .hr-text-large {
      font-size: 2.2em;
  }
  .hr-text-large {
      font-size: 3em;
  }
}

@media (max-width: 1100px) {
  .nt-image .nt-image-inner {
      font-size: 1.8em;
  }
  /*.hr-text {
      padding: 2.2em 0;
  }*/
}

@media (max-width: 1000px) {
  .content-narrow-wrapper {
      width: 100%;
  }
  .home-key {
      padding-left: 32px;
      font-size: 1.24em;
  }
  .home-keys-col-4 .home-key,
  .home-keys-col-2 .home-key {
      padding-right: 15px;
  }
  span.rb-large {
      display: block;
  }
  /* .hr-text {
      padding: 2em 0;
  }*/
}

@media (max-width: 900px) {
  .header-right-2 .header-submenu ul li a {
      padding: 10px 0;
  }
  .header-logo {
      width: 75px;
  }
  body.menu-open {
      position: fixed;
  }
  .menu-open .main-menu-button {
      z-index: 1;
  }
  .main-menu ul ul li {
      background-color: #822E6B;
  }
  .main-menu ul ul li.current-menu-item a {
      background-color: #85316e;
  }
  .menu-open .main-menu {
      -ms-transform: translateX(0);
      transform: translateX(0);
      transition: transform 0.25s ease-in-out;
  }
  .menu-close .main-menu {
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      transition: transform 0.25s ease-in-out;
  }
  .header-top {
      width: 40%;
  }
  .main-menu {
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      width: 90%;
      max-width: 400px;
      min-width: 240px;
      height: 100%;
      background-color: #85316e;
      padding-bottom: 20px;
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      transition: right 0.25s ease-in-out;
      box-shadow: 0 0 10px rgb(0 0 0 / 30%);
      will-change: transform;
      z-index: 9998;
      overflow-y: auto;
      overflow-x: hidden;
  }
  .main-menu>ul {
      text-align: left;
  }
  .main-menu ul li {
      display: block;
  }
  .header-submenu li {
      border: 0;
  }
  .main-menu>ul>li>a,
  .menu-main-menu-container>ul>li>a {
      width: 100%;
      font-size: 1.6em;
      font-weight: 600;
      text-align: left;
      padding: 15px 50px 15px 30px;
      line-height: 1.2;
      letter-spacing: -0.03em;
      z-index: 232332;
      transition: background-color 0.2s ease-in-out;
      color: white;
  }
  .main-menu>ul>li>a:before,
  .menu-main-menu-container>ul>li>a:before {
      display: none;
  }
  .main-menu ul li.menu-item-has-children>a {
      position: relative;
      width: 100%;
      text-align: left;
  }
  .main-menu ul li.menu-item-has-children a:before {
      position: absolute;
      display: block;
      content: "▾";
      right: 31px;
      top: 50%;
      height: 30px;
      margin-top: -15px;
      line-height: 30px;
      font-size: 1.3em;
      /* transform: translateY(-50%); */
      color: white;
      transition: all 0.3s ease-in-out;
      opacity: 1;
      left: 90%;
      background-color: #85316e;
  }
  .main-menu ul li.menu-item-has-children ul li a:before {
      display: none;
  }
  .main-menu ul li.menu-item-has-children a.active:before {
      transform: rotate(-180deg);
      transform-origin: center center;
      transition: all 0.3s ease-in-out;
  }
  .main-menu-close {
      display: block;
      position: absolute;
      /*right: 30px;*/
      right: 0;
      top: 30px;
      width: 20px;
      height: 20px;
      background-image: url(images/main-menu-close@2x.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 9999;
  }
  .main-menu-button {
      background-color: #85316e;
      border-radius: 8px;
      display: block;
      position: absolute;
      right: 0;
      top: 20%;
      width: 50px;
      height: 50px;
      z-index: 10002;
  }
  .main-menu-button-inner {
      display: block;
      position: absolute;
      left: 50%;
      top: -1px;
      width: 45%;
      height: 100%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: url(images/main-menu-button@2x.png) no-repeat center center;
      background-size: contain;
  }
  .body.menu-open .main-menu-container {
      -ms-transform: translateX(0);
      transform: translateX(0);
      transition: transform 0.25s ease-in-out;
  }
  .header-top .header-right {
      display: none;
  }
  .main-menu .header-right {
      display: block;
  }
  .header-right-2 {
      display: block;
      text-align: left;
      margin: 10px 15px 40px 15px;
  }
  .current-menu-item a {
      color: #e6c21f!important;
  }
  .main-menu>ul>li.current-menu-ancestor>a:before {
      background-color: #85316e;
  }
  .header-right-1 {
      margin: 60px 0 30px 15px;
      text-align: left;
  }
  .header-right a {
      color: white;
  }
  .header-submenu {
      border-top: 3px solid #e6c21f;
      padding-top: 10px;
      margin-top: 30px;
  }
  .fontsize-switch.active:hover {
      color: #ffffff;
  }
  .language-chooser,
  .language-chooser-text,
  .qtranxs_language_chooser :hover {
      color: #ffffff;
  }
  .header-submenu li a {
      font-size: 1.56em;
      font-weight: 600;
      line-height: 1.8;
      color: white;
  }
  .language-chooser,
  .language-chooser-text,
  .qtranxs_language_chooser {
      display: flex;
  }
  .language-switcher li a {
      color: white;
      font-size: 1.3em;
  }
  .header-submenu li a:hover {
      color: #ffffff;
  }
  .copyright {
      padding-bottom: 20px;
      line-height: 1.4;
  }
  .language-switcher li:after {
      color: #ffffff;
  }
  .ns-left .ns-image .ns-image-inner {
      font-size: 14px;
  }
  .header-left {
      width: 65%;
  }
  .home-routes {
      width: 90%;
  }
  .route-right {
      width: 75%;
  }
  .route-key {
      font-size: 10px;
      padding-left: 40px;
  }
  .menu-item-has-children .current-menu-parent a:before {
      background-color: #85316e;
  }
  .content-narrow-wrapper {
      width: 100%;
  }
  .li.current-menu-item a:before {
      background-color: #85316e;
  }
  .main-menu ul li:hover ul {
      position: relative;
  }
  .main-menu ul ul {
      padding-top: 0;
  }
  .main-menu ul ul li {
      width: 100%;
      padding-left: 10%;
  }
  .main-menu ul ul li a {
      font-size: 1.32em;
  }
  .main-menu ul ul li a:hover,
  .main-menu ul ul li.current-menu-item a {
      background-color: #85316e!important;
  }
  .cr-text,
  .cr-text td,
  .content-table td {
      padding: 2% 2%;
  }
  .content-table td {
      word-break: break-word;
  }
  .news-slide-inner {
      width: 100%;
  }
  .ns-content {
      width: 100%;
  }
  body.menu-open .main-menu-mask {
      display: block;
  }
  .main-menu-mask {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgb(0 0 0 / 60%);
      z-index: 100;
  }
  .home-routes-col-4>.home-route {
      width: 22%;
      margin-right: 4%;
  }
  .ac-topic {
      height: 250px;
  }
}

@media (max-width: 850px) {
  .route-stops-left,
  .route-stops-right {
      width: 33.8%;
  }
  .route-stops-top,
  .route-stops-bottom {
      width: 37%;
  }
  .route-details {
      width: 580px;
  }
  .news-thumbnail-slider-container {
      width: 95%;
      margin: 0 auto;
  }
  .route-details {
      padding-bottom: 175px;
  }
}

@media (max-width: 800px) {
  .nt-image .nt-image-inner {
      font-size: 1.68em;
  }
  .route-left .home-route {
      width: 130px;
  }
  .route-keys .route-key {
      margin-bottom: 20px;
  }
  .ad-text p,
  .content-block p {
      text-align: left;
  }
  .hr-text-large {
      font-size: 2.4em;
  }
}

@media (max-width: 768px) {
  .home-banner:before {
      background-size: auto 125%;
  }
  .home-keys-col-2 {
      width: 100%;
      display: table;
      table-layout: fixed;
  }
  .home-keys-col-2 .home-key {
      width: 25%;
      margin-top: 0em;
  }
  .home-keys-col-2 .home-key:nth-child(even) {
      margin-left: 0;
  }
  .home-routes-col-2>.home-route:nth-child(2n+1) {
      clear: none;
  }
  .home-routes-col-2>.home-route:nth-child(2n+2) {
      margin-right: 8%;
  }
  .home-routes-col-2>.home-route:nth-child(n+4) {
      margin-right: 0;
  }
  .header-top {
      width: 50%;
  }
  .home-block-col-1 {
      width: 100%;
      margin-bottom: 50px;
      min-height: 200px!important;
      height: auto;
  }
  .home-block-col-2 {
      width: 100%;
      margin-bottom: 50px;
      min-height: 200px;
      height: auto;
  }
  .ns-left,
  .ns-content {
      display: block;
  }
  .ns-content {
      table-layout: initial;
  }
  .nt-image .nt-image-inner {
      font-size: 1.38em;
  }
  .ns-content {
      display: grid;
  }
  .ns-left {
      width: 100%;
  }
  .ns-right {
      width: 100%;
      border-left: 0px solid #822E6B;
  }
  .route-key span {
      font-size: 1.1em;
  }
  .route-left {
      display: inline;
  }
  .route-stops-right {
      padding-right: 20px;
  }
  .route-details {
      width: 580px;
  }
  .home-routes-col-2>.home-route {
      width: 19%;
      margin-right: 8%;
      margin-bottom: 4%;
  }
  .accordion-topic {
      padding-right: 7%;
  }
  .home-keys-col-2 .home-key {
      margin-top: 0em;
      display: table-cell;
      vertical-align: middle;
      float: none;
  }
  .home-keys-col-2 .home-key br {
      content: '';
  }
  .home-keys-col-2 .home-key br:after {
      content: '';
  }
  .route-bottom-keys>.route-bottom-key {
      width: 49%;
  }
  /*.hr-text {
      padding: 3.2em 0;
  }*/
  .ac-details-content p,
  .ac-details-content li,
  .ac-details-content th,
  .ac-details-content td {
      text-align: left;
  }
  .ac-topic {
      height: 280px;
  }
  .zh_TW .rb-1-text-large {
      font-size: 3em;
  }
   .home-banner:before{
      width:39%;
      background-size: cover;
      }
}

@media (max-width: 700px) {
  .route-details {
      width: 510px;
  }
  .route-stops-bottom,
  .route-stops-top {
      width: 46%;
  }
  .route-stops-left,
  .route-stops-right {
      width: 29.6%;
  }
  .cr-text {
      font-size: 0.88em;
  }
  .content-table td {
      font-size: 1.2em;
      word-break: break-word;
  }
  .hr-status {
      height: 1.7em;
  }
  .page-id-3874 iframe {
      height: 1350px!important;
  }
  .rli-form {
      height: 2200px!important;
  }
  .page-id-2618 iframe {
      height: 1500px;
  }
  
 
}

@media (max-width: 650px) {
  .home-routes {
      width: 100%;
  }
  .route-stops-left,
  .route-stops-right {
      width: 27.9%;
  }
  .route-stops-bottom,
  .route-stops-top {
      width: 49.4%;
  }
  .route-stop-first {
      width: 75px;
  }
  .route-stop-last {
      width: 65px;
  }
  .home-keys-col-2 {
      width: 100%;
  }
  .news-thumbnail-slider-container {
      padding-bottom: 100px;
      width: 90%;
      margin: 0 auto;
  }
  .route-stop-last.dotted svg {
      top: 20px;
      right: 12px;
  }
  .stroke-3 {
      stroke-width: 12px;
  }
}

@media (max-width: 600px) {
  .header-logo {
      width: 55px;
  }
  .main-menu-button {
      width: 40px;
      height: 40px;
  }
  .home-routes {
      display: block;
      padding: 1.5em 0;
      width: 100%;
  }
  /*.hr-text {
      padding: 22% 0;
  }*/
  .home-keys-col-4 .home-key,
  .home-keys-col-2 .home-key {
      display: inline-block;
      width: 49%;
      margin-right: 1%;
      margin-bottom: 2%;
      font-size: 1.1em;
  }
  .home-keys-col-4 .home-key:before,
  .home-keys-col-2 .home-key:before {
      height: 13px;
  }
  .ns-text p {
      font-size: 1em;
  }
  .ns-content {
      padding: 20px;
  }
  .nt-image .nt-image-inner {
      font-size: 1.18em;
  }
  .nt-slide {
      padding: 5px;
  }
  .home-routes {
      display: flex;
      flex-wrap: wrap;
  }
  .route-container {
      display: inline;
  }
  .route-left .home-route {
      width: 25%;
  }
  .ac-topic span {
      font-size: 1.48em;
  }
  .ac-topic {
      padding: 90px 15px 0 15px;
      min-height: 230px;
      height: auto;
  }
  .home-popup p {
      overflow-wrap: break-word;
  }
  .route-bar {
      display: flex;
      flex-direction: unset;
      flex-wrap: wrap;
  }
  .rb-1 {
      width: 100%;
  }
  .rb-2 {
      width: 70%;
  }
  .rb-3 {
      width: 30%;
      margin: auto 0;
  }
  body.page-template-page-staff-self-arranged-bus-service .route-bar.active .rb-3 {
      min-width: 150px;
  }
  .postid-3539 .rb-2,
  .postid-3565 .rb-2 {
      width: 100%;
  }
  .route-bar {
      background: white;
  }
  .rb-1,
  .rb-2,
  .rb-3 {
      padding: 2em;
  }
  span.rb-large {
      font-size: 1.3rem;
  }
  .route-rect {
      font-size: 1.64em;
  }
  .rb-1-text,
  .rb-1-text-small {
      text-align: center;
  }
  .rb-1-text-large {
      font-size: 3em;
  }
  .hn-date {
      font-size: 1.5em;
  }
  .route-left .home-route.active:before {
      display: none;
  }
  .route-right .rb-1 .rb-1-text br {
      content: '';
      padding: 3px;
  }
  .route-right .rb-1 .rb-1-text .rb-1-text-small:before {
      content: '|';
      padding-right: 10px;
  }
  body.page-template-page-staff-self-arranged-bus-service .route-right .rb-1 .rb-1-text .rb-1-text-small:before {
      display: none;
  }
  .rb-1-text-small {
      font-size: 2.4em;
      font-weight: 800;
  }
  .rb-1-text-large {
      padding-right: 3px;
  }
  .ad-table {
      flex-direction: column-reverse;
  }
  .ad-table-right.with-image .ad-text,
  .ad-table-left.with-image .ad-text,
  .ad-table-right .ad-image,
  .ad-table-left .ad-image {
      width: 100%;
      padding: 0;
      border: 0;
  }
  .ad-table-right.with-image .ad-text,
  .ad-table-left.with-image .ad-text {
      padding-right: 0;
      border-right: 0;
      padding-top: 1.5%;
  }
  .cf-form {
      height: 900px !important;
  }
}

@media (max-width: 550px) {
  .home-key {
      font-size: 1.24em;
      padding-left: 35px;
  }
  .home-block {
      min-height: 200px!important;
  }
  .ns-text p {
      font-size: 1em;
  }
  .ns-heading {
      font-size: 1.2em;
  }
  .news-thumbnail-slider-container .bx-prev {
      left: -35px;
  }
  .news-thumbnail-slider-container .bx-next {
      right: -35px;
  }
  .accordion-col:nth-child(3n+1) {
      clear: none!important;
  }
  .accordion-col:nth-child(2n+2) {
      margin-right: 0!important
  }
  .accordion-col:nth-child(2n+1) {
      clear: both!important;
  }
  .accordion-col {
      width: 48%;
      margin-right: 3.5%!important;
  }
  .ac-details-content p {
      font-size: 1.5em;
  }
  .ac-details-content {
      padding: 70px 15px 20px 15px;
  }
  .cn-date {
      display: block;
  }
  .cn-content {
      display: block;
  }
  .route-stop-text {
      font-size: 1.2em;
  }
  .page-id-3874 iframe {
      height: 1500px!important;
  }
  .rli-form {
      height: 2400px!important;
  }
  .cf-form {
      height: 1100px!important;
  }
  .page-id-2618 iframe {
      height: 1500px;
  }
}
@media (max-width: 533px) {

.page-id-3872 iframe{

      height: 1100px;
}
}
@media (max-width: 512px) {
  .route-keys {
      display: inline-block;
  }
  .route-keys .route-key {
      display: inline-block;
      width: 50%;
      margin-bottom: 20px;
  }
  .page-id-2618 iframe {
      height: 2000px;
  }
}

@media (max-width: 500px) {
  .home-banner {
      padding-bottom: 45%;
  }
  .home-banner:before {
      background-size: auto 101%;
  }
  .header-top {
      width: 70%;
  }
  .page-icon {
      width: 7%;
  }
  .home-routes {
      padding: 1.5em 0;
      width: 100%;
  }
  .wi-button-container {
      margin: 20px 0px 80px auto;
      width: 40%;
  }
  .home-keys-col-4 .home-key:before,
  .home-keys-col-2 .home-key:before {
      width: 18px;
      height: 13px;
  }
  .home-key {
      font-size: 1em;
      font-weight: 400;
      line-height: 1.2;
      color: #666666;
      padding-left: 25px;
  }
  .nt-image .nt-image-inner {
      font-size: 0.9em;
  }
  .news-thumbnail-slider-container .bx-prev {
      left: -30px;
  }
  .news-thumbnail-slider-container .bx-next {
      right: -30px;
  }
  .route-left .home-route {
      padding: 1%;
  }
  .page-title {
      font-size: 1.7em;
  }
  .footer-menu li {
      padding: 0 1.2em;
  }
  .route-bottom-key {
      padding-left: 25px;
  }
  .route-details {
      width: 410px;
  }
  .route-stops-top,
  .route-stops-bottom {
      width: 50.5%;
      /*49.5%*/
  }
  .ns-content {
      padding: 10px;
  }
  .hr-text-large {
      font-size: 2.4em;
  }
  .zh_TW body.page-template-page-staff-self-arranged-bus-service .hr-text-large,
  .zh_CN body.page-template-page-staff-self-arranged-bus-service .hr-text-large,
  .zh_TW body.postid-3539 .hr-text-large,
  .zh_CN body.postid-3539 .hr-text-large,
  .zh_TW body.postid-3565 .hr-text-large,
  .zh_CN body.postid-3565 .hr-text-large {
      font-size: 1.5em;
  }
  .hr-text-small {
      font-size: 1.38em;
  }
  .rb-2-1 span.rb-large {
      padding-right: 0.2em;
  }
  span.rb-large {
      font-size: 1.1rem;
  }
  .page-top {
      padding-bottom: 7%;
  }
  .page-top .page-title {
      width: 60%;
      max-width: 250px;
  }
  /*.hr-text {
      padding: 23% 0;
  }*/
  .home-routes-col-4>.home-route,
  .home-routes-col-2>.home-route {
      width: 22%;
      margin-right: 4%;
  }
  .home-routes-col-2>.home-route:nth-child(2n+2) {
      margin-right: 4%;
  }
  .home-routes-col-2>.home-route:nth-child(4n+4) {
      margin-right: 0;
  }
  .hr-text {
      width: 72px;
      height: 72px;
  }
  .hr-status {
      width: 72px;
  }
  .content-table th {
      display: none;
  }
  .content-table td {
      display: block;
      font-size: 1.68em;
      padding: 0;
  }
  .content-table td:before {
      display: block;
      width: 100%;
      content: attr(data-th);
      font-weight: bold;
      color: #822E6B;
      font-size: 1.2em;
      padding: 1.5% 0;
      border-bottom: 1px solid #822E6B;
  }
  .content-table td p,
  .content-table td a {
      padding: 2.5% 1.5% 1.5% 1.5%;
      font-size: 15px;
  }
  body.page-template-page-staff-self-arranged-bus-service .route-bar.active {
      display: flex;
  }
  body.page-template-page-staff-self-arranged-bus-service .route-bar.active .rb-2 {
      width: 100%;
  }
  .route-stop-last.dotted {
      border-width: 0 12px 12px 0;
  }
  .route-stops-left .route-stop .route-border.dotted,
  .route-stops-right .route-stop .route-border.dotted {
      border-width: 0 12px 0 0;
  }
  .route-details {
      padding-bottom: 230px;
  }
  body.page-template-page-staff-self-arranged-bus-service .rb-1-text-small,
  body.page-template-page-staff-self-arranged-bus-service .rb-1-text-large {
      display: inline;
  }
  body.page-template-page-staff-self-arranged-bus-service .rb-1-text-small {
      font-size: 2.4em;
  }
  .route-left .home-route:active,
  .route-left .home-route:hover {
      border: none;
  }
  .home-banner:before {
    width: 47%;
}
.home-banner {
    padding-bottom: 35%;
}
}

@media (max-width: 450px) {
  .route-stop-first {
      width: 50px;
  }
  .route-stop-last {
      width: 50px;
  }
  .wi-button {
      font-size: 1.3em;
  }
  .accordion-topic {
      color: #822E6B;
      font-size: 1.62em;
  }
  .accordion-topic:before,
  .accordion-topic:after {
      width: 15px;
  }
  .hb-icon {
      padding: 10px 18px;
  }
  .hb-icon span {
      width: 20px;
      height: 20px;
  }
  .hb-title {
      font-size: 2em;
  }
  .page-top .page-title br {
      content: unset;
  }
  .ns-left .ns-image .ns-image-inner {
      font-size: 1.2em;
  }
  .hr-text-large {
      font-size: 2.4em;
  }
  .ns-left .ns-image .ns-image-inner,
  .nt-image .nt-image-inner {
      left: 52%;
  }
  .wi-link {
      width: 25%;
      padding-bottom: 25%;
  }
  .wi-link-1 {
      top: -7%;
  }
  .wi-link-2 {
      top: 15%;
  }
  .wi-link-3 {
      left: 20%;
  }
  .wi-link-4 {
      top: -7.3%;
      left: -6.7%;
  }
  .wi-link-5 {
      left: -4.7%;
      bottom: 20.7%;
  }
  .wi-link-6 {
      right: -3%;
      bottom: 0%;
  }
  .wi-link-6:before {
      height: 24%;
  }
  /*.hr-text {
      padding: 22% 0;
  }*/
  .cf-form {
      height: 1200px!important;
  }
  /* .route-stops-left .route-stop .route-border.dotted,*/
  .route-stops-right .route-stop .route-border.dotted {
      border-style: none;
      left: 1px;
  }
  .route-stop-last.dotted svg {
      right: 27px;
      height: 80px;
  }
  .route-stop-bottom-text {
      padding-top: 50px;
  }
}

@media (max-width: 400px) {
  .news-thumbnail-slider-container {
      width: 85%;
      margin: 0 auto;
  }
  .footer-semi {
      margin-top: -250px;
  }
  .footer-left-2 {
      margin-top: -160px;
  }
  .nt-image .nt-image-inner {
      font-size: 0.8em;
  }
  .hb-content {
      padding: 10px;
  }
  .ns-content {
      padding: 7px;
  }
  .ns-left .ns-image .ns-image-inner {
      font-size: 12px;
  }
  .nt-image .nt-image-inner {
      font-size: 0.6em;
  }
  .news-thumbnail-slider-container .bx-prev {
      left: -33px;
  }
  .news-thumbnail-slider-container .bx-next {
      right: -33px;
  }
  .accordion-topic {
      font-size: 1.52em;
  }
  .route-heading {
      font-size: 1.84em;
  }
  .route-stop-first {
      width: 40px;
  }
  .route-stop-last {
      width: 30px;
  }
  .route-bottom-key {
      padding-left: 20px;
  }
  .page-title {
      font-size: 1.3em;
  }
  .route-details {
      width: 350px;
  }
  .route-stops-top,
  .route-stops-bottom {
      width: 48%;
  }
  .route-stops-left,
  .route-stops-right {
      width: 29.6%;
  }
  .hr-text-large {
      font-size: 2.2em;
  }
  .rli-form {
      height: 2500px!important;
  }
  .route-stop-last i {
      right: 100%;
      width: 20px;
      height: 54px;
      bottom: -34px;
  }
  .route-stop-last.dotted i {
      bottom: -15px;
  }
  .route-stop-first i {
      bottom: -22px;
      margin-left: -25px;
      width: 33px;
      height: 33px;
  }
  .route-stop-last.dotted i {
      bottom: -15px;
  }
  .route-stop-last.dotted svg {
      right: 5px;
      height: 72px;
      width: 50px;
      top: 25px;
  }
  .route-stop-last.dotted svg circle {
      cx: -26;
      cy: 16;
  }
}

@media (max-width: 375px) {
  .route-stops-left,
  .route-stops-right {
      width: 30%;
  }
}

@media (max-width: 350px) {
  .route-stop-last.dotted svg {
      right: 18px;
      top: 30px;
  }
  .route-stop-last.dotted svg circle {
      cx: -20;
      cy: 15;
  }
  .wi-button-container {
      width: 45%;
  }
  .route-details {
      margin: 0;
  }
  .route-stop-last {
      width: 22px;
  }
  .route-stop-first {
      width: 40px;
  }
  .route-bottom-key {
      margin-left: 25px;
  }
  .hr-text-large {
      font-size: 2em;
  }
  .route-stop-last.dotted {
      border-width: 0 12px 12px 0;
      border-radius: 10px;
  }
  .route-stops-left .route-stop .route-border.dotted,
  .route-stops-right .route-stop .route-border.dotted {
      border-width: 0 12px 0 0;
  }
  .route-details {
      width: 300px;
  }
  .route-stops-left,
  .route-stops-right {
      width: 34.7%;
      /*30.4*/
  }
  .route-stops-top,
  .route-stops-bottom {
      width: 39.2%;
  }
  .hr-text {
      width: 65px;
      height: 65px;
  }
  .hr-status {
      width: 65px;
  }
  .rli-form {
      height: 2600px!important;
  }
  .zh_TW body.page-template-page-staff-self-arranged-bus-service .hr-text-large {
      font-size: 1.5em;
  }
  .route-stops-left .route-stop-text {
      padding-right: 30px;
  }
  .route-stops-right .route-stop-text {
      padding-left: 30px;
  }
}

@media (max-width: 325px) {
  .route-bar {
      width: 90%;
  }
  .footer-menu li a {
      font-size: 1.16em;
  }
  .route-keys {
      padding-right: 40px;
  }
  .route-bottom-keys>.route-bottom-key {
      display: flex;
  }
  .route-accordion-rows {
      padding-right: 30px;
  }
  .home-key {
      font-size: 0.8em;
  }
  .rb-2 {
      width: 60%;
  }
  .rb-3 {
      width: 40%;
  }
  .page-top {
      display: flex;
  }
  .hr-text {
      width: 60px;
      height: 60px;
  }
  .hr-status {
      width: 60px;
  }
  .rli-form {
      height: 2710px!important;
  }
  .zh_TW .hr-text-content {
      font-size: 0.9em;
  }
  .route-bar {
      width: 100%;
  }
}

@media (max-width: 285px) {
  .home-keys-col-2 .home-key {
      font-size: .8em;
  }
}

.home-keys-col-2 .home-key br {
  content: white;
}