/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
  */

@media (min-width: 1281px) {

    #mobile-toggle-menu {
        display: none;
    }
    th.action.sorting_disabled {
        display: none;
    }

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {

    #mobile-toggle-menu {
        display: none;
    }
    th.action.sorting_disabled {
        display: none;
    }

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {



}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

/*CSS*/

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {

    /*.d-flex {
        display: block !important;
        }*/
    .offcanvas-mobile {
        position: relative;
        left: 0;
        margin-bottom: 25px;
    }
    .offcanvas-mobile {
        width: 100% !important;
    }
    .card.card-custom {
        margin-bottom: 15px;
    }
    .card.card-custom .separator.separator-dashed.my-5 {
        display: none;
    }

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {
    .card.card-custom {
        margin-bottom: 15px;
    }
    .card.card-custom .separator.separator-dashed {
        display: none !important;
    }
    td.text-muted {
        display: none;
    }
    .aside-img-wizard {
        background-image: none !important;
        margin-bottom: -140px;
    }
    .card-spacer.mt-n25 {
        text-align: center;
    }
    .card-spacer .col-md-4 {
        width: 50%;
    }
    .card-spacer .font-size-h6 {
        font-size: 13px !important;
    }
    .card-spacer .px-6 {
        padding: 10px 10px !IMPORTANT;
    }
    .pending-task .col-md-3 {
        width: 50%;
    }
    .mobile-toggle {
        display: none;
    }
    div#kt_aside_menu .lead {
        margin-right: 30px;
    }
    div#kt_profile_aside .lead {
        margin-right: 30px;
    }
    .card.card-custom.card-stretch.gutter-b {
        margin-bottom: 0px !important;
    }
    .card.card-custom {
        margin-bottom: 15px;
    }
    .card.card-custom .separator.separator-dashed.my-5 {
        display: none;
    }

}
@media (min-width: 250px) and (max-width: 678px) {
    .card.card-custom {
        margin-bottom: 15px;
    }
    .card.card-custom .separator.separator-dashed.my-5 {
        display: none;
    }
    .login .separator.separator-dashed.my-5 {
        display: none;
    }
    .form-group {
        margin-bottom: 0px !important;
    }
    .form-group label {
        margin-top: 10px;
    }
    td.text-muted {
        display: none;
    }
    .aside-img-wizard {
        background-image: none !important;
        margin-bottom: -140px;
    }
    .card-spacer.mt-n25 {
        text-align: center;
    }
    .card-spacer .col-md-4 {
        width: 50%;
    }
    .card-spacer .font-size-h6 {
        font-size: 13px !important;
    }
    .card-spacer .px-6 {
        padding: 10px 10px !IMPORTANT;
    }
    .pending-task .col-md-3 {
        width: 50%;
    }
    .offcanvas-mobile {
        position: relative;
        left: 0;
        margin-bottom: 25px;
        z-index: 1 !important;
    }
    .offcanvas-mobile {
        width: 100% !important;
    }
    div#kt_profile_aside {
        display: inline-table;
        border-radius: 0.42rem !important;
    }
    .application_responsive {
        display: block !important;
    }
    .lead-type{
        margin-right: 15px;
    }
    #mobile-toggle-menu i {
        margin-top: 3px;
    }
    .height-auto {
        height: auto !important;
    }
    .pending-task .card-body {
        text-align: center;
    }
    .dropdown-menu {
        width: 97vw !important;
    }
    #app .col-lg-6 {
        margin-bottom: 10px;
    }
    .topbar-mobile-on .topbar {
        width: 100%;
    }
    .topbar {
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }
    .topbar .dropdown {
        width: 20%;
    }
    .menu-size-base {
        font-size: 9px;
    }
    div#kt_content {
        z-index: 0;
    }


}