html,
body{
    height:100%;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    scroll-behavior: smooth;
    background-color: #E8E8EA;
    overflow: visible;
}


/* ============================ GLOBAL ============================ */

.center-self{
    margin-left: auto;
    margin-right: auto;
}

.center{
    text-align: center;
}

.middle{
    display: flex;  
    align-items: center;
    justify-content: center;
}

.text {
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 24px;
    color: #8C8C8C;
}

.text.ultra-big{
    font-size : 2.7rem;
    line-height: 63px; 
    color : #52C41A;
}

.text.super-big{
    font-size : 2rem;
    font-weight: 700;
    line-height: 46px; 
    color: #FFFFFF;
}

.text.biggest{
    font-size : 1.5rem;
    font-weight: 500;
    line-height: 40px; 
    color: #434343;
}

.text.bigger{
    font-size : 1.2rem;
    font-weight: 500;
    line-height: 32px; 
}

.text.big{
    font-size : 1rem;
    font-weight: 500;
    line-height: 28px; 
}

.text.big-small{
    font-size : 1rem;
    line-height: 23px; 
}

.text.small{
    font-size : 0.7rem; 
    line-height: 22px; 
}

.text.smaller{
    font-size : 0.6rem; 
    line-height: 20px; 
}

.text.strong {
    font-weight: 500;
}

.text.bold {
    font-weight: 700;
}

.black-transparant { 
    color: rgba(0, 0, 0, 0.45);
}

.dark-black-custom { 
    color : #262626;
}

.dark-black { 
    color : #1F1F1F;
}

.dark { 
    color : #434343;
}

.black-color{
    color: #333333;   
}

.orange { 
    color : #E04F1F;
}

.orange-light { 
    color : #EC6536;
}

.red-danger { 
    color : #FF4D4F;
}

.blue-dark { 
    color : #00829B;
}

.white { 
    color : #FFFFFF;
}

.white-light { 
    color : #FAFAFA;
}

.green-dark{
    color: #00842C;
}

button:active,
button:focus,
input:active,
input:focus,
select:focus,
select:focus{
    outline: none !important;
}

a:hover{
    text-decoration: none !important;
    cursor: pointer !important;
}

.div-dialog-container{
    width: 100%;
    height: 100%;
    padding-bottom: 6.25%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 100;
    overflow-y: scroll;
}

.no-scroll{
    overflow: hidden;
}

/* ============================ END OF GLOBAL ============================ */

.div-header-page{
    width: 100%;
    height: 120px;
    background: #C4C4C4;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.div-header-page .container{
    width: 1360px;
    height: 100%;
    padding: 0px;
    display: flex;
    flex-direction: row;
    position: relative;
}

.div-header-page .div-logo{
    width: 16.1029%;
    margin-top: auto;
    margin-bottom: auto;
}

.div-header-page .div-logo img{
    /* width: 100%; */
    height: 80px;
}

.div-header-page .div-search{
    /* width: 33.1%; */
    width: 23.8235%;
    margin-left : 9.1912%;
    margin-top: 3.75%;
    margin-bottom: 2.2794%;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.div-header-page .div-search  input {
    width: 100%;
    height: 38px;
    /* padding-left: 36.4198%; */
    padding-left: 47%;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    border-radius: 50px;
    background: #FF7345;
}

.div-header-page .div-search  input.self-pickup{
    width: 35%;
    padding-left: 0px;
    text-align: center;
}

.div-header-page .div-search .label-search{
    /* width: 29.0123%;  */
    width: 39.1%; 
    height: 38px;
    margin-left: 5.5556%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}

.div-header-page .div-search .label-search div{
    top: 1px;
    position: relative;
}

/*
.div-header-page .div-search .input-search{
    width: 73.8636%;
    height: 38px;
    position: relative;
}
*/

.div-header-page .div-search .label-search img {
    width: 22px;
    /* max-width: 23.4043%; */
    margin-left : 8.5106%;
}

.div-header-page .div-cart{
    display: none;
}

.div-header-page .div-login{
    margin-left: 12%;
    margin-top: 49px;
    display: inline-flex;
    align-items: baseline;
    position: relative;
}

.div-header-page .div-login img{
    width: 24px;
    margin-right: 4px;  
    margin-top: 9px;
    margin-bottom: 9px;
}

.div-header-page .div-login span.span-account{
    top: 1.5px;
    position: relative;
    white-space: nowrap;
}

.div-header-page .div-login .div-dropdown-menu{
    position: absolute;
    top: 45px;
    padding: 4px 20px 4px 20px;
    display: none;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
    filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.08));
    z-index: 100;
}

.div-header-page .div-login .div-dropdown-menu a{
    height: 42px;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
}

.div-header-page .div-login .div-dropdown-menu a:hover{
    color : #00842C;
}

.div-header-page .div-login:hover .div-dropdown-menu{
    display: block;
}

.div-header-page .div-login .div-dropdown-menu .div-menu-item{
    left: 25px;
    position: relative;
}

.div-header-page .div-login .div-dropdown-menu a > div:first-of-type{
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-size: contain;
    background-position-y: -1px;
}

.div-header-page .div-login .div-dropdown-menu a .img-icon-profile{
    background: url(../img/common/icon-file-text-black.png) no-repeat;
    background-size: contain;
    background-position-y: -1px;
}

.div-header-page .div-login .div-dropdown-menu a:hover .img-icon-profile{
    background: url(../img/common/icon-file-text-green.png) no-repeat;
    background-size: contain;
    background-position-y: -1px;
}

.div-header-page .div-login .div-dropdown-menu a .img-icon-order{
    background: url(../img/common/icon-order-black.png) no-repeat;
    background-size: contain;
    background-position-y: -1px;
}

.div-header-page .div-login .div-dropdown-menu a:hover .img-icon-order{
    background: url(../img/common/icon-order-green.png) no-repeat;
    background-size: contain;
    background-position-y: -1px;
}

.div-header-page .div-login .div-dropdown-menu a .img-icon-logout{
    background: url(../img/common/icon-log-out-black.png) no-repeat;
    background-size: contain;
    background-position-y: -1px;
}

.div-header-page .div-login .div-dropdown-menu a:hover .img-icon-logout{
    background: url(../img/common/icon-log-out-green.png) no-repeat;
    background-size: contain;
    background-position-y: -1px;
}


.div-header-page .div-contact-us{
    width: 15%;
    margin-left : 3.2353%;
    /* margin-top: 3.6029%; */
    margin-top: 49px;
    margin-bottom: 2.1324%;
}

.div-header-page .div-contact-us a{
    width: 100%;
    padding: 7.1429% 0px;
    margin: 2px 0px;
    display: block;
    text-align: center;
    border: 1px solid #333333;
    border-radius: 2px;
}

.div-header-page .div-lang-option{
    margin-left : 2.9412%;
    margin-top: 49px;
    padding-top : 9px;
    position: relative;
    display: inline-flex;
    align-items: baseline;
}

.div-header-page .div-select-restaurant {
    margin-left : 2.9412%;
    margin-top: 49px;
    padding-top : 9px;
    display: inline-flex;
    align-items: flex-start;
}
.div-header-page .div-select-restaurant img {
    width: 24px;
}

.div-header-page .div-lang-option a{
    min-width: 46px;
    display: inline-flex;
    align-items: center;
}

.div-header-page .div-lang-option a img{
    width: 24px;
    margin-right: 10px;
}

.div-header-page .div-lang-option span{
    top: 3px;
    position: relative;
}

.div-header-page .div-lang-option .div-dropdown-lang{
    width: 104px;
    margin-bottom: -70px;
    margin-right: -40px;
    padding: 4px 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    display: none;
    z-index: 100;
}

.div-header-page .div-lang-option .div-dropdown-lang a{
    height: 42px;
    display: flex;
    align-items: center;
}

.div-header-page .div-lang-option .div-dropdown-lang a:hover{
    color : #00842C;
}

.div-header-page .div-lang-option:hover .div-dropdown-lang{
    display: block;
}


.restaurant-logo {
    height: 80px;
}


.div-homepage{
    margin-bottom: 4.1667%;
}

.div-homepage .container{
    width: 1360px;
    padding: 0px;
    display: flex;
    flex-direction: row;
}

.div-homepage .div-main-content{
    width: 67.6471%;
    /* background: linear-gradient(270deg, #F5F5F5 14.81%, rgba(245, 245, 245, 0) 95.93%); */
}

.div-homepage .div-prod-category.top,
.div-homepage .div-main-content .div-prod-category{
    width: 100%;
    /* padding-top: 6.8%; */
    /* padding-top: 6.8478%; */
    padding-top: 3.15rem;
    margin-top: 3.0435%;
    margin-bottom: 3.2609%;
    position: relative;
    overflow: hidden;
}


.div-homepage .div-prod-category.top .div-prod-category-list,
.div-homepage .div-main-content .div-prod-category .div-prod-category-list{
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: -17px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    overflow: scroll;
}

.div-homepage .div-prod-category.top button,
.div-checkoutpage .div-payment-method-list button,
.div-homepage .div-main-content .div-prod-category button{
    min-width: max-content;
    /* padding: 1.9565% 4.3478%; */
    /* padding: 18px 40px; */
    padding: 0.9rem 2rem;
    margin-right: 16px;
    /* border: 2px solid #BFBFBF; */
    box-sizing: border-box;
    /* border-radius: 50px; */
    border: 0px;
    background-color: #E8E8EA;
    color: #666666;
}
.div-profilepage .div-payment-method-list button {
    min-width: max-content;
    padding: 0.5rem 1rem;
    margin-right: 14px;
    box-sizing: border-box;
    border: 0px;
    background-color: #E8E8EA;
    color: #666666;
}

.div-homepage .div-prod-category.top button.active,
.div-checkoutpage .div-payment-method-list button.active,
.div-profilepage .div-payment-method-list button.active,
.div-homepage .div-main-content .div-prod-category button.active{
    font-weight: 500;
    background: rgba(0, 132, 44, 0.25);
    border: 1.4px solid #004E1A;
    color: #1A1A1A;
}

.div-homepage .div-prod-category.top {
    display: none;
}




.div-homepage .div-main-content .div-product-search {
    display: flex;
    padding-top: 2.1739%;
    padding-right: 2.1739%;
    margin-bottom: 3.4783%;
}
.div-homepage .div-main-content .div-product-search input {
    height: 50px;
    border: 1px solid;
    border-left: none;
    border-radius: 0;
    box-shadow: none;
}
.div-homepage .div-main-content .div-product-search button {
    border: 1px solid;
    border-right: none;
    width: 50px;
    background: white;
}


.div-homepage .div-main-content .div-category-image{
    width: 100%;
    height: 164px;
    padding-top: 17.8261%;
    padding-right: 2.1739%;
    margin-bottom: 3.4783%;
    position: relative;
}

.div-homepage .div-main-content .div-category-image img{
    width: 97.8261%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 10px;
}

.div-homepage .div-main-content .div-category-image .div-category-title{
    position: absolute;
    top: 50%;
    left: 0px;
    margin-left: 4.4444%;
    transform: translate(0px,-50%);
    text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
}


.div-homepage .div-main-content .div-product{
    width: 100%;
    padding-right: 2.1739%;
}

.div-homepage .div-main-content .div-product .div-product-container{
    width: 100%;
    min-height: 300px;
    display: grid;
    grid-template-columns: repeat(4, 23.3333%);
    grid-column-gap: 2.2222%;
    grid-row-gap: 24px;
}

.div-homepage .div-main-content .div-product .div-product-container .div-product-item{
    min-height: 321px;
    padding: 3.8095%;
    position: relative;
    background: #FFFFFF;
    border-radius: 10px;
}

.div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-img{
    width: 100%;
    padding-top: 100%;
    position: relative;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
}

.div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: contain;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
}

.div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-product-title{
    min-height: 48px;
    margin: 4.1237% 0px;
}

.div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-real-orig-price{
    min-height: 22px;
    text-decoration-line: line-through;
}

.div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-add{
    /* width: 13.3333%; */
    margin-bottom: 3.8095%; 
    margin-right: 3.8095%;
    padding: 2.8571%;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #004E1A;
    border: 1px solid #004E1A;
    box-sizing: border-box;
    border-radius: 30px;
}
.div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-add img{
    width: 16px;
    margin: auto;
    display: flex;
}

.div-homepage .div-shopping-cart{
    width: 32.3529%;
    padding: 1.6912% 1.1765%;
}

.div-homepage .div-shopping-cart > div{
    width: 100%;
    margin-bottom: 0.9804%;
    background: #FFFFFF;
    border-radius: 5px;
}

.div-homepage .div-shopping-cart .div-cart-summary{
    height: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-homepage .div-shopping-cart .div-cart-summary img{
    width: 4.4118%;
    margin-left: 3.9216%;
    margin-right: 1.9608%;
}

.div-homepage .div-shopping-cart .div-cart-content{
    padding: 5.8824% 3.9216%;
    display: flex;
    flex-direction: column;
}

.div-homepage .div-shopping-cart .div-cart-content hr{
    width: 100%;
    margin: 3.1915% 0px;
    border: 1px solid #F5F5F5;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item .div-qty{
    min-width: 5.5851%;
    margin-right : 4.2553%;
    display: flex;
    flex-direction: row;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item .image-item{
    display: none;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item .div-qty span:first-of-type{
    margin-right: auto;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item .div-qty span:last-of-type{
    margin-left: auto;
}


.div-homepage .div-shopping-cart .div-cart-content .div-cart-item .div-item{
    width: 67.8191%;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item .div-item > div{
    margin-bottom: 4px;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item .div-item > div:last-of-type{
    margin-bottom: 0px;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item .div-item .div-notes img{
    width: 16px;
    margin-right: 4px;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item .btn-shopping-cart{
    display: flex;
    align-items: flex-start;
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item a{
    margin-left : 16px;
    /* padding-top: 3px;
    margin-left : 4.2553%;
    display: flex;
    align-items: flex-start; */
}

.div-homepage .div-shopping-cart .div-cart-content .div-cart-item a img{
    width: 16px;
}

.div-homepage .div-shopping-cart .div-cart-total{
    width: 100%;
    padding: 3.9216%;
    display: flex;
    flex-direction: row;
}

.div-homepage .div-shopping-cart .div-cart-total span{
    margin-left: auto;
}

.div-homepage .div-shopping-cart .div-cart-checkout,
.div-profilepage .div-cart-checkout button {
    width: 100%;
    padding: 4.902% 3.9216%;
}

.div-homepage .div-shopping-cart .div-cart-checkout button,
.div-profilepage .div-cart-checkout button{
    width: 100%;
    height: 54px;
    text-align: center;
    background: #004E1A;
    border: 0px;
    border-radius: 2px;
}


.div-dialog-container .div-dialog{
    width: 710px;
    margin-top: 148px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #FFFFFF;
    border-radius: 10px;
}

.div-registration .div-dialog{
    width: 900px;
    position: relative;
    display: flex;
    flex-direction: row;
}

.div-dialog-container .div-dialog.smaller{
    width: 670px;
}

.div-dialog-container .div-dialog .div-top-ornament{
    width: 100%;
    padding-top: 0.8889%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #004E1A;
    border-radius: 10px 10px 0px 0px;
    z-index: 75;
}

.div-dialog-container .div-dialog .link-btn-close{
    width: 5.3333%;
    margin-right: -5.3333%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 75;
}

.div-dialog-container .div-dialog .link-btn-close img{
    width: 100%;
}

.div-dialog-container .div-dialog .div-image{
    width: 38.3333%;
    position: relative;
    overflow: hidden;
}

.div-dialog-container .div-dialog .div-image .img-banner{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
}

.div-dialog-container .div-dialog .div-image .img-logo{
    width: 63.4783%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.div-registration .div-dialog .div-form-content{
    width: 61.6667%;
    padding: 6% 12.7778% 8.8889% 12.7778%;
}

.div-dialog-container .div-dialog .div-form-content .div-title{
    text-align: center;
}

.div-dialog-container .div-dialog .div-form-content .div-subtitle{
    text-align: center;
    margin-top : 1.8462%;
    margin-bottom : 5.5385%;
}

.div-dialog-container .div-dialog .div-form-content .form-group{
    margin-bottom : 2.4615%;
    display: flex;
    flex-direction: column;
}

.div-dialog-container .div-dialog .div-form-content .form-group label{
    margin-left: 4.9231%;
    margin-bottom : 2.4615%;
}

.div-dialog-container .div-dialog .div-form-content .form-group .div-input-phone,
.div-dialog-container .div-dialog .div-form-content .form-group .div-input-password{
    width: 100%;
    height: 48px;
    margin-bottom : 1.2308%;
    position: relative;
}

.div-dialog-container .div-dialog .div-form-content .form-group input{
    width: 100%;
    height: 48px;
    padding-left: 5.5385%;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 50px;
}

.div-dialog-container .div-dialog .div-form-content .form-group .div-input-phone hr{
    width: 30px;
    top: 4px;
    left: 0px;
    margin-left: 50px;
    position: absolute;
    border: 1px solid #D9D9D9;
    transform: rotate(90deg);
}

.div-dialog-container .div-dialog .div-form-content .form-group .div-input-phone .input-country-code{
    width: 11.3846%;
    height: 45px;
    margin-left: 5.5385%;
    left: 0px;
    top: 0px;
    position: absolute;
    display: flex;
    align-items: center;
}

.div-dialog-container .div-dialog .div-form-content .form-group .div-input-phone select{
    border: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.div-dialog-container .div-dialog .div-form-content .form-group .div-input-phone input{
    padding-left: 24.6%;
}

.div-dialog-container .div-dialog .div-form-content .form-group .div-error-notes{
    min-height: 20px;
    margin-left: 16px;
}

.div-dialog-container .div-dialog .div-form-content .form-group .div-input-password input{
    padding-right: 14.7692%;
}

.div-dialog-container .div-dialog .div-form-content .form-group .div-input-password a{
    width: 7.3846%;
    margin-right: 4.9231%;
    right: 0px;
    top: 50%;
    position: absolute;
    transform: translate(0px,-50%);
}

.div-dialog-container .div-dialog .div-form-content .form-group .div-input-password img{
    width: 100%;
}


.div-dialog-container .div-dialog .div-form-content .form-group-checkbox{
    margin-bottom: 9.8462%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-dialog-container .div-dialog .div-form-content .form-group-checkbox label{
    margin-bottom: 0px;
}

.div-dialog-container .div-dialog .div-form-content .form-group-checkbox input{
    width: 16px;
    height: 16px;
    margin-right : 2.4615%;
    margin-top: 0px;
    background: #FFFFFF;
    border-radius: 2px;
}

.div-dialog-container .div-dialog .div-form-content .form-group-checkbox .link-forget-password{
    margin-left: auto;
    margin-right: 13px;
}

.div-dialog-container .div-dialog .div-form-content button{
    width: 100%;
    height: 48px;
    background: #004E1A;;
    border-radius: 2px;
    border: 0px;
}

.div-registration .div-dialog .div-form-content .div-notes{
    margin-top: 11.0769%;
    margin-bottom: 9.8462%;
    text-align: center;
}

.div-registration .div-dialog .div-form-content .div-extra-notes{
    text-align: center;
    display: flex;
    flex-direction: column;
}

.div-login .div-dialog{
    width: 900px;
    position: relative;
    display: flex;
    flex-direction: row;
}

.div-login .div-dialog .div-form-content{
    width: 61.6667%;
    padding: 6% 12.7778% 8.8889% 12.7778%;
}

.div-login .div-dialog .div-title{
    margin-bottom: 14.1538%;
}

.div-login .div-dialog .div-notes{
    margin-top: 9.2308%;
    text-align: center;
}

.div-login .div-dialog .div-form-content .form-group .div-input-phone input::-webkit-outer-spin-button,
.div-login .div-dialog .div-form-content .form-group .div-input-phone input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.div-login .div-dialog .div-form-content .form-group .div-input-phone input{
    margin-left: 0px;
}


.div-forgot-password .div-dialog .div-form-content{
    width: 100%;
    padding: 11.2676% 27.0423% 16.0563% 27.0423%;
}

.div-forgot-password .div-dialog .div-form-content .div-title{
    margin-bottom: 26.1538%;
}

.div-forgot-password .div-dialog .div-form-content .form-group{
    margin-bottom: 20.6154%;
}

.div-forgot-password .div-dialog .div-form-content button{
    width: 65.5385%;
    margin-left: auto;
    margin-right: auto;
}

.div-verification {
    padding-bottom: 0px;
}

.div-verification .div-dialog .div-form-content{
    width: 100%;
    padding: 11.2676% 18.4507% 8.4507% 18.4507%;
    text-align: center;
}

.div-verification .div-dialog .div-form-content .div-title{
    margin-bottom: 6.6964%;
}

.div-verification .div-dialog .div-form-content .div-subtitle{
    margin-top: 0px;
    margin-bottom: 6px;
}

.div-verification .div-dialog .div-form-content .form-group{
    margin-top: 7.1429%;
    margin-bottom: 0px;
}

.div-verification .div-dialog .div-form-content .form-group .div-input-code{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.div-verification .div-dialog .div-form-content .form-group .div-input-code input{
    width: 10.7143%;
    height: 70px;
    margin-left: 7.1429%;
    padding-left: 2.0089%;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 10px;
    -moz-appearance: textfield;
}

.div-verification .div-dialog .div-form-content .form-group .div-input-code input::-webkit-outer-spin-button,
.div-verification .div-dialog .div-form-content .form-group .div-input-code input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.div-verification .div-dialog .div-form-content .form-group .div-input-code input:first-of-type{
    margin-left: 0px;
}

.div-verification .div-dialog .div-form-content button{
    width: 47.5446%;
    margin-top: 9.8214%;
    margin-bottom: 7.1429%;
    background: #00842C;
    border-radius: 50px;
}

.div-reset-password .div-dialog .div-form-content,
.div-set-password .div-dialog .div-form-content{
    width: 100%;
    padding: 11.2676% 27.0423% 10.1408% 27.0423%;
}

.div-reset-password .div-dialog .div-form-content .div-title,
.div-set-password .div-dialog .div-form-content .div-title{
    margin-bottom: 3.6923%;
}

.div-reset-password .div-dialog .div-form-content button,
.div-set-password .div-dialog .div-form-content button{
    width: 65.5385%;
}


.div-set-password-complete .div-dialog .div-form-content,
.div-reset-password-complete .div-dialog .div-form-content{
    width: 100%;
    padding: 12.3944% 21.831% 16.9014% 21.831%;
    text-align: center;
}

.div-set-password-complete .div-dialog .div-form-content .icon-check-mark,
.div-reset-password-complete .div-dialog .div-form-content .icon-check-mark{
    width: 24.6154%;
}

.div-set-password-complete .div-dialog .div-form-content .div-title,
.div-reset-password-complete .div-dialog .div-form-content .div-title{
    margin-top: 7.3846%;
    margin-bottom: 3.6923%;
}

.div-set-password-complete .div-dialog .div-form-content button,
.div-reset-password-complete .div-dialog .div-form-content button{
    width: 65.5385%;
    margin-top: 14.1538%;
}




.div-set-location .div-dialog .div-form-content{
    width: 100%;
    padding: 8.9552% 17.1642% 11.9403% 17.1642%;
}

.div-set-location .div-dialog .div-form-content .div-title{
    margin-bottom: 7.2727%;
}

.div-set-location .div-dialog .div-form-content .form-group{
    margin-bottom: 7.2727%;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column{
    display: flex;
    flex-direction: row;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-form-item{
    width: 47.7273%;
    min-height: 48px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-radio-button{
    padding-left: 12.7273%;
    flex-direction: row;
    align-items: center;
    border: 1px solid #8C8C8C;
    box-sizing: border-box;
    border-radius: 50px;
    cursor: pointer;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-form-item:last-of-type{
    margin-left: auto;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-radio-button .icon-radio-button{
    width: 22px;
    height: 22px;
    margin-right: 10px;
    border: 1px solid #8C8C8C;
    border-radius: 50%;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-radio-button.active .icon-radio-button{
    width: 23px;
    height: 23px;
    background: url(../img/common/icon-check-circle.png) no-repeat;
    background-size: cover;
    border: 0px;
}


.div-set-location .div-dialog .div-form-content .form-group.two-column .div-radio-button.active{
    border: 2px solid #E04F1F;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-radio-button.active span{
    font-weight: 500;
    color: #E04F1F;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-form-item .selectpicker{
    width: 100%;
    height: 48px;
    padding-left : 8.5714%;
    padding-right: 19.0476%;
    border: 1px solid #8C8C8C;
    box-sizing: border-box;
    border-radius: 50px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-form-item .icon-arrow-down{
    width: 11.4286%;
    margin-right: 5.7143%;
    margin-bottom: 5.7143%;
    bottom: 0px;
    right: 0px;
    position: absolute;
    z-index: 100;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-form-item .input-group{
    width: 100%;
}

.div-set-location .div-dialog .div-form-content .form-group.two-column .div-form-item input{
    padding-left : 8.5714%;
    padding-right: 19.0476%;
}

.div-set-location .div-dialog .div-form-content .div-notes{
    margin-bottom: 7.2727%;
    text-align: center;
}

.div-set-location .div-dialog .div-form-content button{
    width: 100%;
    background: #00842C;
    border-radius: 50px;
}





.div-item-detail .div-dialog .div-form-content{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.div-item-detail .div-dialog .div-form-content > div{
    width: 100%;
    /* padding: 3.3803% 3.9437%; */
    padding: 3.3803% 2.817%;
}

.div-item-detail .div-dialog .div-form-content hr{
    width: 100%;
    height: 16px;
    margin: 0px;
    border: 0px;
    background: linear-gradient(360deg, #E0E0E0 0%, rgba(224, 224, 224, 0) 100%);
}

.div-item-detail .div-dialog .div-form-content .div-product-info{
    width: 100%;
    padding-bottom: 1.1268%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.div-item-detail .div-dialog .div-form-content .div-product-info .div-image{
    width: 48.5075%;
    margin-right: 3.2836%;
}

.div-item-detail .div-dialog .div-form-content .div-product-info .div-product-detail-description{
    width: 48.209%;
}

.div-item-detail .div-dialog .div-form-content .div-title{
    margin-bottom: 3.7152%;
}

.div-item-detail .div-dialog .div-form-content .div-product-detail-description .div-orig-price{
    min-height: 22px;
    text-decoration-line: line-through;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.25);
}

.div-item-detail .div-dialog .div-form-content .div-product-detail-description .div-content{
    margin-top: 4.9536%;
}

.div-item-detail .div-dialog .div-form-content .div-add-cart,
.div-add-to-cart .div-dialog .div-form-content .div-add-cart,
#div-update-cart-item .div-dialog .div-form-content .div-update-cart-item
{
    padding: 3.3803% 2.817%;
    padding-bottom: 3.9437%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-item-detail .div-dialog .div-form-content .div-add-cart a,
.div-add-to-cart .div-dialog .div-form-content .div-add-cart a,
#div-update-cart-item .div-dialog .div-form-content .div-update-cart-item a
{
    width: 7.1642%;
    padding-top: 7.1642%;
    position: relative;
    background: #E04F1F;
    border-radius: 50%;
}

.div-item-detail .div-dialog .div-form-content .div-add-cart a img,
.div-add-to-cart .div-dialog .div-form-content .div-add-cart a img,
#div-update-cart-item .div-dialog .div-form-content .div-update-cart-item a img
{
    width: 48%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.div-item-detail .div-dialog .div-form-content .div-add-cart .div-qty,
.div-add-to-cart .div-dialog .div-form-content .div-add-cart .div-qty
#div-update-cart-item .div-dialog .div-form-content .div-update-cart-item .div-qty
{
    min-width: 5.0746%;
    margin: 0px 1.4925%;
    text-align: center;
}



.div-item-detail .div-dialog .div-form-content .div-add-cart button,
.div-add-to-cart .div-dialog .div-form-content .div-add-cart button,
#div-update-cart-item .div-dialog .div-form-content .div-update-cart-item #btn_submit_update_cart
{
    width: 29.5775%;
    height: 52px;
    margin-left: auto;
}








.div-add-to-cart .div-dialog .div-form-content{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.div-add-to-cart .div-dialog .div-form-content > div{
    width: 100%;
}

.div-add-to-cart .div-dialog .div-form-content hr{
    width: 100%;
    height: 16px;
    margin: 0px;
    border: 0px;
    background: linear-gradient(360deg, #E0E0E0 0%, rgba(224, 224, 224, 0) 100%);
}

.div-add-to-cart .div-dialog .div-form-content .div-product-info{
    width: 100%;
    padding: 3.3803% 2.8169% 0px 2.8169%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.div-add-to-cart .div-dialog .div-form-content .div-product-info .div-image{
    width: 17.3134%;
    margin-right: 3.5821%;
}

.div-add-to-cart .div-dialog .div-form-content .div-product-info .div-product-detail-description{
    width: 79.1045%;
}

.div-add-to-cart .div-dialog .div-form-content .div-product-detail-description .div-title{
    margin-bottom: 2.2642%;
    text-align: left;
}

.div-add-to-cart .div-dialog .div-form-content .div-product-detail-description .div-content{
    margin-bottom: 2.6415%;
}

.div-add-to-cart .div-dialog .div-form-content .div-product-detail-description .div-price-box{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.div-add-to-cart .div-dialog .div-form-content .div-product-detail-description .div-price-box .div-orig-price{
    margin-right: 3.0189%;
    text-decoration-line: line-through;
    color: rgba(0, 0, 0, 0.25);
}

.div-add-to-cart .div-dialog .div-form-content .div-section-title{
    width: 100%;
    height: 40px;
    margin: 2.2535% 0px;
    padding-left: 2.9577%;
    display: flex;
    align-items: center;
    background: #FFD8BF;
}

.div-add-to-cart .div-dialog .div-form-content .div-section-title .btn-display{
    display: none;
}

.div-add-to-cart .div-form-content .div-section-product-option{
    width: 100%;
    padding: 0px 2.8169%;
}

.div-add-to-cart .div-form-content .div-section-product-option .form-group-radio{
    width: 100%;
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-add-to-cart .div-form-content .div-section-product-option .form-group-radio input{
    margin: 0px;
    margin-right: 8px;
}

.div-add-to-cart .div-form-content .div-section-product-option .form-group-radio label{
    margin: 0px;
}

.div-add-to-cart .div-form-content .div-section-product-option .form-group-radio label span{
    margin-left: 20px;
}

.div-add-to-cart .div-form-content .div-section-product-option .div-section-rules{
    margin-top: 0px
}

.div-add-to-cart .div-form-content .div-section-product-option .div-suboption{
    width: 48%;
    display: flex;
    flex-direction: column;
}

.div-add-to-cart .div-form-content .div-section-product-option .div-suboption:last-of-type{
    margin-left: auto;
}

.div-add-to-cart .div-form-content .div-section-product-option .div-suboption.custom{
    margin-left: 0px;
}

.div-add-to-cart .div-form-content .div-section-product-option .div-suboption .div-subsection-title{
    margin-top: 8px;
}

.div-add-to-cart .div-form-content .div-section-product-option .div-option-topping{ 
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 8px;
}

.div-add-to-cart .div-form-content .div-section-product-option .div-option-drink{ 
    width: 100%;
    display: flex;
    flex-direction: row;
}

.div-add-to-cart .div-form-content .div-section-sidedish.div-section-product-option .div-section-rules{
    color: rgba(0, 0, 0, 0.85);
}




.div-add-to-cart .div-form-content .div-hr{ 
    width: 100%;
    height: 1px;
    margin: 2.2535% 0px;
    border-top: 1px solid #BFBFBF;
}


.div-add-to-cart .div-form-content .div-section-request .div-section-rules{
    width: 100%;
    margin-bottom: 8px;
    cursor: pointer;
}

.div-add-to-cart .div-form-content .div-section-request .div-section-rules img{
    width: 2.3881%;
    margin-right: 8px;
}

.div-add-to-cart .div-form-content .div-section-product-option .div-option-request{ 
    width: 100%;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
}

.div-add-to-cart .div-form-content .div-section-product-option .div-option-request textarea{
    width: 100%;
    padding: 5px 12px;
}


.div-checkoutpage .div-breadcrumb{
    width: 100%;
    margin-top: 3.1522%;
    margin-bottom: 2.3913%;
    padding-left: 18.2519%;
    display: flex;
    align-items: center;
}

.div-checkoutpage .div-breadcrumb img{
    width: 24px;
    margin-right: 16px;
}

.div-checkoutpage .div-payment-content{
    width: 85.3261%;
    height: 750px;
    margin-left: 12.5%;
    padding-top: 2.6087%;
    padding-left: 8.587%;
    background: #FFFFFF;
    border-radius: 5px;
}

.div-checkoutpage .div-payment-content .div-title{
    width: fit-content;
    padding: 1.6997% 3.3994%;
    margin-bottom: 2.5496%;
    border: 1px solid #E04F1F;
    box-sizing: border-box;
    border-radius: 50px;
}

.div-checkoutpage .div-payment-content .div-section-box{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.div-checkoutpage .div-payment-content .div-section-item{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-checkoutpage .div-payment-content .div-section-item .div-number{
    width: 28px;
    height: 28px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00842C;
    border-radius: 50px;
}

.div-checkoutpage .div-payment-content .div-section-item .div-section-name{
    color: #595959;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-title-time{
    margin-bottom: 1.6997%;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-input-time{
    margin-bottom: 5.6657%;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group {
    width: 100%;
    margin-left: 5.0992%;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column{
    display: flex;
    flex-direction: row;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group .div-form-item{
    width: 65.6716%;
    position: relative;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item{
    width: 31.3433%;
    display: flex;
    flex-direction: column;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item:first-of-type{
    margin-right: 2.9851%;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item div{
    width: 100%;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group .div-form-item input,
.div-checkoutpage .div-payment-content .div-section-item .div-input-group .div-form-item select{
    width: 100%;
    height: 48px;
    padding-left: 8.5714%;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-title-address{
    margin-bottom: 2.5496%;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-input-name{
    margin-bottom: 2.2663%;
}




.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item img{
    width: 11.4286%;
    margin-right: 8.5714%;
    margin-bottom: 12px;
    position: absolute;
    /* top: 50%; */
    bottom: 0px;
    right: 0px;
    /* transform: translate(0px, -50%); */
    z-index: 10;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item label{
    margin-bottom: 3.8095%;
    margin-left: 8.5714%;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item .div-input-phone{
    position: relative;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item .div-input-phone .input-country-code {
    width: 18%;
    height: 45px;
    margin-left: 8.5714%;
    left: 0px;
    top: 0px;
    position: absolute;
    display: flex;
    align-items: center;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item .div-input-phone select {
    border: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item .div-input-phone input {
    padding-left: 38.0952%;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item .div-input-phone hr{
    width: 32px;
    top: 4px;
    left: 0px;
    margin-left: 24.2857%;
    position: absolute;
    border: 1px solid #D9D9D9;
    transform: rotate(90deg);
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item .div-input-phone select {
    height: 46px;
    top: 2px;
    position: relative;
}


.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item .div-input-phone input::-webkit-outer-spin-button,
.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item .div-input-phone input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item .div-input-phone input{
    margin-left: 0px;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-input-address{
    margin-top: 1.1331%;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-input-address .div-form-item input{
    padding-left: 4.0909%;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-input-address .div-form-item input::placeholder{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #BFBFBF;
}

.div-checkoutpage .div-payment-content .div-section-item .div-input-group .div-form-item input[type='checkbox']{
    width: 16px;
    height: 16px;
    padding-left: 8.5714%;
    background: unset;
    border: unset;
    border-radius: unset;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-input-default-address{
    margin-top: 4.5455%;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-input-default-address .div-form-item{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-input-default-address .div-form-item label{
    margin-bottom: 0px;
}

.div-checkoutpage .div-payment-content .div-section-item.div-section-input-default-address .div-input-group .div-form-item input{
    margin-right: 8px;
    margin-top: 0px;
}

.div-checkoutpage .div-payment-content .div-section-item.div-store-location {
    margin-bottom: 2.2663%;
}

.div-checkoutpage .div-payment-content .div-section-item.div-store-location .div-input-group{
    width: 'fit-content';
    max-width: 90%;
    padding: 4.5455% 4.0909%;
    display: flex;
    flex-direction: column;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 20px;
}

.div-checkoutpage .div-payment-content .div-section-item.div-store-location .div-input-group > div{
    margin-bottom: 3.6364%;
    display: flex;
    flex-direction: row;
}

.div-checkoutpage .div-payment-content .div-section-item.div-store-location .div-input-group > div:last-of-type{
    margin-bottom: 0px;
}

.div-checkoutpage .div-payment-content .div-section-item.div-store-location .div-input-group .div-label{
    width: 20.4545%;
    margin-right: 1.8182%;
    text-align: left;
}

.div-checkoutpage .div-payment-content .div-section-item.div-store-notes .div-input-group{
    width: 62.3229%;
}

.div-checkoutpage .div-payment-content .div-section-item.div-option-use-default-address{
    margin-bottom: 2.8329%;
}

.div-checkoutpage .div-payment-content .div-section-item.div-option-use-default-address .div-form-item{
    display: flex; 
    flex-direction: row;
    align-items: center;
}

.div-checkoutpage .div-payment-content .div-section-item.div-option-use-default-address .div-form-item input{
    margin-top: 0px;
}

.div-checkoutpage .div-payment-content .div-section-item.div-option-use-default-address .div-form-item label{
    margin-left: 1.8182%;
    margin-right: 3.6364%;
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0.85);
}


.div-checkout-result{
    width: 100%;
    min-height: 75vh;
}

.div-checkout-result .container{
    width: 750px;
}

.div-checkout-result .div-main-content{ 
    width: 94.6667%;
    margin-top: 10.6667%;
    margin-bottom: 37.6%;
    padding-bottom: 0.1px;
    position: relative;
    background: #FFFFFF;
    border-radius: 10px;
    text-align: center;
}

.div-checkout-result .div-main-content .div-top-ornament{ 
    width: 100%;
    padding-top: 1.1268%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #FF7345;
    border-radius: 10px 10px 0px 0px;
    z-index: 75;
}

.div-checkout-result .div-main-content img{
    width: 11.2676%;
    margin-top: 11.2676%;
}

.div-checkout-result .div-main-content .div-title{
    margin-top: 3.3803%;
    margin-bottom: 1.6901%;
}

.div-checkout-result .div-main-content .div-subtitle span{
    margin-left: 8px;
}

.div-checkout-result .div-main-content button{
    width: 30%;
    height: 48px;
    margin-top: 6.1972%;
    margin-bottom: 16.9014%;
    background: #E04F1F;
    border-radius: 50px;
    border: 0px;
}




.div-profilepage {
    width: 100%;
}

.div-profilepage .container{
    width: 1130px;
    min-height: 75vh;
    padding: 0px;
    display: flex;
    flex-direction: row;
}

.div-profilepage .div-menu-left{
    width: 18.5841%;
    margin-right: 1.7699%;
    padding-top: 2.1239%;
}

.div-profilepage .div-menu-left > div{
    padding-left: 14.2857%;
}

.div-profilepage .div-menu-left .div-menu{
    width: 100%;
    margin-top: 9.5238%;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 4px;
}

.div-profilepage .div-menu-left .div-menu a{
    width: 100%;
    padding-left: 14.2857%;
    padding-top: 6.6667%;
    padding-bottom: 6.6667%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-profilepage .div-menu-left .div-menu a.active{
    background: #00842C;
    color: #FFFFFF;
}

.div-profilepage .div-menu-left .div-menu a img{
    width: 8.8889%;
    margin-right: 3.3333%;
}

.div-profilepage .div-content-container{
    width: 79.646%;
}

.div-profilepage .div-content-container > div{
    width: 100%;
    padding: 5.7778% 5.7778% 4.4444% 5.7778%;
    background: #FFFFFF;
    border-radius: 5px;
}

.div-profilepage .div-content-container > div:first-of-type{
    padding-top: 5.3333%;
    padding-bottom: 2.2222%;
    line-height: 32px;
    background: unset;
    border-radius: unset;
}

.div-profilepage .div-content-container > div:first-of-type a{
    display: none;
}

.div-profilepage .div-main-content{
    display: flex;
    flex-direction: column;
}

.div-profilepage .div-content-container .div-item-group{
    width: 100%;
    margin-top: 5.0251%;
    display : flex;
    flex-direction: row;
    align-items: center;
}

.div-profilepage .div-content-container .div-item-group.custom{
    margin-top: 3.5176%;
}

.div-profilepage .div-content-container .div-item-group.closer{
    margin-top: 1.7778%;
}

.div-profilepage .div-content-container .div-item-group:first-of-type{
    margin-top: 0px;
}

.div-profilepage .div-content-container .div-item-group:last-of-type{
    margin-top: 3.0151%;
}

.div-profilepage .div-content-container .div-item-group.no-margin{
    margin-top: 0px;
}

.div-profilepage .div-content-container .div-item-group .div-label{
    width: 21.3568%;
    margin-right: 1.005%;
}

.div-profilepage .div-content-container .div-item-group input{
    width: 325px;
    height: 48px;
    padding-left: 2%;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 50px;
}

.div-profilepage .div-content-container .div-item-group .div-input-phone{
    width: 325px;
    position: relative;
}


.div-profilepage .div-content-container .div-item-group .div-input-phone hr{
    width: 30px;
    top: 4px;
    left: 0px;
    margin-left: 50px;
    position: absolute;
    border-top: 1px solid #D9D9D9;
    transform: rotate(90deg);
}

.div-profilepage .div-content-container .div-item-group .div-input-phone .input-country-code{
    width: 11.3846%;
    height: 45px;
    margin-left: 5.5385%;
    left: 0px;
    top: 0px;
    position: absolute;
    display: flex;
    align-items: center;
}

.div-profilepage .div-content-container .div-item-group .div-input-phone select{
    border: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.div-profilepage .div-content-container .div-item-group .div-input-phone input{
    padding-left: 24.6%;
}

.div-profilepage .div-content-container .div-item-group .div-input-phone input::-webkit-outer-spin-button,
.div-profilepage .div-content-container .div-item-group .div-input-phone input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.div-profilepage .div-content-container .div-item-group .div-input-phone input{
    margin-left: 0px;
}















.div-profilepage .div-content-container .div-item-group .div-checkbox-group{
    width: 325px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-profilepage .div-content-container .div-item-group .div-checkbox-group input{
    width: 16px;
    height: 16px;
    margin-top: 0px;
    margin-right: 2.4615%;
}

.div-profilepage .div-content-container .div-item-group .div-group-button{
    width: 325px;
}

.div-profilepage .div-content-container .div-item-group button{
    /* padding: 0.8888% 5.152%; */
    width: 35.0769%;
    padding: 2.4615% 0px;
    margin-right: 8.1631%;
    background: #004E1A;
    border-radius: 2px;
    border: 0px;
    text-align: center;
}


.div-profilepage .div-content-container .div-extra-content{
    margin-top: 1.3333%;
    padding-top: 4.4444%;
    margin-bottom: 6.6667%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.div-profilepage .div-content-container .div-extra-content .div-input-password{
    width: 325px;
    position: relative;
}

.div-profilepage .div-content-container .div-extra-content .div-input-password a{
    width: 7.3846%;
    margin-right: 4.9231%;
    right: 0px;
    top: 50%;
    position: absolute;
    transform: translate(0px,-50%);
}

.div-profilepage .div-content-container .div-extra-content .div-input-password img{
    width: 100%;
}

.div-profilepage .div-content-container .div-extra-content .div-input-password input{
    padding-left: 5.5385%;
}

.div-profile .div-content-container .div-main-content{
    padding: 3.5556%;
    padding-bottom: 6.6667%;
}

.div-profile .div-main-content .div-grid{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.div-profile .div-main-content .div-grid .div-row{
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-profile .div-main-content .div-grid .div-row .div-label{
    display: none;
}

.div-profile .div-main-content .div-grid .div-row.bg-blue{
    background: rgba(230, 247, 255, 0.5);
}

.div-profile .div-main-content .div-grid .div-header{
    background: rgba(168, 153, 156, 0.25);
}

.div-profile .div-main-content .div-grid .div-column{
    padding-left: 1.9139%;
}

.div-profile .div-main-content .div-grid .div-column.center{
    padding-left: 0px;
    text-align: center;
}

.div-profile .div-main-content .div-grid .div-inv-number{
    width: 31.7365%;
}

.div-profile .div-main-content .div-grid .div-inv-date{
    width: 20.1198%;
}

.div-profile .div-main-content .div-grid .div-inv-amount{
    width: 27.9042%;
}

.div-profile .div-main-content .div-grid .div-inv-status{
    width: 20.2395%;
}

.div-profile .div-main-content .div-pagination{
    margin-top: 1.7778%;
    text-align: center;
}

.div-profile .div-main-content .div-pagination .icon-prev-left{
    font-size: 18px;
    color: #D9D9D9;
}

.div-profile .div-main-content .div-pagination .icon-prev-left.active{
    color: rgba(0, 0, 0, 0.85);
}

.div-profile .div-main-content .div-pagination .pagination{
    margin: 0px;
    display: flex;
    justify-content: center;
}

.div-profile .div-main-content .div-pagination li a{
    width: 24px;
    height: 24px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;
}

.div-profile .div-main-content .div-pagination .div-page-number a{
    color: rgba(0, 0, 0, 0.85);
    background: #FFFFFF;
}

.div-profile .div-main-content .div-pagination .div-page-number.active a{
    background: #FFFFFF;
    border: 1px solid #00829B;
    box-sizing: border-box;
    border-radius: 2px;
    color: #00829B;
}

.div-order-dtl .container{
    align-items: flex-start;
}

.div-order-dtl .div-content-container{
    width: 59.292%;
    margin-right: 1.7699%;
    margin-bottom: 5.3097%;
    display: flex;
    flex-direction: column;
}

.div-order-dtl .container .div-content-container .div-breadcrumb{
    width: 100%;
    /* padding-top: 4.3284%;
    padding-bottom: 3.2836%; */
    padding-top: 29px;
    padding-bottom: 22px;
    padding-left: 4.0299%;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-order-dtl .container .div-content-container .div-breadcrumb a{
    display: block;
}

.div-order-dtl .div-content-container .div-breadcrumb img{
    width: 24px;
    margin-right: 16px;
}

.div-order-dtl .div-content-container .div-main-content{
    width: 100%;
    padding: 4.7761% 5.9701% 4.1791% 5.9701%;
    margin-bottom: 2.3881%;
}

.div-order-dtl .div-content-container .div-main-content .div-inv-number{
    margin-top: 1.3559%;
}

.div-order-dtl .div-content-container .div-main-content hr{
    width: 100%;
    margin-top: 5.0847%;
    margin-bottom: 4.0678%;
    border-top: 1px solid #D9D9D9;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box{
    width: 100%;
    margin-top: 2.2034%;
    padding-bottom: 12.5424%;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar{
    width: 100%;
    height: 12px;
    background: #F0F0F0;
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: row;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point{
    width: 1.3559%;
    padding-top: 1.3559%;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0px,-50%);
    border-radius: 50%;
    background: #D9D9D9;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point img{
    width: 20px;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status1{
    margin-left: 0px;
    top: 0px;
    background: unset;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status2{
    margin-left: 33.0508%;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status3{
    margin-left: 65.7627%;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status4{
    margin-left: 98.1356%;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-progress-active{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background: #00842C;
    border-radius: 20px;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-progress-active.point2{
    width: calc(33.0508% + 5px);
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-progress-active.point3{
    width: calc(65.7627% + 5px);
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-progress-active.point4{
    width: calc(98.1356% + 5px);
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point.active,
.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point.active.passed{
    width: 20px;
    padding-top: 20px;
    background: #00842C;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status1.active{
    padding-top: 1.3559%;
    background: unset;
    box-shadow: unset;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status1.active.passed{
    top: 50%;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status{
    margin-top: 4.0678%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    color: #BFBFBF;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status1{
    margin-left: 0px;
}
.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status2{
    margin-left: 33.0508%;
}
.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status3{
    margin-left: 65.7627%
}
.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status2.active,
.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status3.active{
    left: 2px;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status4{
    left: unset;
    right: 0px;
    margin-right: 2px;
    text-align: right;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.active{
    color: #434343;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status4.active{
    margin-right: -7px;
}

.div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status .div-status-time{
    margin-top: 2px;
    display: flex;
    flex-direction: column;
}

.div-order-dtl .div-content-container .div-item-content{
    width: 100%;
    padding: 0px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 5px;
}

.div-order-dtl .div-content-container .div-item-content hr{
    margin: 0px 5.9701%;
    border-top: 1px solid #D9D9D9;
}

.div-order-dtl .div-content-container .div-item-content .div-row{
    width: 100%;
    padding: 2.3881% 5.9701%;
    display: flex;
    flex-direction: row;
}

.div-order-dtl .div-content-container .div-item-content .div-row .div-column .div-extra-desc-mobile{
    display: none;
}

.div-order-dtl .div-content-container .div-item-content .div-header{
    padding-top: 3.1343%;
    border-bottom: 1px solid #D9D9D9;
}

.div-order-dtl .div-content-container .div-item-content .div-row .div-column{
    text-align: left;
}

.div-order-dtl .div-content-container .div-item-content .div-row.div-header .div-item{
    width: 59.661%;
    text-align: center;
}

.div-order-dtl .div-content-container .div-item-content .div-row .div-image{
    width: 16.2712%;
}

.div-order-dtl .div-content-container .div-item-content .div-row .div-image img{
    width: 75%;
}

.div-order-dtl .div-content-container .div-item-content .div-row .div-item{
    width: 43.3898%;
    padding-top: 1.6949%;
    display: flex;
    flex-direction: column;
}

.div-order-dtl .div-content-container .div-item-content .div-row .div-item .icon-special-note{
    width: 16px;
    margin-right: 4px;
}

.div-order-dtl .div-content-container .div-item-content .div-row .div-item div:nth-child(2){
    margin-top: 4px;
}

.div-order-dtl .div-content-container .div-item-content .div-row .div-qty{
    width: 23.3898%;
    padding-top: 1.6949%;
    text-align: center;
}

.div-order-dtl .div-content-container .div-item-content .div-row .div-price{
    width: 16.9492%;
    padding-top: 1.6949%;
    text-align: right;
}

.div-order-dtl .div-content-container .div-item-content .div-footer{
    width: 100%;
    padding-top: 3.5821%;
    padding-bottom: 5.8209%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #D9D9D9;
}

.div-order-dtl .div-shop-location{
    width: 38.9381%;
    /* margin-top: 8.0531%; */
    margin-top: 91px;
    padding: 2.8319% 1.5929% 3.5398% 1.5929%;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 5px;
}

.div-order-dtl .div-content-container .div-shop-location{
    display: none;
}

.div-order-dtl .div-shop-location .div-title{
    margin-bottom: 1.9802%;
    color: #595959;
}

.div-order-dtl .div-shop-location .div-date{
    margin-bottom: 7.4257%;
}

.div-order-dtl .div-shop-location .div-location-box{ 
    width: 100%;
    padding: 4.9505% 4.4554%;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 20px;
}

.div-order-dtl .div-shop-location .div-location-box > div{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-order-dtl .div-shop-location .div-location-box > div:first-of-type{
    margin-bottom: 4.3478%;
}

.div-order-dtl .div-shop-location .div-location-box .div-label{
    width: 24.4565%;
    margin-right: 2.1739%;
}

.div-restaurants {
    width: 100%;
}

.div-restaurants {
    width: 100%;
}

.div-restaurants .div-restaurant-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-height: 580px;
}
.div-restaurants .div-restaurant-container button {
    border: none;
    padding: 0;
}
.div-restaurants .div-restaurant-container .div-image {
    max-height: 300px;
    max-width: 100%;
    margin: 0;
}

.div-restaurants .div-restaurant-container .div-image-selected{
    border: 2px solid burlywood;
}

.div-restaurants .div-restaurant-container .restaurant_image {
    max-height: 290px;
    max-width: 100%;
}

.div-contactus .div-logo,
.div-privacy-and-terms .div-logo {
    width: 100%;
    height: 164px;
    position: relative;
}

.div-contactus .div-logo img,
.div-privacy-and-terms .div-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.div-contactus .div-logo .div-contactus-title,
.div-privacy-and-terms .div-logo .div-privacy-and-terms-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.div-contactus .container{
    width: 904px;
    min-height: 75vh;
    padding: 0px;
    padding-top: 5.5556%;
    padding-left: 2px;
}

.div-contactus .div-description-box{
    width: 100%;
    margin-top: 3.3259%;
    margin-bottom: 7.6497%;
    display: flex;
    flex-direction: row;
}

.div-contactus .div-description-box .div-description-content{
    width: 48.7805%;
}

.div-contactus .div-description-box .div-contact-info{
    width: 42.3503%;
    margin-left: auto;
}

.div-contactus .div-description-box .div-contact-info > div{
    margin-bottom: 3.6649%;
}

.div-contactus .div-description-box .div-contact-info > div:last-of-type{
    margin-bottom: 0px;
}

.div-contactus .div-description-box .div-contact-info img{
    width: 6.2827%;
    margin-right: 2.356%;
}

.div-contactus .div-map{
    width: 100%;
    /* padding-top: 40.7982%; */
    padding: 2px;
    height: 368px;
    margin-bottom: 6.6519%;
    /* background: url(../img/common/map.png) no-repeat; */
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.div-contactus .div-map iframe{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.div-contactus .div-contact-form{
    width: 100%;
    background: #CCCCCC;
}

.div-contactus .div-contact-form .container{
    width: 904px;
    padding: 4.1667% 0px 4.1667% 2px;
}

.div-contactus .div-contact-form .div-form-container{
    width: 100%;
    margin-top: 1.5521%;
    display: flex;
    flex-direction: row;
}

.div-contactus .div-contact-form .div-form-container .div-form-left{
    width: 48.7805%;
    margin-right: 2.2173%;
}

.div-contactus .div-contact-form .div-form-container .div-input-group{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 3.6364%;
}

.div-contactus .div-contact-form .div-form-container .div-input-group:first-of-type{
    margin-top: 0px;
}

.div-contactus .div-contact-form .div-form-container .div-input-group .div-label{
    padding-left: 4.0909%;
}

.div-contactus .div-contact-form .div-form-container .div-input-group input,
.div-contactus .div-contact-form .div-form-container .div-input-group textarea{
    width: 100%;
    height: 48px;
    padding-left: 4.0909%;
    margin-top: 1.8182%;
    background: #FFFFFF;
    border-radius: 50px;
    border: 0px;
}

.div-contactus .div-contact-form .div-form-container .div-input-group textarea{
    height: 236px;
    padding-top: 2.7273%;
    border-radius: 20px;
}

.div-contactus .div-contact-form .div-form-container .div-input-group input::placeholder,
.div-contactus .div-contact-form .div-form-container .div-input-group textarea::placeholder{
    color: #BFBFBF;
}


.div-contactus .div-contact-form .div-form-container .div-form-right{
    width: 48.7805%;
}

.div-contactus .div-contact-form .div-form-container button{
    width: 21.5909%;
    height: 40px;
    margin-top: 5.4545%;
    margin-left: auto;
    display: block;
    background: #004E1A;
    border-radius: 2px;
    text-align: center;
    border: 0px;
}

.div-footer-page {
    width: 100%;
    padding: 1.4706% 0px; 
    background: #C4C4C4;
}

.div-footer-page .container{
    width: 1360px;
    height: 100%;
    padding: 0px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}


.div-footer-page .div-contact{
    display: flex;
}
.div-footer-page .div-contact .div-email{
    margin-left: 1.7647%;
    margin-right: 2.2794%;
    white-space: nowrap;
}
.div-footer-page .div-contact .div-hotline{
    white-space: nowrap;
}
.div-footer-page .div-address {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.div-footer-page .div-link-social{
    width: 4.4118%;
    display: flex;
    flex-direction: row;
}

.div-footer-page .div-link-social img {
    /* width: 1.7647%; */
    width: 24px;
    display: inline;
}

.div-footer-page .div-link-social .div-fb {
    margin-right: 20%;
}

.div-footer-page .div-terms{
    margin-left: 20.9559%;
}

.div-footer-page .div-privacy{
    margin: 0px 2.6471%;
}

.div-footer-page hr{
    display: none;
}

.div-footer-page .div-copyright{
    margin-left: 12.7206%;
}

.div-footer-page .container .div-contact-us{
    margin-top: -7px;
    position: absolute; 
    top: 0px;
    right: 0px;
    display: none;
}

.div-footer-page .div-contact-us a{
    width: 100%;
    padding: 7px 20px;
    background: #987D7D;
    border-radius: 23px;
}

.div-footer-page .container .div-lang-option{
    margin-bottom: 40px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: none;
}

.div-footer-page .div-lang-option a{
    /* min-width: 46px; */
    display: block;
}

.div-footer-page .div-lang-option a img{
    width: 18px;
}

.div-footer-page .div-lang-option span{
    top: 3px;
    position: relative;
}






.div-footer-page .div-lang-option .div-dropdown-lang{
    width: 104px;
    margin-bottom: 30px;
    margin-right: 0px;
    padding: 4px 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    z-index: 100;
}

.div-footer-page .div-lang-option .div-dropdown-lang a{
    height: 42px;
    display: flex;
    align-items: center;
}

.div-footer-page .div-lang-option .div-dropdown-lang a:hover{
    color : #EC6536;
}

.div-contactus .div-contact-form .div-input-group .div-label{
    color: #1F1F1F;
}






@media(min-width: 1921px){
    
}

@media(max-width: 1439px){
    .div-header-page .container,
    .div-footer-page .container,
    .div-homepage .container{
        width: 1150px;
    }

    .div-footer-page .div-terms{
        margin-left: 10%;
    }

}

@media(max-width: 1365px){
}

@media(max-width: 1199px){
    .div-profilepage .container,
    .div-header-page .container,
    .div-footer-page .container,
    .div-homepage .container{
        width: 950px;
    }

    .div-header-page .div-logo{
        width: 26.1333%;
    }

    .div-header-page .div-search{
        width: 20%;
    }

    .div-header-page .div-login{
        margin-left: 2%;
    }

    .div-header-page .div-contact-us{
        width: 13.2647%;
    }

    .div-homepage {
        min-height: 85vh;
    }

    .div-homepage .div-main-content .div-product .div-product-container {
        grid-template-columns: repeat(3, 31.8519%);
    }

    .div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-product-title{
        min-height: 72px;
    }

    .div-registration .div-dialog,
    .div-login .div-dialog{
        width: 800px;
    }

    .div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item{
        width: 43.4075%;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-store-location .div-input-group{
        width: 85%;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-store-notes .div-input-group{
        width: 85%;
    }

    .div-profilepage .div-menu-left .div-menu a img{
        width: 16px;
        margin-right: 6px;
    }


    .div-footer-page .div-terms {
        margin-left: 6%;
    }

    .div-footer-page .div-privacy{
        margin: 0px 2%;
    }

    .div-footer-page .div-copyright{
        margin-left: 4.7206%;
    }
}

@media(max-width: 991px){
    html,
    body{
        font-size: 18px;
    }

    .div-profilepage .container,
    .div-header-page .container,
    .div-footer-page .container,
    .div-homepage .container,
    .div-contactus .container,
    .div-contactus .div-contact-form .container{
        width: 720px;
    }

    .div-header-page{
        height: 100px;
    }

    .div-header-page .div-login,
    .div-header-page .div-contact-us,
    .div-header-page .div-lang-option{
        margin-top: 29px;
    }


    .div-homepage .div-main-content .div-category-image{
        height: 64px;
    }

    .div-homepage .div-main-content .div-prod-category button{
        padding: 0.75rem 1.5rem;
    }

    .div-dialog-container .div-dialog{
        width: 555px;
    }

    .div-dialog-container .div-dialog .div-top-ornament{
        height: 8px;
    }

    .div-dialog-container .div-dialog .div-image{
        display: none;
    }

    .div-dialog-container.div-item-detail .div-dialog .div-image{
        display: unset;
    }

    .div-dialog-container .div-dialog .link-btn-close{
        width: 48px;
        margin-right: -46px;
    }

    .div-registration .div-dialog .div-form-content,
    .div-login .div-dialog .div-form-content{
        width: 100%;
    }

    .div-verification .div-dialog .div-form-content{
        padding: 11.2676% 10% 16.0563% 10%;
    }

    .div-verification .div-dialog .div-form-content .form-group .div-input-code{
        justify-content: center;
    }

    .div-verification .div-dialog .div-form-content .form-group .div-input-code input {
        width: 42px;
        height: 60px;
        padding-left: 8px;
        margin-left: 8px;
    }

    .div-dialog-container .div-dialog .div-form-content .form-group .div-input-phone hr{
        margin-left: 38px;
    }

    .div-dialog-container.div-registration .div-dialog .div-form-content .form-group .div-input-phone hr,
    .div-dialog-container.div-login .div-dialog .div-form-content .form-group .div-input-phone hr{
        margin-left: 50px;
    }

    .div-registration .div-dialog .div-form-content .form-group .div-input-phone input,
    .div-login .div-dialog .div-form-content .form-group .div-input-phone input{
        padding-left: 80px;
    }

    .div-dialog-container .div-dialog .div-form-content .form-group .div-input-phone .input-country-code {
        height: 48px;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-product-info .div-image{
        width: 32%;
        display: block;
    }

    .div-profilepage .div-menu-left{
        width: 28.5841%
    }

    .div-profilepage .div-content-container{
        width: 69.646%;
    }
}

@media(max-width: 767px){
    html,
    body{
        font-size: 16px;
    }

    .text{
        font-size: 0.875rem;
        line-height: 22px;
    }

    .text.big-small{
        line-height: 24px;
    }

    .text.super-big{
        font-size: 1.875rem;
        line-height: 36px;
    }

    .text.small{
        font-size: 0.75rem;
        line-height: 20px;
    }

    .div-profilepage .container,
    .div-header-page .container,
    .div-homepage .container,
    .div-footer-page .container,
    .div-contactus .container,
    .div-contactus .div-contact-form .container{
        width: 550px;
    }

    .div-header-page .div-contact-us,
    .div-header-page .div-lang-option{
        display: none;
    }

    .div-header-page .div-cart{
        width: 24px;
        margin-top: 29px;
        margin-left: auto;
        /* margin-right: 8.5333%; */
        margin-right: 0px;
        display: block;
        cursor: pointer;
    }

    .div-header-page .div-cart img{
        width: 100%;
        margin-top: 9px;
    }

    .div-header-page .div-login{
        margin-left: auto;
        margin-right: 1.1765%;
    }
    
    .div-homepage .div-main-content{
        width: 100%;
    }

    .div-homepage .div-shopping-cart{
        display: none;
    }

    .div-homepage .div-prod-cat{
        /* width: 659px; */
        width: 100%;
        height: 52px;
        /* margin-top: 3.0435%;
        margin-bottom: 3.2609%; */
        margin-top: 24px;
        margin-bottom: 16px;
        position: relative;
        overflow: hidden;
    }

    .div-homepage .div-prod-category.top{
        /* width: 100%; */
        width: 659px;
        height: 100%;
        /* width: 85.8073%; */
        margin: 0px;
        /* margin-left: 14.1927%; */
        position: absolute;
        left: 50%;
        transform: translate(-275px,0px);
        display: block;
    }

    .div-homepage .div-prod-category.top .div-prod-category-list{
        padding-right: 100px;
    }

    .div-homepage .div-main-content .div-prod-category{
        display: none;
    }

    .div-homepage .div-prod-category.top button {
        padding: 0.75rem 1.5rem;
        margin-right: 8px;
    }

    .div-homepage .div-main-content .div-category-image{
        margin-bottom: 16px;
    }


    
    .div-homepage .div-main-content .div-product .div-product-container .div-product-item{
        min-height: 255px;
        padding: 6px;
    }

    .div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-product-title{
        min-height: 67px;
        margin-top: 6px;
        margin-bottom: 4px;
    }

    .div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-real-orig-price{
        min-height: 20px;
    }

    .div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-add{
        padding: 5.14px;
    }

    .div-dialog-container .div-dialog{
        width: 335px;
    }

    .div-reset-password .div-dialog .div-form-content, 
    .div-set-password .div-dialog .div-form-content,
    .div-forgot-password .div-dialog .div-form-content{
        padding: 11.2676% 10% 16.0563% 10%;
    }

    .div-dialog-container .div-dialog .div-form-content .form-group{
        margin-bottom: 8.5px;
    }

    .div-item-detail .div-dialog .div-form-content .div-product-info .div-product-detail-description,
    .div-item-detail .div-dialog .div-form-content .div-product-info .div-image {
        width: 100%;
    }

    .div-item-detail .div-dialog .div-form-content .div-title{
        text-align: left;
    }

    .div-item-detail .div-dialog .div-form-content .div-product-info {
        flex-direction: column;
    }

    .div-item-detail .div-dialog .div-form-content .div-add-cart button, 
    .div-add-to-cart .div-dialog .div-form-content .div-add-cart button {
        width: 130px;
        height: 42px;
    }

    .div-add-to-cart .div-form-content .div-section-request .div-section-rules img{
        width: 16px;
    }

    .div-checkoutpage .container{
        flex-direction: column;
    }

    .div-checkoutpage .div-breadcrumb{
        padding-left: 8%;
    }

    .div-checkoutpage .div-payment-content{
        width: 100%;
        height: unset;
        min-height: 500px;
        margin-left: 0px;
    }

    .div-checkoutpage .div-shopping-cart{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }

    .div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item img{
        margin-bottom: unset;
        top: 50%;
        transform: translate(0px, -50%);
    }

    .div-profilepage .div-menu-left{
        display: none;
    }

    .div-profilepage .div-content-container{
        width: 100%;
    }

    .div-profilepage .div-content-container > div:first-of-type{
        padding: 12px 0px;
        display: flex;
        flex-direction: row;
    }

    .div-profilepage .div-content-container > div:first-of-type span{
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: -12px;
        font-size: 1.5rem;
        line-height: 32px;
    }

    .div-profilepage .div-content-container > div:first-of-type a{
        display: flex;
        align-items: center;
    }

    .div-profilepage .div-content-container > div:first-of-type a img{
        width: 24px;
    }

    .div-profilepage .div-content-container .div-extra-content,
    .div-profile .div-content-container .div-main-content{
        padding: 24px 18px;
    }

    .div-profile .div-content-container .div-main-content *{
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-profilepage .div-content-container .div-item-group.align-left-on-mobile .div-label,
    .div-profilepage .div-content-container .div-item-group.custom .div-label{
        display: none;
    }

    .div-profilepage .div-content-container .div-item-group .div-group-button, 
    .div-profilepage .div-content-container .div-item-group .div-checkbox-group {
        width: 100%;
    }

    .div-profilepage .div-content-container .div-item-group.align-left-on-mobile,
    .div-profilepage .div-content-container .div-item-group.custom,
    .div-profilepage .div-content-container .div-item-group{
        margin-top: 24px;
    }

    .div-profilepage .div-content-container .div-item-group.align-left-on-mobile{
        margin-bottom: 0px;
    }

    .div-profilepage .div-content-container .div-extra-content .div-item-group.no-margin * {
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-profilepage .div-content-container .div-extra-content .div-item-group.no-margin .div-group-button{
        display: flex;
    }

    .div-profilepage .div-content-container .div-extra-content .div-item-group.no-margin .btn-update-password{
        margin-right: 0px;
        margin-left: auto;
    }

    .div-profilepage .div-content-container .div-item-group button{
        width: 114px;
        height: 36px;
        padding: 7px 0px;
    }

    .div-profilepage .div-content-container .div-item-group .div-input-phone,
    .div-profilepage .div-content-container .div-item-group input{
        width: 245px;
        height: 48px;
    }

    .div-profilepage .div-content-container .div-item-group input{
        padding-left: 18px;
    }

    .div-profilepage .div-content-container .div-item-group .div-input-phone hr{
        margin-left: 40px;
    }

    .div-profilepage .div-content-container .div-extra-content .div-input-password{
        width: 245px;
    }

    .div-contactus .div-contact-form .div-form-container button{
        width: 95px;
        height: 40px;
    }

    .div-contactus .div-description-box{
        margin-bottom: 4%;
    }

    .div-contactus .div-logo{
        height: 120px;
    }

    .div-profilepage .container{
        flex-direction: column;
    }

    .div-order-dtl .container .div-content-container .div-breadcrumb{
        padding: 12px 0px;
    }

    .div-order-dtl .div-content-container .div-main-content{
        margin-bottom: 6px;
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box{
        padding-bottom: 60px;   
    }

    .div-order-dtl .div-shop-location{
        display: none;
    }

    .div-order-dtl .div-content-container .div-shop-location{
        margin-top: 0px;
        margin-bottom: 6px;
        display: block;
    }

    















    .div-footer-page{
        padding: 6.4% 5.3333% 2.1333% 5.3333%;
    }

    .div-footer-page .container{
        flex-direction: column;
    }

    .div-footer-page .container > *{
        margin: 0px;
        margin-right: auto;
        margin-top: 5.3731%;
        margin-top: 18px;
    }

    .div-footer-page .div-hotline {
        margin-top: 0px;
    }

    .div-footer-page .div-email {
        margin-top: 16px;
    }

    .div-footer-page .div-terms {
        margin-top: 28px;
    }

    .div-footer-page .div-copyright {
        margin-top: 0px;
        margin-left: auto;
    }

    .div-footer-page .container hr {
        width: 100%;
        display: block;
        margin-top: 16px;
        margin-bottom: 4px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .div-footer-page .container .div-contact-us{
        display: flex;
    }

    .div-footer-page .container .div-lang-option{
        display: block
    }
}

@media(max-width: 599px){
    .div-profilepage .container,
    .div-header-page .container,
    .div-homepage .container,
    .div-footer-page .container,
    .div-contactus .container,
    .div-contactus .div-contact-form .container{
        width: 400px;
    }

    .div-header-page{
        height: 72px;
    }

    .div-header-page .div-cart,
    .div-header-page .div-login,
    .div-header-page .div-contact-us,
    .div-header-page .div-lang-option{
        margin-top: 15px;
    }

    .div-homepage .div-prod-category.top{
        width: 500px;
        transform: translate(-200px,0px);
    }

    .div-homepage .div-prod-category.top .div-prod-category-list{
        padding-right: 100px;
    }

    .div-profilepage .div-content-container .div-item-group .div-label{
        width: 30.3568%;
    }

    .div-profilepage .div-content-container .div-item-group .div-group-button,
    .div-profilepage .div-content-container .div-item-group .div-checkbox-group{
        width: 245px;
    }

    .div-profilepage.div-myorder .div-content-container .div-main-content{
        width: 100%;
        padding: 0px;
        background: unset;
        border-radius: unset;
    }

    .div-myorder .div-main-content .div-grid .div-header{
        display: none;
    }

    .div-profilepage.div-myorder .div-main-content .div-grid .div-row{
        width: 100%;
        height: unset;
        padding: 12px 18px;
        margin-top: 10px;
        flex-direction: column;
        background: #FFFFFF;
        border-radius: 5px;
    }

    .div-profilepage.div-myorder .div-main-content .div-grid .div-row .div-column{
        width: 100%;
        padding-left: 0px;
        margin-bottom: 14px;
        display: flex;
        flex-direction: row;
    }

    .div-profilepage.div-myorder .div-main-content .div-grid .div-row .div-column:last-of-type{
        margin-bottom: 0px;
    }

    .div-profilepage.div-myorder .div-main-content .div-grid .div-row .div-label{
        width: 48.1605%;
        margin-right: 10px;
        display: block;
        text-align: left;
        font-weight: bold;
    }

    .div-header-page .div-logo img{
        height: 50px;
    }
}

@media(max-width: 440px){
    .div-profilepage .container,
    .div-header-page .container,
    .div-homepage .container,
    .div-contactus .container,
    .div-contactus .div-contact-form .container,
    .div-footer-page .container{
        width: 335px;
    }

    .text{
        font-size: 1rem;
        line-height: 24px;
    }

    .text.biggest{
        line-height: 32px;  
    }

    .text.bigger{
        font-size: 1.25rem;
        line-height: 28px; 
    }

    .text.big{
        font-size: 1.25rem;
    }

    .text.small{
        font-size: 0.875rem;
        line-height: 22px;
    }

    .text.smaller{
        font-size: 0.75rem;
        line-height: 20px;
    }

    .div-header-page .container{
        padding: 26px 8px 18px 0px;
    }

    .div-header-page .div-logo{
        width: 98px;
    }

    .div-header-page .div-cart{
        margin-top: 3px;
    }

    .div-header-page .div-login span{
        display: none;
    }
    
    .div-header-page .div-login{
        margin-top: 3px;
        margin-right: 0px;
    }

    .div-header-page .div-cart img,
    .div-header-page .div-login img{
        margin: 0px;
    }   






    .div-login-reg{
        width: 100%;
        min-height: 55vh;
        background: #FFFFFF;
    }

    .div-login-reg .container{
        width: 286px;
        padding: 0px;
        padding-top: 36px;
        display: flex;
        flex-direction: row;
    }

    .div-login-reg .container > div{
        width: 100%;
        height: 62px;
        display: flex;
        flex-direction: row;
    }

    .div-login-reg .container div a{
        height: 100%;
        padding: 0px 15%;
        display: flex;
        align-items: center;
        color : #E04F1F;
    }

    .div-login-reg .container div hr{
        width: 1px;
        height: 61.2903%;
        margin: 0px;
        margin-top: 12px;
        border-left: 1px solid #D9D9D9;
    }

    .div-menu-header{
        width: 100%;
        min-height: 55vh;
        background: #FFFFFF;
    }

    .div-menu-header .container{
        width: 335px;
        padding: 0px;
        padding-top: 36px;
        display: flex;
        flex-direction: column;
    }

    .div-menu-header .container > div,
    .div-menu-header .container > a{
        margin-left: 30px;
    }

    .div-menu-header hr{
        width: 100%;
        margin-top: 16px;
        margin-bottom: 30px;
        border-top: 1px solid #BFBFBF;
    }

    .div-menu-header a {
        margin-bottom: 44px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .div-menu-header a > div:first-of-type{
        width: 16px;
        height: 16px;
        margin-right: 6px;
        background-size: contain;
        background-position-y: -1px;
    }

    .div-menu-header .img-icon-profile{
        background: url(../img/common/icon-file-text-orange.png) no-repeat;
    }
    
    .div-menu-header .img-icon-order{
        background: url(../img/common/icon-order-black.png) no-repeat;
    }
    
    .div-menu-header .img-icon-logout{
        background: url(../img/common/icon-log-out-black.png) no-repeat;
    }



    .div-homepage .div-prod-category.top {
        width: 373px;
        transform: translate(-167.5px,0px);
    }

    .div-homepage .div-prod-category.top .div-prod-category-list {
        padding-right: 50px;
    }

    .div-homepage .div-main-content .div-category-image img{
        width: 100%;
    }

    .div-homepage .div-main-content .div-category-image .div-category-title {
        margin-left: 20px;
    }

    .div-homepage .div-main-content .div-product .div-product-container{
        grid-template-columns: repeat(2, 47.7612%);
        grid-column-gap: 15px;
    }

    .div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-product-title{
        min-height: unset;
        height: 42px;
        font-size: 0.875rem;
        line-height: 22px;
        overflow: hidden;
    }

    .div-homepage .div-main-content .div-product{
        padding-right: 0px;
    }

    .div-homepage .div-main-content .div-product .div-product-container{
        grid-row-gap: 12px;
    }

    .div-homepage .div-main-content .div-product .div-product-container .div-product-item .div-real-orig-price{
        font-size: 0.75rem;
        line-height: 20px;
    }

    .div-dialog-container .div-dialog{
        margin-top: 120px;
    }

    .div-dialog-container .div-dialog .link-btn-close {
        margin-right: 0px;
        margin-top: -46px;
    }

    .div-dialog-container .div-dialog .div-form-content{
        padding: 30px 18px 40px 18px;
    }

    .div-reset-password .div-dialog .div-form-content .div-title, 
    .div-set-password .div-dialog .div-form-content .div-title,
    .div-verification .div-dialog .div-form-content .div-title,
    .div-forgot-password .div-dialog .div-form-content .div-title,
    .div-dialog-container .div-dialog .div-title{
        margin-bottom: 18px;
    }
    
    .div-registration .div-dialog .div-title{
        margin-bottom: 8px;
    }

    .div-dialog-container .div-dialog .div-form-content .div-subtitle{
        margin-bottom: 18px;
    }

    .div-dialog-container .div-dialog .div-form-content .div-subtitle:nth-child(3){
        margin-top: -18px;
        margin-bottom: 32px;
    }

    .div-verification .div-dialog .div-form-content .div-subtitle{
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-verification .div-dialog .div-form-content button{
        margin-top: 3.5px;
        margin-bottom: 36px;
    }

    .div-reset-password .div-dialog .div-form-content .form-group,
    .div-set-password .div-dialog .div-form-content .form-group{
        margin-bottom: 22.5px;
    }

    .div-dialog-container .div-dialog .div-form-content .form-group input{
        padding-left: 18px;
    }

    .div-dialog-container .div-dialog .div-form-content .form-group-checkbox{
        margin-bottom: 32px;
    }

    .div-login .div-dialog .div-notes{
        margin-top: 46px;
    }

    .div-registration .div-dialog .div-form-content .div-notes{
        margin-top: 36px;
        margin-bottom: 0px;
    }

    .div-registration .div-dialog .div-form-content .div-extra-notes{
        margin-top: 32px;
    }

    .div-dialog-container .div-dialog .div-form-content .form-group .div-input-phone hr{
        margin-left: 50px;
    }

    .div-dialog-container .div-dialog .div-form-content .form-group .div-input-phone input{
        padding-left: 80px;
    }

    .div-set-password-complete .div-dialog .div-form-content .icon-check-mark, 
    .div-reset-password-complete .div-dialog .div-form-content .icon-check-mark{
        width: 80px;
    }

    .div-set-password-complete .div-dialog .div-form-content .div-title, 
    .div-reset-password-complete .div-dialog .div-form-content .div-title {
        margin-top: 18px;
        margin-bottom: 18px;
    }
    
    .div-dialog-container.div-set-password-complete .div-dialog .div-form-content .div-subtitle,
    .div-dialog-container.div-reset-password-complete .div-dialog .div-form-content .div-subtitle {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .div-set-password-complete .div-dialog .div-form-content button, 
    .div-reset-password-complete .div-dialog .div-form-content button {
        margin-top: 18px;
    }

    .div-dialog-container.div-add-to-cart .div-dialog .div-form-content,
    .div-dialog-container.div-item-detail .div-dialog .div-form-content{
        padding: 0px;
    }

    .div-item-detail .div-dialog .div-form-content .div-product-info{
        padding: 18px;
        padding-bottom: 0px;
    }

    .div-item-detail .div-dialog .div-form-content hr {
        height: 12px;
        margin-top: 4px;
    }

    .div-item-detail .div-dialog .div-form-content .div-product-info .div-image{
        margin: 0px;
        margin-bottom: 8px;
    }

    .div-item-detail .div-dialog .div-form-content .div-title{
        margin-bottom: 4px;
    }

    .div-item-detail .div-dialog .div-form-content .div-product-detail-description .div-real-price{
        font-size: 1.5rem;
        line-height: 32px;
    }

    .div-item-detail .div-dialog .div-form-content .div-product-detail-description .div-content{
        margin-top: 12px;
    }

    .div-item-detail .div-dialog .div-form-content .div-add-cart, 
    .div-add-to-cart .div-dialog .div-form-content .div-add-cart {
        padding: 16px 18px;
    }

    .div-item-detail .div-dialog .div-form-content .div-add-cart button, 
    .div-add-to-cart .div-dialog .div-form-content .div-add-cart button {
        font-size: 1rem;
        line-height: 24px;
        font-weight: 700;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-product-info{
        padding: 18px;
        padding-bottom: 0px;   
        margin-bottom: 16px;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-product-info .div-image{
        width: 27.4247%;
        margin-right: 5.3512%;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-product-info .div-product-detail-description{
        width: 67.2241%;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-product-detail-description .div-title{
        margin-bottom: 8px;
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-product-detail-description .div-content{
        display: none;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-product-detail-description .div-price-box .div-orig-price{
        margin-right: 16px;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-section-title {
        height: 40px;
        padding-left: 18px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-bottom: 1px solid rgba(224, 79, 31, 0.5);
    }
    
    .div-add-to-cart .div-dialog .div-form-content .div-section-title.no-border{
        border: 0px;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-section-title.expand {
        border: 0px;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-section-title .btn-display{
        width: 16px;
        height: 16px;
        margin-left: auto;
        margin-right: 12px;
        display: flex;
        background: url(../img/common/icon-btn-plus.png) no-repeat; 
        background-size: cover;
    }

    .div-add-to-cart .div-dialog .div-form-content .div-section-title .btn-display.expand{
        background: url(../img/common/icon-btn-minus.png) no-repeat; 
        background-size: cover;
    }

    .div-add-to-cart .div-form-content .div-section-product-option{
        padding: 12px 18px 20px 18px;
        display: none;
        flex-direction: column;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-option-topping{
        grid-template-columns: repeat(1, 80%);
        grid-row-gap: 16px;
    }

    .div-add-to-cart .div-form-content .div-section-product-option.expand{
        display: flex;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-section-rules{
        margin-bottom: 12px;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .form-group-radio{
        margin-top: 0px;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-option-drink{
        flex-direction: column;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-suboption:last-of-type{
        margin-left: unset;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-suboption{
        width: 100%;
    }

    .div-add-to-cart .div-form-content .div-section-request.div-section-product-option .form-group-radio,
    .div-add-to-cart .div-form-content .div-section-sidedish.div-section-product-option .form-group-radio,
    .div-add-to-cart .div-form-content .div-section-drink.div-section-product-option .form-group-radio{
        margin-bottom: 16px;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-suboption .div-subsection-title{
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-option-drink .div-suboption:last-of-type .form-group-radio:last-of-type{
        margin-bottom: 0px;
    }

    .div-add-to-cart .div-form-content .div-hr{
        margin-top: 0px;
        margin-bottom: 8px;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-option-sidedish .form-group-radio:last-of-type{
        margin-bottom: 0px;
    }

    .div-add-to-cart .div-form-content .div-section-request.div-section-product-option {
        display: flex;
        padding-bottom: 0px;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-option-request{
        margin-bottom: 8px;
        flex-direction: column;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-option-reques .div_option_request_item{
        margin-top: 2px;
    }

    .div-add-to-cart .div-form-content .div-section-product-option .div-option-request textarea{
        width: 100%;
        height: 76px;
        margin-top: -2px;
        margin-bottom: 0px;
    }

    .div-checkoutpage .div-breadcrumb{
        padding-left: 0px;
        margin-top: 12px;
        margin-bottom: 22px;
    }
    
    .div-checkoutpage .div-breadcrumb img{
        width: 24px;
    }

    .div-checkoutpage .div-breadcrumb span{
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: -12px;
        font-size: 1.5rem;
    }

    .div-checkoutpage .div-payment-content{
        min-height: unset;
        padding: 24px 18px;
        margin-bottom: 16px;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-section-title-time {
        margin-bottom: 16px;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-section-input-time{
        margin-bottom: 24px;
    }

    .div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column{
        margin-left: 0px;
    }

    .div-checkoutpage .div-payment-content .div-section-item .div-input-group.two-column .div-form-item{
        width: 48%;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-store-location,
    .div-checkoutpage .div-payment-content .div-section-item.div-section-title-address{
        margin-bottom: 16px;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-store-notes .div-input-group,
    .div-checkoutpage .div-payment-content .div-section-item.div-store-location .div-input-group{
        width: 98%;
        margin-left: 0px;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-store-notes .div-input-group .text,
    .div-checkoutpage .div-payment-content .div-section-item.div-store-location .div-input-group .text{
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-store-notes .div-input-group{
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-store-location .div-input-group{
        padding: 12px 18px;
    }

    .div-checkoutpage .div-payment-content .div-section-item.div-store-location .div-input-group .div-label{
        width: 80px;
        margin-right: 10px;
    }

    .div-checkoutpage .div-payment-content .div-section-item .div-input-group span{
        width: 167px;
    }

    .div-checkoutpage .div-shopping-cart{
        padding-top: 0px;
    }

    .div-checkoutpage .div-shopping-cart .div-cart-summary{
        height: 44px;
        margin-bottom: 6px;
    }

    .div-checkoutpage .div-shopping-cart .div-cart-summary img{
        width: 18px;
        margin-left: 18px;
        margin-right: 10px;
    }

    .div-checkoutpage .div-shopping-cart .div-cart-summary .text.big{
        font-size: 1rem;
        line-height: 24px;
    }

    .div-checkoutpage .div-shopping-cart .div-cart-content{
        padding: 12px 18px;
        margin-bottom: 6px;
    }

    .div-homepage .div-shopping-cart .div-cart-content .div-cart-item .btn-shopping-cart{
        flex-direction: column;
    }

    .div-homepage .div-shopping-cart .div-cart-content .div-cart-item a{
        height: 26px;
        margin-left: 0px;
    }

    .div-homepage .div-shopping-cart .div-cart-content .div-cart-item a:last-of-type{
        margin-top: 36px;
    }

    .div-homepage .div-shopping-cart .div-cart-content .div-cart-item .div-item{
        width: 255px;
    }

    .div-homepage .div-shopping-cart .div-cart-total{
        margin-bottom: 6px;
    }

    .div-homepage .div-shopping-cart .div-cart-content hr{
        margin-top: 8px;
        margin-bottom: 10px;
    }

    .div-homepage .div-shopping-cart .div-cart-total{
        padding: 12px 18px;
        font-size: 1rem;
        line-height: 24px;
    }

    .div-homepage .div-shopping-cart .div-cart-checkout button{
        width: 299px;
        height: 46px;
        font-size: 1rem;
        line-height: 24px;
    }

    .div-checkoutpage .div-payment-content .div-section-item .div-input-group .div-form-item input{
        width: 142px;
        padding: 13px 16px 11px 16px;
    }

    .div-checkoutpage.mobile .div-shopping-cart .div-cart-content .div-cart-item .div-qty{
        display: none;
    }
    
    .div-checkoutpage.mobile .div-shopping-cart .div-cart-content .div-cart-item .btn-shopping-cart{
        flex-direction: row;
    }

    .div-checkoutpage.mobile .div-shopping-cart .div-cart-content .div-cart-item a:last-of-type{
        margin-top: 0px;
        margin-left: 2px;
    }

    .div-checkoutpage.mobile .div-shopping-cart .div-cart-content .div-cart-item{
        align-items: flex-start;
    }

    .div-checkoutpage.mobile .div-shopping-cart .div-cart-content .div-cart-item .image-item{
        max-width: 72px;
        margin-right: 8px;
        display: block;
    }

    .div-checkoutpage.mobile .div-shopping-cart .div-cart-content .div-cart-item .div-item .div-main-course{
        font-size : 0.875rem;
        line-height: 22px;
    }

    .div-checkoutpage.mobile .div-shopping-cart .div-cart-content .div-cart-item .div-item .div-extra-item{
        font-size : 0.75rem;
        line-height: 20px;
    }

    .div-checkoutpage.mobile .div-shopping-cart .div-cart-content{
        padding: 10px 16px;
    }

    .div-checkoutpage.mobile .div-shopping-cart .div-cart-content .div-cart-item .div-item{
        width: 186px;
        margin-right: 3px;
    }

    .div-profilepage .div-content-container .div-item-group.closer{
        margin-top: 0px;
        margin-bottom: 16px;
        flex-direction: column;
        align-items: flex-start;
    }

    .div-profilepage .div-content-container .div-item-group.closer .div-label{
        margin-bottom: 8px;
    }

    .div-profilepage .div-content-container .div-item-group.custom.closer{
        margin-bottom: 38px;
        margin-top: 38px;
    }

    .div-profilepage .div-content-container .div-item-group .div-input-phone,
    .div-profilepage .div-content-container .div-item-group input{
        width: 100%;
    }

    .div-profilepage .div-content-container .div-item-group.align-left-on-mobile{
        margin-bottom: 0px;
    }

    .div-profilepage .div-content-container .div-extra-content .div-item-group.no-margin{
        margin-bottom: 0px;
        flex-direction: row;
    }

    .div-profilepage .div-content-container .div-extra-content{
        margin-top: 12px;
    }

    .div-profilepage .div-content-container .div-extra-content .div-input-password{
        width: 100%;
    }

    .div-profilepage .div-content-container .div-extra-content .group-btn{
        margin-bottom: 0px;
        margin-top: 14px;
    }

    .div-contactus .div-logo{
        height: 64px;
        object-fit: fill;
    }

    .div-contactus .container{
        padding-top: 30px;
    }

    .div-contactus .div-description-box{
        margin-bottom: 30px;
        flex-direction: column;
    }

    .div-contactus .container .div-description-box > div{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .div-contactus .div-description-box .div-description-content{
        margin-bottom: 8px;
    }

    .div-contactus .div-description-box .div-contact-info img{
        width: 24px;
        margin-right: 8px;
    }

    .div-contactus .div-map{
        margin-bottom: 30px;
    }

    .div-contactus .div-contact-form .container{
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .div-contactus .div-contact-form .div-form-container{
        margin-top: 16px;
        flex-direction: column;
    }

    .div-contactus .div-contact-form .container .div-form-container > div{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .div-contactus .div-contact-form .div-form-container .div-form-left{
        margin-bottom: 16px;
    }

    .div-contactus .div-contact-form .div-form-container .div-input-group{
        margin-top: 16px;
    }

    .div-contactus .div-contact-form .div-form-container button{
        margin-top: 24px;
    }

    .div-contactus .div-contact-form .div-form-container .div-input-group input, 
    .div-contactus .div-contact-form .div-form-container .div-input-group textarea {
        margin-top: 8px;
    }

    .div-contactus .div-description-box .div-contact-info,
    .div-contactus .div-description-box .div-description-content{
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-order-dtl .div-content-container .div-main-content{
        padding: 0px;
        background-color: unset;
    }

    .div-order-dtl .div-content-container .div-main-content > div{
        width: 100%;
        padding: 12px 18px;
        margin-bottom: 6px;
        display: flex;
        flex-direction: row;
        background: #FFFFFF;
        border-radius: 5px;
    }

    .div-order-dtl .div-content-container .div-main-content .div-invoice-status .text,
    .div-order-dtl .div-content-container .div-main-content .div-title-invoice .text{
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-order-dtl .div-content-container .div-main-content .div-invoice-status .text.smaller{
        font-size: 0.75rem;
        line-height: 20px;
    }

    .div-order-dtl .div-content-container .div-main-content .div-title-invoice .div-inv-number{
        margin-left: 60px;
        margin-top: 0px;
        color: #00829B;
    }

    .div-order-dtl .div-content-container .div-main-content hr{
        display: none;
    }

    .div-order-dtl .div-content-container .div-main-content .div-invoice-status{
        width: 100%;
        padding: 12px 18px;
        background: #FFFFFF;
        border-radius: 5px;
        flex-direction: column;
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box{
        padding-bottom: 12px;
        margin-top: 10px;
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar{
        width: 12px;
        height: 97px;
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point {
        width: 8px;
        height: 8px;
        margin-left: 0px;
        padding-top: unset;
        top: 0px;
        left: 2px;
        transform: translate(0px,0px);
        border-radius: 50%;
        background: #D9D9D9;
    }

    .div-order-dtl .container .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-progress-active{
        bottom: unset;
        width: 12px;
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-progress-active.point2{
        padding-top: calc(31px + 2px);
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-progress-active.point3{
        padding-top: calc(59px + 2px);
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-progress-active.point4{
        padding-top: calc(87px + 2px);
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point img{
        position: relative;
        top: -10px;
        left: -5px;
    }
    
    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status1{
        margin-top: 2px;
    }    

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status2{
        margin-top: 31px;
    }
    
    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status3{
        margin-top: 59px;
    }
    
    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status4{
        margin-top: 87px;
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status1.active.passed{
        margin-top: 3px;
    }
    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point-status1.active.passed,
    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-progress-bar .div-point.active{
        top: -6px;
        left: -4px;
    }


    .div-order-dtl .container .div-content-container .div-main-content .div-progress-bar-box .div-status{
        width: max-content;
        margin-left: 24px;
        left: 0px;
        top: -6px;
        flex-direction: row;
    }


    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status1{
        margin-top: 0px;
        top: -3px;
    }
    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status2{
        margin-top: 31px;
    }
    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status3{
        margin-top: 59px;
    }
    
    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status.status4{
        margin-top: 87px;
        margin-right: unset;
        left: 0px;
        right: unset;
        text-align: left;
    }

    .div-order-dtl .div-content-container .div-main-content .div-progress-bar-box .div-status .div-status-time{
        margin-top: 0px;
        margin-left: 8px;
        flex-direction: row;
    }

    .div-order-dtl .div-content-container .div-shop-location{
        padding: 12px 18px;
    }

    .div-order-dtl .div-content-container .div-shop-location .text{
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-order-dtl .div-content-container .div-shop-location .div-invoice-date{
        margin-bottom: 16px;
        display: flex;
        flex-direction: row;
    }

    .div-order-dtl .div-shop-location .div-title{
        margin-bottom: 8px;
    }

    .div-order-dtl .div-content-container .div-shop-location .div-invoice-date > div{
        margin-bottom: 0px;
    }
    
    .div-order-dtl .div-content-container .div-shop-location .div-invoice-date .div-title{
        width: 106px;
        margin-right: 10px;
    }

    .div-order-dtl .div-content-container .div-shop-location .div-location-box{
        padding: 16px;
    }

    .div-order-dtl .div-content-container .div-shop-location .div-location-box .div-label {
        width: 90px;
    }

    .div-order-dtl .div-shop-location .div-location-box > div{
        align-items: flex-start;
        overflow-wrap: break-word;
    }

    .div-order-dtl .div-shop-location .div-location-box > div span{
        width: 167px;
    }

    .div-order-dtl .div-shop-location .div-location-box > div:first-of-type{
        margin-bottom: 8px;
    }

    .div-order-dtl .div-content-container .div-item-content{
        padding: 12px 18px;
    }

    .div-order-dtl .div-content-container .div-item-content .div-header {
        display: none;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row{
        padding: 0px;
    }

    .div-order-dtl .div-content-container .div-item-content hr{
        margin: 12px 0px;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row .div-image{
        width: 72px;
        margin-right: 14px;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row .div-image img{
        width: 100%;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row .div-item{
        width: 213px;
        padding-top: 0px;
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row .div-item .text.smaller{
        font-size: 0.75rem;
        line-height: 20px;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row .div-qty,
    .div-order-dtl .div-content-container .div-item-content .div-row .div-price{
        display: none;
    }


    .div-order-dtl .div-content-container .div-item-content .div-row .div-item .div-qty,
    .div-order-dtl .div-content-container .div-item-content .div-row .div-item .div-price,
    .div-order-dtl .div-content-container .div-item-content .div-row.div-footer .div-qty,
    .div-order-dtl .div-content-container .div-item-content .div-row.div-footer .div-price{
        width: unset;
        display: block;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row .div-item .div-qty{
        padding-top: 0px;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row .div-column.div-item .div-price{
        padding-top: 0px;
        margin-top: 0px;
        margin-left: auto;
        font-size: 1rem;
        line-height: 24px;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row .div-column .div-extra-desc-mobile{
        width: 100%;
        margin-top: 4px;
        display: flex;
        flex-direction: row;
        align-self: flex-start;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row.div-footer .div-qty{
        margin-right: auto;
        padding-top: 0px;
        font-size: 0.875rem;
        line-height: 22px;
    }

    .div-order-dtl .div-content-container .div-item-content .div-row.div-footer .div-price{
        padding-top: 0px;
    }

    .div-order-dtl .div-content-container .div-item-content .div-footer{
        padding-top: 12px;
        margin-top: 12px;
    }

    .div-header-page .div-logo img{
        height: 30px;
    }
}

@media(max-width: 359px){
    .div-header-page .container,
    .div-homepage .container,
    .div-footer-page .container{
        width: 280px;
    }

    .div-homepage .div-prod-category.top {
        width: 320px;
        transform: translate(-140px,0px);
    }

    .div-checkoutpage .div-payment-content .div-section-item .div-input-group .div-form-item input{
        width: 100%
    }
}