@media (max-width: 1920px) {
    html {
        font-size: 9px;
    }
}

@media (max-width: 1799.98px) {
    html {
        font-size: 8.18px;
    }
}

@media (max-width: 1599.98px) {
    html {
        font-size: 7.2px;
    }
}

@media (max-width: 1399.98px) {
    html {
        font-size: 6px;
    }
}

@media (max-width: 1199.98px) {

    .show-sidebar,
    .closesidebar-btn {
        display: block;

    }

    .main-container:not(.sidebar-show) aside {
        left: -37.4rem;
    }

    aside {
        box-shadow: 0 0.4rem 2rem 0 #0000000D;
    }

    main {
        padding-left: 0;
        min-width: 0.1rem;
    }

    .login-container {
        padding: 5.7rem 0 10.7rem 5.4rem;
    }
}

@media (max-width: 991.98px) {
    .common-table .row:last-child .col-md-auto:first-child {
        position: unset;
        display: unset;
    }

    .common-table .row:last-child {
        flex-direction: unset;
    }

    .common-table .row:last-child .col-md-auto:last-child,
    .common-table .row:last-child .col-md-auto:first-child {
        margin: unset;
    }

    .login-container {
        flex-direction: column;
        padding: 5.7rem 5.4rem 0;
        row-gap: 8rem;
    }

    .common-form-group {
        column-gap: 4rem;
    }

    .multi-file-uploader {
        max-width: calc(100% - 24rem);
    }
    .usp-table .custom-table .t-heade, .usp-table .custom-table .tr {
        column-gap: 2.4rem;
    }
    .aftersales-table .custom-table .t-heade, .aftersales-table .custom-table .tr {
        column-gap: 1.2rem;
    }
    .usp-view-table .t-heade p:first-child, .usp-view-table .form-group:first-child{
        max-width: 10rem !important;
    }
    .usp-view-table.custom-table .t-heade, .usp-view-table.custom-table .tr{
        justify-content: unset;
    }
    .aftersales-view-table .t-heade p:nth-child(2), .aftersales-view-table .form-group:nth-child(2) {
        max-width: 19rem;
    }
    .service-fee-table .custom-table .tr{
        gap: 1.4rem;
    }

    .grid-view-footer .pagination,
    .grid-view-footer .dt-info{
        position: unset;
        margin-inline: unset;
    }
    .user-card{
        width: calc(25% - 1.58rem);
    }
}

@media (max-width: 767.98px) {
    .common-text-editor .ck.ck-reset.ck-editor.ck-rounded-corners {
        max-width: 49.6rem;
    }

    .multi-file-uploader {
        max-width: 100%;
    }

    .file-prev-info>img {
        width: 23rem;
        height: 14.6rem;
    }

    .file-prev-card {
        gap: 2.4rem;
    }

    .file-uploader>input[multiple]+.file-up-container.file-selected .file-sel-box {
        justify-content: start;
    }

    .file-uploader>input[multiple]+.file-up-container.file-selected .input-error {
        text-align: left;
        right: unset;
    }
    .custom-table .t-heade,
    .custom-table .tr{
        gap: 2.4rem;
    }
    
    .service-fee-table .custom-table .t-heade,
    .aftersales-table .custom-table .t-heade,
    .usp-table .custom-table .t-heade{
        display: none;
    }

    .service-fee-table .custom-table .tr label,
    .aftersales-table .custom-table .tr label,
    .usp-table .custom-table .tr label{
        display: block;
    }
    .service-fee-table .custom-table .tr,
    .aftersales-table .custom-table .tr,
    .usp-table .custom-table .tr {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .usp-table .form-group{
        width: 50% !important; 
        max-width: unset !important;
    }
    
    .service-fee-table .custom-table .form-group,
    .aftersales-table .custom-table .form-group,
    .usp-table .custom-table .form-group {
        order: 1;
    }

    .service-fee-table .custom-table .table-actions,
    .aftersales-table .custom-table .table-actions,
    .usp-table .custom-table .table-actions{
        justify-content: end;
    }
    .service-fee-table .custom-table .t-order,
    .aftersales-table .custom-table .t-order,
    .usp-table .custom-table .t-order{
        align-items: start;
        justify-content: start;
    }

    .service-fee-table .custom-table .form-group,
    .service-fee-table .custom-table .table-actions,
    .service-fee-table .custom-table .t-order,
    .aftersales-table .custom-table .form-group,
    .aftersales-table .custom-table .table-actions,
    .aftersales-table .custom-table .t-order,
    .usp-table .custom-table .table-actions,
    .usp-table .custom-table .form-group,
    .usp-table .custom-table .t-order{
        flex-basis: 47%;
    }
    .usp-table .custom-table .tr textarea{
        max-width: 50rem;
    }
    .aftersales-table .custom-table .tr {
        column-gap: 2.2rem;
    }

    .service-fee-table .form-group:nth-child(4),
    label.file-input,
    .service-fee-table .form-group:nth-child(3) {
        max-width: unset;
    }

    .service-fee-table .form-group:nth-child(3) input{
        max-width: unset;
    }
    .service-fee-table.custom-table .t-heade *:nth-child(1), .service-fee-table.custom-table .tr .form-group:nth-child(1) {
        max-width: 8rem;
    }
    .service-fee-table.custom-table .t-heade *:nth-child(2), .service-fee-table.custom-table .tr .form-group:nth-child(2) {
        max-width: 20rem;
    }
    .service-fee-table.custom-table .t-heade, .service-fee-table.custom-table .tr {
        column-gap: 2.8rem;
        justify-content: unset;
    }
    .grid-view-footer{
        flex-direction: column;
        margin-top: 3.2rem;
        align-items: center;
        row-gap: 2rem;
    }
    .user-card{
        width: calc(33.33% - 1.4rem);
    }
    .user-add-box{
        flex-direction: column;
    }
    .user-profile-img{
        width: fit-content;
    }
}

@media (max-width: 575.98px) {
    .top-bar {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .top-bar .main-search {
        order: 1;
        max-width: 100%;
    }

    .common-table .page-item .page-link {
        padding: 1.6rem 1.6rem;
    }

    .page-link.previous span,
    .page-link.next span {
        display: none;
    }

    .page-link.next img {
        rotate: 180deg;
    }

    .main-content,
    .top-bar {
        padding-inline: 2.1rem;
    }

    footer {
        padding: 2.1rem;
    }

    .border-box {
        padding: 2.6rem 3.4rem;
    }

    .common-form-group p,
    .common-form-group label {
        max-width: unset;
    }

    .input-parent {
        width: 100%;
    }

    .common-form-group {
        padding: 2.3rem 0;
        flex-direction: column;
        align-items: start;
    }

    .login-box {
        padding: 4.8rem 4rem;
    }

    .login-container {
        padding: 5.7rem 3.4rem 0;
    }

    .file-prev-info {
        flex-direction: column;
        align-items: center;
    }

    .file-prev-info .file-info {
        justify-content: center;
    }

    .file-details {
        width: auto;
        flex-grow: 0;
        flex-wrap: wrap;
    }
    .file-prev-action{
        margin-left: auto;
    }
    .custom-table .t-heade{
        display: none;
    }

    .custom-table-view .label,
    .custom-table .tr label{
        display: block;
    }
    
    .custom-table .tr{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .custom-table .t-order{
        flex-direction: unset;
    }
    .custom-table .form-group{
        order: 1;
        width: 100%;
        flex-basis: 100%;
    }
    .box-update {
        padding: 2.6rem 2.8rem;
    }
    .datepicker.dropdown-menu{
        max-width: 44rem;
    }
    .datepicker-centuries .century, .datepicker-decades .decade, .datepicker-years .year, .datepicker-months .month{
        margin: 0 0.4rem .6rem;
    }
    .alert{
        left: 2.1rem;
        right: 2.1rem;
        padding: 2.5rem;
        flex-wrap: wrap;
        bottom: -16.6rem;
    }
    .alert.show {
        bottom: 2.1rem;
    }
    .usp-table .custom-table .table-actions,
    .usp-table .custom-table .t-order{
        flex-basis: unset;
    }

    .service-fee-table .custom-table .form-group,
    .usp-table .custom-table .form-group{
        flex-basis: 100%;
    }

    .aftersales-view-table .form-group:first-child p,
    .aftersales-view-table .form-group:nth-child(2) p{
        flex-basis: unset;
    }

    .aftersales-view-table .form-group:first-child,
    .aftersales-view-table .form-group:nth-child(2),
    .usp-view-table .form-group:first-child{
        display: flex;
        gap: 2rem;
        max-width: unset;
    }
    .aftersales-view-table .tr,
    .usp-view-table .tr{
        flex-direction: column;
        align-items: start;
    }
    .mobile-view-table .t-order{
        width: 100%;
        justify-content: space-between;
    }
    .sub-heading {
        padding: 2.8rem 2.6rem;
    }
    .feature-add-btn {
        padding: 1.6rem 2.4rem;
    }
    .recent-product-slider{
        gap: 1.2rem;
    }
    .user-card{
        width: calc(50% - 1.05rem);
    }

    .link-account-modal .modal-dialog,
    .unlink-account-modal .modal-dialog,
    .user-img-upload .modal-dialog {
        max-width: 47.2rem;
        margin-inline: auto !important;
    }    
}