@media (min-width: 375px) and (max-width: 767.98px) {

    /* ================================== Doctor Page Styling Start ================================== */
    .main-card {
        gap: 20px;
    }

    .card {
        height: 580px;
    }

    /* ================================== Doctor Page Styling End ================================== */


    /* ================================== Blog Page Styling Start
================================== */

    .main-card-blog {
        gap: 20px;
    }

    /* ================================== Blog Page Styling end
================================== */


    /* ================================== Inner Page Styling end
================================== */
    .text-img {
        flex-direction: column;
    }

    .before-after {
        flex-direction: column;
    }


    /* ================================== Inner Page Styling end
 ================================== */


}

/* 768px to 320px (Tablets) */
@media (max-width: 768px){
    .contact_list ul{
        flex-direction: column;
    align-items: flex-start;
    float: right;
    justify-content: space-evenly;
    padding: 4px 0px;
    row-gap: 10px;
    }
    .header_list{
        align-items: center;
        justify-content: center;
        display: flex;
    }
	.site_logo{
        align-items: center;
        justify-content: center;
        display: flex;
    } 
}


@media (max-width: 991px) and (min-width: 320px) {
    .main-appointment {
        display: none;
    }
}

/* Styles for tablets */

/* 992px to 1199px (Small Laptops and Desktops) */
@media (max-width: 1024px) and (min-width: 320px) {
    .before-after {
        flex-wrap: wrap;
    }

    .appointment button {
        width: 60%;
    }

    /* Styles for small laptops and desktops */
}

/* 1200px to 1399px (Large Desktops) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    /* Styles for large desktops */
}

/* 1400px and above (Extra Large Screens) */
@media (min-width: 1400px) {
    /* Styles for extra large screens */
}