/* .container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

@media (min-width: 1352px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1352px;
    }
} */

@media (min-width: 1200px) {
    /* toggle css starts */

    .toggle-page .sidebar {
        width: 66px;
    }

    .toggle-page .sidebar-head-toggle {
        gap: 8px;
        flex-direction: column;
        align-items: flex-start;
    }

    .toggle-page .sidebar-logo {
        width: 42px;
        overflow: hidden;
        margin-left: 13px;
    }

    .toggle-page .sidebar-head {
        padding: 14px 0 10px;
    }

    .toggle-page .btn-ham {
        padding: 0 6px 5px !important;
        width: 65px;
    }

    .toggle-page .li-title {
        display: none;
    }

    .toggle-page .search-modal-btn ::-webkit-input-placeholder {
        color: transparent !important;
    }

    .toggle-page .search-modal-btn ::-moz-placeholder {
        color: transparent !important;
    }

    .toggle-page .search-modal-btn :-ms-input-placeholder{
        color: transparent !important;
    }

    .toggle-page .search-modal-btn :-moz-placeholder {
        color: transparent !important;
    }

    .toggle-page .sidebar-search .input-group .input-group-text {
        border-radius: 0 !important;
        padding: 5px !important;
        width: 64px;
        display: inline-flex;
        justify-content: center;
    }

    .toggle-page .sidebar-menu ul:not(:last-child) {
        margin-bottom: 0;
    }

    .toggle-page .sidebar-menu {
        padding-left: 0;
    }

    .toggle-page .sidebar-menu ul li a {
        border-radius: 0;
        padding: 12px 5px;
    }

    .toggle-page .menu-icon {
        width: 55px;
    }

    .toggle-page .sidebar-footer {
        position: fixed;
        z-index: 5;
        left: 0;
        bottom: 0;
        width: 66px;
        padding: 10px;
        justify-content: center;
        flex-direction: column;
        gap: 4;
    }

    .toggle-page .sidefooter-cnt h5,
    .toggle-page .sidebar-footer i {
        display: none;
    }

    .toggle-page .sidefooter-cnt p span {
        display: none;
    }

    .toggle-page .sidebar-footer-outer,
    .toggle-page .sidebar-footer {
        height: 66px;
    }

    .toggle-page .sidefooter-cnt p {
        font-size: 11px;
    }

    .toggle-page .sidebar-footer .dropdown-menu {
        transform: translate(216px, -68px) !important;
    }
/* toggle css ends */
}

@media (min-width: 992px){
    .modal-lg {
        --bs-modal-width: 932px !important;
    }

    .modal-xl {
        --bs-modal-width: 1132px !important;
    }

    .milestone-block .row > [class^='col-'] {
        /*flex: 1 0 0% !important;*/
    }
}

@media (max-width: 1199px){
    /* sidebar toggle starts */
    .wrapper {
        padding-left: 66px;
    }
    
    .sidebar {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10;
        width: 66px;
    }

    .toggle-page .sidebar {
        width: 300px !important;
        box-shadow: 0 4px 24px 0 rgba(62, 57, 107, 0.18);
    }

    .toggle-page .sidebar-head {
        padding: 24px;
    }

    .toggle-page .sidebar-head-toggle {
        gap: 16px;
        align-items: center;
        flex-direction: row;
    }

    .toggle-page .btn-ham {
        padding: 2px !important;
        width: auto;
    }

    .toggle-page .sidebar-logo {
        width: auto;
        margin-left: unset;
    }

    .toggle-page .sidebar-search .input-group .input-group-text {
        padding-left: 12px !important;
        padding-right: 0 !important;
        width: auto;
        display: inline-flex;
        justify-content: center;
        border-radius: 6px 0 0 6px !important;
    }

    .toggle-page .search-modal-btn ::-webkit-input-placeholder {
        color: #71717A !important;
    }

    .toggle-page .search-modal-btn ::-moz-placeholder {
        color: #71717A !important;
    }

    .toggle-page .search-modal-btn :-ms-input-placeholder{
        color: #71717A !important;
    }

    .toggle-page .search-modal-btn :-moz-placeholder {
        color: #71717A !important;
    }

    .toggle-page .li-title {
        display: block;
    }

    .toggle-page .sidebar-menu {
        padding-left: 24px;
    }

    .toggle-page .sidebar-menu ul li a {
        border-radius: 8px;
        padding: 12px;
    }

    .toggle-page .sidebar-menu ul:not(:last-child) {
        margin-bottom: 24px;
    }

    .toggle-page .sidebar-footer-outer, 
    .toggle-page .sidebar-footer {
        height: 62px;
    }

    .toggle-page .sidebar-footer {
        padding: 12px 24px;
        gap: 8px;
        width: 300px;
        flex-direction: row;
    }

    .toggle-page .sidefooter-cnt h5, 
    .toggle-page .sidebar-footer i {
        display: block;
    }

    .toggle-page .sidefooter-cnt p span {
        display: inline-block;
    }

    .toggle-page .menu-icon {
        width: 24px;
    }

    .toggle-page .sidefooter-cnt p {
        font-size: 12px;
    }

    .toggle-page .sidebar-footer .dropdown-menu {
        transform: translate(-14px, -60px) !important;
    }

     /* toggle css ends */

    .sidebar-head-toggle {
        gap: 8px;
        flex-direction: column;
        align-items: flex-start;
    }

    .sidebar-logo {
        width: 42px;
        overflow: hidden;
        margin-left: 13px;
    }

    .sidebar-head {
        padding: 14px 0 10px;
    }

    .btn-ham {
        padding: 0 6px 5px !important;
        width: 65px;
    }

    .li-title {
        display: none;
    }

    .search-modal-btn ::-webkit-input-placeholder {
        color: transparent !important;
    }

    .search-modal-btn ::-moz-placeholder {
        color: transparent !important;
    }

    .search-modal-btn :-ms-input-placeholder{
        color: transparent !important;
    }

    .search-modal-btn :-moz-placeholder {
        color: transparent !important;
    }

    .sidebar-search .input-group .input-group-text {
        border-radius: 0 !important;
        padding: 5px !important;
        width: 64px;
        display: inline-flex;
        justify-content: center;
    }

    .sidebar-menu ul:not(:last-child) {
        margin-bottom: 0;
    }

    .sidebar-menu {
        padding-left: 0;
    }

    .sidebar-menu ul li a {
        border-radius: 0;
        padding: 12px 5px;
    }

    .menu-icon {
        width: 55px;
    }

    .sidebar-footer {
        position: fixed;
        z-index: 5;
        left: 0;
        bottom: 0;
        width: 66px;
        padding: 10px;
        justify-content: center;
        flex-direction: column;
        gap: 8px;
    }

    .sidefooter-cnt h5,
    .sidebar-footer i {
        display: none;
    }

    .sidefooter-cnt p span {
        display: none;
    }

    .sidebar-footer-outer,
    .sidebar-footer {
        height: 66px;
    }

    .sidefooter-cnt p {
        font-size: 11px;
    }

    .sidebar-footer .dropdown-menu {
        transform: translate(216px, -68px) !important;
    }
    /* toggle css ends */
}

@media (max-width: 1600px){
    .ct-amt label,
    .item-p-health label {
        font-size: 15px;
    }

    .pen-pmt label {
        font-size: 15px;
    }

    .filter-title h3 {
        font-size: 15px;
    }

    .box-head {
        font-size: 38px;
    }

    .box-head span {
        font-size: 30px;
    }

    .miles-pmt p {
        font-size: 14px;
    }

    .p-health-mark {
        height: 80px;
        font-size: 36px;
    }

    .pen-pmt-progress p {
        font-size: 15px;
    }

    .pen-pmt-progress h4 {
        font-size: 22px;
    }

    .p-health-cnt {
        gap: 10px 15px;
    }

    .amt-cnt label {
        font-size: 15px;
    }

    .amt-cnt h3 {
        font-size: 24px;
    }

    .amt-cnt h3 span {
        font-size: 18px;
    }
}

@media (max-width: 1300px){
    .box-head {
        font-size: 28px;
    }

    .box-head span {
        font-size: 20px;
    }

    .p-health-mark {
        height: 60px;
        font-size: 27px;
    }

    .pen-pmt-progress h4 {
        font-size: 16px;
    }
}

@media (max-width: 991px){
    .login-sec {
        height: 100vh;
        overflow: auto;
    }
    
    .login-form-sec {
        flex-shrink: unset;
        overflow: unset;
        height: 100%;
    }

    .login-form-block {
        padding: 30px 30px;
    }

    .login-logo {
        margin-bottom: 40px;
    }

    .login-field-head h1 {
        font-size: 28px;
    }

    .mb-44 {
        margin-bottom: 30px !important;
    }

}

@media (max-width: 767px) {
   

}

@media (max-width: 575px){
   


}


@media (max-width: 420px){
    
}