@media(min-width: 1600px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1366px) and (max-width: 1440px) {}

/* min width 1366px and max width 1440px ends here */

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

/* min width 1300px and max width 1365px ends here */

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

/* min widht 1300px ends here */

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

/* max widht 1299px ends here */

@media (min-width: 1025px) and (max-width: 1299px) {}

/* min width 1025px and max width 1299px ends here */

@media(min-width: 1000px) {
    .mobile-checkout-toggler {
        display: none;
    }
}

@media(max-width: 999px) {

    .checkout-grid-parent {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "order-summary"
            "main";
    }

    .checkout-grid-parent .single-grid:nth-child(1) {
        grid-area: main;
    }

    .checkout-grid-parent .single-grid:nth-child(2) {
        grid-area: order-summary;
    }


    .checkout-grid-parent .single-grid:nth-child(2) .mobile-checkout-toggler {

        padding: 9px 21px;
        border-bottom: 1px solid #dedede;
        border-top: 1px solid #dedede;
    }

    .checkout-grid-parent .single-grid:nth-child(2) .mobile-checkout-toggler .grid-inner {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 10px;
        align-content: center;
        align-items: center;
        max-width: 620px;
        margin: 0px auto;
    }

    .checkout-grid-parent .single-grid:nth-child(2) .mobile-checkout-toggler .right-text {
        text-align: right;
    }

    .checkout-grid-parent .single-grid:nth-child(2) .mobile-checkout-toggler .right-text .old-price {
        color: #707070;
        font-size: 12px;
        line-height: 18px;
        font-family: var(--seoge-reg);
        font-weight: 400;
        text-align: right;
        position: relative;
        display: inline;
    }

    .checkout-grid-parent .single-grid:nth-child(2) .mobile-checkout-toggler .right-text .old-price::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        width: 100%;
        height: 1px;
        background: #707070;
        content: '';
    }

    .checkout-grid-parent .single-grid:nth-child(2) .mobile-checkout-toggler .right-text .new-price {
        font-size: 19px;
        line-height: 1;
        font-weight: 600;
        font-family: var(--seoge-bold);
        color: #000;
    }

    .checkout-grid-parent .single-grid:nth-child(2) .mobile-checkout-toggler .left-text {
        font-size: 14px;
        font-family: 'Segoe UI Regular';
        font-weight: 400;
        color: #000;
        line-height: 21px;
    }

    .checkout-grid-parent .single-grid:nth-child(2) .contents-wrapper {
        padding: 38px;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    .checkout-grid-parent .single-grid:nth-child(2) .contents-wrapper .checkout-cart-box {
        height: unset;
        max-height: unset;
        overflow: unset;
    }

    .checkout-grid-parent .single-grid:nth-child(2) .contents-wrapper {
        padding: 17px 21px;

    }

    .checkout-grid-parent .single-grid:nth-child(1) .contents-wrapper {
        padding: 17px 21px;
        border-right: none;
    }

    .checkout-grid-parent .single-grid:nth-child(1) {

        justify-content: center;
    }
}

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

/* min width 992px and max width 1024px ends here */

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

/* min width 768px and max width 991px ends here */

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

/* max widht 768px ends here */

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

/* max widht 767px ends here */

@media (min-width: 576px) and (max-width: 767px) {}

/* min width 576px and max width 767px ends here */

@media(max-width: 575px) {
    .checkout-grid-parent .single-grid:nth-child(1) .contents-wrapper .checkout-form-wrapper .custom-form-grid {

        grid-template-columns: 1fr;

    }
}

@media (min-width: 415px) and (max-width: 575px) {}

/* min width 415px and max width 575px ends here */

@media (min-width: 376px) and (max-width: 414px) {}

/* min width 376px and max width 414px ends here */
@media (max-width: 375px) {}

/* max width 375px ends here */