/* large Desktop */
@media screen and (min-width: 1920px) {
    .dashboard_logo {
        max-width: 192px;
        margin-right: 32px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px){
    .sub-menu .btn-group a {
        font-size: 12px;
    }
    .search_box .form-control {
        font-size: 12px;
    }
    .app-header .app-header__content {
        height: 80px;
        padding: 1rem 0.5rem;
    }
    .dashboard_logo {
        max-width: 192px;
        margin-right: 32px;
    }
    /* .top_navbar ul li a {
        min-width: max-content;
    } */
    .top_navbar ul {
        padding-left: 0px;
        gap: 5px;

    }
    .assetsdrop_box .dropdown-toggle {
        border: 1px solid #f3e9dd;
        background: #e7eaf5;
        font-size: 12px;
        padding: 8px 5px;
        border-radius: 6px 0 0 6px;
    }
}

/* desktop 1200px to 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

}


/* normal desktop */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

/* tablet view */
@media only screen and (min-width: 768px) and (max-width: 991px) {

}


/* mobile view */
@media only screen and (max-width: 767px) {

}



/*************************Added on 191225********************************************/

@media (min-width: 1200px) {
  .seven-cols .col-md-seven,
  .seven-cols .col-sm-seven,
  .seven-cols .col-lg-seven {
    width: 14.285714285714285714285714285714%;
  }
}



@media screen and (max-width:1199px){
    .sidebar {
        width: 0;
        overflow: hidden;
    }
    .main-content{
        width: 100%;
        margin-left: 0;
    }
    .dashboard_mainsec {
        padding: 0 15px;
    }
    .app-header .app-header__content{
        padding: 1rem 15px;
    }
    .app-header-middle{
        justify-content: flex-end;
    }
    .app-header-middle .top_navbar{
        display: none;
    }
    .app-header .mobile-menu{
        display: block;
    }
    .app-header .app-header-right {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .mobile-menu{
        display: none;
    }
    .closed-sidebar .gd-sldm .sldm nav .sldm-nav-container .sldm-nav ul .menuitem_name{
        font-size: 12px;
    }

    .mobile-menus{
        display: block;
    }
    
    .app-header-middle {
        min-width: calc(100% - 335px);
        gap: 20px;
    }
    .fixed-sidebar .app-sidebar {
        position: fixed;
        display: none;
    }
    .fixed-sidebar .app-main .app-main__outer {
        padding-left: 20px;
    }
    .app-sidebar{
        transition: all .3s ease;
        width: 80px;
        min-width: 80px;
        flex: 0 0 80px;
        z-index: 13;
    }
    .closed-sidebar .app-sidebar{
        width: 210px;
        z-index: 11;
        overflow: hidden;
        min-width: 210px;
        /* position: relative; */
        flex: 0 0 210px;
        margin-top: -60px;
        padding-top: 60px;
        transition: all .2s;
    }
    .menuitem_name{
        font-size: 0;
    }
    .closed-sidebar .menuitem_name{
        font-size: 12px;
    }
    .closed-sidebar .app-sidebar .app-sidebar__inner ul li a{
        justify-content: flex-start;
    }
    .closed-sidebar .app-sidebar .app-sidebar__inner ul li a span{
        display: inline-block;
    }
    .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane,
    .closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo .header__pane{
        display: block;
    }
    .sldm-nav-container .menuitem_name {
        font-size: 14px;
    }
    .sldm-toggle{
        display: flex;
    }
    .button-menu-toggle{
        display: none;
    }
}


@media screen and (max-width:1024px){
    .drag-list-bottom .col-md-6.drag-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .btn-primary{
        letter-spacing: normal;
        padding: 6px 10px;
        border-radius: 5px;
        font-size: 13px;
    }
}
@media screen and (max-width:991px){
    .drag-list-left .drag-item-top.col-md-2{
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media screen and (max-width:767px){
    .app-header .app-header__content{
        flex-wrap: wrap;
    }
    .app-header .app-header__content .app-header-left{
        width: 100%;
        justify-content: center;
        padding: 0 0 10px;
    }
    .fixed-header .app-header,
    .app-header .app-header__content{
        height: auto;
    }
    .drag-list-left .drag-item-top.col-md-6,
    .drag-list-left .drag-item-top.col-md-2{
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (max-width:699px){
    .drag-list-left .drag-item-top.col-md-6,
    .drag-list-left .drag-item-top.col-md-2{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .app-header-middle {
        min-width: 100%;
        gap: 0;
        justify-content: center;
        padding: 0 0 10px;
    }
    .app-header .app-header-right {
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        justify-content: space-between;
    }
    .dashboard_top{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .dashboard_top h4, .version_title h6{
        padding: 0 0 15px;
    }
    .dashboard_top .dashboardt_right{
        /* width: 100%; */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .dashboard_top .dashboardt_right .add_assets{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        gap: 10px;
    }
    .filter_sec .filter_box .search_inputbox .search_btn{
        width: auto !important;
    }
    .filter_sec.emp_filtersec .single_filterbox,
    .filter_sec.emp_filtersec .search_inputsec.single_filterbox{
        width: 100%;
    }
    .single_filterbox label, .date_range p{
        word-break: break-all;
        white-space: normal;
    }
    .app-main .app-main__inner {
        padding: 10px;
    }
    .filter_sec{
        padding: 10px;
    }
}
@media screen and (max-width:575px){
    section.login-sec{
        height: auto;
    }
    .login-secright{
        height: auto;
    }
    .login-rightbox{
        margin: 20px auto;
    }
}
@media screen and (max-width:553px){
    .dashboard_footer{
        padding-left: 90px;
    }
    .dashboard_top .dashboardt_right .add_assets{
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .dashboard_top .dashboardt_right .add_assets a,
    .dashboard_top .dashboardt_right .add_assets a button{
        width: 100%;
    }
}




@media (max-width: 768px) {
    .login-container {
        grid-template-columns: 100%;
    }
    .login-container .left-wrap{
        display: none;
    }
    .login-container .login-form-wrap{
        padding: 0 20px;
    }
    .cust-login-header .social-media-wrap{
        display: none;
    }
    .login_footer{
        padding: 20px 30px;
        text-align: center;
    }
    .sidebar {
        width: 0;
        overflow: hidden;
    }
    .main-content{
        width: 100%;
        margin-left: 0;
    }
}
@media (min-width: 1920px) {
    .login-container .left-wrap p{
        font-size: 48px;
        line-height: 54px;
    }
    .login-container{
        display: grid;
        grid-template-columns: 1fr 750px;
    }
    .login-container .left-wrap{
        background-size: 75%;
    }
}