@media (max-width:767px) {
    .payment-section .container img{ width: 80px; height: auto; }
    .hero-section .box-left h2.card-title { font-size: 30px; font-weight: 600; color: #213A57;}
    .reverse-column-mobile { display: flex;flex-wrap: nowrap; flex-direction: column-reverse; }
    .reverse-column-mobile #how-works-section .container.card { background: transparent; border: 0; margin-bottom: 10px; }
    .reverse-column-mobile #how-works-section .container.card .align-items-stretch{ margin-bottom: 20px; border: 1px solid #C2C2C2; border-radius: 10px; overflow: hidden; }
    .reverse-column-mobile #how-works-section .container.card .align-items-stretch .top-minus{ margin-top: -10px; }
    section, footer { padding: 0 20px; }
    section#hero-section { padding: 0; }
    section#hero-section .card-body img.w-100{ height: 300px; object-fit: cover; border-radius: 10px; }
    section#hero-section .container.card { border: 0; border-radius: 0; }

    .navbar-toggler { border: 0;}
    .navbar-toggler:focus { box-shadow: 0 0 0 0; }
    .navbar-nav .nav-item .nav-link { padding: 10px 2px; }
    .navbar .btn-success { width: 100%; margin-bottom: 10px;}
    .meet-our-doctors .container .card { border-radius: 12px; height: auto; }
    .meet-our-doctors .container .card .back-image { height: 75px; width: 75px; object-position: center; object-fit: cover; border-radius: 100%; position: relative;}
    .meet-our-doctors .container .card .doctor-info-mobile { padding: 20px;}
    .meet-our-doctors .container .card .doctor-info-mobile .doctor-name {font-size: 20px; font-weight: 600; color: #213A57;}
    .meet-our-doctors .container .card .doctor-info-mobile .doctor-name-sub {font-size: 16px; font-weight: 500; color: #1E1E1E;}
}