@media only screen and (max-width: 1600px) {
    .clinic-summary-card > div > img { height: 80px; width: auto; }
    .clinic-summary-card .summay-card-details h3 { font-size: 26px; }
    .clinic-summary-card .summay-card-details h3 { font-size: 20px; }
}
@media only screen and (max-width: 1400px) {
    .signin-signup .signin-signup-banner .top-left-ellipse { top: -100px; left: -100px; }
    .signin-signup .signin-signup-banner .top-left-ellipse .big { width: 300px; height: 300px; }
    .signin-signup .signin-signup-banner .top-left-ellipse .small { right: -60px; }
    .signin-signup .signin-signup-banner .bottom-right-ellipse { bottom: -100px; right: -100px; }
    .signin-signup .signin-signup-banner .bottom-right-ellipse .big { width: 250px; height: 250px; border-radius: 50%; }
    .signin-signup .signin-signup-banner .bottom-right-ellipse .medium { width: 100px; height: 100px; right: 180px; bottom: 160px; }
    .signin-signup .signin-signup-banner .bottom-right-ellipse .small { width: 50px; height: 50px;right: 200px; bottom: 300px; }
    .signin-signup .signin-signup-banner .plus-icon img { width: 80px; height: auto;  }
}
@media only screen and (max-width: 992px) {
    .signin-signup .signin-signup-banner { width: 50%; }
    .signin-signup .signin-signup-form { width: 50%; }
}
@media only screen and (max-width: 768px) {
    .user-name, .header-left .seperator { display: none; }
    
}
@media only screen and (max-width: 640px) {
    .brand { display: none; }
    .signin-signup .signin-signup-banner { width: 100%; }
    .signin-signup .signin-signup-form { width: 80%; margin: calc(10% + 30px) 10% 10%; height: 80%; box-shadow: 0px 0px 6px #00000029; }
    .signin-signup .signin-signup-banner h1 { display: none; }
    .login .brand { display: block; }
    h2 { font-size: 20px; }
    .clinic-summary-header a, .clinic-summary-header .seperator { display: none; }
}
@media only screen and (max-width: 580px) {
    .content-main.content-expanded, .content-main, .content-main.content-expanded .footer-action { width: 100%; margin-left: 0; }
    .left-nav.menu-collapsed { margin-left: -64px; }
    .left-nav { width: 100%; }
}
@media only screen and (max-width: 480px) {
    .content-main { padding: 24px 16px; }
    .content-main .intro-card { padding:16px; }
    .header-left .clinic-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 70%; }
    .table-responsive { margin-bottom: 64px; }
}