.section-hero-all-order-page {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 600px;
    background-color: #D81B18;
}
.section-hero-all-all-order-page-wrapper {
    display: flex;
}
.section-hero-all-all-order-page-header-box {
    display: flex;
}
.section-hero-all-order-page-header {
    font-family: "sukhumvit-set-bold";
    font-size: 64px;
}
.order-wording {
    font-family: "sukhumvit-set-bold";
    font-size: 80px;
    font-weight: 900;
}
.section-hero-all-order-page-image-1 {
    display: flex;
    position: absolute;
    top: 88px;
    left: 56px;
    width: 16px;
    height: 16px;
}
.section-hero-all-order-page-image-2 {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 110px;
    width: 706px;
    height: 346px;
}
.section-hero-all-order-page-image-3 {
    display: flex;
    position: absolute;
    top: 98px;
    right: 60px;
    width: 15px;
    height: 17px;
}
.section-hero-all-order-page-image-4 {
    display: flex;
    position: absolute;
    bottom: 76px;
    right: 0;
    width: 110px;
    height: 102px;
}
.header-pagination {
    display: flex;
    /*padding: 26px 112px 0;*/
    height: 100px;
}
.header-pagination-wrapper {
    display: flex;
    gap: 6px;
}
.header-pagination-box {
    display: flex;
}
.header-pagination-paragraph {
    font-family: "sukhumvit-set-text";
    font-size: 16px;
    color: #666;
}
.header-pagination-slash {
    display: flex;
    font-family: "sukhumvit-set-text";
    font-size: 16px;
    color: #666;
}
.section-hero-all-order-page.order-channels {
    background-image: url(../images/order-channels/order-channels-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left:250px;
}
.section-hero-all-order-page.order-channels .section-hero-all-order-page-header {
    color: #FF2623;
}
.section-order-channels-hero {
    display: flex;
    justify-content: center;
    height: 304px;
    padding-top: 12px;
}
.section-order-channels-hero-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}
.section-order-channels-hero-header-box {
    display: flex;
}
.section-order-channels-hero-header {
    font-family: "sukhumvit-set-bold";
    font-size: 46px;
    color: #FF2623;
    line-height: 1;
}
.section-order-channels-hero-sub-header-box {
    display: flex;
}
.section-order-channels-hero-sub-header {
    font-family: "sukhumvit-set-semiBold";
    font-size: 30px;
    color: #464C4F;
    line-height: 1.2;
    width: 900px;
}
.section-order-channels-hero-paragraph-box {
    display: flex;
}
.section-order-channels-hero-paragraph {
    font-family: "sukhumvit-set-medium";
    font-size: 18px;
    color: #464C4F;
    line-height: 1.6;
    width: 900px;
    text-align: center;
}
.section-all-product-select.today-price.order-channels .section-all-product-select-image-box{
    background-color: #D81B18;
}
.section-main-map {
    display: flex;
    justify-content: center;
    padding-top: 118px;
}
.section-main-map-wrapper {
    display: flex;
}
.section-main-map-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1216px;
    height: 980px;
    background-color: #f7f7f7;
    border-radius: 14px;
    padding-top: 56px;
    gap: 60px;
}
.section-main-map-header-wrapper {
    display: flex;
    gap: 26px;
}
.section-main-map-header-image {
    position: relative;
    width: 526px;
    height: 516px;
}
.section-main-map-header-image-text-box {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 202px;
    left: 202px;
}
.section-main-map-header-image-text {
    font-family: "sukhumvit-set-medium";
    font-size: 15px;
    color: #464C4F;
    line-height: 1.6;
}
.section-main-map-header-image-text:nth-child(2) {
    font-family: "sukhumvit-set-bold";
    font-size: 64px;
    color: #464C4F;
    line-height: 1;
}
.section-main-map-header-image-text:nth-child(2) span {
    font-size: 20px;
    margin-left: 4px;
}
.section-main-map-header-detail-box {
    display: flex;
    flex-direction: column;
}
.section-main-map-header-detail-header-wrapper {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 22px;
}
.section-main-map-header-detail-header-box {
    display: flex;
}
.section-main-map-header-detail-header {
    font-family: "sukhumvit-set-bold";
    font-size: 32px;
    color: #FF2623;
    line-height: 1;
}
.section-main-map-header-detail-paragraph-box {
    display: flex;
}
.section-main-map-header-detail-paragraph {
    font-family: "sukhumvit-set-text";
    font-size: 20px;
    color: #464C4F;
    line-height: 1.5;
}
.section-main-map-header-detail-iframe {
    width: 488px;
    height: 312px;
}
.section-main-map-header-detail-iframe iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.section-main-map-header-detail-button-wrapper {
    display: flex;
}
.section-main-map-header-detail-button-wrapper .view-more-products-button-wrapper {
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 16px;
}
.section-main-map-header-detail-button-wrapper .view-more-products-button {
    width: 234px;
}
.section-main-map-header-detail-delivery-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    background-color: #eee;
    border-radius: 14px;
    gap: 10px;
    padding-left: 26px;
}
.section-main-map-header-detail-delivery-image {
    width: 30px;
    height: 22px;
}
.section-main-map-header-detail-delivery-image img {
    width: 100%;
}
.section-main-map-header-detail-delivery-paragraph-box {
    display: flex;
}
.section-main-map-header-detail-delivery-paragraph {
    font-family: "sukhumvit-set-semiBold";
    font-size: 16px;
    color: #464C4F;
    line-height: 1;
}
.section-main-map-wrapper .section-footer-top-image-floating.footer-top-image-floating-1 {
    height: 140px;
    top: 46px;
    left: 140px;
}
.section-main-map-wrapper .section-hero-all-product-page-image-3 {
    top: 6px;
    right: unset;
    left: 124px;
}
.section-main-map-bottom-image-wrapper {
    display: flex;
    gap: 16px;
}
.section-main-map-bottom-image {
    width: 326px;
    height: 218px;
}
.section-main-map-bottom-image img {
    width: 100%;
}
.section-header-of-branch {
    display: flex;
    justify-content: center;
    height: 190px;
    padding-top: 106px;
}
.section-header-of-branch-wrapper {
    display: flex;
}
.section-header-of-branch-header-box {
    display: flex;
}
.section-header-of-branch-header {
    font-family: "sukhumvit-set-bold";
    font-size: 32px;
    color: #FF2623;
    line-height: 1;
}
.section-branch {
    display: flex;
    justify-content: center;
    padding: 72px 0;
}
.section-branch-wrapper {
    display: flex;
    flex-direction: column;
    width: 1220px;
    gap: 22px;
}
.section-branch-header-box {
    display: flex;
}
.section-branch-header {
    font-family: "sukhumvit-set-bold";
    font-size: 30px;
    color: #FF2623;
    line-height: 1;
}
.section-branch-detail-container {
    display: flex;
}
.section-branch-detail-wrapper {
    display: flex;
    width: max-content;
    flex-wrap: wrap;
    gap: 34px;
}
.section-branch-detail-box {
    display: flex;
    flex-direction: column;
    width: 384px;
    height: 380px;
}
.section-branch-detail-map {
    width: 100%;
    height: 200px;
    margin-bottom: 18px;
}
.section-branch-detail-map iframe {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}
.section-branch-detail-text-wrapper {
    display: flex;
    flex-direction: column;
}
.section-branch-detail-text-header-box {
    display: flex;
    margin-bottom: 12px;
}
.section-branch-detail-text-header {
    font-family: "sukhumvit-set-bold";
    font-size: 18px;
    color: #464C4F;
    line-height: 1;
}
.section-branch-detail-text-paragraph-box {
    display: flex;
    margin-bottom: 20px;
}
.section-branch-detail-text-paragraph {
    font-family: "sukhumvit-set-medium";
    font-size: 18px;
    color: #464C4F;
    line-height: 1.5;
}
.view-more-products-button-wrapper.order-channels {
    margin-top: 0;
    justify-content: flex-start;
}
.view-more-products-button-wrapper.order-channels .view-more-products-button {
    width: 176px;
    height: 54px;
}
.view-more-products-button-wrapper.order-channels .view-more-products-text {
    font-size: 18px;
}
.section-branch.background-change {
    background-color: #FEF7ED;
}
.section-branch.padding-top-0 {
    padding-top: 0;
}

@media screen and (min-width: 1441px) {
    .section-hero-all-order-page.order-channels {
        padding-left: 17.35vw;
    }
    .section-order-channels-hero {
        height: 21.111vw;
        padding-top: 0.833vw;
    }
    .section-order-channels-hero-wrapper {
        gap: 2.222vw;
    }
    .section-order-channels-hero-header {
        font-size: 3.194vw;
    }
    .section-order-channels-hero-sub-header {
        font-size: 2.083vw;
        width: 62.54vw;
    }
    .section-order-channels-hero-paragraph {
        font-size: 1.25vw;
        width: 62.54vw;
    }
    .section-main-map {
        padding-top: 8.194vw;
    }
    .section-main-map-box {
        width: 84.444vw;
        height: 68.056vw;
        border-radius: 0.972vw;
        padding-top: 3.889vw;
        gap: 4.167vw;
    }
    .section-main-map-header-wrapper {
        gap: 1.806vw;
    }
    .section-main-map-header-image {
        width: 36.528vw;
        height: 35.833vw;
    }
    .section-main-map-header-image-text-box {
        top: 14.028vw;
        left: 14.028vw;
    }
    .section-main-map-header-image-text {
        font-size: 1.042vw;
    }
    .section-main-map-header-image-text:nth-child(2) {
        font-size: 4.444vw;
    }
    .section-main-map-header-image-text:nth-child(2) span {
        font-size: 1.389vw;
        margin-left: 0.278vw;
    }
    .section-main-map-header-detail-header-wrapper {
        gap: 1.528vw;
        margin-bottom: 1.528vw;
    }
    .section-main-map-header-detail-header {
        font-size: 2.222vw;
    }
    .section-main-map-header-detail-paragraph {
        font-size: 1.389vw;
    }
    .section-main-map-header-detail-iframe {
        width: 33.889vw;
        height: 21.667vw;
    }
    .section-main-map-header-detail-iframe iframe {
        border-radius: 0.556vw;
    }
    .section-main-map-header-detail-button-wrapper .view-more-products-button-wrapper {
        margin-top: 1.111vw;
        margin-bottom: 1.111vw;
    }
    .section-main-map-header-detail-button-wrapper .view-more-products-button {
        width: 16.25vw;
    }
    .section-main-map-header-detail-delivery-wrapper {
        height: 3.333vw;
        border-radius: 0.972vw;
        gap: 0.694vw;
        padding-left: 1.806vw;
    }
    .section-main-map-header-detail-delivery-image {
        width: 2.083vw;
        height: 1.528vw;
    }
    .section-main-map-header-detail-delivery-paragraph {
        font-size: 1.111vw;
    }
    .section-main-map-wrapper .section-footer-top-image-floating.footer-top-image-floating-1 {
        height: 9.722vw;
        top: 3.194vw;
        left: 9.722vw;
    }
    .section-main-map-wrapper .section-hero-all-product-page-image-3 {
        top: 0.417vw;
        left: 8.611vw;
    }
    .section-main-map-bottom-image-wrapper {
        gap: 1.111vw;
    }
    .section-main-map-bottom-image {
        width: 22.639vw;
        height: 15.139vw;
    }
    .section-header-of-branch {
        height: 13.194vw;
        padding-top: 7.361vw;
    }
    .section-header-of-branch-header {
        font-size: 2.222vw;
    }
    .section-branch {
        padding: 5vw 0;
    }
    .section-branch-wrapper {
        width: 84.722vw;
        gap: 1.528vw;
    }
    .section-branch-header {
        font-size: 2.083vw;
    }
    .section-branch-detail-wrapper {
        gap: 2vw;
    }
    .section-branch-detail-box {
        width: 26.667vw;
        height: 26.389vw;
    }
    .section-branch-detail-map {
        height: 13.889vw;
        margin-bottom: 1.25vw;
    }
    .section-branch-detail-map iframe {
        border-radius: 0.972vw;
    }
    .section-branch-detail-text-header-box {
        margin-bottom: 0.833vw;
    }
    .section-branch-detail-text-header {
        font-size: 1.25vw;
    }
    .section-branch-detail-text-paragraph-box {
        margin-bottom: 1.389vw;
    }
    .section-branch-detail-text-paragraph {
        font-size: 1.25vw;
    }
    .view-more-products-button-wrapper.order-channels .view-more-products-button {
        width: 12.222vw;
        height: 3.75vw;
    }
    .view-more-products-button-wrapper.order-channels .view-more-products-text {
        font-size: 1.25vw;
    }
}

@media screen and (max-width: 1439px) { 
    .section-hero-all-order-page.order-channels {
        padding-left: 21.54vw;
    }
    .section-order-channels-hero {
        height: 21.111vw;
        padding-top: 0.833vw;
    }
    .section-order-channels-hero-wrapper {
        gap: 2.222vw;
    }
    .section-order-channels-hero-header {
        font-size: 3.194vw;
    }
    .section-order-channels-hero-sub-header {
        font-size: 2.083vw;
        width:62.54vw;
    }
    .section-order-channels-hero-paragraph {
        font-size: 1.25vw;
        width: 62.54vw;
    }
    .section-main-map {
        padding-top: 8.194vw;
    }
    .section-main-map-box {
        width: 84.444vw;
        height: 68.056vw;
        border-radius: 0.972vw;
        padding-top: 3.889vw;
        gap: 4.167vw;
    }
    .section-main-map-header-wrapper {
        gap: 1.806vw;
    }
    .section-main-map-header-image {
        width: 36.528vw;
        height: 35.833vw;
    }
    .section-main-map-header-image-text-box {
        top: 14.028vw;
        left: 14.028vw;
    }
    .section-main-map-header-image-text {
        font-size: 1.042vw;
    }
    .section-main-map-header-image-text:nth-child(2) {
        font-size: 4.444vw;
    }
    .section-main-map-header-image-text:nth-child(2) span {
        font-size: 1.389vw;
        margin-left: 0.278vw;
    }
    .section-main-map-header-detail-header-wrapper {
        gap: 1.528vw;
        margin-bottom: 1.528vw;
    }
    .section-main-map-header-detail-header {
        font-size: 2.222vw;
    }
    .section-main-map-header-detail-paragraph {
        font-size: 1.389vw;
    }
    .section-main-map-header-detail-iframe {
        width: 33.889vw;
        height: 21.667vw;
    }
    .section-main-map-header-detail-iframe iframe {
        border-radius: 0.556vw;
    }
    .section-main-map-header-detail-button-wrapper .view-more-products-button-wrapper {
        margin-top: 1.111vw;
        margin-bottom: 1.111vw;
    }
    .section-main-map-header-detail-button-wrapper .view-more-products-button {
        width: 16.25vw;
    }
    .section-main-map-header-detail-delivery-wrapper {
        height: 3.333vw;
        border-radius: 0.972vw;
        gap: 0.694vw;
        padding-left: 1.806vw;
    }
    .section-main-map-header-detail-delivery-image {
        width: 2.083vw;
        height: 1.528vw;
    }
    .section-main-map-header-detail-delivery-paragraph {
        font-size: 1.111vw;
    }
    .section-main-map-wrapper .section-footer-top-image-floating.footer-top-image-floating-1 {
        height: 9.722vw;
        top: 3.194vw;
        left: 9.722vw;
    }
    .section-main-map-wrapper .section-hero-all-product-page-image-3 {
        top: 0.417vw;
        left: 8.611vw;
    }
    .section-main-map-bottom-image-wrapper {
        gap: 1.111vw;
    }
    .section-main-map-bottom-image {
        width: 22.639vw;
        height: 15.139vw;
    }
    .section-header-of-branch {
        height: 13.194vw;
        padding-top: 7.361vw;
    }
    .section-header-of-branch-header {
        font-size: 2.222vw;
    }
    .section-branch {
        padding: 5vw 0;
    }
    .section-branch-wrapper {
        width: 84.722vw;
        gap: 1.528vw;
    }
    .section-branch-header {
        font-size: 2.083vw;
    }
    .section-branch-detail-wrapper {
        gap: 2.361vw;
    }
    .section-branch-detail-box {
        width: 26.667vw;
        height: 26.389vw;
    }
    .section-branch-detail-map {
        height: 13.889vw;
        margin-bottom: 1.25vw;
    }
    .section-branch-detail-map iframe {
        border-radius: 0.972vw;
    }
    .section-branch-detail-text-header-box {
        margin-bottom: 0.833vw;
    }
    .section-branch-detail-text-header {
        font-size: 1.25vw;
    }
    .section-branch-detail-text-paragraph-box {
        margin-bottom: 1.389vw;
    }
    .section-branch-detail-text-paragraph {
        font-size: 1.25vw;
    }
    .view-more-products-button-wrapper.order-channels .view-more-products-button {
        width: 12.222vw;
        height: 3.75vw;
    }
    .view-more-products-button-wrapper.order-channels .view-more-products-text {
        font-size: 1.25vw;
    }
}

@media screen and (max-width: 430px) {
    .section-hero-all-order-page.order-channels {
        background-image: url(../images/order-channels/order-channels-background.png);
        padding-left: 0;
        background-size: cover;
    }
    .section-hero-all-order-page.order-channels .section-hero-all-order-page-header {
        font-family: "sukhumvit-set-bold";
    }
    .section-order-channels-hero {
        height: 94.744vw;
        padding-top: 0.833vw;
    }
    .section-order-channels-hero-wrapper {
        gap: 5.581vw;
    }
    .section-order-channels-hero-header {
        font-size: 7.442vw;
        text-align: center;
        line-height: 1.4;
    }
    .section-order-channels-hero-sub-header {
        font-size: 4.651vw;
        width: 85.116vw;
    }
    .section-order-channels-hero-paragraph {
        font-size: 3.721vw;
        width: 85.116vw;
    }
    .section-all-product-select.today-price.order-channels .section-all-product-select-wrapper {
        width: 85.116vw;
    }
    .section-main-map {
        padding-top: 8.194vw;
    }
    .section-main-map-box {
        position: relative;
        width: 85.116vw;
        height: 225.977vw;
        border-radius: 3.256vw;
        padding-top: 40vw;
        gap: 4.186vw;
    }
    .section-main-map-header-wrapper {
        flex-direction: column;
        gap: 10.233vw;
    }
    .section-main-map-header-image {
        width: 78.605vw;
        height: 77.209vw;
    }
    .section-main-map-header-image-text-box {
        top: 31.163vw;
        left: 30.698vw;
    }
    .section-main-map-header-image-text {
        font-size: 2.326vw;
    }
    .section-main-map-header-image-text:nth-child(2) {
        font-size: 9.767vw;
    }
    .section-main-map-header-image-text:nth-child(2) span {
        font-size: 2.791vw;
        margin-left: 0.278vw;
    }
    .section-main-map-header-detail-box {
        align-items: center;
    }
    .section-main-map-header-detail-header-wrapper {
        position: absolute;
        top: 10.698vw;
        gap: 4.186vw;
        margin-bottom: 0;
    }
    .section-main-map-header-detail-header-box {
        justify-content: center;
    }
    .section-main-map-header-detail-header {
        font-size: 5.581vw;
    }
    .section-main-map-header-detail-paragraph {
        font-size: 3.721vw;
        text-align: center;
    }
    .section-main-map-header-detail-iframe {
        width: 74.419vw;
        height: 47.907vw;
    }
    .section-main-map-header-detail-iframe iframe {
        border-radius: 1.86vw;
    }
    .section-main-map-header-detail-button-wrapper .view-more-products-button-wrapper {
        margin-top: 2.326vw;
        margin-bottom: 2.326vw;
        gap: 2.326vw;
    }
    .section-main-map-header-detail-button-wrapper .view-more-products-button {
        width: 35.814vw;
        height: 8.837vw;
    }
    .section-main-map-header-detail-button-wrapper .view-more-products-text {
        font-size: 3.721vw;
    }
    .section-main-map-header-detail-delivery-wrapper {
        width: 74.419vw;
        justify-content: center;
        height: 10.233vw;
        border-radius: 2.326vw;
        gap: 0;
        padding-left: 0;
		padding-top:10px;
		padding-bottom:10px;
    }
    .section-main-map-header-detail-delivery-image {
        display: none;
        width: 2.083vw;
        height: 1.528vw;
    }
    .section-main-map-header-detail-delivery-paragraph {
        font-size: 3.721vw;
		line-height:1.5em;
    }
    .section-main-map-wrapper .section-footer-top-image-floating.footer-top-image-floating-1 {
        display: none;
        height: 9.722vw;
        top: 3.194vw;
        left: 9.722vw;
    }
    .section-main-map-wrapper .section-hero-all-product-page-image-3 {
        top: 0.417vw;
        left: 8.611vw;
    }
    .section-main-map-bottom-image-wrapper {
        gap: 1.111vw;
    }
    .section-main-map-bottom-image {
        width: 23.721vw;
        height: 16.279vw;
    }
    .section-header-of-branch {
        height: 50.233vw;
        padding-top: 19.535vw;
    }
    .section-header-of-branch-header {
        font-size: 5.581vw;
        text-align: center;
        line-height: 1.5;
    }
    .section-branch {
        padding: 13.953vw 0;
    }
    .section-branch-wrapper {
        width: 85.116vw;
        gap: 4.651vw;
    }
    .section-branch-header {
        font-size: 5.581vw;
    }
    .section-branch-detail-container {
        width: 100vw;
        overflow-x: scroll;
    }
    .section-branch-detail-wrapper {
        width: max-content;
        gap: 2.361vw;
        flex-wrap: nowrap;
    }
    .section-branch-detail-box {
        width: 85.116vw;
        height: 90.512vw;
    }
    .section-branch-detail-map {
        height: 48.837vw;
        margin-bottom: 4.186vw;
    }
    .section-branch-detail-map iframe {
        border-radius: 3.256vw;
    }
    .section-branch-detail-text-header-box {
        margin-bottom: 1.86vw;
    }
    .section-branch-detail-text-header {
        font-size: 4.186vw;
    }
    .section-branch-detail-text-paragraph-box {
        margin-bottom: 4.186vw;
    }
    .section-branch-detail-text-paragraph {
        font-size: 4.186vw;
    }
    .view-more-products-button-wrapper.order-channels .view-more-products-button {
        width: 51.163vw;
        height: 9.767vw;
    }
    .view-more-products-button-wrapper.order-channels .view-more-products-text {
        font-size: 4.186vw;
    }
}