@media only screen and (max-width: 6000px) and (min-width: 700px) {
  .wrapper.right-bar-enabled .right-bar {
    right: 0;
    z-index: 99;
  }
}
@media (max-width: 1023px) {
  .button-menu-mobile {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    overflow-x: hidden;
  }
  image#image-favicon {
    display: block;
  }
  image#image-logo {
    display: none;
  }

}


@media (max-width: 993px) {
  img#image-favicon {
    display: block;
  }
  img#image-logo {
    display: none;
  }
}

@media (max-width: 769px) {
  body {
    overflow-x: hidden;
  }
  /* .side-menu {
    position: absolute !important;
    display: none ;
    left: -90px;
  } */

  #wrapper.enlarged .topbar {
    margin: 0
  }

  .enlarged .left.side-menu {
    margin-left: -75px;
  }
  /* .topbar-left {
    width: 70px !important;
  } */
  .topbar-left span {
    display: none !important;
  }
  .topbar-left i {
    display: block !important;
    line-height: 75px !important;
  }
  .content-page .content {
    margin-top: 95px;
  }
  .topbar .topbar-left {
    height: 75px;
  }
  .navbar-default {
    background-color: #ffffff;
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  }
  .navbar-nav {
    margin: 0px;
    display: inline-block;
  }
  .navbar-nav li {
    display: inline-block;
    line-height: 1px;
  }
  .navbar-nav.navbar-right {
    float: right;
  }
  .content-page {
    margin-left: 0px !important;
  }
  .topbar {
    margin-left: 0px;
  }
  .footer {
    left: 0px !important;
  }
  .mobile-sidebar {
    left: 0px;
  }
  .mobile-content {
    left: 250px;
    right: -250px;
  }
  .wrapper-page {
    width: 90%;
  }
  .dataTables_wrapper .col-xs-6 {
    width: 100%;
    text-align: left;
  }
  div#datatable-buttons_info {
    float: none;
  }
  .ms-container {
    width: 100%;
  }
  .form-custom {
    padding-left: 7px !important;
  }

  .p-sm-10 {
    padding: 10px;
  }

  .p-r-sm-0 {
    padding-right: 0px !important;
  }
  .m-r-sm-0 {
    margin-right: 0px !important;
  }
  .m-t-sm-20 {
    margin-top: 20px !important;
  }
}
@media (max-width: 480px) {
  .container-fluid {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .side-menu {
    z-index: 10 !important;
    top: 70px !important;
    overflow-y: scroll;
  }
  .button-menu-mobile {
    display: block;
  }
  .search-bar {
    display: none !important;
  }
  .sidebar-inner {
    overflow: auto !important;
    height: 100%;
    bottom: 0;
  }
  .page-title {
    display: none;
  }
  .list-inline .btn {
    min-width: 62px;
    padding: 6px 5px;
    font-size: 11px;
  }
  .list-inline>li {
    display: inline-block;
    padding-right: 3px;
    padding-left: 3px;
  }
  .form-custom {
    padding-left: 1px !important;
  }
  .onboard {
    padding: 0px 10px !important;
  }
  .modal-content {
    padding: 21px !important;
  }
  .downloads-container {
    padding: 20px 10px !important;
  }
  .businessInfo {
    padding: 0px !important;
  }
  .card-box {
    padding: 20px !important;
  }
  .onboard-box {
    padding: 13px !important;
  }
  .p-xs-0 {
    padding: 0px !important;
  }
  .p-xs-5 {
    padding: 5px !important;
  }
  .p-l-xs-0 {
    padding-left: 0px !important;
  }
  .p-l-xs-30 {
    padding-left: 30px !important;
  }
  .p-l-r-xs-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .p-l-r-xs-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .p-l-r-xs-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .p-r-xs-0 {
    padding-right: 0px !important;
  }
  .m-l-xs-10 {
    margin-left: 10px !important;
  }
  .m-t-xs-5 {
    margin-top: 5px !important;
  }
  .w-xs-100 {
    width: 100% !important;
  }
  .text-left-xs {
    text-align: left;
  }
  .m-r-xs-0 {
    margin-right: 0px !important;
  }
  .width-xs-full {
    width: 100% !important;
  }
  .flex-1-xs {
    flex: 1 !important
  }
  .flex-wrap-xs {
    flex-wrap: wrap !important;
  }
  .m-t-xs-20 {
    margin-top: 20px !important;
  }
}
@media (max-width: 375px) {
  .list-inline .btn {
    min-width: 45px;
    padding: 4px 5px;
    font-size: 9px;
  }
  .list-inline>li {
    display: inline-block;
    padding-right: 3px;
    padding-left: 3px;
  }
}
@media (max-width: 335px) {
  .list-inline .btn {
    min-width: 40px;
    padding: 2px 5px;
    font-size: 9px;
  }
  .list-inline>li {
    display: inline-block;
    padding-right: 1px;
    padding-left: 1px;
  }
}
/* Container-alt */
@media (min-width: 768px) {
  .side-menu {
    /* position: absolute !important; */
    display: block;
    /* left: -90px; */
  }
  .lg-p-20{
    padding: 20px;
  }
  .container-alt {
    width: 750px;
  }
  .nav-tabs.nav-justified > li > a {
    border-bottom: 2px solid #eeeeee;
  }
}
@media (min-width: 992px) {
  .container-alt {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-alt {
    width: 1170px;
  }
}
@media (max-width: 419px) {
  .topbar-left {
    width: 70px !important;
  }
  .logo .icon-c-logo {
    display: inline-block !important;
    line-height: 58px !important;
  }
  .logo span {
    display: none !important;
  }
  .wrapper-page .logo span {
    display: inline-block !important;
  }
  .content-page {
    margin-left: 70px;
  }
  .forced .side-menu.left {
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
  }
  .enlarged .side-menu.left {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
  }
  .page-title {
    font-size: 15px;
    line-height: 67px;
    max-width: 250px;
    white-space: nowrap;
  }
  .navbar-default {
    padding: 0px;
  }
  .navbar-default .navbar-left {
    padding-left: 0px !important;
  }
  .navbar-default .navbar-left li {
    padding: 0px 5px;
  }
  .topbar-left {
    display: none;
  }
  .editable-responsive {
    overflow-x: auto;
  }
  .profile-info-name img {
    float: none;
    margin: 0px auto;
    margin-bottom: 20px;
  }
  div.hopscotch-bubble .hopscotch-bubble-container {
    max-width: 180px;
  }
}