@media only screen and (max-width:1600px) {
    .login-container {padding-top:5rem;}
}

@media only screen and (max-width:1400px) {
    .login-container {padding-top:4rem;}
    .payment-info {width: 80%;}
    .main-title-top {font-size: 22px;}
    .order-summary {width:350px;}
}

@media only screen and (max-width:1279px) {
    .login-container {padding-top:3rem;}
    .payment-info {width:100%;}
    .main-title-top {font-size: 20px;}
    .main-header-mid .search-input {width: 300px;}
    .inner-content-area {padding: 1rem;}
    .notification-col.main-profile-menu {margin-right: 0;}
    h3.title-3.mb-5 {margin-bottom: 1rem !important;}
    .glove-table { overflow-x: auto;}
}

@media only screen and (max-width:991px) {
    .client-info .form-group {
        width: 100%; }
    .login-container {padding-top:2rem;}
    .login-wrapper {height: auto;}
    .main-header-mid, .main-title-top{display: none;}
    .main-content {padding-left:15px;}
    .header-inner {justify-content: flex-end;}
    .main-header-left {width:180px;}
    .col-form-label {text-align: left; width: 100%; padding-right: 0;}
    .button-row {padding: 0;  text-align: right;}
    .field-col, .client-info .field-col, .client-info .col-form-label{width: 100%;}
    .title-2 {margin-bottom: 1rem;}
    .form-wrap .form-group {margin-bottom: 1rem;}
    .save-address-checkbox {padding-left: 0;}
    .order-summary {width:100%;}
    .order-summary-inner {position: relative;}
    .summary-section-wrap {flex-direction: column-reverse;}
    .left-section-content {padding: 1rem 0 0 0; width: 100%;}
    .mob-nav{display: block;}
    .settings-dropdown{display: block;}
    .settings-dropdown ul li{border-bottom: 1px solid rgb(19, 18, 18);} 
    .left-section{left: inherit; right: -300px; z-index: 999; overflow-y: auto; box-shadow: 0 10px 10px rgb(0 0 0 / 20%); background: #efefef; transition: all ease 0.3s;}
    .left-section.is-open {left: inherit;  right: 0;}
    .left-nav li a {padding: 6px 10px;}
    .left-nav li.active a:after {top: 4px;}
  
}


@media only screen and (max-width:767px) {
    .card-dtl-value {margin-bottom: 15px;}
    .card-edit-option {margin-top: 0.5rem;}
    .mob-none {display: none;}
    
}

@media only screen and (max-width:640px) {
.login-container {padding: 3rem 15px 15px 15px; width: 100%;}
.login-box {width: 100%;}
.top-search-input {width: auto; flex: 2;}
.card-logo {margin-right: 5px; width: 40px;}
.patient-details-tabs .nav-pills .nav-link {font-size: 13px; padding-left: 5px; padding-right: 5px;}
.card-edit-option .btn {margin: 15px 0 0 0;  width: 100%;}
}