@media only screen and (min-width:1200px) {
    .mb-0-1200 {
        margin-bottom: 0;
    }

    .page-heading,
    .dash_headBox.only-heading {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .onMobileBg {
        background: #fff;
    }

    .dashIconFold {
        display: none;
    }


    .sidenav_logo {

        text-align: center;
        padding: 30px 0;
    }

    .sidenav_logo img {
        max-width: 136px;
        margin: 0 auto;
    }

    .sidenav_logo .logo_fold {
        display: none;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

    .is-folded .sidenav_logo .logo_fold {
        display: block;
    }

    .is-folded .sidenav_logo .webLogo {
        display: none;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

    .mainLayout {
        padding: 30px;
    }

    .dash_header {
        width: 100%;
        top: 30px;
    }

    .nav_dash_wrap {
        border-radius: 18px;
        margin: 0 0 0 30px;
    }

    .dash_header .dash_logo {
        border-radius: 18px 18px 0 0;
        justify-content: center;
        padding: 40px 0 0 0;
    }

    .side_nav {
        bottom: 30px;
        top: auto;
        border-radius: 18px;
    }

    .mobileLogo {
        display: none;
    }

    .dash_logo {
        visibility: hidden;
        pointer-events: none;
    }

    .is-folded .side_nav {
        width: 80px
    }

    .is-folded .side_nav .side_nav_inner .sideNav_menu {
        overflow-x: hidden
    }

    .is-folded .side_nav .dash_nav_item>a {
        justify-content: center;
        /* width: 57px; */
        height: 57px;
        /* border-radius: 15px; */
    }

    .is-folded .side_nav .dash_nav_item {
        padding: 5px 0 5px 12px;
    }

    /* .is-folded .side_nav:not(:hover) .dash_nav_item>a.active::before,
    .is-folded .side_nav:not(:hover) .dash_nav_item>a.active::after {
        display: none;
    } */

    .is-folded .side_nav .logoutBtn span {
        display: none;
    }


    .is-folded .side_nav:hover .dash_nav_item>a {
        width: 100%;
    }

    .is-folded .side_nav .side_nav_inner .sideNav_menu>li>a .title_dash_nav {
        display: none
    }

    .is-folded .side_nav .side_nav_inner .sideNav_menu li .icon_holder {
        flex: 0 0 21px;
    }

    .is-folded .side_nav .side_nav_inner .sideNav_menu li .arrowIconSubmenu {
        opacity: 0
    }

    .is-folded .side_nav .side_nav_inner .sideNav_menu li .subMenuSide {
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
    }

    /* .is-folded .side_nav:hover {
        width: 280px
    } */

    /* .is-folded .side_nav:hover .side_nav_inner .sideNav_menu>li>a .title_dash_nav {
        display: inline-block
    } */

    .is-folded .side_nav:hover .side_nav_inner .sideNav_menu li .arrowIconSubmenu {
        opacity: 1
    }

    /* .is-folded .side_nav:hover .side_nav_inner .sideNav_menu li .subMenuSide.show {
        height: auto;
        display: block;
    } */

    .is-folded .side_nav:hover .side_nav_inner .sideNav_menu li .icon_holder {
        flex: 0 0 40px;
        text-align: center;
    }


    .is-folded .dash_header .dash_logo {
        width: 80px
    }

    .is-folded .dash_header .dash_logo img {
        display: none
    }

    .is-folded .dash_header .dash_logo .logo_fold {
        display: block;
        height: 51px;
        width: 100;
    }

    .is-folded .page_container {
        padding-left: 80px
    }



}

@media (min-width:768px) {}

@media only screen and (min-width: 1200px) and (max-width:1399.98px) {
    .dashboard-stats.stats-4 li {
        width: calc(100% /2);
    }

    .searchFilteHome .form-control {
        width: 310px;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199.98px) {
    .dashboard-stats.stats-4 li {
        width: calc(100% /2);
    }
    .states-figure {
        font-size: 28px;
    }

    .states-title {
        font-size: 17px;
    }

    .states-icon {
        flex: 0 0 60px;
        margin-right: 15px;
        max-width: 60px;
        height: 60px;
        line-height: 60px;
    }

    /* .dashboard-stats-box { 
        flex-direction: column;
    } */

    .table {
        white-space: nowrap;
    }

    .nav_dash_wrap {
        margin: 0;
    }

    .dash_nav_item a {
        font-size: 16px;
    }

    .side_nav {
        width: 240px;
    }

    .page_container {
        padding-left: 240px;
    }

    .nav_dash_wrpLeft {
        display: none;
    }

    .nav_dash_wrpRight {
        flex: auto;
    }

    .searchFilteHome {
        width: 100%;
    }

    .searchFilteHome .form-control {
        width: 100%;
    }

    .blue-ellipse {
        width: 164px;
        height: 70px;
        background-size: cover;
    }

    .ellise-blue {
        right: 33%;
    }

    .crm-img {
        max-width: 340px;
    }

    .siteLogo {
        padding-left: 30px;
        padding-top: 40px;
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 991.98px) {
    .dashboard-stats.stats-4 li {
        width: calc(100% /2);
    }

    .states-title {
        font-size: 16px;
    }

    .states-icon {
        flex: 0 0 60px;
        margin-right: 15px;
        max-width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .table {
        white-space: nowrap;
    }

    .main_content {
        padding: 25px 15px;
    }

    .dash_header {
        background: var(--primary-color);
    }

    .nav_dash_wrpRight {
        flex: auto;
    }

    .searchFilteHome {
        width: 100%;
    }

    .searchFilteHome .form-control {
        width: 100%;
    }

    .dash_nav_item {
        padding: 5px 17px 5px 17px;
    }

    .dash_nav_item a.active::before,
    .dash_nav_item a.active::after {
        display: none;
    }

    .dash_nav_item a {
        border-radius: 50px;
    }

    .side_nav {
        top: 0;
    }

    .sidenav_logo {
        display: none;
    }

    .formChangeLink {
        margin: 40px 0 0;
    }

    .formSection {
        position: relative;
    }

    .formSection::before {
        background: #0000002b;
        width: 100%;
        height: 100%;
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        z-index: 1;
    }

    .mobileLogo {
        text-align: center;
        margin: 0 auto 30px;
    }

    .side-panel {
        display: none;
    }

    .formCard {
        background: #fff;
        padding: 30px;
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .onMobileBg {
        padding: 30px 20px;
    }

    .siteLogo {
        padding: 20px;
        text-align: center;
    }

    .onMobileBg::before {
        display: none;
    }

    .vectorImg {
        display: none;
    }

    .formSideImage {
        width: 100%;
        left: 0;
    }

    .ellipse-cirlce-w,
    .blue-ellipse,
    .ellise-blue {
        display: none;
    }

    .siteLogo {
        padding-left: 30px;
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .blue-ellipse {
        width: 164px;
        height: 70px;
        background-size: cover;
    }

    .ellise-blue {
        right: 30%;
    }

    .side_nav .side_nav_inner .sideNav_menu {
        padding-top: 24px;
        height: calc(100vh - 85px);
    }

    .side_nav {
        left: -325px
    }

    .page_container {
        padding-left: 0px
    }


    .is-folded .side_nav {
        left: 0;
    }

    .dash_header .dash_logo {
        width: auto;
        /* width: 235px; */
        /* background: transparent; */
        border-bottom: 1px solid rgba(190, 209, 235, .3);
    }

    .dashIconFold svg path {
        fill: #fff;
    }

    .nav_dash_wrap {
        justify-content: flex-end;
        align-items: center;
        background: transparent;
        flex-direction: row-reverse;
    }

    .dashIconFold {
        margin-right: 0;
    }

    .nav_dash_wrpRight {
        margin-left: auto;
    }

    .dash_userProfile {
        display: none;
    }

    .is-folded .dashBoard_overLay {
        visibility: visible;
        opacity: 1;
    }

    .crm-img {
        max-width: 280px;
    }
}



@media (max-width:767.98px) {
    .proFlexName h1 {
        font-size: 20px;
    }
    .avatar-upload .avatar-preview {
        width: 90px;
        height: 90px;
    }
    .form-btns .btn {
        min-width: 120px;
    }

    .dashboard-stats {
        /* flex-direction: column; */
        margin-bottom: 25px;
    }

    .dashboard-stats li {
        margin: 5px 0;
        width: 100%;
    }

    #searchToggle {
        cursor: pointer;
        background: var(--white-color);
        color: #53535f;
        display: flex;
        line-height: 1;
        width: 50px;
        height: 50px;
        border-radius: 14px;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        border: 1px solid #E4E6E7;
    }

    .searchFilteHome {
        display: none;
        position: fixed;
        top: 70px;
        background-color: #d6e1ec;
        width: 100%;
        padding: 5px;
        left: 0;
    }

    .searchFilteHome .form-control {
        height: 45px;
        background-position: 12px 13px;
    }

    .searchFilteHome.showSearch {
        display: block;
    }

    .dash_logo a>img {
        display: none;
    }

    .dash_logo .logo_fold {
        display: block;
        max-height: 45px;
    }

    .formTitle {
        font-size: 32px;
    }

    .formHeader {
        margin: 0 0 27px;
    }

    .breadcrumb_linkBox .breadcrumb-item+.breadcrumb-item::before {
        width: 17px;
        height: 10px;
        background-size: 7px;
        margin-top: 3px;
    }

    .breadcrumb-item {
        font-size: 11px;
    }

    .filter-header.dash_headBox {
        flex-direction: column;
    }

    .filter-search {
        padding: 20px 18px 30px;
    }

    .white_mainBox {
        padding: 30px 20px;
    }

    .custom-nav .nav .nav-link {
        font-size: 16px;
        padding: 0 10px 20px;
    }

    .custom-nav .nav {
        gap: 10px;
    }

    .form-control {
        min-height: 45px;
    }

    .select2-container .select2-selection--single {
        min-height: 45px;
    }

    .form-group {
        margin-bottom: 20px;
    }

    .orBox {
        height: 1px;
        border-left: unset;
        float: unset;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #ddd;
        margin: 50px 0 35px;
    }

    .or-text {
        left: 50%;
    }

    .no-account {
        justify-content: flex-start;
    }

    .dash_header {
        height: 70px;
    }

    .nav_dash_wrap {
        padding: 5px 15px;
    }

    .dash_header .dash_logo {
        padding-left: 15px;
    }

    .btn-primary {
        font-size: 17px;
        padding: 13px 15px 9px;
    }

    .page-heading {
        font-size: 24px;
        padding-top: 8px;
    }

    /* .main_content {
        padding: calc(70px + 15px) 15px 15px;
    } */

    /* .side_nav {
        top: 70px;
    } */

    .form_input_box .form-group {
        margin-bottom: 16px;
    }

    .login-header {
        margin-bottom: 30px;
    }

    .info-data {
        flex: 1 1 calc(100% - 230px);
        white-space: normal;
        word-break: break-word;
        font-size: 14px;
        padding-top: 62px;
    }

    .info-lable {
        flex: 0 1 140px;
        font-size: 14px;
    }
}


@media (max-width:575.98px) {
    .dashboard-stats.stats-4 li {
        width: 100%
    }
    .otp_verification {
        gap: 6%;
    }

    .dash_header .dash_logo {
        /* width: 85px; */
        width: auto;
    }

    .filter-header .btn-md {
        font-size: 14px;
        padding: 8px 10px;
    }

    .custom-nav .nav .nav-link {
        font-size: 14px;
    }

    .login-box {
        min-width: 100%;
        padding: 30px 16px;
    }

    .dash_header .dash_logo img {
        display: none;
    }

    /* .dash_header .dash_logo .logo_fold {
        display: block;
        height: 60px;
        width: 45px;
    } */
    .dash_header .dash_logo .logo_fold {
        display: block;
        max-width: 45px;
    }

    .side_nav {
        width: 255px;
    }

    .dash_nav_item {
        padding: 5px 9px;
    }
}