:root {
    --viewport-height:
    calc(100vh - 0px);
    --viewport-width:
    calc(100vw - 0px);
    --divider-color: #edeced;
}

/* ---------- Large desktop screen ---------- */
@media (max-width: 1600px){

}
/* ---------- Small desktop screen ---------- */
@media (max-width:1440px){

}
/* ---------- Laptop screen ---------- */
@media (max-width:1280px){

}
/* ---------- Large tab screen ---------- */
@media (max-width: 1024px){

}
/* ---------- Small tab screen ---------- */
@media (max-width: 920px){

}
/* ---------- Mobile screen ---------- */
@media (max-width: 768px){
    .mobile-hide{
        display: none;
    }
    .mobile-d-block{
        display: block;
    }
    .mobile-d-flex{
        display: flex;
    }
    .mc-mob-w-10{
        width: 10%;
    }
    .mc-mob-w-30{
        width: 30%;
    }
    .mc-mob-w-40{
        width: 40%;
    }
    .mc-mob-w-50{
        width: 50%;
    }
    .mc-mob-w-60{
        width: 60%;
    }
    .mc-mob-w-70{
        width: 70%;
    }
    /* .mc-modal{
        border-top: 1px solid var(--divider-color);
    } */
    .mc-modal-dialog {
        width: var(--viewport-width);
        max-width: var(--viewport-width);
        height: 100%;
        max-height: 100%;
        border-radius: 0;
    }
    .mc-modal-body{ 
        padding: 0;
        display: flex;
        flex-direction: column;
        border-top: 1px solid var(--divider-color);
    }
    .mc-form-search-container{
        border-bottom: 1px solid var(--divider-color);
    }
    .mc-form-header{
        padding: 12px 20px;
        border-bottom: 1px solid var(--divider-color);
    }
    .mc-modal-footer{
        padding: 0;
    }
    .mc-footer-container{
        padding: 0;    
    }
    .mc-footer-container .mc-btn{
        border-radius: 0;
        text-transform: uppercase;
    }
    .mc-btn{
        text-transform: uppercase;
    }
    .mc-summary-container{
        flex-direction: column;
        max-width: 100%;
    }
    .mc-summary-container .mc-card{
        border: none;
        border-radius: 0;
    }
    .mc-card-section{
        padding: 16px;
    }
    /* .mc-mob-fix-bottom{
        position: absolute;
        bottom: 0;
    } */
    .mc-mob-pa-0{
        padding: 0;
    }
    .mc-mob-pa-0 .mc-btn{
        border-radius: 0;
    }
    .mc-mob-fix-bottom .mc-btn + .mc-btn{
        margin: 0;
    }
    .mob-text-highlight{
        background-color: var(--text-highlight-light);
    }
    .mc-mob-flex{
        flex: 1;
    }
    .mc-signature-pad{
        position: absolute;
        top: 0;
        bottom: 0;
        background-color: var(--white-color);
        right: 0;
        left: 0;
    }
    .mc-mob-scroll{
        overflow: unset;
    }
    .mc-payment-plan .mc-partial-scroll{
        height: 100%;
    }
    .mc-payment-plan .mc-partial-scroll .mc-partial-scroll{
        height: 100%;
    }
    .mc-mob-closeIcon{
        left: 310px !important;
    }
    .mob-width140{
        width: 140px !important;
    }
    .mc-select-payment-plan{
        flex: 1;
    }
}