/** {
    touch-action: none;
}*/

body {
    font-family: 'Mitr', sans-serif;
    color: #333;
    background-color: #e9ecef;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
}

a {
    color: #1b89b2;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #0056b3;
        text-decoration: none;
    }

.text-primary {
    color: #1b89b2 !important;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
.first-section {
    height: auto;
    background-color: #e9ecef;
    background-image: url(../images/bg_top.jpg);
    background-size: cover;
    /*background-position: center;*/
    background-repeat: no-repeat;
}
/*-------------------------*/
.kb-top-box {
    background-color: #ffffff;
    padding: 10px 0px 10px 0px;
}

.kb-nav-logo {
    font-family: 'Mitr', sans-serif;
    width: 40%;
    padding: 0px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kb-menu {
    font-family: 'Mitr', sans-serif;
    width: 150px;
    text-align: center;
    padding: 0px 15px;
}

    .kb-menu img {
        max-width: 100%;
    }

    .kb-menu ul li a {
        font-family: 'Mitr', sans-serif;
        font-size: 16px;
        color: #222;
    }

.kd-menu-right {
    font-family: 'Mitr', sans-serif;
    width: 50%;
    text-align: right;
    padding: 0px 15px;
}

    .kd-menu-right span {
        margin: 5px 10px;
        cursor: pointer;
    }

.kd-social {
    padding: 37px 15px;
    width: 30%;
    text-align: right;
}

    .kd-social a {
        padding: 0px 12px;
        line-height: 1;
        color: #222;
        font-size: 26px;
    }
/*-------------------------*/
.user-menu-right {
    font-family: 'Mitr', sans-serif;
    width: 100%;
    text-align: right;
    padding: 0px 15px;
}
/*-------------------------*/
.at_kb_box {
    padding: 40px 15px 30px 15px;
}

    .at_kb_box p {
        margin-bottom: 0px;
    }

.kb-text-box {
    width: 100%;
    text-align: center;
    padding: 10px 15px;
}

    .kb-text-box span, .merchant-kb-text-box span {
        font-family: 'Mitr', sans-serif;
        font-size: 20px;
        font-weight: 500;
        color: #222;
        margin-top: 46px;
    }

    .kb-text-box p, .merchant-kb-text-box p {
        font-family: 'Mitr', sans-serif;
        font-size: 13px;
        color: #848484;
        margin-top: 5px;
    }

.kb-text-input {
    font-family: 'Mitr', sans-serif;
    width: 100%;
    text-align: center;
    padding: 10px 15px;
}

    .kb-text-input form {
        display: inline-block;
    }

.location-section-form {
    padding: 0 15px;
    height: 45px !important;
    border-radius: 0px !important;
    margin-right: 10px;
}

.location-section-button {
    height: 40px !important;
    border-radius: 0px !important;
    background: #1b89b2 !important;
    border: 1px solid transparent;
    color: white !important;
}

.kb-text-input p {
    margin-top: 10px;
}

.location-section {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
.footer-section {
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

.at_footer {
    padding: 50px 0px 0px 0px;
}

    .at_footer .logo_bottom img {
        max-width: 170px;
    }

    .at_footer .about p {
        font-family: 'Mitr', sans-serif;
        font-size: 15px;
        color: #333;
        /* text-align: justify; */
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .at_footer .info {
        font-family: 'Mitr', sans-serif;
        font-size: 15px;
        color: #333;
        /* text-align: justify; */
        margin-top: 0px;
        margin-bottom: 15px;
    }

        .at_footer .info .fo-text {
            margin-bottom: 20px;
        }

            .at_footer .info .fo-text h1 {
                font-family: 'Mitr', sans-serif;
                font-size: 15px;
                color: #333;
                font-weight: 400;
                position: inherit;
            }

            .at_footer .info .fo-text.active h1 {
                border-bottom: 2px solid #1b89b2;
                width: 80%;
                top: 30px;
            }

        .at_footer .info ul {
            padding: 0;
            margin-top: 20px;
        }

            .at_footer .info ul li {
                /*margin-bottom: 5px;*/
            }

                .at_footer .info ul li a {
                    font-size: 15px;
                    color: #555;
                }

                .at_footer .info ul li span {
                    font-size: 15px;
                    color: #555;
                }

    .at_footer .app_download {
        font-family: 'Mitr', sans-serif;
        padding: 20px 15px;
    }

        .at_footer .app_download a {
            display: inline-block;
            max-width: 200px;
            padding-right: 12px;
        }

.footer-social a {
    color: #333;
    font-size: 34px;
}

.at_footer .right {
    border-top: 1px solid #c4c4c4;
    padding: 5px 0px;
}

    .at_footer .right h1 {
        font-family: 'Mitr', sans-serif;
        font-size: 12px;
        color: #333;
        font-weight: 400;
        margin-bottom: 0px;
    }

    .at_footer .right .v-img a {
        font-size: 30px;
        color: #222;
        margin-left: 15px;
    }
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
.at_home_content {
    padding: 15px 15px;
    background-color: #FFF;
    border-radius: 0px;
    /*margin-top: 15px;*/
    /*margin-bottom: 15px;*/
}
    .at_home_content > div > .at_payment_bg > .row > .btn_footer {
        padding-top: 15px;
    }
/*.at_home_content:first-child {
	margin-top: -40px;
}*/
/*.at_home_content.at_cafe_home_content:first-child {
	margin-top: 20px;
}*/
/*-------------------------*/
.at_card_title {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

    .at_card_title a i {
        font-size: 11px;
    }

.at_card_title_all {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 15px;
    text-align: right;
    margin-bottom: 15px;
}

    .at_card_title_all i {
        font-size: 11px;
    }
/*-------------------------*/
.at_box_catalog {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    height: 160px;
    padding: 10px;
    color: rgb(255, 255, 255);
    position: relative;
    margin-bottom: 20px;
    /*background: linear-gradient(to top,rgba(35, 39, 41, 0.75), transparent 50%) 0% 0% / cover, url(/assets/front/images/cat_1.jpg);*/
    border-radius: 0px;
}

    .at_box_catalog:hover {
        color: rgb(255, 255, 255);
    }

    .at_box_catalog .text {
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: 10px;
        padding: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
/*-------------------------*/
.at_box_kiosk_promotion_pic {
    display: block;
    width: 100%;
    /*height: 180px;*/
    padding: 0px;
    position: relative;
    border-radius: 0px;
}

    .at_box_kiosk_promotion_pic img {
        border-radius: 0px;
    }

    .at_box_kiosk_promotion_pic .badge {
        position: absolute;
        font-size: 13px;
        top: 5px;
        left: 7px;
    }
/*-------------------------*/
.at_box_blog {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    width: 100%;
    height: 180px;
    padding: 10px;
    color: rgb(255, 255, 255);
    position: relative;
    margin-bottom: 15px;
    background-size: cover;
    border-radius: 0px;
}

.at_box_blog_text {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.at_box_blog_text_detail {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 14px;
    color: #999;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*-------------------------*/
.at_box_easy_pic {
    display: block;
    width: 100%;
    /*height: 180px;*/
    padding: 0px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 0px;
}

    .at_box_easy_pic img {
        border-radius: 0px;
    }

    .at_box_easy_pic .badge {
        position: absolute;
        font-size: 13px;
        top: 5px;
        left: 7px;
    }

.at_box_easy_text {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.at_box_easy_text_detail {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 14px;
    color: #999;
    width: 100%;
    padding: 0 10px;
    /*overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/
}

    .at_box_easy_text_detail ul {
        padding-inline-start: 25px;
        margin-bottom: 0;
    }

.at_box_easy_promotion_pic {
    display: block;
    width: 100%;
    /*height: 180px;*/
    padding: 0px;
    position: relative;
    margin-top: 20px;
    border-radius: 0px;
}

    .at_box_easy_promotion_pic img {
        border-radius: 0px;
    }
/*-------------------------*/
.at_box_kiosk_box {
    display: block;
    padding: 10px;
    border: 2px #dee2e6 solid;
    border-radius: 0px;
}

.at_box_kiosk_pic {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    width: 100%;
    /*height: 180px;*/
    padding: 0px;
    color: rgb(255, 255, 255);
    position: relative;
    margin-bottom: 10px;
    background-size: cover;
    border-radius: 0px;
}

.at_box_kiosk_text {
    display: block;
    font-family: 'Mitr', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #333;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

    .at_box_kiosk_text .badge {
        font-size: 13px;
    }
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
.main-pizza-sb {
    background-color: #f1f1f1;
    height: 70px;
    border-radius: 6px;
}

.carousel .box {
    height: 70px;
    width: 120px;
}

.pizza-category-menu {
    height: 70px;
    width: 120px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

.pizza-content-imgb img {
    display: inline-block !important;
    margin: 8px 5px 0px 5px;
}

.pizza-content-box {
    border-right: 1px solid #dddddd;
    height: 70px;
}

.slick-slide img {
    width: 30px;
    height: 30px;
}

.pizza-content-textb h3 {
    font-family: 'Mitr', sans-serif;
    font-size: 14px;
    color: #999;
    font-weight: 400;
    margin-top: 5px;
    padding: 0px 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.King_script_active h3 {
    font-size: 14px;
    color: #FFF;
}

.King_script_active {
    background: #1b89b2;
    color: #fff;
    border-radius: 5px;
    outline: none;
}

button.slick-arrow {
    position: absolute;
    z-index: 1;
    top: 24%;
    background-color: transparent;
    border: none;
    font-size: 20px;
    color: #d0d0d0;
}

.slick-prev.slick-arrow {
    left: -2.7%;
    outline: none;
}

.King_script_active:after {
    content: "";
    position: relative;
    width: 0px;
    height: 0px;
    top: 77px;
    left: -76px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #1b89b2;
}
/*-------------------------*/
.items {
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
    width: 100%;
    cursor: pointer;
}

.at_category_list_box {
    width: 100% !important;
}

.b-img {
    position: relative;
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
    background-color: #dee2e6;
    overflow: hidden;
    border-radius: 5px;
}

    .b-img img {
        max-width: unset !important;
        height: 50px !important;
        width: auto !important;
        border-radius: 5px;
        /* object-fit: cover; */
    }

.b-text {
    width: 60%;
    float: left;
    padding-left: 15px;
    text-align: left;
}

    .b-text h1 {
        font-size: 16px;
        font-weight: 400;
        color: #010101;
        margin-bottom: 5px;
        font-family: 'Mitr', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.price {
    text-align: right;
    padding: 0px;
}

    .price h1 {
        font-family: 'Mitr', sans-serif;
        font-size: 16px;
        white-space: nowrap;
        color: #000;
        font-weight: 400;
        margin: 5px 0px;
        margin-bottom: 0px;
    }

.b-cart {
    font-size: 12px;
    width: 50%;
    float: right;
    padding-left: 25px;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
.portfolist_padding {
    padding-right: 0px;
}

.portfolist_sb_b {
    margin-top: 50px;
    position: relative;
    min-height: 0px;
}

.aside-cart {
    height: 100%;
    /* margin-top: 64px; */
    /* right: 20px; */
    left: 50%;
    margin-left: -250px;
    /* transform: translateX(0px); */
    width: 500px !important;
    max-height: calc(100% - 20px);
    z-index: 1111;
    position: fixed !important;
    top: 10px;
    background-color: white;
    /* height: 510px; */
    /* margin: 0px; */
    padding: 20px;
    border: 0px #dee2e6 solid;
    border-radius: 0px;
}

.cart-bill-box .cart-bill-box-head h4 {
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.cart-b-subtotal .item-amount {
    width: 20%;
}

.cart-b-subtotal .cart-img {
    width: 15%;
}

.cart-b-subtotal .cart-text {
    width: 65%;
    padding-left: 0px;
    padding-top: 0px;
}

.cart-b-subtotal {
    margin-top: 35px;
    border-bottom: 0px #dee2e6 solid;
}

    .cart-b-subtotal:last-child {
        border-bottom: 0px #dee2e6 solid;
    }

.quantity {
    position: relative;
    top: 0px;
}

.cart-img .b-img {
    width: 50px;
    height: 50px;
    border: 0px;
    padding: 0;
    border-radius: 5px;
}

.box-spa {
    display: inline-block;
    width: 78%;
}

    .box-spa h2 {
        /*display: none;*/
    }

.cart-b-subtotal .price {
    float: right;
    width: 20%;
}

.cart-text .menu-title {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart-b-subtotal .cart-text p {
    font-size: 14px;
    margin-bottom: 0px;
}

.cart-b-subtotal .price i {
    font-size: 19px;
}

.cart-b-subtotal .cart-bs-head p {
    font-size: 20px;
    font-weight: 500;
}

.cart-bill-box .detail-plus-add-cart {
    padding: 10px 10px;
    border-radius: 0px;
}

    .cart-bill-box .detail-plus-add-cart span {
        font-size: 20px;
    }

#total-qty.cric {
    font-family: 'Mitr', sans-serif;
    font-weight: 400;
}
/*-------------------------*/
.modal-dialog {
    border: 2px #dee2e6 solid;
    border-radius: 10px;
    background-color: #FFF;
}

.modal-content {
    border-radius: 10px !important;
}

button.close {
    font-family: sans-serif;
    font-size: 2rem;
    font-weight: 600;
}

.modal-title {
    font-size: 20px;
}

#choice .modal-body {
    padding: 0 20px 25px;
}

.modal-detail-ingredients .detail-ingredients-heading {
    margin-bottom: 40px;
}

.modal-detail-ingredients .detail-ingredients-head-1 {
    margin-bottom: 20px;
}

.modal-detail-ingredients .detail-ingredients-head h3 {
    top: -11px;
    font-size: 18px;
    font-weight: 400;
}

.modal-detail-ingredients .detail-ingredients-head {
    border: 1px solid #1b89b2;
    border-radius: 0px;
    padding: 30px;
}

.choice-warning {
    font-size: 15px;
}

.modal-choice .detail-plus-add-cart span {
    font-size: 18px;
    font-weight: 400;
}

.modal-choice .detail-plus-add-cart {
    font-size: 18px;
    font-weight: 400;
    padding: 15px 20px;
    border-radius: 6px;
}
/*-------------------------*/
.cart-category .cart-category-tab {
    padding: 15px 0px;
    text-align: center;
    font-family: 'Mitr', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.cart-category .cart-product-image {
    display: inline-block;
    border: 0px solid #d7d7d7;
    margin: 0px 0px;
    border-radius: 6px;
    vertical-align: middle;
}

.table td, .table th {
    padding: 10px 10px;
    vertical-align: middle;
    text-align: center;
}

td.cart-product-image img {
    width: 70px;
    border-radius: 4px;
}

.cart-category-items.prod {
    padding: 10px 10px;
    text-align: left;
    padding-left: 10px;
}

.cart-category .cart-category-items {
    padding: 10px 10px;
    font-family: 'Mitr', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: black;
    padding-left: 10px;
}

.cart-category .cart-category-shape {
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 400;
}

    .cart-category .cart-category-shape p {
        margin-bottom: 5px;
    }

.cart-category .cart-category-items p {
    text-align: center;
}

    .cart-category .cart-category-items p.cartitemtxt {
        text-align: left;
    }

.back-menu-btn {
    border-radius: 6px;
    margin-top: 15px;
}

.cart-b-subtotal {
    margin-top: 20px;
    min-height: 60px;
    border-bottom: 0px #dee2e6 solid;
}

.cart-b-shipping .cart-bsc-note p {
    text-align: center;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}

.checkout-but {
    padding: 10px 0px;
    border-radius: 6px;
    margin-top: 20px;
    cursor: pointer;
}

.modal-title {
    font-size: 16px;
}

.modal-detail-ingredients .detail-ingredients-head h3 {
    top: -9px;
    font-size: 16px;
}

.modal-detail-ingredients .detail-ingredients-heading {
    margin-bottom: 20px;
}

.modal-detail-ingredients {
    margin-bottom: 0px;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
.shop_card_section_bell {
    color: #FFF;
    height: 60px;
    width: 60px;
    position: fixed !important;
    top: auto !important;
    right: 15px !important;
    /* top: 50% !important; */
    bottom: 145px;
    z-index: 1 !important;
    /* background: RGB(214,109,7,.8) !important; */
    /* background-color: #1b89b2; */
    background-color: #1b89b2;
    padding: 0 !important;
    /* border: 2px solid #1b89b2 !important; */
    border: 0;
    border-radius: 100px;
}

.shop_card_section_top {
    color: #FFF;
    height: 60px;
    width: 60px;
    position: fixed !important;
    top: auto !important;
    right: 15px !important;
    /* top: 50% !important; */
    bottom: 210px;
    z-index: 1 !important;
    /* background: RGB(214,109,7,.8) !important; */
    /* background-color: #1b89b2; */
    background-color: #1b89b2;
    padding: 0 !important;
    /* border: 2px solid #1b89b2 !important; */
    border: 0;
    border-radius: 100px;
}

.shop_card_section_bottom {
    color: #FFF;
    height: 60px;
    width: 60px;
    position: fixed !important;
    top: auto !important;
    right: 15px !important;
    /* top: 50% !important; */
    bottom: 15px;
    z-index: 1 !important;
    /* background: RGB(214,109,7,.8) !important; */
    /* background-color: #1b89b2; */
    background-color: #1b89b2;
    padding: 0 !important;
    /* border: 2px solid #1b89b2 !important; */
    border: 0;
    border-radius: 100px;
}

#searchMenus {
    background-color: #1b89b2;
    border: none;
    color: white;
    margin-right: 10px;
    padding: .25em .75em;
    float: left;
    width: 280px;
    text-align: left;
    position: absolute;
    right: 60px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    height: 35px;
    bottom: 1px;
    outline: none;
}

.mx-2.v-btn.v-btn--bottom.v-btn--is-elevated.v-btn--fab.v-btn--fixed.v-btn--has-bg.v-btn--right.v-btn--round.theme--dark.v-size--small {
    right: 80px;
}

.shop_card_section_middle {
    color: #FFF;
    height: 60px;
    width: 60px;
    position: fixed !important;
    top: auto !important;
    right: 15px !important;
    /* top: 50% !important; */
    bottom: 85px;
    z-index: 1 !important;
    /* background: RGB(214,109,7,.8) !important; */
    /* background-color: #1b89b2; */
    background-color: #1b89b2;
    padding: 0 !important;
    /* border: 2px solid #1b89b2 !important; */
    border: 0;
    border-radius: 100px;
}

.shop_card_section_orderhistory {
    color: #FFF;
    height: 60px;
    width: 60px;
    position: fixed !important;
    top: auto !important;
    right: 15px !important;
    bottom: 80px;
    z-index: 1 !important;
    background-color: #1b89b2;
    padding: 0 !important;
    border: 0;
    border-radius: 100px;
}

.shop_card i {
    margin-top: -10px;
}

#total-qty.cric {
    display: block;
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: 500 !important;
    text-align: center;
    color: #000;
    background-color: transparent;
    top: -4px;
    left: 0;
    padding-left: 6px;
    border-radius: 0;
}

.shop_card p {
    position: absolute;
    margin-bottom: 0;
    width: 100%;
    /* background: #FFF; */
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*---หน้าชำระเงิน-----*/
.at_shop_box {
    display: -webkit-inline-box;
    margin-bottom: 20px;
    flex-direction: column;
}

    .at_shop_box .at_shop_pic {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 5px;
    }

        .at_shop_box .at_shop_pic img {
            min-width: 60px;
            max-height: 60px;
        }

    .at_shop_box .at_shop_name_box {
        display: inline-block;
    }

    .at_shop_box .at_shop_name {
        font-size: 15px;
        font-weight: 500;
        display: block;
    }

    .at_shop_box .at_shop_detail {
        font-size: 12px;
        color: #666;
        display: block;
        margin-bottom: 2px;
    }
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*---หน้ารายการสินค้า-----*/
.at_cafe_header {
    display: block;
    /*margin-top: 20px;*/
    margin-bottom: -10px;
}

    .at_cafe_header img {
        /*max-height: 200px !important;*/
        min-height: 200px !important;
        width: 100%;
    }

    .at_cafe_header .img-flag {
        vertical-align: middle;
        width: 35px;
        position: absolute;
        right: 15px;
        margin: 5px;
    }

    .at_cafe_title {
        display: block;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
    }

.at_cafe_ul {
    padding: 20px 0px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
    margin-bottom: 30px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .at_cafe_ul ul {
        list-style-type: none;
        margin-block-start: 0;
        margin-block-end: 0;
        margin: 0;
        padding: 0;
        display: inline-flex;
    }

        .at_cafe_ul ul li {
            padding: 0 20px;
        }

            .at_cafe_ul ul li a {
                color: #494949;
            }

.at_cafe_arrows {
    display: none;
    width: 10px;
    height: 10px;
    border-color: #000;
    position: absolute;
    top: 50%;
    margin-top: -0px;
}

    .at_cafe_arrows.prev {
        border-bottom: 2px solid;
        border-left: 2px solid;
        transform: rotate(45deg);
        left: 10px;
    }

    .at_cafe_arrows.next {
        border-bottom: 2px solid;
        border-left: 2px solid;
        transform: rotate(-135deg);
        right: 10px;
    }
/*-------------------------*/
.at_cafe_menu_box {
    /*margin-bottom: 50px;*/
}

.at_cafe_menu_title {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #1b89b2;
}

.at_cafe_menu_cc_bg {
    margin-right: 0;
    margin-left: 0;
}

.at_cafe_menu_cc_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px;
    background: #fff;
    position: relative;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08);
    cursor: pointer;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
    margin: 10px;
    flex: 0 0 50%;
}

    .at_cafe_menu_cc_box .at_cafe_menu_cc_left {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        padding-bottom: 30px;
    }

        .at_cafe_menu_cc_box .at_cafe_menu_cc_left .at_cafe_menu_cc_name {
            font-size: 17px;
            font-weight: 500;
            color: #494949;
        }

        .at_cafe_menu_cc_box .at_cafe_menu_cc_left .at_cafe_menu_cc_detail {
            font-size: 12px;
            color: #666;
        }

        .at_cafe_menu_cc_box .at_cafe_menu_cc_left .at_cafe_menu_cc_price {
            position: absolute;
            font-size: 14px;
            color: #494949;
            left: 15px;
            bottom: 15px;
        }

    .at_cafe_menu_cc_box .at_cafe_menu_cc_pic {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100px;
    }

        .at_cafe_menu_cc_box .at_cafe_menu_cc_pic .pic {
            width: 100px;
            height: 100px;
            background-position: center;
            background-size: cover;
            transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
            border-radius: 0px;
        }
/*-------------------------*/
.at_cafe_footer {
    display: block;
    margin-bottom: 30px;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*---popup ใหม่ รายการสินค้า-----*/
.cart-bill-box-head {
    height: 39px;
}

.cart-bill-box .cart-bill-box-head h4 {
    width: 90%;
    font-size: 16px;
    border-bottom: 0px solid #d7d7d7;
    padding-bottom: 20px;
    margin-bottom: 0px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/*-------------------------*/
.cart-order-item {
    height: 100%;
    padding-top: 0px;
    padding-bottom: 20px;
    max-height: calc(100% - 105px);
    overflow: hidden;
    overflow-y: auto;
}

    .cart-order-item.cart-order-item-list {
        /*max-height: calc(100% - 222px);*/
        max-height: calc(100% - 230px);
        /*max-height: calc(100% - 175px);*/
    }

.confirm-order-item {
    height: 100%;
    padding-top: 0px;
    padding-bottom: 20px;
    max-height: calc(100% - 150px);
    overflow: hidden;
    overflow-y: auto;
}

    .confirm-order-item.cart-order-item-list {
        /*max-height: calc(100% - 222px);*/
        max-height: calc(100% - 230px);
    }

.at_popup_list_box {
    /*display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;*/
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

    .at_popup_list_box:last-child {
        margin-bottom: 0px;
    }
/*-------------------------*/
.at_popup_list_img {
    float: left;
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
}

    .at_popup_list_img img {
        max-width: unset !important;
        height: 50px;
        width: auto;
        border-radius: 5px;
    }
/*-------------------------*/
.at_popup_list_detail {
    float: left;
    position: relative;
    display: inline-block;
    width: 70%;
    padding: 0 10px;
    cursor: pointer;
}

    .at_popup_list_detail .name {
        font-size: 16px;
        color: #1b89b2;
    }

    .at_popup_list_detail .detail {
        font-size: 14px;
        color: #000;
    }

        .at_popup_list_detail .detail.remark {
            font-size: 12px;
            color: #000;
            word-wrap: break-word;
        }

    .at_popup_list_detail .choice {
        font-size: 14px;
        font-weight: 300;
        color: #383d41;
    }
/*-------------------------*/
.at_popup_list_price {
    display: inline-block;
    width: auto;
    float: right;
    text-align: right;
}

    .at_popup_list_price .price {
        font-size: 15px;
        font-weight: 400;
        color: #383d41;
    }

    .at_popup_list_price .number {
    }

.quantity-button {
    color: #1b89b2;
    font-size: 30px;
    font-weight: 200;
    font-family: 'Mitr', sans-serif;
    line-height: 0.6;
}
/*-------------------------*/
.at_popup_list_total_box {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    padding-top: 10px;
    border-top: 1px solid rgba(0,0,0,.1);
}

.at_popup_list_total_list {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    font-size: 15px;
}

    .at_popup_list_total_list .text {
        float: left;
    }

    .at_popup_list_total_list .number {
        float: right;
        text-align: right;
    }

.quantity input {
    width: 90px;
    text-align: center;
    padding-left: 5px;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*---popup ใหม่ ตัวเลือกสินค้า-----*/
.at_popup_choice_amount {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}

    .at_popup_choice_amount .quantity {
        display: inline-flex;
        font-size: 30px;
    }

        .at_popup_choice_amount .quantity input {
            padding-left: 0px;
        }

    .at_popup_choice_amount .quantity-button {
        font-size: 50px;
        line-height: 0.3;
    }

        .at_popup_choice_amount .quantity-button.quantity-up {
            left: 42px;
        }

        .at_popup_choice_amount .quantity-button.quantity-down {
            left: -92px;
        }

    .at_popup_choice_amount .choice_amount_text {
        font-size: 14px;
        text-align: center;
    }
/*-------------------------*/
.at_popup_choice_img {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

    .at_popup_choice_img img {
        max-width: 360px;
        max-height: 360px;
        border-radius: 0px;
        object-fit: none;
    }
/*-------------------------*/
.at_popup_choice_title {
    display: list-item;
    margin-bottom: 15px;
}

    .at_popup_choice_title .choice_name {
        float: left;
        width: 80%;
        font-size: 16px;
        font-weight: 500;
    }

    .at_popup_choice_title .choice_price {
        float: right;
        width: 20%;
        font-size: 13px;
        text-align: right;
        margin-top: 5px;
        font-weight: 500;
    }

    .at_popup_choice_title .choice_detail {
        display: inline-block;
        width: 100%;
        font-size: 14px;
    }
/*-------------------------*/
.at_popup_choice_list_box {
    display: block;
    margin-bottom: 30px;
}

    .at_popup_choice_list_box .choice_list_title {
        font-size: 15px;
        font-weight: 500;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .at_popup_choice_list_box .title-text {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-weight: 400;
    }

    .at_popup_choice_list_box .title-tag {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

        .at_popup_choice_list_box .title-tag .badge-primary {
            color: #1b89b2;
            background-color: #1b89b230;
            font-size: 12px;
        }

    .at_popup_choice_list_box .title-indication {
        display: inline-block;
        width: 100%;
        font-size: 12px;
        margin-bottom: 10px;
    }
/*-------------------------*/
.at_popup_choice_topping_box {
}

.at_popup_choice_topping_item {
    padding: 5px 10px;
}

    .at_popup_choice_topping_item:hover {
        background: #f7f7f7;
    }

    .at_popup_choice_topping_item .topping_item_radio_box {
        font-size: 15px;
        font-weight: 400;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .at_popup_choice_topping_item .topping_item_radio_text {
        font-size: 13px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .at_popup_choice_topping_item .topping_item_price {
        font-size: 12px;
    }
/*-------------------------*/
.at_popup_choice_list_box .at_popup_choice_list_textarea {
}

    .at_popup_choice_list_box .at_popup_choice_list_textarea textarea {
        width: 100%;
        padding: 10px;
        color: #1b89b2;
    }
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*---หน้าชำระเงิน-----*/
/*-------------------------*/
.at_payment_bg {
    padding-left: 80px;
}

.at_payment_box {
    margin-bottom: 40px;
}

.at_payment_title_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px;
}

    .at_payment_title_box .at_payment_title_number {
        width: 30px;
        height: 30px;
        font-size: 18px;
        line-height: 1.6;
        text-align: center;
        color: #FFF;
        background-color: #1b89b2;
        margin-right: 10px;
    }

    .at_payment_title_box .at_payment_title_text {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-size: 18px;
        font-weight: 500;
    }

    .at_payment_title_box .at_payment_title_edit {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-size: 13px;
        text-align: right;
        margin-top: 5px;
        cursor: pointer;
    }

.at_payment_address_delivery_button {
    display: flex;
    margin-bottom: 10px;
}

    .at_payment_address_delivery_button a {
        padding: 10px 15px;
        background-color: #d7d7d7;
        border-radius: 0px;
        display: inline-block;
        font-size: 16px;
        width: 30%;
        text-align: center;
        border: 0px;
        color: #666;
        margin-right: 10px;
    }

        .at_payment_address_delivery_button a.active {
            color: #FFF;
            background-color: #1b89b2;
        }

        .at_payment_address_delivery_button a:last-child {
            margin-right: 0px;
        }

.at_payment_address_box {
    display: block;
    font-size: 15px;
    color: #494949;
    border: 1px #1b89b2 solid;
    padding: 10px 15px;
    margin-bottom: 10px;
}

    .at_payment_address_box .at_payment_address_title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .at_payment_address_box .at_payment_address_title .at_payment_address_name {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

        .at_payment_address_box .at_payment_address_title .at_payment_address_icon {
            font-size: 13px;
        }

            .at_payment_address_box .at_payment_address_title .at_payment_address_icon i {
                font-size: 15px;
                margin-left: 5px;
            }

    .at_payment_address_box .at_payment_address_detail {
        cursor: pointer;
    }

        .at_payment_address_box .at_payment_address_detail .at_payment_address_detail_note {
            font-size: 13px;
        }

.at_preorder_box {
    display: block;
    font-size: inherit;
    color: #494949;
    margin-bottom: 40px;
}
    .at_preorder_box .at_preorder {
        display: -webkit-box;
    }

        .at_preorder_box .at_preorder .at_preorder_date {
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

            .at_preorder_box .at_preorder .at_preorder_date .at_preorder_date_detail {
                display: flex;
            }

                .at_preorder_box .at_preorder .at_preorder_date input {
                    margin-right: 10px;
                }

                .at_preorder_box .at_preorder .at_preorder_date i {
                    font-size: 30px;
                    margin-top: 5px;
                    margin-right: 30px;
                }


.at_payment_play_bg {
    display: flex;
}

.at_payment_play_box {
    display: block;
    width: 20%;
    font-size: 15px;
    color: #494949;
    text-align: center;
    border: 1px #999 solid;
    padding: 10px 15px;
    margin-right: 10px;
    opacity: 0.5;
    filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
}

    .at_payment_play_box.active {
        color: #1b89b2;
        border: 3px #1b89b2 solid;
        opacity: 1;
        filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        filter: gray;
    }

    .at_payment_play_box:last-child {
        margin-right: 0px;
    }

    .at_payment_play_box .at_payment_play_pic {
        margin-bottom: 5px;
    }

        .at_payment_play_box .at_payment_play_pic img {
            max-height: 30px;
            min-height: 30px;
        }

    .at_payment_play_box .at_payment_play_text {
        font-size: 13px;
    }


.at_payment_button {
    padding: 10px 15px;
    background-color: #1b89b2;
    border-radius: 0px;
    display: inline-block;
    font-size: 20px;
    width: 100%;
    text-align: center;
    border: 0px;
    color: #FFF !important;
    margin-bottom: 5px;
    cursor: pointer;
}

    .at_payment_button:hover {
        color: #FFF;
    }
/*-------------------------*/
.at_payment_item_box {
}

.at_payment_item_list_title {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 500;
}

    .at_payment_item_list_title .number {
        float: right;
        text-align: right;
        font-weight: 300;
    }

.at_payment_item_list {
    color: #333;
    margin-bottom: 20px;
}

    .at_payment_item_list ul {
        margin-block-start: 0;
        margin-block-end: 0;
        margin: 0;
        padding: 0;
    }

        .at_payment_item_list ul li {
            font-size: 15px;
            font-weight: 400;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-bottom: 20px;
            text-align: left;empty-cells no
        }

            .at_payment_item_list ul li .item_list_1 {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                /*width: 10%;*/
                text-align: right;
                white-space: nowrap;
            }

            .at_payment_item_list ul li .item_list_2 {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                width: 70%;
                padding: 0px 10px;
            }

            .at_payment_item_list ul li .item_list_3 {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                /*width: 20%;*/
                text-align: right;
                white-space: nowrap;
            }

            .at_payment_item_list ul li .item_list_choice {
                font-size: 13px;
                color: #666;
            }

            .at_payment_item_list ul li .item_list_detail {
                font-size: 12px;
                color: #666;
                word-wrap: break-word;
            }

            .at_payment_item_list ul li .orderitem_status {
                font-size: 13px;
                color: #666;
                text-align: right;
            }
/*-------------------------*/
.at_payment_edit_box {
    display: block;
    font-size: 15px;
    color: #494949;
    border: 1px #1b89b2 solid;
    padding: 15px 15px;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*---หน้า Profile-----*/
#main_content {
    width: 100%;
}

.account-page-head h1 {
    color: #1b89b2;
    margin: 0px 0px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.account-pro-tab .acc-pro-box {
    padding: 15px;
    border: 0px solid #d7d7d7;
    text-align: center;
}

.acc-pro1-box {
    max-width: 200px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08);
}

.acc-pro-box .acc-proimg {
    display: inline-block;
    margin-bottom: 5px;
    width: 80px;
    height: 80px;
    background-position: center;
    background-size: cover;
    transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 100px;
}

.acc-pro-content h4 {
    margin-bottom: 10px;
    font-size: 15px;
}

.account-pro-tab .acc-pro1-box ul {
}

    .account-pro-tab .acc-pro1-box ul li {
    }

.account-pro-tab .nav-item .nav-link {
    padding: 15px;
    /*border: 0px solid #d7d7d7;
	border-top: none;
	border-radius: 0;
	border-top: 1px solid rgba(0,0,0,.1);*/
}

    .account-pro-tab .nav-item .nav-link p {
        font-size: 15px;
        font-weight: 400;
    }

.acc-pro1-box .nav-link:before {
    display: none;
}
/*-------------------------*/
.tab-pane h2 {
    font-size: 20px;
    color: #1b89b2;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 20px;
}
/*-------------------------*/
.at_order_my {
    font-size: 15px;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

    .at_order_my .my_left {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .at_order_my .my_left .my_name {
            font-size: 16px;
            color: #494949;
        }

        .at_order_my .my_left .my_day {
            font-size: 14px;
            color: #999;
        }

        .at_order_my .my_left .my_list {
            font-size: 14px;
            color: #999;
        }

        .at_order_my .my_left .my_orderno {
            font-size: 14px;
            color: #999;
        }

        .at_order_my .my_left .my_status {
        }

            .at_order_my .my_left .my_status .badge {
                font-size: 90%;
                font-weight: 400;
                margin-top: 10px;
                border-radius: 3px;
            }

    .at_order_my .my_right {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: right;
    }

        .at_order_my .my_right .my_price {
            font-size: 16px;
        }

        .at_order_my .my_right .my_detail {
            display: inline-grid;
            margin-top: 10px;
        }

            .at_order_my .my_right .my_detail a {
                font-size: 14px;
                /*color: #FFF;
    background-color: #1b89b2;*/
                padding: 7px 10px;
                white-space: nowrap;
            }
/*-------------------------*/
.acco-tab-content .acco-cp-box {
    border: 0px solid #d7d7d7;
    border-radius: 0px;
    padding: 10px 0px;
    color: #494949;
}

.at_order_my_form label {
    font-size: 12px;
    font-weight: 400;
}

.at_order_my_form input, .at_order_my_form textarea {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
}

.acco-cp-box .acco-button {
    display: inline-block;
    margin: 13px 0px;
}

.acco-button .acco-u-button a {
    font-size: 18px;
    padding: 10px 30px;
    background-color: #494949;
    border-radius: 0;
    margin-right: 0px;
}

.acco-button .acco-c-button a {
    font-size: 18px;
    padding: 10px 30px;
    background-color: #494949;
    border-radius: 0;
    margin-right: 0px;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*--- Popup Login -----*/
.modal-dialog {
    border: 0px #dee2e6 solid;
    border-radius: 0;
    background-color: #FFF;
    margin: 30px auto;
}

.modal-header {
    padding: 20px;
    padding-bottom: 0;
}

.login-modal-head {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}

.modal-body {
    padding: 20px !important;
}

.login-modal .nav-tabs .nav-link {
    border: none;
    height: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #494949;
    padding: 11px 11px;
    border-radius: 0;
    background-color: #eee;
}

    .login-modal .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        font-size: 15px;
    }

.login-modal .tab-pane {
    margin-top: 20px;
}

.login-modal label {
    padding-top: 0 !important;
}

.modal-rg-content p {
    font-size: 14px;
    color: #9d9d9d;
}


.logout-but {
    text-align: center;
    margin-top: 40px;
}

    .logout-but .col-6 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .logout-but .btn {
        padding: 10px 15px;
        border-radius: 0;
        background-color: #1b89b2;
    }
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*--- หน้าสรุปรายการ -----*/
.at_payment_bg.status_box {
    padding-left: 15px;
}

    .at_payment_bg.status_box .btn {
        margin: 3px 0;
    }

.at_payment_status_box {
    margin-bottom: 30px;
}

    .at_payment_status_box .at_payment_status_text_alert {
        font-size: 26px;
        font-weight: 500;
        color: #1b89b2;
    }

    .at_payment_status_box .at_payment_status_line_alert {
        margin-bottom: 10px;
    }

.order-status {
    margin-top: 25px;
    margin-bottom: 0px;
}

.order-d-text {
    margin-top: 15px;
}

    .order-d-text h1 {
        font-size: 16px;
    }

.order-status ul .round-d-1 {
    position: relative;
    z-index: 1;
}

.order-status ul .no-process-1:after {
    border: 2px solid #d7d7d7;
    left: 92px;
    width: 100%;
    z-index: 0;
}

/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*---หน้า Login-----*/
.at_login_box {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin: 30px 0px;
}

    .at_login_box .login_max_width {
        max-width: 360px;
        width: 100%;
    }


    .at_login_box .login_title {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 24px;
        text-align: center;
    }

.at_login_input {
    display: flex;
    flex-direction: column;
}
    /*.at_login_input > :not(:last-child) {
    margin-bottom: 16px;
}*/
    .at_login_input .login_form_box {
        display: flex;
        flex-direction: column;
    }


    .at_login_input .login_button_box {
        display: flex;
        flex-direction: column;
        text-align: right;
    }

        .at_login_input .login_button_box span {
            font-size: 13px;
        }

.at_login_or {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    color: rgb(153, 156, 158);
    margin: 24px 0px;
}

    .at_login_or .login_line {
        border-top: 1px solid rgba(153, 156, 158, 0.2);
        margin: 0px;
        width: 100%;
    }

    .at_login_or > span {
        font-size: 14px;
        padding: 0px 12px;
    }


.at_login_social {
    display: flex;
    flex-direction: column;
}

.at_login_social_box {
    display: flex;
    flex-direction: column;
}

    .at_login_social_box > :not(:last-child) {
        margin-bottom: 8px;
    }


    .at_login_social_box .login_button {
        word-break: initial;
        font-size: 14px;
        font-weight: 400;
        height: 45px;
        width: 100%;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 0px 8px;
        transition: all 0.2s ease-in-out 0s;
        cursor: pointer;
        text-decoration: none;
        color: rgb(35, 39, 41);
        background: transparent;
        border: 1px solid #ced4da;
        position: relative;
    }

    .at_login_social_box .login_icon {
        width: 24px;
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
    }
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*---หน้า New Login-----*/
.at_login_new_box {
    height: 100vh;
    position: relative;
    background-image: url(../images/bg-3-m.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .at_login_new_box .login_new_box {
        padding: 30px 30px;
        /*background-color: rgba(0, 0, 0, 0.5);*/
        border-radius: 0px;
        text-align: center;
        color: #000;
    }

    .at_login_new_box .login_new_logo {
    }

        .at_login_new_box .login_new_logo img {
            width: 220px;
        }

    .at_login_new_box .login_new_detail {
    }

    .at_login_new_box .login_new_botton {
        margin-top: 30px;
    }

        .at_login_new_box .login_new_botton .at_login_input {
            display: flex;
            flex-direction: column;
        }

            .at_login_new_box .login_new_botton .at_login_input .login_form_box {
                display: flex;
                flex-direction: column;
            }

                .at_login_new_box .login_new_botton .at_login_input .login_form_box .form-group {
                    margin-bottom: 8px;
                }

                .at_login_new_box .login_new_botton .at_login_input .login_form_box .form-control {
                    text-align: center;
                    border: 1px solid #f3f3f3;
                    height: 43px !important;
                    border-radius: 50px !important;
                }


            .at_login_new_box .login_new_botton .at_login_input .login_button_box {
                display: flex;
                flex-direction: column;
                text-align: right;
            }

                .at_login_new_box .login_new_botton .at_login_input .login_button_box button {
                    border-radius: 50px;
                }

                .at_login_new_box .login_new_botton .at_login_input .login_button_box span {
                    font-size: 13px;
                }

        .at_login_new_box .login_new_botton .at_login_or {
            display: flex;
            -webkit-box-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            align-items: center;
            font-size: 16px;
            font-weight: 300;
            color: #FFF;
            margin: 24px 0px;
        }

            .at_login_new_box .login_new_botton .at_login_or .login_line {
                border-top: 1px solid rgba(153, 156, 158, 0.2);
                margin: 0px;
                width: 100%;
            }

            .at_login_new_box .login_new_botton .at_login_or > span {
                font-size: 14px;
                padding: 0px 12px;
            }


        .at_login_new_box .login_new_botton .at_login_social {
            display: flex;
            flex-direction: column;
        }

        .at_login_new_box .login_new_botton .at_login_social_box {
            display: flex;
            flex-direction: column;
        }

            .at_login_new_box .login_new_botton .at_login_social_box > :not(:last-child) {
                margin-bottom: 8px;
            }


            .at_login_new_box .login_new_botton .at_login_social_box .login_button {
                word-break: initial;
                font-size: 14px;
                font-weight: 400;
                height: 45px;
                width: 100%;
                display: inline-flex;
                -webkit-box-align: center;
                align-items: center;
                -webkit-box-pack: center;
                justify-content: center;
                padding: 0px 8px;
                transition: all 0.2s ease-in-out 0s;
                cursor: pointer;
                text-decoration: none;
                color: #FFF;
                background: #FFF;
                border: 1px solid #FFF;
                border-radius: 50px;
                position: relative;
            }

                .at_login_new_box .login_new_botton .at_login_social_box .login_button i {
                    font-size: 18px;
                    margin-right: 15px;
                }

                .at_login_new_box .login_new_botton .at_login_social_box .login_button.bg_color_1 {
                    background: #1877f2;
                    border: 1px solid #1877f2;
                }

                .at_login_new_box .login_new_botton .at_login_social_box .login_button.bg_color_2 {
                    background: #f14336;
                    border: 1px solid #f14336;
                }

                .at_login_new_box .login_new_botton .at_login_social_box .login_button.bg_color_3 {
                    background: #00b900;
                    border: 1px solid #00b900;
                }

            .at_login_new_box .login_new_botton .at_login_social_box .login_icon {
                width: 24px;
                position: absolute;
                left: 8px;
                top: 50%;
                transform: translateY(-50%);
            }
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/
.btn {
    padding: 10px 15px;
    font-size: 15px;
    border-radius: 0px;
    border: 0px solid transparent;
    /*min-width: 120px;*/
}

.btn-primary {
    color: #fff;
    background-color: #1b89b2;
    border-color: #1b89b2;
}

.form-control {
    font-size: 13px;
    border-radius: 0;
    height: 40px !important;
}

.badge {
    font-family: 'Mitr', sans-serif;
    font-weight: 400;
    margin: 3px 0px;
    border-radius: 0;
}

.badge-primary {
    color: #fff;
    background-color: #1b89b2;
}

.text-success {
    color: #06C358 !important;
}

.map-location {
    background-color: #FFF;
}

.background-color-fff {
    background-color: #FFF;
}

a.btn-history {
    margin: 5px;
}
/*-------------------------*/
/*-------------------------*/

/*Search Box*/
.search-card {
    width: 100%;
    padding: 10px 15px;
    font-family: 'Mitr', sans-serif;
    text-align: center;
}

    .search-card form {
        display: inline-block;
    }

    .search-card .search-box {
        display: flex;
    }

        .search-card .search-box .search-box-item {
            text-align: left;
            margin-right: 10px;
        }

            .search-card .search-box .search-box-item label {
                font-size: 13px;
                color: #848484;
            }

    .search-card .search-box .btn-search {
        height: 40px !important;
        border-radius: 0px !important;
        background: #1b89b2 !important;
        color: white !important;
    }

/*-------------------------*/
/*-------------------------*/
@media (max-width: 1600px) {
}
/*-------------------------*/
@media (max-width: 1440px) {
}
/*-------------------------*/
@media (max-width: 1366px) {
}
/*-------------------------*/
@media (max-width: 1199.98px) {
    .kb-nav-logo {
        width: 30%;
    }

    .kd-menu-right {
        width: 30%;
        font-size: 14px;
    }

    /*.at_box_catalog {
        height: 140px;
    }*/

    .at_box_blog {
        height: 150px;
    }


    .at_cafe_menu_cc_box {
        max-width: 100%;
    }


    .order-status ul .no-process-1:after {
        left: 100px;
    }
}
/*-------------------------*/
@media (max-width: 1024px) {
}
/*-------------------------*/
@media (max-width: 991.98px) {
    .at_box_easy_promotion_pic {
        margin-top: 0px;
    }

    .at_footer {
        padding: 30px 0px 0px 0px;
    }

    .kb-text-input form {
        display: inline-block;
        /*max-width: 80%;*/
        margin-left: -32px;
    }

    .at_box_catalog .text {
        font-size: 15px;
        font-weight: 400;
    }

    .at_footer .info ul li a {
        font-size: 14px;
    }



    .slick-prev.slick-arrow {
        left: -3.0%;
        outline: none;
    }

    button.slick-arrow {
        top: 29%;
        font-size: 16px;
        color: #adadad;
    }

    .price h1 {
        float: right;
    }

    .b-text h1 {
        font-size: 15px;
        margin: 5px 0px;
    }

    .b-text {
        min-height: 0px;
    }

    .at_portfolist_sb_b {
        padding: 0px;
    }







    .cart-bill-box .detail-plus-add-cart span {
        font-size: 18px;
    }

    .cart-text .menu-title {
        font-size: 15px;
    }

    .cart-text .price h1 {
        font-weight: 500;
        margin: 0px;
    }

    .cart-b-subtotal .price i {
        margin-bottom: 8px;
    }

    .cart-b-subtotal .cart-bs-ftotal {
        padding-top: 15px;
    }

    .cart-b-subtotal .cart-bs-head h4 {
        font-size: 18px;
    }

    .cart-b-subtotal .cart-bs-head p {
        font-size: 18px;
    }









    td.cart-product-image img {
        width: 50px;
        border-radius: 5px;
    }

    .at_payment_bg {
        padding-left: 15px;
        margin-top: 20px;
    }






    .at_payment_play_box {
        width: 30%;
    }




    .container.tablet_full {
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

        .container.tablet_full > .row {
            margin-right: 0;
            margin-left: 0;
        }

            .container.tablet_full > .row > div {
                padding-right: 0;
                padding-left: 0;
            }

    .at_cafe_menu_cc_box {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 12px 12px 12px;
        margin: 0 0 12px 0;
        border-bottom: 1px solid rgba(0,0,0,.1);
        box-shadow: 0 0 black;
    }

    .at_home_content {
        padding: 15px 15px;
    }

        .at_home_content.at_home_content_menu {
            padding: 0px 0px;
        }

            .at_home_content.at_home_content_menu > .row {
                margin-right: 0;
                margin-left: 0;
            }

                .at_home_content.at_home_content_menu > .row > div {
                    padding-right: 0;
                    padding-left: 0;
                }

    .at_shop_box {
        padding: 12px 0;
        display: flex;
    }

        .at_shop_box.at_shop_box_menu {
            padding: 12px 12px;
            width: 100%;
        }

    /*.at_shop_detail_box {
        width: 40%;
    }

    .user-menu-right {
        width: 40%;
    }*/

    .at_cafe_title {
        padding: 0 12px;
    }

    .at_cafe_menu_box {
        /*margin-bottom: 30px;*/
    }

    .at_cafe_menu_title {
        margin-bottom: 20px;
        padding: 0 12px;
        font-size: 17px;
    }

    .at_cafe_menu_cc_box .at_cafe_menu_cc_left .at_cafe_menu_cc_name {
        font-size: 14px;
    }

    .at_cafe_menu_cc_box .at_cafe_menu_cc_left .at_cafe_menu_cc_price {
        left: 12px;
        bottom: 12px;
    }
    /*.at_cafe_arrows {
	display: block;
}*/






    .location-section {
        margin-left: 45px;
    }


    .order-status ul .no-process-1:after {
        width: 93%;
        left: 100px;
    }

    .at_payment_status_box .at_payment_status_text_alert {
        text-align: center;
    }
}
/*-------------------------*/
@media (min-width: 991.98px) {

    .at_shop_detail_box {
        display: flex;
    }

    .at_shop_box.at_shop_box_menu {
        width: 100%;
    }

    .at_shop_detail_box {
        width: 50%;
    }

    .user-menu-right {
        width: 50%;
    }

    .at_payment_item_list ul li .item_list_1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 16%;
        text-align: right;
        white-space: nowrap;
    }

    .at_payment_item_list ul li .item_list_3 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 50%;
        text-align: right;
        white-space: nowrap;
    }

    .at_home_content .row .col-lg-4 {
        flex: 1 0 30%;
        max-width: 31%;
    }

    .at_home_content .row .col-lg-8 {
        flex: 0 0 60%;
        max-width: 60%;
    }
        .at_home_content .row .col-lg-8 .form-control {
            width: 125%
        }

    .at_home_content .at_payment_bg {
        padding-left: 40px;
    }

    .info span {
        width: 13% !important;
    }
}
/*-------------------------*/
@media (min-width: 768.1px) {
    .prev {
        left: 1.5em !important;
        top: 5% !important;
    }

    .next {
        right: 1.5em !important;
        top: 5% !important;
    }

    #location-placepicker {
        width: 400px !important;
    }
}
/*-------------------------*/
@media (max-width: 991px) {
    

    .info span {
        width: 24% !important;
    }
}
/*-------------------------*/
@media (max-width: 768px) {
    .search-card form {
        width: 100%;
    }

    .search-box {
        display: block !important;
    }

    .at_preorder_box .at_preorder {
        display: block !important;
    }
}
/*-------------------------*/
@media (max-width: 767.98px) {
    .at_home_content {
        /*margin-top: 15px;
        margin-right: -15px;
        margin-left: -15px;
	    margin-bottom: 1px;*/
    }



    .first-section {
        background-position: 85% 0%;
    }

    .kb-top-box {
        padding: 10px 0px 10px 0px;
    }

    .kb-nav-logo {
        width: 50%;
        font-size: 15px;
        text-align: left;
    }

    .kb-menu {
        display: block;
        width: 150px;
        text-align: left;
        padding: 0px 15px;
    }

    .kd-menu-right {
        width: 50%;
        text-align: right;
    }

    .at_kb_box {
        padding: 10px 15px 10px 15px;
        background-color: rgba(255, 255, 255, 0.0);
    }

    .kb-text-box span, .merchant-kb-text-box span {
        font-size: 18px;
        text-shadow: 0 0 7px #FFF, 0 0 7px #FFF;
    }

    .kb-text-box p, .merchant-kb-text-box p {
        font-size: 12px;
        text-shadow: 0 0 7px #FFF, 0 0 7px #FFF;
    }





    .kb-text-input form {
        max-width: 100%;
        width: 100%;
    }

    .location-section {
        width: 100%;
        margin-left: 17px;
    }

        .location-section .form-group {
            width: 100%;
            margin-bottom: 10px;
        }

            .location-section .form-group .input-group-btn {
                /*width: 100% !important;*/
            }

            .location-section .form-group .pac-target-input {
                /*width: 100% !important;*/
                font-size: 13px;
                margin-right: 0px !important;
            }

        .location-section .input-group-append {
            width: 100%;
            text-align: center;
            margin-left: 0;
            display: block;
        }

            .location-section .input-group-append button {
                width: 100% !important;
            }

    .location-section-form {
        margin-right: 0;
        margin-bottom: 10px !important;
    }





    .kb-text-input p {
        font-size: 13px;
        text-shadow: 0 0 7px #FFF, 0 0 7px #FFF;
        margin-top: 10px;
    }

    .at_card_title_all {
        font-size: 14px;
    }

        .at_card_title_all i {
            font-size: 10px;
        }

    .at_box_easy_text_detail ul {
        padding-inline-start: 20px;
    }

    .at_footer .info ul li {
        /*margin-bottom: 3px;*/
    }

        .at_footer .info ul li a {
            font-size: 12px;
        }

    .at_box_easy_text_detail {
        font-size: 13px;
    }

    .at_box_kiosk_text {
        font-size: 15px;
        -webkit-line-clamp: 6;
    }

    .at_footer .about {
        margin-bottom: 10px;
    }

        .at_footer .about p {
            font-size: 12px;
        }

    .at_footer .info .fo-text h1:after {
        width: 80%;
    }

    .at_footer .info .fo-text h1 {
        font-size: 14px;
    }

    .at_footer .right {
        border-top: 1px solid #c4c4c4;
        padding: 15px 0px;
        margin-top: 10px;
    }

        .at_footer .right h1 {
            font-size: 11px;
            margin-bottom: 8px;
        }









    .slick-prev.slick-arrow {
        left: -6%;
    }

    .slick-next.slick-arrow {
        right: -6%;
    }

    .main-pizza-sb > .container {
        padding: 0px;
    }

    .portfolist_sb_b {
        margin-top: 30px;
    }

    .items {
        margin-bottom: 5px;
    }

    .modal-detail-ingredients .detail-ingredients-head {
        padding: 20px;
        padding-top: 30px;
    }






    .at_cafe_menu_cc_box {
        padding: 0 12px 12px 12px;
    }

    .at_shop_box {
        /*display: block;
        text-align: center;*/
        display: flex;
        margin-bottom: 10px;
    }

        /*.at_shop_box .at_shop_pic {
            display: block;
        }*/

        .at_shop_box .at_shop_pic img {
            min-width: 70px;
            max-height: 70px;
        }

    .at_shop_detail_box {
        display: flex;
    }

    .at_payment_address_delivery_button a {
        width: 50%;
    }

    .at_payment_play_box {
        width: 50%;
    }







    /*.at_cafe_header {
        margin-bottom: -60px;
    }*/

        .at_cafe_header img {
            /*max-height: 100px !important;*/
            max-height: 130px !important;
        }

        .at_cafe_header .img-flag {
            vertical-align: middle;
            width: 35px;
            position: absolute;
            right: 0;
            margin: 5px;
        }

    .at_cafe_menu_box {
        /*margin-bottom: 30px;*/
    }

    .at_cafe_menu_title {
        margin-bottom: 20px;
        color: #1b89b2;
    }

    .at_cafe_ul ul li {
        padding: 0 12px;
    }

    .at_cafe_menu_cc_box .at_cafe_menu_cc_pic {
        width: 80px;
    }

        .at_cafe_menu_cc_box .at_cafe_menu_cc_pic .pic {
            width: 80px;
            height: 80px;
        }

    .at_cafe_arrows.prev {
        left: 2px;
    }

    .at_cafe_arrows.next {
        right: 2px;
    }






    .account-pro-tab .acc-pro1-box {
        display: flex;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .account-pro-tab .acc-pro-box {
        width: 40%;
    }

    .account-pro-tab .acc-pro1-box ul {
        width: 60%;
    }

    .account-pro-tab .nav-item .nav-link {
        padding: 12px 15px;
    }

    .acco-button .acco-c-button a {
        font-size: 16px;
    }






    .modal-dialog {
        width: 100%;
        margin: 0px auto;
    }

    .modal-header {
        padding: 15px;
    }

    .modal-body {
        padding: 15px !important;
    }

    span.modal-forgot {
        text-align: right;
    }

    .modal-header.logout {
        padding: 35px 0px;
    }

    #myModal2 .modal-dialog {
        padding: 0px 15px;
    }

    #myModal3 .modal-dialog {
        padding: 0px 15px;
    }

    .logout-but .btn, .btn-1 {
        width: auto;
        margin-bottom: 10px;
    }





    .order-status ul .no-process-1:after {
        border: 2px solid #d7d7d7;
        top: 24px;
        width: 93%;
        left: 57px;
    }

    .order-status ul .round-d-1 {
        line-height: 1.1;
    }

    .order-d-text {
        margin-top: 10px;
    }

        .order-d-text h1 {
            font-size: 13px;
        }


    .at_card_title {
        font-size: 15px;
    }

    .at_box_catalog {
        font-size: 15px;
    }

    .at_box_blog_text {
        font-size: 15px;
    }

    .at_box_blog_text_detail {
        font-size: 12px;
    }




    .shop_card_section_top,
    .shop_card_section_orderhistory,
    .shop_card_section_bottom,
    .shop_card_section_middle,
    .shop_card_section_bell {
        height: 40px;
        width: 40px;
    }

    #searchMenus {
        background-color: #1b89b2;
        border: none;
        color: white;
        margin-right: 10px;
        padding: .25em .75em;
        float: left;
        width: 280px;
        text-align: left;
        position: absolute;
        right: 45px;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
        height: 35px;
        bottom: 1px;
        outline: none;
    }

    .mx-2.v-btn.v-btn--bottom.v-btn--is-elevated.v-btn--fab.v-btn--fixed.v-btn--has-bg.v-btn--right.v-btn--round.theme--dark.v-size--small {
        right: 50px;
    }

    .shop_card i {
        font-size: 26px;
    }

    .shop_card_section_top {
        bottom: 150px;
    }

    .shop_card_section_orderhistory {
        bottom: 60px;
    }

    .shop_card_section_bell {
        bottom: 105px;
    }

    .shop_card_section_middle {
        bottom: 60px;
    }

    .shop_card.shop_card_cart {
        top: 5px;
        left: -1px;
    }

    #total-qty.cric {
        top: -5px;
        font-size: 12px;
        padding-left: 4px;
    }

    .search-card .search-box-transparent {
        padding: 5px !important;
    }
}
/*-------------------------*/
@media (max-width: 381.98px) {
    .at_payment_item_list ul li .item_list_3 {
        width: 20%;
    }
}
/*-------------------------*/
.scan-qr-btn {
    border: 1px solid #ced4da !important;
    border-left: 0px !important;
    padding: 0;
    margin: 0;
    width: 40px;
    background-color: unset !important;
}

.scan-qr-cammera {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scan-qr-btn :active {
    outline: none !important;
    box-shadow: unset !important;
}

.scan-qr-btn :focus {
    outline: none !important;
    box-shadow: unset !important;
}

.scan-qr-btn :visited {
    outline: none !important;
    box-shadow: unset !important;
}

#coupon-code:focus, #start-button:focus {
    box-shadow: unset !important;
}

#apply-coupon {
    cursor: pointer;
}
/*-------------------------*/
@media (max-width: 576px) {
    .info span {
        width: 22% !important;
    }

    .at_footer .info .fo-text h1:after {
        width: 80% !important;
    }
}
@media (min-width: 576px) {
    .container {
        max-width: 75%;
    }
}
/*-------------------------*/
@media (max-width: 500px) {
    .aside-cart {
        left: 0%;
        margin-left: 0px;
        width: 100% !important;
        max-height: calc(100% - 0px);
        top: 0px;
        border: 0px #dee2e6 solid;
        border-radius: 0px;
    }

    .cart-b-subtotal .item-amount {
        width: 45px;
        margin-right: 20px;
    }

    .cart-b-subtotal .cart-img {
        width: 50px;
        margin-right: 20px;
    }

    .cart-b-subtotal .cart-text {
        width: 70%;
        margin-right: -30px;
    }

    .cart-b-subtotal .price i {
        font-size: 15px;
    }
    /*---popup ใหม่ รายการสินค้า-----*/
    .at_popup_list_detail {
        width: 60%;
    }
    /*---popup ใหม่ ตัวเลือกสินค้า-----*/



}
/*-------------------------*/
@media (max-width: 425px) {
}
/*-------------------------*/
@media (max-width: 419px) {
    .cart-b-subtotal .cart-text {
        width: 65%;
    }
}
/*-------------------------*/
@media (max-width: 379px) {
    .cart-b-subtotal .cart-text {
        width: 63%;
    }
}
/*-------------------------*/
@media (max-width: 375px) {
    /*---popup ใหม่ รายการสินค้า-----*/
    .at_popup_list_detail {
        width: 50%;
    }
    /*---popup ใหม่ ตัวเลือกสินค้า-----*/
}
/*-------------------------*/
@media (max-width: 360px) {
}
/*-------------------------*/
@media (max-width: 379px) {
    .cart-b-subtotal .cart-text {
        width: 60%;
    }
}
/*-------------------------*/
@media (max-width: 320px) {
    .cart-b-subtotal .cart-text {
        width: 58%;
    }

    .b-text {
        width: 53%;
    }
    /*.b-text {
    width: 80%;
}*/
    /*.price h1 {
    float: right;
    width: 74%;
    text-align: left;
}
.b-cart {
    font-size: 12px;
    width: 84%;
    float: right;
    padding-left: 0px;
    text-align: left;
}
.cart {
    float: right;
    width: 88%;
}*/
}
/*-------------------------*/

.search-card .search-box-transparent {
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 11px;
    box-shadow: 0 4px 30px rgba(35, 35, 35, 0.1);
    color: #232323;
    background-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.30);
    padding: 10px;
}
    .search-card .search-box-transparent .search-box .search-box-item label {
        font-weight: 500;
        text-shadow: 0 0 7px #FFF, 0 0 7px #FFF;
        color: #222;
    }

    .search-card .search-box-transparent .kb-text-box span, .merchant-kb-text-box span {
        text-shadow: 0 0 7px #FFF, 0 0 7px #FFF;
    }