@media (max-width: 576px) {
    .breadcrumb-top-container {
        padding: 1rem;
    }

    .checkout-step {
        font-size: .625rem;
    }

    .checkout-separator {
        width: 40px;
        margin: 0 .3rem;
    }

    .product-details-card {
        padding: 1rem;
    }

    .clear-main-padding {
        margin-left: 0;
        margin-right: 0;
        margin-top: 1rem;
    }

    .cart-table-card-head {
        padding: 1rem;
    }

    .cart-table-card-head h3 {
        font-size: .9rem;
    }

    .cart-table-card table {
        border-spacing: 0 1rem;
    }

    .cart-table-card thead tr th {
        font-size: 0.6rem;
        padding: .5rem 0;
    }

    .cart-table-card thead tr th:first-child {
        padding-left: 1rem
    }

    .cart-table-card thead tr th:last-child {
        padding-right: 1rem
    }

    .cart-table-card thead tr th:not(:last-child) {
        margin-right: 1rem;
    }

    .cart-element-container img {
        width: 4rem;
        height: 4rem;
    }

    .cart-element-container h4 {
        font-size: 0.7rem;
    }

    .cart-element-container .shop-badge {
        font-size: 0.7rem;
    }

    .unit-price {
        font-size: 0.7rem;
    }

    .input-group.cart-table-control-button-group {
        padding: .5rem .6rem;
        display: flex;
        flex-wrap: nowrap;
    }

    .input-group.cart-table-control-button-group .form-control {
        font-size: 1rem;
    }

    .sub-total-amount {
        font-size: 0.7rem;
    }

    .form-group label {
        font-size: 0.7rem;
    }

    .form-group label sup {
        font-size: 0.7rem;
    }

    .delivery-zone-group select.form-control {
        padding: .8rem;
        font-size: 0.7rem;
    }

    .delivery-fee-container {
        padding: .1rem .6rem;
        font-size: .8rem;
    }

    #order_info {
        padding: .8rem;
        font-size: 0.7rem;
    }

    [for="promo_code"] {
        font-size: .8rem;
    }

    .promo-code-container input.form-control {
        padding: 0.5rem .8rem;
        font-size: .8rem;
    }

    .promo-code-container button {
        padding: 0.5rem .8rem;
        font-size: .8rem;
    }

    .cart-summary-container {
        border-radius: 0.25rem;
        border: 1px solid var(--Stroke-1);
        background: var(--Gray-00);
        padding: 1rem;
    }

    .cart-summary-container h4 {
        font-size: .9375rem;
        margin-bottom: 1rem;
    }

    .cart-summary-left {
        font-size: 0.7rem;
    }

    .cart-summary-right {
        font-size: 0.7rem;
    }

    .cart-summary-left.total {
        font-size: 0.8rem;
    }

    .cart-summary-right.total {
        font-size: 0.8rem;
    }

    .cart-summary-container a {
        padding: .75rem 1rem;
        font-size: .8rem;
        margin-top: 1rem;
    }

    .delivery-address-row {
        margin-left: -1rem;
        margin-right: -1rem;
        margin-bottom: -1rem;
    }

    .delivery-address-left {
        padding: 1rem;
    }

    .delivery-address-title {
        font-size: .9375rem;
    }

    .current-address .current-address-title span {
        font-size: 0.7rem;
    }

    .current-address .current-address-title a {
        font-size: 0.7rem;
    }

    .current-address .current-address-text {
        font-size: 0.7rem;
    }

    .form-group label[for="address_details"] {
        font-size: 0.7rem;
    }

    .form-group .delivery-address-textarea {
        font-size: 0.7rem;
    }

    .or {
        font-size: .8rem;
    }

    .add-address-container {
        padding: 2.2rem;
    }

    .add-address-container svg {
        width: 196px;
        height: 138px;
    }

    .add-address-container .add-address-btn {
        font-size: .8rem;
    }

    .go-to-payment {
        font-size: .9375rem;
        margin-top: 3rem;
        text-decoration: none;
    }

    #map {
        width: 100%;
        height: 310px;
    }

    .add-address-modal.modal .modal-header {
        padding: 1rem;
        border-bottom: none;
    }

    .add-address-modal.modal .modal-body {
        padding: 0 1rem 1rem 1rem;
    }



    .add-address-modal.modal .modal-body #add_address_form button[type="submit"] {
        font-size: .9375rem;
    }

    .payment-option {
        padding: .7rem 1rem;
        margin-bottom: .75rem;
    }

    .payment-title {
        font-size: .8rem;
    }

    .payment-description {
        font-size: 0.7rem;
    }

    .payment-icon {
        width: 72px;
        height: 20px;
    }

    .kkiapay-icon {
        width: 64px;
        height: 20px;
    }

    .cash-icon {
        width: 32px;
        height: 20px;
    }

    .wallet-icon {
        width: 28px;
        height: 20px;
    }

    .page-title {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .form-label {
        font-size: .875rem;
        margin-bottom: 1rem;
    }

    .btn-pay {
        font-size: .875rem;
        margin-top: 1.5rem;
    }

    .return-to-cart {
        font-size: .875rem;
        margin-bottom: 1.25rem;
    }

    .cart-summary-container {
        padding: 1rem;
    }

    .delivery-section {
        padding: 1rem;
        margin-left: -1rem;
        margin-right: -1rem;
        margin-bottom: -2rem;
    }

    .section-title {
        font-size: .8rem;
        margin-bottom: 1rem;
    }

    .customer-name {
        font-size: .8rem;
    }

    .customer-address {
        font-size: .8rem;
    }

    .customer-phone {
        font-size: .8rem;
    }

    .modify-btn {
        padding: .25rem .4rem;
        font-size: .8rem;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .breadcrumb-top-container {
        padding: 1rem;
    }

    .checkout-step {
        font-size: .625rem;
    }

    .checkout-separator {
        width: 40px;
        margin: 0 .3rem;
    }

    .product-details-card {
        padding: 1rem;
    }

    .clear-main-padding {
        margin-left: 0;
        margin-right: 0;
        margin-top: 1rem;
    }

    .cart-table-card-head {
        padding: 1rem;
    }

    .cart-table-card-head h3 {
        font-size: .9rem;
    }

    .cart-table-card table {
        border-spacing: 0 1rem;
    }

    .cart-table-card thead tr th {
        font-size: 0.6rem;
        padding: .5rem 0;
    }

    .cart-table-card thead tr th:first-child {
        padding-left: 1rem
    }

    .cart-table-card thead tr th:last-child {
        padding-right: 1rem
    }

    .cart-table-card thead tr th:not(:last-child) {
        margin-right: 1rem;
    }

    .cart-element-container img {
        width: 4rem;
        height: 4rem;
    }

    .cart-element-container h4 {
        font-size: 0.7rem;
    }

    .cart-element-container .shop-badge {
        font-size: 0.7rem;
    }

    .unit-price {
        font-size: 0.7rem;
    }

    .input-group.cart-table-control-button-group {
        padding: .5rem .6rem;
    }

    .input-group.cart-table-control-button-group .form-control {
        font-size: 1rem;
    }

    .sub-total-amount {
        font-size: 0.7rem;
    }

    .form-group label {
        font-size: 0.7rem;
    }

    .form-group label sup {
        font-size: 0.7rem;
    }

    .delivery-zone-group select.form-control {
        padding: .8rem;
        font-size: 0.7rem;
    }

    .delivery-fee-container {
        padding: .1rem .6rem;
        font-size: .8rem;
    }

    #order_info {
        padding: .8rem;
        font-size: 0.7rem;
    }

    [for="promo_code"] {
        font-size: .8rem;
    }

    .promo-code-container input.form-control {
        padding: 0.5rem .8rem;
        font-size: .8rem;
    }

    .promo-code-container button {
        padding: 0.5rem .8rem;
        font-size: .8rem;
    }

    .cart-summary-container {
        border-radius: 0.25rem;
        border: 1px solid var(--Stroke-1);
        background: var(--Gray-00);
        padding: 1rem;
    }

    .cart-summary-container h4 {
        font-size: .9375rem;
        margin-bottom: 1rem;
    }

    .cart-summary-left {
        font-size: 0.7rem;
    }

    .cart-summary-right {
        font-size: 0.7rem;
    }

    .cart-summary-left.total {
        font-size: 0.8rem;
    }

    .cart-summary-right.total {
        font-size: 0.8rem;
    }

    .cart-summary-container a {
        padding: .75rem 1rem;
        font-size: .8rem;
        margin-top: 1rem;
    }

    .delivery-address-row {
        margin-left: -1rem;
        margin-right: -1rem;
        margin-bottom: -1rem;
    }

    .delivery-address-left {
        padding: 1rem;
    }

    .delivery-address-title {
        font-size: .9375rem;
    }

    .current-address .current-address-title span {
        font-size: 0.7rem;
    }

    .current-address .current-address-title a {
        font-size: 0.7rem;
    }

    .current-address .current-address-text {
        font-size: 0.7rem;
    }

    .form-group label[for="address_details"] {
        font-size: 0.7rem;
    }

    .form-group .delivery-address-textarea {
        font-size: 0.7rem;
    }

    .or {
        font-size: .8rem;
    }

    .add-address-container {
        padding: 2.2rem;
    }

    .add-address-container svg {
        width: 196px;
        height: 138px;
    }

    .add-address-container .add-address-btn {
        font-size: .8rem;
    }

    .go-to-payment {
        font-size: .9375rem;
        margin-top: 3rem;
        text-decoration: none;
    }

    #map {
        width: 100%;
        height: 310px;
    }

    .add-address-modal.modal .modal-header {
        padding: 1rem;
        border-bottom: none;
    }

    .add-address-modal.modal .modal-body {
        padding: 0 1rem 1rem 1rem;
    }



    .add-address-modal.modal .modal-body #add_address_form button[type="submit"] {
        font-size: .9375rem;
    }

    .payment-option {
        padding: .7rem 1rem;
        margin-bottom: .75rem;
    }

    .payment-title {
        font-size: .8rem;
    }

    .payment-description {
        font-size: 0.7rem;
    }

    .payment-icon {
        width: 72px;
        height: 20px;
    }

    .kkiapay-icon {
        width: 64px;
        height: 20px;
    }

    .cash-icon {
        width: 32px;
        height: 20px;
    }

    .wallet-icon {
        width: 28px;
        height: 20px;
    }

    .page-title {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .form-label {
        font-size: .875rem;
        margin-bottom: 1rem;
    }

    .btn-pay {
        font-size: .875rem;
        margin-top: 1.5rem;
    }

    .return-to-cart {
        font-size: .875rem;
        margin-bottom: 1.25rem;
    }

    .cart-summary-container {
        padding: 1rem;
    }

    .delivery-section {
        padding: 1rem;
        margin-left: -1rem;
        margin-right: -1rem;
        margin-bottom: -2rem;
    }

    .section-title {
        font-size: .8rem;
        margin-bottom: 1rem;
    }

    .customer-name {
        font-size: .8rem;
    }

    .customer-address {
        font-size: .8rem;
    }

    .customer-phone {
        font-size: .8rem;
    }

    .modify-btn {
        padding: .25rem .4rem;
        font-size: .8rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) and (max-width: 1399px) {}