.citybus-row {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0;width: 100%;margin: 50px 0;}
.citybus-left {display: grid;grid-template-columns: auto;grid-template-rows: repeat(3, max-content);grid-column-gap: 0;grid-row-gap: 20px;width: 100%;align-items: start;justify-items: start;}
.citybus-left .href-btn {align-self: end;justify-self: end;}
.citybus-right {}
.citybus-right img {object-fit: cover;object-position: center;width: 100%;height: 100%;border-radius: var(--radius-m);}
.public-transport-row {}
.pubtrans-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);gap: 50px;width: 100%;margin: 50px 0;}
.pubtrans-tile {border: 1px solid var(--gsc-inactive);border-radius: var(--radius-m);}
.pubtrans-tile a {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0;grid-row-gap: 20px;}
.pubtrans-img {object-fit: cover;object-position: center;width: 100%;height: auto;border-radius: calc(var(--radius-m) - 1px) calc(var(--radius-m) - 1px) var(--radius-m) var(--radius-m);align-self: start;justify-self: center;}
.pubtrans-details {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, 1fr);grid-column-gap: 0;grid-row-gap: 10px;}
.pubtrans-title,.pubtrans-desc {padding: 0 20px;}
.pubtrans-btn {min-width: 224px;line-height: 47px;height: 48px;color: var(--txt2-c);font-weight: var(--fw-h);white-space: nowrap;text-align: center;background-color: var(--bp-info);border: 1px solid var(--bp-info);border-radius: var(--radius-m) var(--radius-m) calc(var(--radius-m) - 1px) var(--radius-m);width: auto;display: inline-block;align-self: end;justify-self: end;margin-right: -1px;margin-bottom: -1px;transition: background-color var(--trans-def),color var(--trans-def);}
.pubtrans-tile a:focus .pubtrans-btn,.pubtrans-tile a:hover .pubtrans-btn {background-color: var(--txt2-c);color: var(--bp-info);}
@media screen and (max-width: 1156px) {.pubtrans-grid {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);}
}
@media screen and (max-width: 900px) {.map-grid {grid-template-columns: 1fr;grid-template-rows: 300px auto;grid-row-gap: 50px;}
}
@media screen and (max-width: 576px) {.citybus-row {grid-template-columns: repeat(1, 1fr);grid-column-gap: 0;grid-row-gap: 25px;}
.citybus-right {grid-area: 1 / 1;}
.citybus-left {grid-area: 2 / 1;}
.pubtrans-grid {grid-template-columns: 1fr;grid-template-rows: auto;}
.pubtrans-details {grid-template-rows: repeat(3, auto);}
}
@media screen and (max-width: 400px) {.citybus-left > .href-btn,.map-form.form-cnt .btn.bkkp-filter-submit,.faq-row.row > .href-btn,.news-row.row > .href-btn,.bkkinfo-cnt.row > .href-btn {--cbtn-w: 100%;}
}