@media (max-width: 1366.1px) {

    #ctscanlogic-local_haemorrhage .custom-control:nth-child(1),
    #mrilogic-local_haemorrhage .custom-control:nth-child(1) {
        margin-left: 50px
    }

    #ctscanlogic-remote_haemorrhage .custom-control:nth-child(1),
    #mrilogic-remote_haemorrhage .custom-control:nth-child(1) {
        margin-left: 80px
    }

    .site-login-box {
        max-width: 420px
    }

    .layout-fixed:not(.sidebar-collapse) .board-items-btns .btn {
        min-width: 100px;
        width: auto;
        max-width: calc(100% - (30%));
        white-space: normal;
    }
}

@media (max-width: 1298px) {

    html {
        font-size: 14px;


    }

}

@media (max-width: 1248px) {

    html {
        font-size: 13px;


    }

    .board-items-btns .btn {
        min-width: auto;
        width: auto
    }
}

@media (max-width: 1200px) {

    html {
        font-size: 14px;


    }

    .layout-fixed:not(.sidebar-collapse) .Case-Board-item h2 {
        min-width: 90px;
    }

    .sidebar-collapse .content-wrapper > .content.container-fluid {
        padding: 0 10px 0 30px;
    }

    .breadcrumb-box .container {

        padding: 0 15px
    }

    .navbar-expand .header-nav .navbar-nav .nav-link {
        padding: 0 2px;
        font-size: 1rem;
        height: 2rem
    }

    .dashboard-list-info-Patient .code a {

        font-size: 1rem;
    }

    .dashboard-list-info-Patient .code .col-patain-name a {
        border-bottom: 1px solid #b7aff4;
        padding: 7px 18px 7px 5px
    }

    #ctscanlogic-local_haemorrhage .custom-control:nth-child(1),
    #mrilogic-local_haemorrhage .custom-control:nth-child(1) {
        margin-left: 5px
    }

    #ctscanlogic-remote_haemorrhage .custom-control:nth-child(1),
    #mrilogic-remote_haemorrhage .custom-control:nth-child(1) {
        margin-left: 5px
    }

    #ctscanlogic-remote_haemorrhage .custom-control:nth-child(1),
    #ctscanlogic-remote_haemorrhage .custom-control:nth-child(2),
    #ctscanlogic-remote_haemorrhage .custom-control:nth-child(3),
    #ctscanlogic-local_haemorrhage .custom-control:nth-child(1),
    #ctscanlogic-local_haemorrhage .custom-control:nth-child(2),
    #ctscanlogic-local_haemorrhage .custom-control:nth-child(3),
    #ctscanlogic-local_haemorrhage .custom-control:nth-child(4),
    #mrilogic-remote_haemorrhage .custom-control:nth-child(1),
    #mrilogic-remote_haemorrhage .custom-control:nth-child(2),
    #mrilogic-remote_haemorrhage .custom-control:nth-child(3),
    #mrilogic-local_haemorrhage .custom-control:nth-child(1),
    #mrilogic-local_haemorrhage .custom-control:nth-child(2),
    #mrilogic-local_haemorrhage .custom-control:nth-child(3),
    #mrilogic-local_haemorrhage .custom-control:nth-child(4) {
        padding-left: 0;
        display: inline-block;
        margin: 5px 1px 10px 5px;
    }

    .Case-Board-item .inner-bordered {
        display: block
    }

    .Case-Board-item h2 {
        margin-bottom: 20px
    }

    .container.site-login {
        max-width: 1100px;
    }

    .top-liks {
        text-align: right;
        width: 100%;
    }

    .main-header .navbar-nav.top-liks li.nav-alarm {
        margin: 0 4px 0 0;
    }

    .stroke-case-logic-search {
        margin-top: 0px
    }
}


@media (max-width: 1120px) {
    .btns-inline .btn {
        margin: 6px 5px;
    }

    .container.site-login {
        max-width: 100%;
    }

    .top-slogan {
        max-width: 400px;
        right: 100px
    }

    .bottom-slogan {
        max-width: 500px;
        right: 25px
    }

}

@media (max-width: 998px) {
    html {
        font-size: 14px
    }

    .top-liks a {
        padding: 0 5px 5px;

    }

    .content {
        padding: 10px;
        margin-top: 20px;
    }

    .breadcrumb-box {
        margin-top: 50px;
        padding-left: 30px
    }

    .wrapper {

        min-height: 100vh;
        padding-top: 58px;
    }

    .btns-inline .btn {
        padding: 4px 10px;
    }

    .content.container {
        max-width: 100%
    }

    .top-slogan {
        max-width: 350px;
        right: 100px
    }

    .bottom-slogan {
        max-width: 450px;
        right: 25px
    }

    .container.site-login {
        padding-left: 0;
        padding-right: 0
    }

    body:not(.sidebar-collapse) .content-wrapper, body.sidebar-open .content-wrapper {
        margin-left: 0;
    }

    #reportico-container .navbar-nav.mr-auto.justify-content-end {
        margin-left: 0
    }

}

@media (max-width: 898px) {
    .top-slogan {
        max-width: 35%;
        right: 100px
    }

    .bottom-slogan {
        max-width: 45%;
        right: 25px
    }

    .wrapper {

        padding-top: 53px;
    }

    .flat-logic-search {
        padding-top: 3px
    }
}

@media (max-width: 800px) {
    .day {

        white-space: nowrap;

    }

    .wrapper {

        padding-top: 48px;
    }

    .Summary-items ul li {

        width: auto;
        margin: 2px 3px;
        padding: 5px 3px;
    }
}

@media (max-width: 768px) {

    html {
        font-size: 14px
    }

    .top-slogan {
        max-width: 30%;
        right: 50px;
        display: none
    }

    .bottom-slogan {
        max-width: 40%;
        right: 12px;
        display: none
    }

    .mobile-aye {
        display: block;
    }

    .main-header .navbar-nav.top-liks li.nav-alarm {
        margin: 0 4px 0 25px;
    }

    .brand-link2 {
        width: auto;
        margin-right: 20px
    }

    ul.info-Patient {
        padding-top: 30px
    }

    .iems-statuse-colored li {

        /*   margin: 5px 5px;*/
    }

    .choose-item.only_score_is_available {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .top-liks {
        text-align: left
    }

    .dropdown.user-menu {
        width: auto;
        text-align: left;
    }

    .day {
        width: calc(100% - (130px));

        text-align: left;
    }

    .date-user {
        margin-left: 0 !important;
        width: 100%
    }

    .wrapper {

        min-height: 100vh;

    }

    .layout-fixed .main-sidebar {
        /*   top: 111px;
           height: calc(100vh - (111px));*/
    }

    .Case-Board-item .btn {
        margin: 10px 5px 18px;
    }

    .brand-link2 {
        margin-right: 0;
    }

    #ctscanlogic-perfusion_deficit .custom-control:last-child {
        position: relative;
        top: auto;
        right: auto
    }

    #mrilogic-perfusion_deficit .custom-control:last-child {
        position: relative;
        top: auto;
        right: auto
    }

    #login-box {
        /* margin-top: 110px*/
    }


    .Case-Board-item h2 {
        margin-bottom: 15px
    }

    .field-diagnosisform-vascularterritory .custom-control {
        margin-right: 10px
    }

    .btns-inline {
        margin-top: 5px
    }

    .datepicker-plot-area {
        max-width: 230px;
        max-height: 410px
    }

    /* .dashboard-list .list-item-image {
         min-height: 220px
     }*/
    .wrapper {
        padding-top: 59px;
    }

    .top-liks li {

        text-align: right;
        padding-right: 1px;
    }

    .user-top-links {
        text-align: right
    }

    .layout-fixed .main-sidebar-custom .sidebar-custom {
        margin-top: 5px;
        height: 130px;
        padding-bottom: 105px;
    }

    .sidebar-bottom-links li a {
        margin-top: 0;
    }
    .dashboard-list-info-Patient .code .action-bt-btns a{    font-size: 20px;margin: 1px 5px 0px;}
}

@media (max-width: 600px) {
    html {
        font-size: 14px
    }

    .top-slogan,
    .bottom-slogan {
        display: none
    }

    .push-icon a {
        font-size: 20px;
    }


    .top-liks a {
        padding: 5px 5px 5px 5px;
    }

    .dashboard-nav {
        margin-top: 20px;
        margin-bottom: 15px
    }

    .dashboard-nav .nav-item {
        margin: 10px 5px;
    }

    .dashboard-nav .nav-link {
        padding: 5px 5px;
    }

    .layout-fixed .main-sidebar {
        top: 0;
        height: calc(100vh);
        /*   top: 115px;
                height: calc(100vh - (115px));*/
    }


    #login-box .control-label {
        text-align: left;
        font-size: 14px;
    }

    .site-login-box {
        padding-right: 25px;
        padding-left: 25px;
    }

    #login-box {
        /*  margin-top: 50px;*/
        width: 90%;
        padding: 5px 0 4px;
        margin: 0 auto;
    }

    .dashboard-items-info .list-view {
        margin: 0 auto
    }

    .btn-add {
        margin-left: 10px
    }

    /*
    .layout-fixed .main-sidebar {
        !* top: 114px;*!
        top: 95px;
        height: calc(100vh - (114px));
    }
    */
    .field-acuteinterventionlogic-interventions .custom-control {
        width: 100%;
        margin-left: 0
    }

    .form-logo img {
        max-width: 100%
    }

    .btns-group-blue {
        width: 100%
    }

    ul.info-Patient {

        padding: 10px 7px 2px 6px;
        width: 100%;


    }

    .field-icon {

        padding-left: 0;
        top: 33px;
        margin-right: 4px;
    }

    .site-login-box {
        margin: 0 auto
    }

    ul.info-Patient li.code a {
        width: 90%
    }

    .login-wrap {

        background-image: url("../images/Login-2-mobile.png");
    }

    .flat-logic-search {
        padding-top: 0;
    }
}

@media (max-width: 554px) {
    .header-brand {
        padding: 0
    }

    .board-design-new-2 .patain-borad-top-list .col {

        max-width: 56%;
    }

    .reportico-maintain-inner-box tr {
        display: flow-root;
    }

    .reportico-maintain-inner-box tr td:first-child {
        display: inline-block;
        width: 100%
    }

    .reportico-maintain-inner-box tr td:nth-of-type(2) {
        width: 70%;
        min-width: 120px
    }

    .reportico-maintain-inner-box tr td:last-child {
        width: 25%;
        min-width: 25%
    }

    #reportico-template-options label {
        display: block !important;
    }

    #reportico-template-options input {
        max-width: 25% !important;
    }

    #reportico-template-options select {
        max-width: 25% !important;
    }

    .patant-boad-info li span {
        min-width: auto;
        margin-right: 4px;
    }

    .patain-borad-top-list .small-box .inner {
        align-items: center;
        align-content: center;
    }
}

@media (max-width: 480px) {
    html {
        font-size: 14px
    }

    .day {
        padding-left: 8px;
        font-size: 11px;

    }

    #clockbox span {
        margin-left: 5px
    }

    .header-right2 {
        margin-left: 0
    }

    .Case-Board-item .btn.icon-circle {
        min-width: 90px;
        width: auto;
        font-size: 12px;
    }

    .Case-Board-item .btn.icon-circle::before {
        /*  left: 29px*/
    }

    .Case-Board-item .btn-completed.icon-check {
        min-width: 90px;
        width: auto;
        font-size: 12px;
    }

    .Case-Board-item .btn.icon-check::before {
        /*    left: 29px*/
    }


    .board-design-new-2 .patain-borad-top-list .small-box h3 {
        top: 4px;
        padding-left: 50px;
        font-size: 0.95rem;
        line-height: 1.3;
        min-height: auto;
    }

    .text-hide-mobile {
        display: none
    }

    .board-design-new-2 .patain-borad-top-list .icon {
        left: 5px
    }

    .patain-borad-top-list .small-box .inner {
        padding-top: 35px
    }

    .patain-borad-top-list #p1,
    .patain-borad-top-list #p2,
    .patain-borad-top-list #p3 {
        max-width: 33.3%;
        flex-basis: min-content;
    }
    /*
        .patain-borad-top-list #p3 {
            max-width: 100%;
            flex-basis: auto;
        }*/

    .patain-borad-top-list #p4,
    .patain-borad-top-list #p3 {
        max-width: 50%;
        flex-basis: auto;
    }

    .board-design-new-2 .patain-borad-top-list .col {
        max-width: 100%;
    }

    .patain-borad-top-list .small-box h3 {
        text-align: center;
    }

    .inner-text {
        width: 100%;
        text-align: center;
    }

    ul.info-Patient strong {
        min-width: 60px
    }

    .list-item-image {
        margin: 2px;
    }

    .list-items .edit-btn {
        font-size: 25px
    }

    .list-items .delete-btn {
        font-size: 24px;
        top: 75px;
    }

    .h-btn a, .h-btn .btn {

        top: auto;
    }

    .iems-statuse-colored li {
        margin: 5px 5px
    }

    .dashboard-nav .nav-link {
        padding: 5px 2px;
    }

    hr {

        margin: 25px auto 15px;
    }

    .breadcrumb li {
        padding: 9px 5px 1px
    }

    .iems-statuse-colored {
        padding-left: 5px
    }

    .main-header .navbar-nav.top-liks li.nav-alarm {
        margin: 0 4px 0 7px;
    }

    #clockbox {
        display: none
    }

    .day .icon-22 {
        display: none
    }

    .breadcrumb-item + .breadcrumb-item::before {

        margin-right: 3px;
        padding-left: 1px
    }

    .breadcrumb li {
        padding: 9px 3px 1px;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0;
    }

    .circle span {
        font-size: 16px;
        border: none;
        top: 3.8px;
        height: 35px;
        width: 35px;
    }

    .iems-statuse-colored li {
        width: 45%;
    }

    #Baseline-Patient .list-items {
        margin-bottom: 0
    }

    .new-Patient-items .control-label {
        min-width: 65px;
    }

    .btns-group-blue .btn {

        margin: 5px 5px;
    }

    .ReportGenerator-d #reportico-container.flex-container .flex-container {
        text-align: left
    }

    #reportico-template-options input {
        max-width: 100% !important;
        margin-top: 5px
    }

    #reportico-template-options select {
        max-width: 100% !important;
        margin-top: 5px
    }

    .hidden-mobile {
        display: none
    }

    .wrapper {
        padding-top: 24px;
    }

    .breadcrumb {
        padding: 3px 5px
    }

    .breadcrumb li:first-child a {
        width: 18px;
        min-height: 18px
    }

    .breadcrumb a {
        font-size: 11px
    }

    .Af-box strong {
        margin-left: 0;
        font-size: 1.8rem
    }
    .form-control{font-size: 1rem}
}

@media (max-width: 440px) {
    .list-item-image {
        width: 78px;
        height: 78px;
    }
    .board-design-new-2  .patain-borad-top-list #p1,
    .board-design-new-2  .patain-borad-top-list #p5,
    .board-design-new-2  .patain-borad-top-list #p2 {
        max-width: 33%;
        flex-basis: auto;
    }

   /* .board-design-new-2  .patain-borad-top-list #p5 {
        max-width: 100%;
        flex-basis: auto;
    }
*/
    .board-design-new-2   .patain-borad-top-list #p4,
    .board-design-new-2  .patain-borad-top-list #p3 {
        max-width: 100%;
        flex-basis: min-content;
    }
    .board-design-new-2 .patain-borad-top-list .icon {
        left: 2px
    }
    .board-design-new-2 .patain-borad-top-list .small-box h3{font-size: 0.9rem;padding-left: 48px}
}

@media (max-width: 390px) {
    .site-login-box .btn {

        margin: 5px auto;
    }

    .board-design-new-2 .Case-Board-item h2 {
        padding-top: 8px;
        padding-left: 40px
    }

    .Case-Board-item h2 .icons {
        left: 5px
    }

    html {
        font-size: 14px
    }


    .dashboard-nav .nav-link {
        padding: 5px 0;
    }

    .top-liks a {
        padding: 0 7px 5px;
    }

    .list-items .ShowPatient-btn {
        min-width: 100px;
        top: 155px;
        right: -31px;
    }

    .field-icon {
   top: 33px;

    }

    .dropdown-toggle::after {
        margin-left: 3px
    }

    .dropdown.user-menu {
        width: auto;
    }

    .main-header .navbar-nav.top-liks li.nav-alarm {
        margin: 0 4px 0 5px;
    }

    .top-liks a {
        padding: 0 5px 5px;
    }

    .main-header {
        padding: 10px 14px
    }

    .field-strokecaselogic-gender label.control-label {
        margin-right: 5px;
    }

    .new-Patient-items .form-group {

        padding: 5px 10px;
    }

 /*   .patain-borad-top-list #p1,
    .patain-borad-top-list #p2,
    .patain-borad-top-list #p3,
    .patain-borad-top-list #p4,
    .patain-borad-top-list #p5 {
        max-width: 100%;
    }
*/
    .board-design-new-2 .patain-borad-top-list .col {
        max-width: 100%;
    }
    .board-design-new-2  .patain-borad-top-list #p1,

    .board-design-new-2  .patain-borad-top-list #p2 {
        max-width: 50%;
        flex-basis: auto;
    }

    .board-design-new-2  .patain-borad-top-list #p3 {
         max-width: 100%;
         flex-basis: auto;
     }

    .board-design-new-2   .patain-borad-top-list #p4,
    .board-design-new-2  .patain-borad-top-list #p5 {
        max-width: 50%;
        flex-basis: min-content;
    }
    .Summary-items ul li {
        padding: 3px 0
    }

    .Summary-black {
        font-size: 1.1rem
    }
    ul.info-Patient li {

        font-size: 1rem;

        margin-bottom: 3px;
    }
}

@media (max-width: 338px) {
    .iems-statuse-colored li {
        margin: 5px 3px;
        width: auto;
        min-width: 75px;
    }

    .user-top-links { /*width: 122%;*/
        float: revert;
    } html {
          font-size: 13px
      }


}

@media (max-width: 300px) {
    .iems-statuse-colored li {
        margin: 5px 3px;
        width: auto;
        min-width: 75px;
    }

    .user-top-links { /* width: 122%;*/
        float: revert;
    }

    .btns-group-blue .btn {

        min-width: auto
    }
}

@media screen and (min-width: 1200px) {
    .site-login {
        max-width: 1200px;
    }
}