@media screen and (min-width: 991px) {
    .slider-title {
        font-size: 50px;
        max-width: 80%;
        margin: 0px auto;
    }

    .py-lg-36 {
        padding-left: 36px !important;
    }
}

@media screen and (max-width: 991px) {
    .serchBtn {
        top: 1px;
        right: 2px;
        height: 63%;
    }

    .doc-d-sm-none {
        display: none !important;
    }

    .desktop-header .logo img {
        width: 180px;
    }

    .desktop-header {
        justify-content: flex-start;
    }

    .humBurger {
        display: block;
    }

    .mobLogin {
        display: flex !important;
    }
}

@media screen and (max-width: 768px) {
    .desktop-header .logo img {
        width: 146px;
    }

    .slider-img {
        height: 380px;
        object-fit: cover;
    }

    .slider-title {
        font-size: 28px;
    }

    .slider-sub-title {
        font-size: 22px;
    }

    .mb-sm-20 {
        margin-bottom: 20px !important;
    }

    .video-care {
        max-width: 100%;
    }

    .doctor-avtar {
        text-align: center;
        margin-bottom: 20px;
    }

    .doctor-avtar img {
        width: 50% !important;
    }
    .doctor-info {
        text-align: center;
    }
    .mb-sm-16 {
        margin-bottom: 16px !important;
    }
}

/* for container  */
@media screen and (min-width: 1367px) {
    .container {
        max-width: 1400px !important;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1367px) {
    .container {
        max-width: 1300px !important;
    }
}

/* By sumit 26-08-2023 */
/* Add Patient Page */

@media only screen and (max-width: 1200px) {
    #pay {
        width: 31% !important;
    }
}

@media only screen and (max-width: 991px) {
    .patient-action-options {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (max-width: 768px) {
    #pay {
        white-space: nowrap;
        width: 250px !important;
    }
}

@media only screen and (max-width: 400px) {
    #pay {
        width: 160px !important;
        font-size: 15px;
        padding-right: 20px;
    }
}

/* book appointment page */

@media only screen and (max-width: 991px) {
    .booking-section {
        order: 2;
    }
    .doctor-section {
        order: 1;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 576px) {
    .doctor-section {
        margin-left: 20px;
        text-align: center;
    }

    .slot-header .date-container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-around !important;
        margin-bottom: 20px;
    }

    .slot-header .location-container {
        justify-content: center !important;
    }

    .consultation {
        /* text-align: center !important; */
        justify-content: space-around !important;
    }

    #no-slot-img {
        width: 250px !important;
        height: 250px !important;
    }

    /* 28-08-2023 */
    /* morning time slots */

    #morningTimeSlots {
        display: flex;
        flex-direction: column !important;
        justify-content: start !important;
        align-items: center !important;
        gap: 0 !important;
    }

    .morning-slots-time {
        display: flex;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        /* flex-wrap:wrap !important; */
        gap: 0 !important;
        margin-top: 20px;
        padding-left: 10px;
    }

    #availableTimes {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .timeCheck {
        width: 70px !important;
        font-size: 14px;
        padding: 4px !important;
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        width: 70px;
        padding: 4px !important;
        font-size: 14px;
        border-radius: 7px !important;
    }

    /* evening time slots */

    #eveningTimeSlots {
        display: flex;
        flex-direction: column !important;
        justify-content: start !important;
        align-items: center !important;
        gap: 0 !important;
    }

    .evening-slots-time {
        display: flex;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
        margin-top: 20px;
        padding-left: 10px;
    }

    .timeCheck {
        width: 70px !important;
        font-size: 14px;
        padding: 4px !important;
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        width: 70px;
        padding: 4px !important;
        font-size: 14px;
        border-radius: 7px !important;
    }

    .continue-section-booking .continue-container {
        position: fixed !important;
        bottom: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
        background-color: white !important;
    }
}

@media only screen and (max-width: 400px) {
    #next-available-btn {
        white-space: nowrap !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 14px;
    }
}

@media only screen and (max-width: 280px) {
    .consultation span {
        font-size: 13px !important;
        white-space: nowrap;
    }

    #no-slot-img {
        width: 150px !important;
        height: 150px !important;
    }

    #NoTimeSlots p {
        font-size: 14px;
        text-align: center;
    }

    #next-available-btn {
        white-space: nowrap;
        font-size: 11px;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* 29-08-2023 */
/* myconsultations page */

@media only screen and (max-width: 991px) {
    .header-left-part {
        justify-content: center !important;
        align-items: center !important;
    }

    .header-right-part {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 20px !important;
    }

    .pay-now-btn {
        white-space: nowrap;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #search-patient-input-group {
        max-width: 320px !important;
    }
}

@media only screen and (max-width: 576px) {
    #search-patient-input-group {
        max-width: 320px !important;
    }

    #patient-search-input::placeholder {
        font-size: 14px !important;
    }

    .header-right-part {
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 20px !important;
    }
}

/* 30-08-2023 */
/* search results page */

@media only screen and (max-width: 991px) {
    .specialities-title-container {
        text-align: center !important;
    }

    .symptoms-title-container {
        text-align: center !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
    .doctor-avtar-container .doctor-avtar img {
        width: 200px !important;
        height: 200px !important;
        margin-bottom: 20px;
    }

    .doctor-avtar-container {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
    }

    .doctor-info span,
    .doctor-info p,
    .doctor-info .doctor-name {
        font-size: 25px !important;
        text-align: center;
    }

    .doc-doctor-card {
        width: 85%;
        display: flex !important;
        justify-content: center !important;
    }

    .doc-doctor-card-container {
        display: flex !important;
        justify-content: center !important;
    }

    #NoSearchResult img {
        width: 400px !important;
        height: 400px !important;
    }

    #NoSearchResult p {
        font-size: 25px !important;
    }

    .specialities-card-section {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media only screen and (max-width: 500px) {
    #NoSearchResult p {
        font-size: 18px !important;
        text-align: center !important;
    }

    .search-result-text {
        font-size: 18px !important;
    }
    .specialities-card-section {
        padding-left: 25px;
        padding-right: 25px;
    }
}

/* 31-08-2023 */
/* select speciality page updated codde 02-09-2023 */

@media only screen and (min-width: 540px) and (max-width: 768px) {
    #search-speciality-group {
        margin-top: 20px !important;
        margin-bottom: 30px !important;
        width: 100% !important;
        margin-left: 18px;
        margin-right: 18px;
    }
}

@media only screen and (max-width: 540px) {
    #search-speciality-group {
        margin-top: 20px !important;
        margin-bottom: 30px !important;
        width: 100% !important;
        margin-left: 18px;
        margin-right: 18px;
    }

    .speciality-header-left {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .speciality-header-right {
        display: flex;
        justify-content: flex-start !important;
    }
}