
@media only screen and (max-width: 60em) {
    .cart__discountCode--input {
        font-size: 1.2rem;
        width: auto;
    }

    .cart__submitPrice {
        font-size: 1.5rem;
    }

    .cart__itemCont {
        grid-column-gap: 1rem;
    }

    .cart__priceRow--txt {
        font-size: 1.3rem;
    }

    .cart__priceRow--price {
        font-size: 1.5rem;
    }

    .plus-minus {
        height: 4rem;
        bottom: -2rem;
        font-size: 2rem;
    }

    a.plus-minus__sign {
        font-size: 2rem;
    }

    .plus-minus__plus::after {
        right: 1rem;
    }

    .plus-minus__minus::before {
        left: 1rem;
    }

    .products__item-price {
        font-size: 1.5rem;
    }

    .cart__mainCont {
        width: 100%;
        grid-column: 1/-1;
    }

    .cart__addressDelivery--address {
        padding: 0 0 1rem 2rem;
    }

    /*.cart__priceAddress {*/
    /*    position: fixed;*/
    /*    z-index: 1;*/
    /*    width: 100%;*/
    /*    border-radius: 0;*/
    /*    bottom: 0;*/
    /*    display: flex;*/
    /*    flex-direction: row-reverse;*/
    /*    justify-content: space-between;*/
    /*    align-items: center;*/
    /*    padding: 0 3rem;*/
    /*}*/
    .cart__priceAddress{
        position: relative;
        top: unset!important;
        bottom: unset!important;
        left: unset!important;
        grid-row: 1/2;
    }

    .btn-mirror.cart__submitPrice {
        width: auto;
        padding: 0 3rem;
        font-size: 2rem;
    }
}
@media only screen and (max-width: 50em) {

    .cart {
        grid-template-columns: 1fr;
        grid-row-gap: 5rem;
    }

    #shoppingCartMain {
        width: 100%;
    }

    .cart__price {
        position: fixed;
        z-index: 111;
        bottom: 0;
        top: unset;
        justify-content: space-between;
        align-items: center;
        border-radius: 0;
        width: 100vw;
        height: auto;
        left: 0;
        padding: 1rem 3rem;
        display: flex;
        flex-direction: row-reverse;
        background: rgba(255, 255, 255, 0.60);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.18);
    }

    /*.cart__discountCode {*/
    /*    display: none;*/
    /*    visibility: hidden;*/
    /*}*/

    /*.cart__priceRow--sum {*/
    /*    display: none;*/
    /*    visibility: hidden;*/
    /*}*/

    /*.cart__priceRow-discount {*/
    /*    display: none;*/
    /*    visibility: hidden;*/
    /*}*/

    .cart__priceRow-total {
        display: flex;
        flex-direction: column;
        width: auto;
    }

    #finalTotal {
        font-size: 2rem;
        font-weight: bold;
    }

    .cart__priceRow--txt {
        font-size: 1.5rem;
        text-align: center;
    }

    #submit_price{
        position: relative;
        top: unset!important;
        left: unset!important;
        bottom: unset!important;
        background: rgba(var(--primary-color));
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 4rem;
        width: 100%;
        transform: unset;
        padding: 1rem 1rem;
        height: 10rem;
    }
    .cart__priceRow-total {
        display: flex;
        flex-direction: row-reverse;
        width: auto;
    }
    div#finalTotal {
        font-size: 3.5rem;
    }

    .cart__priceRow--txt {
        font-size: 3rem;
    }
    small.buySuccess__desc {
        font-size: 2rem;
    }
    h3.buySuccess__title {
        font-size: 2rem;
    }

    .cart__discountCode > input {
        font-size: 2rem;
        width: 70%;
    }
    .cart__discountCode > a {
        font-size: 3rem;
    }
    #totalBeforeDiscount {
        font-size: 3rem;
    }

    .cart__priceRow--txt{
        font-size: 2rem!important;
    }
    #totalDiscount{
        font-size: 3rem;
    }
    #finalTotal {
        font-size: 3rem;
        font-weight: bold;
    }
    .review__section-subject {
        font-size: 2rem;
        margin-bottom: 7rem;
    }
    a.btn-text.cart__discountCode--btn {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 38em) {

    .cart {
        margin-top: 0;
    }

    .cart__priceAddress {
        bottom: var(--phone-menu-height);
    }

    .cart__addressDelivery {
        grid-template-columns: 1fr;
    }

    .cart__addressDelivery--address {
        border: unset;
        border-bottom: 2px solid #CCCCCC;
        margin-bottom: 7rem;
    }

    .cart__addressDelivery--text {
        font-size: 3.5rem;
        margin-bottom: 12rem;
    }

    .cart__addressDelivery--btn {
        font-size: 3rem;
        bottom: 4rem;
    }

    .cart__addressDelivery--delivery {
        padding: 0 2rem 5rem;

    }

    a.btn-text.cart__addressDelivery--btn {
        font-size: 3.5rem;
    }

    .cart__addressDelivery--deliveryPack {
        padding: 0 2rem;
    }

    .cart__addressDelivery--label {
        width: 4rem;
        height: 4rem;
    }

    .cart__addressDelivery--btnDetail {
        font-size: 3.5rem;
    }

    .cart__addressDelivery--textDetailed {
        font-size: 2.5rem;
    }

    .cart__addressDelivery--icon {
        width: 11rem;
        height: 11rem;
    }

    .cart__addressDelivery--icon-pishtaz {
        transform: scale(2.7) translateX(-0.2rem);
        width: 10rem;
        height: 10rem;
    }

    .cart__addressDelivery--deliveryPack > input:checked ~ .cart__addressDelivery--label::after {
        font-size: 5rem;
    }

    .review__section-subject {
        font-size: 4rem;
        margin-bottom: 7rem;
    }

    .cart__itemCont {
        grid-template-columns: 1fr;
    }

    .cart__item--discount {
        width: 15rem;
        font-size: 3.5rem;
        top: -3rem;
        padding-top: 3%;
        height: 12rem;
    }

    a.cart__item--close {
        width: 8rem;
        height: 8rem;
        top: -3rem;
        font-size: 6.5rem;
    }

    a.products__item-name {
        font-size: 3.5rem;
        width: 100%;
        text-align: right;
    }

    .products__item-priceContainer {
        padding-bottom: 3rem;
    }

    h5.products__item-price {
        font-size: 5rem;
    }

    .products__item-oldPrice {
        font-size: 3rem;
        text-align: left;
        width: auto;
    }

    .plus-minus {
        height: 10rem;
        bottom: -4rem;
    }

    a.plus-minus__sign.plus-minus__plus {
        font-size: 7rem;
    }

    .plus-minus__plus::after {
        right: 8rem;
    }

    p.plus-minus__txt {
        font-size: 7rem;
    }

    a.plus-minus__sign.plus-minus__minus {
        font-size: 8rem;
    }

    .plus-minus__minus::before {
        left: 8rem;
    }

    .cart__item {
        margin-bottom: 10rem;
    }

    .cart__price {
        bottom: var(--phone-menu-height);
    }

    a.btn-mirror.cart__submitPrice {
        width: auto;
        font-size: 3rem;
        height: 10rem;
        padding: 0 5rem;
    }

    div#finalTotal {
        font-size: 3.5rem;
    }

    .cart__priceRow--txt {
        font-size: 3rem;
    }
    small.buySuccess__desc {
        font-size: 2rem;
    }
    h3.buySuccess__title {
        font-size: 4rem;
    }

    .cart__discountCode > input {
        font-size: 4rem;
        width: 70%;
    }
    .cart__discountCode > a {
        font-size: 5rem;
    }
    #totalBeforeDiscount {
        font-size: 5rem;
    }

    .cart__priceRow--txt{
        font-size: 4rem!important;
    }
    #totalDiscount{
        font-size: 5rem;
    }
    #finalTotal {
        font-size: 5rem;
        font-weight: bold;
    }
    .review__section-subject {
        font-size: 4rem;
        margin-bottom: 7rem;
    }
    a.btn-text.cart__discountCode--btn {
        font-size: 4rem;
    }

}


