@media only screen and (min-width: 320px) {
    .sl-medical-council-div {
        padding: 0px 24px;
    }
}

@media only screen and (min-width: 375px) {

    .step-label,
    .step p {
        font-size: 14px !important;
    }

    .last-month-search-div-outer select,
    .last-month-search-div-outer span {
        font-size: 14px;
    }
}

@media only screen and (min-width: 425px) {
    .font-16-24-400 {
        font-size: 16px;
        line-height: 24px;
    }

    .font-16-24-600 {
        font-size: 16px;
        line-height: 24px;
    }

    .accordion-header {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 575px) {
    .step.completed .tick-circle {
        height: 24px;
        width: 24px;
    }

    .edit-modal .modal-dialog {
        margin: 200px auto;
    }
}

@media only screen and (min-width: 768px) {
    .wizard-steps .font-16-24-400 {
        font-size: 16px;
        line-height: 24px;
    }

    .otp-btn-div {
        display: flex;
        justify-content: center;
    }

    .otp-input input {
        width: 48px;
        height: 48px;
    }

    .pw-reset-success-div button {
        margin-top: 48px;
    }

    .otp-btn-div button {
        width: fit-content;
    }

    .dashboard-div .font-32-38-600 {
        font-size: 32px;
    }

    .renewal-right-div {
        padding: 48px;
    }

    .payment-successful-div,
    .dashboard-div {
        padding: 24px;
    }

    .slmc-app-status-div {
        display: flex;
    }

    .reviewing-div {
        margin-top: 0px;
    }

    main {
        padding: 24px;
        margin: 32px;
        margin-top: 32px;
    }

    .gap-64 {
        gap: 32px;
    }

    .prograss-div-outer {
        padding: 36px;
    }

    .welcome-user-div {
        display: flex;
    }

    .pending-renewal-div {
        margin-top: 0px;
    }

    .renewal-right-div .font-16-24-600.secont-title {
        margin-top: 48px;
    }

    .renewal-left-div {
        padding: 48px;
    }

    .last-month-search-div {
        display: flex;
        margin-bottom: 10px;
    }

    .payment-history-div {
        padding: 48px;
    }

    .search-bar {
        margin: 0px;
    }

    .renew-certificate-div {
        display: flex;
        gap: 20px;
    }

    .renew-certificate-div .btn-bg {
        margin-top: 0px;
    }

    .general-info-search-div {
        display: flex;
    }

    .faq-section {
        padding: 48px;
    }

    .accordian-content {
        padding: 10px 48px 0px 48px;
    }

    .help-div {
        padding: 48px;
    }

    .doc-accept-div {
        display: flex;
        gap: 10px;
    }

    span.font-16-24-600 {
        font-size: 14px;
    }

    .renew-btn-div {
        display: flex;
    }

    .notify-div {
        display: flex;
    }

    .d-flex-fields {
        flex-direction: row !important;
    }

    .font-40-48-600 {
        font-size: 40px;
        line-height: 48px;
    }

    .instruction-ul {
        margin-left: 24px;
        padding-left: 24px !important;
    }

    .instruction-div-inner {
        padding: 32px;
    }

    .inquiry-form {
        padding: 32px;
    }

    .info-div-outer {
        display: flex;
    }

    .personal-info-div {
        display: flex;
    }

    .personal-info-div button {
        margin-top: 0px;
    }

    .sl-medical-council-div .payment-detail {
        flex-direction: row !important;
    }

    .certification-info-div {
        display: flex;
    }

    .profile-info-div {
        display: flex;
    }

    .profile-info-div-outer {
        display: flex;
    }

    .profile-pic-form {
        margin-bottom: 0px;
    }

    .active-label {
        margin-top: 0px;
    }

    .info-div-right {
        display: flex;
    }

    .gap-16 {
        gap: 16px;
    }

    .personal-info-detail h6 {
        margin: 10px 0px 20px 36px;
    }

    .tabs {
        padding: 32px;
    }

    .tabs label {
        padding: 12px;
        margin-bottom: 30px;
    }

    .header-container {
        padding: 12px 0px;
        margin: 0px 32px;
    }

    .renewal-right-div {
        margin-top: 32px;
    }

    .font-24-32-400 {
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 992px) {

    .nav-web {
        display: flex !important;
    }

    .nav-mobile {
        display: none !important;
    }

    .side-bar-header {
        padding: 20px 12px;
    }

    .header {
        padding: 20px 0px;
    }

    header .logo {
        height: 60px;
    }

    .register-page-img-div {
        margin-top: 0px;
    }

    .btn-outer-div {
        justify-content: end;
    }

    .register-page-left {
        padding-right: 50px;
    }

    .privacy-web {
        display: flex !important;
    }

    .privacy-mobile {
        display: none !important;
    }

    .login-img-div-mobile {
        display: none !important;
    }

    .section-padding {
        padding: 64px 0px;
    }

    form {
        margin-top: 48px;
    }

    .login-page-img-div {
        display: block;
    }

    .privacy-and-terms {
        margin-top: 0px;
    }

    .privacy-and-terms {
        justify-content: start;
    }

    .renewal-left-header {
        display: flex;
    }

    main {
        margin-top: 64px;
    }

    .search-bar {
        width: 335px;
    }

    .last-month-search-div-outer {
        display: flex;
    }

    .last-month-search-div {
        margin-bottom: 0px;
    }

    .horiz-line {
        display: block;
    }

    .renewal-left-header label {
        padding: 12px;
    }

    span.font-16-24-600 {
        font-size: 16px;
    }

    .payment-successful-div,
    .dashboard-div {
        padding: 40px;
    }

    .recent-activity-div {
        display: flex;
    }

    .recent-activity-div h3 {
        margin: 0px;
    }

    .renew-before-div {
        display: flex;
    }

    .renew-before-div a {
        margin-top: 0px;
    }

    .recent-activity-div-inner {
        flex-direction: row !important;
    }

    .dashboard-nav {
        display: flex !important;
        justify-content: space-between;
    }

    main {
        margin-left: 270px;
        padding: 48px;
    }

    .dashboard-help-and-logout {
        margin-top: auto;
        margin-bottom: 76px;
    }
}

@media only screen and (min-width: 1024px) {}

@media only screen and (min-width: 1200px) {
    .navbar-nav {
        gap: 48px;
    }

    .register-page-left {
        padding-right: 100px;
    }

    /* .renewal-right-div-top {
        display: block;
    } */

    /* .dashboard-nav {
        display: flex !important;
        justify-content: space-between;
    }

    main {
        margin-left: 300px;
        padding: 48px;
    } */

    .renewal-left-header {
        display: flex;
    }

    .gap-64 {
        gap: 48px;
    }

    .payment-successful-div,
    .dashboard-div {
        padding: 48px;
    }

    .last-month-search-div-outer {
        display: block;
    }

    .last-month-search-div {
        margin-bottom: 10px;
    }

    .recent-activity-div {
        border-radius: 4px;
        background-color: #F7F7F7;
        padding: 24px;
    }

    .dashboard-nav-item svg {
        width: 20px;
        height: 20px;
    }

    .dashboard-nav-item a {
        line-height: 20px;
    }

    .dashboard-nav {
        width: 300px;
        padding: 48px 24px;
    }

    main {
        margin-left: 300px;
    }

    main {
        margin-top: 96px;
    }
}

@media only screen and (min-width: 1400px) {


    .container {
        max-width: calc(100% - 400px);
    }

    .last-month-search-div-outer {
        display: flex;
    }

    .last-month-search-div {
        margin-bottom: 0px;
    }

    .table-container table {
        min-width: 100%;
    }

    .general-info-search-div-outer {
        display: flex;
    }

    .general-info-search-div-outer nav {
        margin: 0px;
    }

    .progress {
        width: 716px;
    }

    .application-sub-div {
        display: flex;
    }

    .application-submission-date-field {
        margin-bottom: 0px;
    }

    .how-many-days {
        display: flex;
    }

    .no-of-days-div {
        margin-top: 0px;
    }

    .sl-medical-council-div {
        padding: 0px 100px;
    }
}

@media only screen and (min-width: 1450px) {}

@media only screen and (min-width: 1900px) {

    .register-page-left {
        padding-left: 40px;
        padding-right: 240px;
    }

    .register-page-left,
    .register-page-img-div {
        height: calc(100vh - 228px);
    }

    .register-page-img-div img {
        display: none;
    }

    .register-page-img-div {
        background-image: url(../img/register-page-img.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 28px;
    }

    .login-page-img-div {
        background-image: url(../img/login-page-img.png);
    }

    /* main .container{
        margin: 0;
        padding: 48px 64px;
        max-width: 100%;
    } */

    .renewal-main {
        display: flex;
    }

    .renewal-right-div {
        width: 534px;
        margin-top: 0px;
    }

    .renewal-left-div {
        padding: 60px;
    }

    .faq-section {
        padding: 48px 200px;
    }

    .gap-64 {
        gap: 64px;
    }

    .payment-successful-div,
    .dashboard-div {
        padding: 64px;
    }

    main {
        padding: 48px 64px;
    }

    .sl-medical-council-div {
        padding: 0px 300px;
    }
}