@media (max-width: 528px) {
    .summary-row {
        font-size: 11px;
    }

    .summary-total {
        font-size: 11px;
    }
    .summary-total span {
        font-size: 11.5px;
    }

    .summary-total .sum-total {
        font-size: 14px;
    }

    .p-step {
        font-size: 11px !important;
    }

    .page-head h1 {
        font-size: 20px;
    }
    .page-head p {
        font-size: 12px;
    }
    .zone-tab {
        padding: 8px 12px;
        font-size: 11.5px;
    }
    .duration-opt {
        padding: 12px 14px;
    }
    .duration-opt .d-name {
        font-size: 12.5px;
    }
    .duration-opt .d-price {
        font-size: 11.5px;
    }
}

@media (max-width: 400px) {
    .p-step {
        font-size: 10px !important;
    }

    .page-head h1 {
        font-size: 18px;
    }

    .page-head p {
        font-size: 11px;
    }
    .zone-tab {
        padding: 6px 10px;
        font-size: 10px;
    }
    .zone-tab span {
        font-size: 10px;
    }
    .duration-opt .d-name {
        font-size: 10.5px;
    }
    .duration-opt .d-price {
        font-size: 10.5px;
    }
}