@media only screen and (max-width: 768px){
    .main-container .banner-section .banner-title {
        font-size: 32px;
        line-height: 60px;
    }
    .main-container .banner-section .banner-title::before {
        width: 65px;
        top: 65%;
        left: 5%;
    }
    .main-container .banner-section .banner-title::after {
        width: 65px;
        top: 65%;
        right: 5%;
    }
    .main-container .banner-section .banner-subtitle {
        font-size: 15px;
        line-height: 0px;
        text-align: center;
        margin-bottom: 30px;
    }
    .schedule-box1 {
        border-radius: 20px;
    }
    .modal-dialog .modal-header-text{
        padding: 0px 25px;
        line-height: 25px;
    }
    .progress-step::after {
        width: 80px;
        font-size: 11px;
        line-height: 18px;
        padding: 0px 6px;
    }
    .appointment-card .appointment-card-content .slot-area ul li {
        margin-bottom: 15px;
    }
    .btn-outline-sm{
        font-size: 11px;
    }
    .banner-section .logo-section h2::before {
        left: 27%;
    }
    .banner-section .logo-section h2::after {
        right: 27%;
    }
    .schedule-box2 {
        border-radius: 20px;
    }
}

@media (min-width: 992px){
    .modal-dialog {
        max-width: 800px;
    }
}