.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: '';
}

.route-rect{
padding: 0.4em 5px;
    width: 103px;
    }
@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: calc(100% - 80px);
    }
    .header-right {
        width: 100%;
    }
    .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: 59px;
        height: 59px;
        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;
    }
    .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;
    }
    .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 {
        height: 40px;
    }*/
    .main-menu-button {
        width: 44px;
        height: 44px;
    }
    .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-table {
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        background-color:#fff;
    }
    .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%;
    }
   
    .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;
    }
    .header-top {
        width: calc(100% - 40px);
    }
    .header-right-logo {
        width: 55px;
        margin-left: 10px;
        margin-right: 15px;
    }
}

@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%;
    }
    .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) {
   /* .header-logo{
        height:37px;
    }*/
    .header-logo-1 {
    margin-right: 10px;
}
    .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;
    }
    .accordion-topic{
padding:5% 0;}
}

@media (max-width: 325px) {
    .route-bar-table {
        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;
    }
    
    .route-bar .route-accordion-rows{
    padding-right:0;
    }
    .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-table {
        width: 100%;
    }
    .header-right-logo {
        margin-right: 15px;
        margin-left: 0;
    }
}

@media (max-width: 285px) {
    .home-keys-col-2 .home-key {
        font-size: .8em;
    }
  /*  .header-logo {
        height: 33px;
    }*/
}

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