@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px;
    }

    .modal-dialog {
        max-width: 600px;
    }
}

@media (max-width: 800px) and (min-width:500px) {
    .patients-slider .swiper-button-prev {
        left: 80% !important;
        top: 90% !important;
    }

    .hospitals-slider .swiper-button-prev {
        left: 80% !important;
        top: 90% !important;
    }

    /* hospital department */
    .sidebar-widget .department-content {
        height: 160px;
    }

    .patient-page .patient-video iframe {
        height: 380px;
    }
}

@media (max-width: 499px) {
    .hero-content h1 {
        color: white;
        font-weight: 700;
        font-size: 2.5rem;
    }

    .hero-content p {
        font-size: 1rem;
    }

    .hero-content .contact-cards {
        gap: 10px !important;
    }

    .hero-content .contact-cards .con-card .icon {
        font-size: 25px;
    }

    .hero-section {
        height: 850px;
    }

    .hospital-card {
        /* height: 600px; */
    }

    .hospitals-slider .swiper-button-prev {
        left: 65% !important;
        top: 90% !important;
    }

    .hospitals-slider .swiper-pagination {
        display: none !important;
    }

    .hospital-card .hospi-img {
        width: 100% !important;
    }

    .patients-slider .swiper-button-prev {
        left: 65% !important;
        top: 90% !important;
    }

    .patients-card-wrapper {
        padding: 0px !important;
    }

    .patient-card .patient-details .info h5 {
        width: 100px;
    }

    .patient-page .patient-card .patient-details .info h4 {
        width: 180px;
    }

    .about-counter .counder-card .counder-state h3 {

        font-size: 40px;


    }

    .doctor-card .get-btn {
        bottom: 8px;
    }

    .doctor-card {
        height: 600px;
    }



    .hospital-card-wrapper .hospital-card {
        height: 720px;
    }

    /* ------Header page--------*/
    .header-page {
        height: 100px !important;
    }

    .service-details-wrapper .service-info {
        margin: 0px !important;
    }

    .doctors-tab-content .doctor-card-wrapper .doctor-card .card-info {
        padding: 1rem 1.5rem !important;
    }

    .doctor-profile-wrapper .doctor-card-wrapper .doctor-card .card-info {
        padding: 1rem 1.5rem !important;
    }

    .search-page {
        transform: translatey(-30px);
    }

    .hospital-card-wrapper {
        padding: 0px 5px !important;
    }

    .navbar-wrapper {
        padding: 0px 10px !important;
    }
}