@media (max-width: 1199px) {
    .header .search-bar {
        /*position: fixed;
            top: 50px;
            left: 0;
            right: 0;
            padding: 20px;
            box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
            background: white;
            z-index: 9999;
            transition: 0.3s;
            visibility: hidden;
            opacity: 0;*/
    }

    /*.header .search-bar-show {
        top: 60px;
        visibility: visible;
        opacity: 1;
    }*/
}


@media (min-width: 1025px) {
    .header .toggle-sidebar-btn {
        display: none;
    }
}

@media (max-width: 600px) {
    .divider {
        display: none;
    }
}


@media (max-width: 360px) {
    .storageBar {
        min-width: 109px;
    }

    .storageBoxText {
        font-size: 7px;
        font-weight: 600;
    }
}



@media screen and (max-width:715px) and (min-width: 600px) {
    .containerimageDiv {
        display: none;
    }

    .role {
        font-size: 8px;
    }

    .rolename {
        font-size: 8px;
    }

    .defaultbox {
        gap: 0 !important;
    }

    .defaulttext {
        font-size: 8px;
    }

    .orgRadionButton {
        width: 10px;
    }

    .downpdowncardinner {
        gap: 4px;
    }
}

@media screen and (max-width:600px) and (min-width: 430px) {
    .role {
        font-size: 8px;
    }

    .defaultbox {
        gap: 0 !important;
    }

    .defaultbox {
        gap: 0 !important;
    }

    .defaulttext {
        font-size: 8px;
    }

    .orgRadionButton {
        width: 10px;
    }

    .downpdowncardinner {
        gap: 4px;
    }
}


@media screen and (max-width:430px) and (min-width: 200px) {
    .role {
        font-size: 8px;
    }

    .rolename {
        font-size: 8px;
    }

    .defaulttext {
        font-size: 7px;
    }

    .orgRadionButton {
        width: 8px;
    }

    .downpdowncardinner {
        gap: 4px;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-arrow::before {
        content: "";
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        top: -7px;
        right: 20px;
        transform: rotate(45deg);
        border-top: 1px solid #eaedf1;
        border-left: 1px solid #eaedf1;
    }
}


@media screen and (max-width:874px) {

    .storageBox {
        display: none;
    }
}

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

@media screen and (min-width:250px) {

    .dbbutton {
        color: #2a2a2a;
        font-weight: 500;
    }
}

.listsidedb {
    margin: 5px;
    font-size: 12px;
}
/*
/*@media (max-width: 1199px) {
   
}*/

/* new Responsive css*/

@media only screen and (max-width: 992px) {

    .sidebar {
        left: -300px;
    }

    .toggle-sidebar .sidebar {
        left: 0;
    }

    .fixed-top .header-nav .dropdown-content {
        left: -130px;
    }

    #main,
    #footer {
        margin-left: 0px;
    }

    .tab__button {
        width: 50%;
    }
}



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

    .header {
        padding-left: 5px;
    }

        .header .toggle-sidebar-btn {
            padding-left: 5px;
        }

        .header .search-bar {
            padding: 5px;
        }

        .header .header-nav {
            display: none;
        }

    .gap10 {
        gap: 0px;
    }


    .toggle-sidebar .sidebar {
        left: 0;
    }

    #main,
    #footer {
        margin-left: 05px;
    }

    .namesUpperHeader {
        display: none;
    }

    .defaulttext {
        font-size: 7px;
    }

    .header .divider {
        display: none;
    }

    .brdr-rgt {
        border-right: 0px dashed #D8D6DE;
        border-bottom: 1px dashed #D8D6DE;
        padding-bottom: 15px
    }

    .pipe {
        width: 62px;
    }

    .modal.right .modal-dialog {
        width: 100%;
    }

    .course_details {
        padding-left: 70px !important;
    }

    .proginfoWrap .brekSpan {
        margin-right: 25px;
        width: 100%;
        float: left;
    }

        .proginfoWrap .brekSpan::after {
            content: "";
        }

    .lft001btm img {
        width: 30px;
        margin-top: 12px;
        margin-right: 10px;
        position: absolute;
        left: 11px;
    }

    .lft001btm {
        padding-left: 60px !important;
    }

    .dt-search {
        float: left;
        margin-bottom: 10px;
        margin-right: 15px;
        width: 100%;
    }

    ul.dtr-details {
        margin-left: 0px;
        padding-left: 0px;
    }

        ul.dtr-details li {
            list-style: none;
            border: 2px solid #f1f1f1;
            padding: 5px;
        }

    .dtr-data {
        font-weight: 600;
        margin-left: 5px
    }

    .tab__button {
        width: 50%;
        border: 1px solid #ff0000;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .imageTab {
        display: block !important;
    }
}

@media screen and (max-width: 640px) {
    div.dt-buttons {
        float: left !important;
        text-align: center;
    }

    .imageTab {
        display: block !important;
    }
}

@media (min-width:768px) {
    .tab-content .accordion-item {
        border: 0;
        border-radius: 0;
    }

    .tab__button {
        width: 50%;
    }

    .imageTab {
        display: block !important;
    }

    .edit-debtnpos {
        display: flex;
        /* border: 1px solid #ff0000; */
        position: absolute;
        right: 10px;
        top: 0px;
    }

    .loginimgPage {
        display: none
    }

    .aloacateLearner, .download_txtfile {
        top: -13px
    }
}

@media (max-width:767px) {
    .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }
    /*user management start*/
    .usermgtTab .tab-content > .tab-pane {
        display: none;
        opacity: 0;
    }

    .usermgtTab .show {
        display: block !important;
        opacity: 1 !important;
    }
    /*user management end*/
    .badgesNumber {
        font-size: 14px;
        top: 50px
    }

    .cardacc, .cardpartial {
        width: 100%;
    }

    .imageTab {
        display: block !important;
    }

    .filters ul {
        display: contents
    }

        .filters ul li {
            text-align: left;
            width: auto;
            float: left
        }

    .notifictionbell {
        display: block !important;
        margin: 0px 10px;
    }

    .loginimgPage {
        display: none
    }
    /* .education .col-md-4{padding:0px}*/
    .aloacateLearner, .download_txtfile {
        top: -13px
    }
}