@media (min-width:375px) {
    .pio-card > .card-body .pio-card-img {
        min-width: 100px;
        min-height: 100px;
        max-width: 100px;
        height: 100px;
    }

    .pio-calendar table {
        text-align: center;
        font-size: 10px;
        font-weight: 700;
    }

    table.table.pio-table tr td, table.table.pio-table tr th {
        padding: 0.5rem 0.2rem;
    }


    .pio-calendar {
        padding: 0.5rem;
    }
    

}

@media (min-width:576px) {
    .danger-text {
        font-size: 18px;
    }
    .img-logo {
        max-width: 100px;
    }
    .on-off-fs {
        font-size: 10px;
    }
    .re-reg-name {
        font-size: 1rem;
    }
    a.btn-lang svg {
        width: 28px !important;
        height: 28px !important;
    }
    .pio-card {
        max-width: 425px;
    }
    .pio-card > .card-body > div {
        max-width: unset;
    }

    .pio-card > .card-body .card-title {
        font-size:14px;
    }

    .pio-card > .card-body .card-btn {
        font-size: 16px;
        width: calc(100% - 50px);
    }
    .custom-nav {
        left: -1.5rem;
        right: unset;
        min-width: 320px;
        max-width: 425px;
    }
    .menu-header .menu-title {
        font-size: 20px !important;
    }

    .navbar-menu {
        width:375px;
    }

    .btn-pio-next,
    .btn-pio-back {
        min-width: 120px;
        font-size: 15px;
        font-weight:bold;
    }

    .add-btn,
    .edit-btn {
        font-size: 12px;
    }

    .footer {
        justify-content: space-between;
        flex-direction: row;
    }

    .welcome-box-head h1 {
        font-size: 28px;
    }

    .welcome-box-head h2 {
        font-size: 24px;
    }

    form[name="frmNationalNumber"] label:first-child{
        font-size:16px;
    }

    .btn-pio-submit,
    .btn-pio-link {
        font-size: 16px;
    }

    .btn-pio-fees {
        padding: 8px 15px;
        width: 25%;
    }
    .pio-form-fees .form-group label {
        font-size: 15px;
        text-wrap: nowrap;
    }
    .normal-font-size {
        font-size: 14px;
    }
    .header-custom {
        font-size: 14px;
    }
    .switch {
        width: 65px;
        height: 34px;
    }
    .dearParent {
        font-size: 1.25rem !important;
    }

    .Re-Reg-msg {
        font-size: 16px;
    }
    .pay-labels{
        font-size:18px;
    }

    .footer {
        align-items: end;
    }
    .event .event-date {
        font-size: 14px;
    }

    .event .event-hour {
        font-size: 14px;
    }
}

@media (min-width:992px) {
    .pio-p-lg-5rem {
        padding: 5rem !important;
    }

    .pio-px-lg-5rem {
        padding-inline-start: 5rem !important;
        padding-inline-end: 5rem !important;
    }

    .pio-py-lg-5rem {
        padding-block-start: 5rem !important;
        padding-block-end: 5rem !important;
    }

    .pio-ps-lg-5rem {
        padding-inline-start: 5rem !important;
    }

    .pio-pe-lg-5rem {
        padding-block-end: 5rem !important;
    }

    .pio-pt-lg-5rem {
        padding-block-start: 5rem !important;
    }

    .pio-pb-lg-5rem {
        padding-block-end: 5rem !important;
    }

    .pio-card > .card-body .card-title {
        font-size: 15px;
    }

    .pio-card > .card-body .card-desc {
        font-size: 12px;
    }

    .sticky::after {
        width: calc(58.33333333% - 10px);
    }
    .event-container .heading {
        padding-top: 7px;
        margin-bottom:1.5rem !important;
    }
}

@media (min-width:1200px) {
    img.slide-img-child {
        max-width: 425px;
    }

    .pio-card {
        max-width: unset;
    }

    .pio-card > .card-body .card-desc {
        min-height: 80px;
    }

    .btns > .col-md-4 button {
        font-size: 15px;
    }

}

@media (min-width:1400px) {
    img.slide-img-child {
        max-width: 425px;
    }

    .pio-card > .card-body .card-desc {
        min-height: 50px;
    }

    .pio-card > .card-body .card-btn {
        width: 150px !important;
    }

    .main-contant {
        padding-inline-end: 4rem;
    }

    .btn-pio-fees {
        width: 157px;
    }

    .all-btns button,
    .all-btns a {
        font-size: 12px;
    }

    .header-custom {
        font-size: 16px;
    }
    .normal-font-size {
        font-size: 16px;
    }
}