@media (max-width: 2000px) {
    .containbody {
        padding-left: 195px;
    }
}

@media (max-width: 1500px) {
    .containbody {
        padding-left: 200px;
    }

    header {
        position: fixed;
        right: 0;
        padding-left: 250px;
    }

    .containbody.activated header {
        padding-left: 0;
    }

    .sidenav {
        z-index: 999;
    }
}

@media (max-width: 1280px) {
    .nav-toggle.on {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    header {
        position: fixed;
        right: 0;
        padding-left: 0;
    }

    .rightside {
        gap: 5px;
        padding: 0;
        width: auto;
    }

    .containbody.activated .rightside {
        width: 100%;
        padding-left: 200px;
        padding-right: 50px;
    }

    .containbody {
        margin: 0;
        padding: 0px 0;
        padding-left: 0;
    }

    .sidenav.activated {
        display: block;
        left: 0 !important;
    }

    .containbody.activated {
        padding-left: 0;
    }

    .sidenav {
        width: 200px;
        display: none;
    }

    .sidenav .logo a {
        padding: 10px;
    }

    nav ul li {
        margin: 8px 0px;
    }

    nav ul li a,
    .logout a {
        font-size: 12px;
        padding: 6px 20px 8px 10px;
        gap: 10px;
        font-weight: 400;
    }

    nav ul li a span,
    .logout a span {
        width: 20px;
        height: 20px;
    }

    .logout {
        margin: 5px 10px;
        padding: 5px 10px;
    }

    nav {
        height: calc(100% - 70px);
    }

    .loginsect {
        background-size: cover;
        background-position: center;
        padding: 20px 0px;
        height: 100vh;
    }

    .login-box {
        width: 100%;
        display: flex;
        flex-direction: row;
        border-radius: 20px;
        overflow: hidden;
        background: #fff;
        justify-content: space-between;
    }

    .form-group {
        width: calc(96% / 2);
        margin-right: 10px;
        margin-bottom: 15px;
    }

    .profile-img {
        padding: 5px;
        margin: 0 auto;
        margin-bottom: 30px;
        text-align: center;
    }

    .profile-img img {
        width: 80px;
        height: 80px;
    }

    .profile-img ul li {
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }

    .servboxsec span {
        width: 40px;
        height: 40px;
    }

    .shadowbox .textares h3 {
        font-size: 15px;
    }

    .shadowbox .textares p {
        font-size: 11px;
        margin-top: 0;
    }

    .shadowbox .pint {
        right: 5px;
        top: 6px;
    }

    .shadowbox .pint span {
        padding: 5px 10px;
        font-size: 9px;
    }

    .shadowbox {
        width: 100%;
        padding: 15px;
        gap: 10px;
        margin-bottom: 20px;
    }

    .calendar-header {
        margin-bottom: 10px;
    }

    .week-days {
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 0.3px;
        gap: 5px;
    }

    .calendar .day {
        font-size: 13px;
        line-height: 25px;
        font-weight: 500;
        width: 25px;
        height: 25px;
    }

    .sucessrate {
        padding: 10px;
    }

    .topsectile {
        gap: 0px;
    }

    .topsectile .form-control {
        width: 75px;
        padding: 5px 1px;
        font-size: 12px;
        letter-spacing: 0px;
    }

    .command .titlebox {
        margin-bottom: 10px;
    }

    .login-form {
        padding: 30px;
        border-radius: unset;
        height: 100%;
        width: 100%;
    }

    .login-form img {
        margin: 0px auto 30px;
    }

    .login-form h3 {
        font-size: 20px;
        font-weight: 800;
        margin-bottom: 25px;
    }

    .form-group label {
        font-size: 10px;
        margin-bottom: 5px;
    }

    .login-img img {
        height: 100%;
        object-fit: contain;
        object-position: bottom;
    }

    .login-img {
        padding: 40px 0px 0px;
        border-radius: unset;
        width: 100%;
    }

    .command {
        margin: 20px 0;
    }

    .welcome h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .welcome p {
        font-size: 14px;
    }

    .command .titlebox {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .listsec {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        margin-bottom: 20px;
        flex-direction: column;
    }

    .listsec .iconsec {
        width: 25px;
        height: 35px;
    }

    .listsec .iconsec img {
        width: 100%;
    }

    .listsec .textar {
        font-size: 12px;
        display: inline-block;
    }

    .listsec .texasec p {
        margin-bottom: 5px;
    }

    .listsec .cansecare {
        font-size: 12px;
    }

    .topsectile {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        flex-direction: column;
    }

    .topsectile .ratebox h6 {
        font-size: 11px;
    }

    .topsectile .ratebox h6 span {
        width: 18px;
        height: 15px;
    }

    .container .col-md-6.col-lg-4 {
        margin-top: 20px;
    }

    .form-group .form-control {
        height: 40px;
        font-size: 11px;
    }

    .form-group:nth-child(3n) {
        margin-right: 10px;
    }

    .form-group:nth-child(2n) {
        margin-right: 0;
    }

    table.table.smallbtnsec {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        display: inline-table;
    }

    .breadcrumb {
        padding: 20px 30px;
        margin: 0px auto 0px;
        width: 100%;
    }

    .breadcrumb h2 {
        font-size: 16px;
        font-weight: 700;
    }

    .breadcrumb p {
        font-size: 13px;
        margin-top: 5px;
    }

    .searchbox .form-control {
        font-size: 12px;
        padding: 0px 30px;
        padding-left: 85px;
        height: 40px;
    }

    .searchbox label {
        font-size: 13px;
        align-items: center;
        justify-content: center;
        padding: 0px 15px;
    }

    table td,
    table th {
        padding: 5px 5px !important;
        font-size: 10px !important;
        line-height: 20px;
    }

    .filedownload {
        padding: 10px 30px;
    }

    .filedownload a {
        font-size: 13px;
        gap: 10px;
    }

    .tab-container {
        margin: 0px;
        padding: 20px;
    }

    .tab-menu ul li {
        padding-right: 15px;
        margin-right: 15px;
    }

    .tab-menu ul li a {
        padding: 10px 10px;
        border-radius: 25px;
        font-size: 11px;
        padding-right: 10px;
    }

    .tab-menu ul li a span {
        background: unset;
        padding: 0;
        border-radius: 20px;
        font-size: 10px;
    }

    .shomabodi {
        padding: 10px 10px;
    }

    .shomabodi h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .shomabodi p {
        font-size: 12px;
        margin: 0px 0px 15px;
        line-height: 25px;
    }

    .shomabodi ul li {
        font-size: 12px;
        line-height: 25px;
        margin: 0px 0px 10px;
    }

    .shomabodi h5 {
        font-size: 14px;
        margin: 20px 0px 15px;
    }

    thead tr th {
        font-size: 11px !important;
        padding: 10px 10px !important;
        line-height: 14px;
    }

    tbody tr td span {
        font-size: 10px;
        padding: 5px 10px;
        border-radius: 3px;
    }

    .submis-form {
        padding: 20px;
    }

    .form-control {
        height: 40px;
        padding: 5px 14px;
        font-size: 11px;
    }

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

    .doi-table h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .submis-form .filedrop {
        width: 100%;
    }

    .filedrop img {
        width: 30px;
        margin: 0px auto 10px;
    }

    .plagicheck {
        padding: 20px;
    }

    .plagicheck h3 {
        font-size: 14px;
        border-bottom: 1px solid #d3d3d3;
        padding-bottom: 9px;
        margin-bottom: 25px;
    }

    .plagicheck-sect form .form-group {
        width: 100%;
    }

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

    .plagicheck-form h4 {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .plagicheck-form p {
        font-size: 12px;
        margin: 20px 0px 0px;
    }

    tr td .padding,
    tr td .process,
    tr td .fail {
        width: 100%;
        height: 100%;
        font-size: 8px;
    }

    .doigeneg-sect {
        padding: 30px 10px;
    }

    .doi-termcondi h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .doi-termcondi ul li {
        font-size: 13px;
        line-height: 25px;
    }

    .doi-form .form-group {
        width: 100%;
        margin-right: 0;
    }

    .conte-head {
        padding: 10px 0px 15px;
    }

    header .center-header {
        width: calc(100% /1.5);
    }

    .modal-content {
        width: 95%;
    }

    .select2-container {
        width: 100% !important;
    }

    .tableecdived .doi-table .form-group {
        width: 100%;
    }

    .formdivsection .form-group {
        width: calc(93% / 3);
        margin: 0px 0px 15px;
    }

    .artadd .form-group.fullinput .inputbox {
        width: calc(100% / 1.4);
    }

    .largedatatable {
        display: inline-block;
    }

    .plagicheck-form .form-group {
        margin-right: 4px;
    }

}

@media (max-width: 767px) {
    .sidenav {
        width: 200px;
        display: none;
    }

    .sidenav.activated {
        display: block;
        left: 0 !important;
    }

    .sidenav .logo a {
        padding: 4px;
    }

    nav ul {
        padding: 10px 5px;
    }

    nav ul li {
        position: relative;
        padding: 0;
        width: 100%;
        display: block;
        z-index: 1;
        transition: 0.5s all linear;
        border-bottom: 1px solid #3569f2;
        margin: 8px 0px;
    }

    nav ul li a,
    .logout a {
        font-size: 12px;
        padding: 8px 10px 8px 10px;
        gap: 5px;
        letter-spacing: 0;
        align-items: center;
    }

    nav ul li a span,
    .logout a span {
        width: 20px;
        height: 20px;
        margin: 0;
        transition: 0.5s all linear;
        padding: 0;
    }

    nav ul li.active ul {
        padding-bottom: 0;
        padding-top: 8px;
    }

    nav ul li.active ul li {
        line-height: 30px;
    }

    footer p {
        font-size: 12px;
    }

    .nav-toggle {
        width: 30px;
        height: 35px;
        padding: 2px 5px;
    }

    .nav-toggle div {
        width: 100%;
        height: 2px;
        margin: 6px auto;
    }

    .rightside {
        gap: 5px;
        padding: 0;
        width: auto;
    }

    .serach {
        width: 200px;
        height: 35px;
    }

    .serach span {
        width: 25px;
        height: 25px;
        left: 5px;
    }

    .serach .form-control {
        padding: 0px 20px 0px 35px;
        height: 35px;
        font-size: 10px;
    }

    .notifited {
        width: 30px;
        height: 30px;
        font-size: 18px;
        margin: 0;
    }

    .notifited span.coutn {
        top: 4px;
        width: 12px;
        height: 12px;
        font-weight: 800;
        right: 0px;
    }

    .userprofile {
        width: 60px;
        height: 35px;
    }

    .userprofile li span {
        width: 35px;
    }

    .userprofile li a {
        padding-right: 5px;
        font-size: 12px;
    }

    .userprofile li.dropnav.active ul {
        width: 120px;
        top: 140%;
        padding: 5px;
    }

    .userprofile li ul li a {
        gap: 5px;
    }

    .userprofile li ul li span {
        width: 20px;
    }

    .containbody {
        margin: 0;
        padding: 0px 0;
        padding-left: 0;
    }

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

    .logout {
        position: relative;
        margin: 5px 5px;
        background: #FFEFEF;
        padding: 5px 20px;
        border-radius: 4px;
        border: 1px solid #FFEFEF;
    }

    nav {
        height: calc(100% - 60px);
    }

    .shadowbox {
        margin: 0px auto 10px;
        padding: 10px 16px;
        gap: 20px;
    }

    .colorsecare h3 {
        margin-bottom: 10px;
    }

    .form-group {
        width: 100% !important;
    }

    .profile-form a {
        margin: 20px 0px 0px;
    }

    .colorsecare .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .breadcrumb h2 {
        font-size: 16px;
    }

    .breadcrumb p {
        font-size: 12px;
        margin-top: 5px;
    }

    .login-form {
        padding: 30px 30px 50px;
        border-radius: unset;
        height: 100%;
    }

    .login-form h3 {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 30px;
        font-weight: 800;
    }

    .form-group label {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .form-check.form-switch label {
        font-size: 12px;
    }

    .login-img {
        padding: 50px 0px 0px;
        ;
        border-radius: unset;
    }

    .login-box {
        flex-direction: column;
        border-radius: 20px;
    }

    .loginsect {
        padding: 20px 0px;
        height: 100%;
    }

    .command {
        margin: 20px auto;
    }

    .bodypart {
        padding: 80px 10px 10px;
    }

    .welcome h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .welcome p {
        font-size: 12px;
    }

    .servboxsec {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;
    }

    .shadowbox .pint span {
        padding: 5px 15px;
        font-size: 10px;
        border: unset;
    }

    .command .titlebox {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .listsec {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        margin-bottom: 20px;
        flex-direction: column;
    }

    .listsec .iconsec {
        width: 25px;
        height: 35px;
    }

    .listsec .iconsec img {
        width: 100%;
        margin: 0 auto;
    }

    .listsec .texasec {
        gap: 15px;
        justify-content: space-between;
        align-items: flex-start;
    }

    .listsec .texasec p {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .listsec .cansecare {
        font-size: 12px;
        color: #5f5d5d;
    }

    .buttonsec {
        padding: 8px 10px;
        font-size: 14px;
    }

    .topsectile .ratebox h6 {
        display: flex;
        font-size: 12px;
        align-items: flex-start;
    }

    .nav-toggle.on {
        position: relative;
        top: 0;
        right: 0;
    }

    .containbody.activated .rightside {
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .servboxsec span {
        width: 45px;
        height: 45px;
    }

    .shadowbox .pint {
        right: 10px;
        top: 10px;
    }

    .searchbox .form-control {
        padding: 0px 5px 0px 70px;
        font-size: 12px;
    }

    .filedownload {
        padding: 5px 8px;
        width: auto;
    }

    .searchfilter {
        margin: 0px 0px 20px;
        gap: 10px;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .searchbox label {
        width: 60px;
        font-size: 10px;
    }

    .filedownload a {
        gap: 5px;
    }

    .tab-container {
        margin: 0px;
        padding: 20px 5px;
    }

    .tab-menu ul li:after {
        width: 15px;
        height: 15px;
        left: 0;
        right: 0;
        top: 39px;
        margin: 0px auto;
        display: none;
    }

    .tab-menu ul li:before {
        width: 2px;
        height: 100%;
        left: 0;
        right: 0px;
        display: none;
    }

    .tab-menu ul li {
        padding-right: 0px;
        margin-right: 0px;
        width: calc(98% /2);
        padding-bottom: 15px;
    }

    .conte-head {
        padding: 0px 0px 15px;
        margin: 0px 0px 10px;
    }

    .shomabodi {
        padding: 0px 0px;
    }

    .tab-menu ul li a {
        padding: 5px 15px 5px 5px;
        border-radius: 30px;
        text-align: left;
        font-size: 11px;
        width: 100%;
        display: flex;
        height: 40px;
        justify-content: flex-start;
        line-height: 12px;
        align-items: center;
    }

    .tab-menu ul li a span {
        padding: 15px 10px;
        border-radius: 20px;
        margin-right: 6px;
        line-height: 0;
    }

    .tab-container {
        margin: 20px 0px;
        padding: 20px;
    }

    table.table.smallbtnsec {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        display: inline-block;
    }

    header {
        padding: 10px 10px;
        width: 100%;
        height: 65px;
        top: 0;
    }

    .doigeneg-sect {
        padding: 30px 10px;
        margin: 0px auto;
    }

    .doi-termcondi h3 {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .doi-termcondi ul li {
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .doi-form .form-group {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    nav ul li a b {
        position: absolute;
        right: 10px;
        font-size: 10px;
        top: 8px;
    }

    .breadcrumb {
        padding: 20px 30px;
        margin: 0px auto 0px;
    }

    table td,
    table th {
        padding: 5px 5px !important;
        font-size: 11px !important;
        line-height: 15px;
    }

    .form-control {
        height: 40px;
        padding: 5px 14px;
        font-size: 12px;
    }

    .filedownload a {
        padding: 5px 5px;
        font-size: 12px;
        font-weight: 500;
        gap: 10px;
    }

    .tab-container .tab-menu {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .shomabodi h2 {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .shomabodi p {
        font-size: 12px;
        margin: 0px 0px 15px;
        line-height: 25px;
    }

    .shomabodi h5 {
        font-size: 13px;
        margin: 20px 0px 10px;
    }

    .colorsecare {
        padding: 30px 20px;
    }

    .shomabodi ul li {
        font-size: 12px;
        line-height: 25px;
        margin: 0px 0px 10px;
    }

    .form-check {
        font-size: 12px;
        line-height: 22px;
    }

    .submis-form {
        padding: 30px 20px;
        width: 100%;
    }

    .doi-table h3 {
        text-align: center;
        font-size: 15px;
        margin-bottom: 20px;
    }

    .form-group.filedrop {
        width: 100%;
    }

    .filedrop img {
        width: calc(100% / 7);
        margin: 0px auto 10px;
    }

    tr td .padding,
    tr td .process,
    tr td .fail {
        width: 100%;
        height: 100%;
        font-size: 10px;
    }

    .doi-form form {
        margin-bottom: 30px;
    }

    .conte-head.filtersecre {
        margin-top: 30px;
    }

    .searchbox {
        width: 100%;
    }

    .plagicheck {
        padding: 20px 20px;
    }

    .plagicheck h3 {
        font-size: 14px;
        border-bottom: 1px solid #d3d3d3;
        padding-bottom: 5px;
        margin-bottom: 25px;
        width: 100%;
    }

    .plagicheck-sect {
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }

    .plagicheck-form {
        margin: 0px;
        padding: 0px 0px;
    }

    .plagicheck-sect form .form-group {
        width: 100%;
        margin-right: 0;
    }

    .plagicheck-form h4 {
        font-size: 13px;
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .plagicheck-form p {
        font-size: 12px;
        margin: 20px 0px 10px;
    }

    .upload-table {
        flex-direction: column;
    }

    .submis-form .doi-table table tbody {
        width: auto;
        margin: 0 auto;
        display: block;
    }

    .submis-form .doi-table table {
        display: inline-block;
        width: 100%;
    }

    .largedatatable tr {
        margin-bottom: 20px;
        display: block;
        white-space: nowrap;
    }

    .table.largedatatable td span {
        background: unset;
        color: #000;
        letter-spacing: 0;
        padding: 0;
        border-radius: unset;
        font-size: 12px;
        font-weight: 700;
        display: block;
        width: 100%;
    }

    table.largedatatable td {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: flex-start;
        gap: 5px;
        flex-direction: column;
        flex-wrap: wrap;
        white-space: break-spaces;
        word-break: break-all;
        padding: 10px !important;
        align-content: flex-start;
    }

    table thead,
    table tbody {
        width: 100%;
        display: block;
    }

    .largedatatable {
        width: 100%;
        padding: 0px 0px 10px;
        overflow: unset;
        overflow-x: unset;
        display: inline-block;
    }

    .table.largedatatable td b {
        display: inline-block;
        width: 100%;
        word-break: break-all;
    }

    .table.largedatatable thead {
        display: none !important;
    }

    header .center-header {
        width: calc(100% / 1.7);
    }

    header .center-header h4 {
        font-size: 12px;
    }

    .dt-length .form-select.form-select-sm {
        margin: 0px 15px 0px 0px;
    }

    .topsectile .ratebox h6 span {
        width: 11px;
        height: 13px;
    }

    .tableecdived {
        flex-direction: column;
        gap: 50px;
    }

    .formdivsection .form-group {
        width: 100%;
    }

    .doi-form,
    .doi-table {
        margin: 0px 0px 30px;
    }

    .artadd.doigraed h4 {
        margin-bottom: 20px;
    }

    .artadd .form-group.fullinput {
        flex-direction: column;
    }

    .artadd .form-group.fullinput .inputbox {
        width: 100%;
    }

    .doi-table.recentecviews {
        margin-bottom: 0px;
    }

    .plagicheck-sect .filedrop {
        width: 100% !important;
    }

    .plagicheck-sect .filedrop p {
        font-size: 13px;
        padding: 0px 10px;
    }

    .plagicheck-form .btn-payment {
        font-size: 14px;
    }

    .plagicheck-form .form-check .form-check-label {
        font-size: 11px;
    }

    .totalbill h4 {
        margin: 0px 0px 20px !important;
    }

    .totalbill ul li {
        line-height: 20px;
        padding: 0px 12px 10px;
        font-size: 14px;
    }

    .plagiarism-sect .row {
        display: flex;
        flex-direction: column;
    }

    .plagiarism-sect table thead,
    table tbody {
        display: table-header-group !important;
    }

    .plagicheck h3 #backBtn {
        padding: 4px 8px;
        font-size: 13px;
    }

    .form-group.filedrop.plagicheck-form {
        flex-direction: column;
    }

    .plagicheck-form .download-invoic {
        gap: 15px;
        flex-direction: column;
        width: 100%;
    }

    .plagicheck-form .download-invoic a {
        font-size: 13px;
    }

    .flexbosecare .lartablist {
        flex-direction: column;
    }

    .flexdivsec {
        gap: 0px;
        flex-direction: column;
    }

    #previewList li {
        width: calc(100% / 1);
    }

    .maincontain ul li {
        padding: 5px 0px;
    }

    .maincontain h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .maincontain ul {
        margin-bottom: 10px;
    }

    .modal-content {
        top: 55%;
    }


}