@media screen and (max-width: 1024px) {
    .nav>li>a {
        padding: 15px 5px;
    }
    .select2 {
        width: 100% !important;
    }
    .operation-costs__inner-container { width: 100% !important; }
    .content__filter--align-right {
        text-align: left!important;
    }
    .content__row-filter-element-wrap {
        border: none;
        width: 100%;
    }
    .content__filter {
    }
    .pager {
        float: none !important;
    }
    .event-related__content {
        word-break: break-all;
    }
    .content__overview-chart-wrap {
        display: none;
    }
    .paginate_button  {
        display: none!important;
    }
    .paginate_button.next  {
        display: block!important;
    }
    .paginate_button.previous  {
        display: block!important;
    }
    .pagination {
        width: 221px;
    }
}

@media (min-width:769px) and (max-width: 820px) {
    
    #datatableAreasList thead tr th  {
        font-size: 5px;
        padding: 2px;
        padding-right: 15px;
    }
    #datatableAreasList tbody tr td {
        font-size: 8px;
        padding: 2px;
    }
    #datatableAreasList tfoot tr th {
        font-size: 7px!important;
        padding: 2px;
    }

}

@media (min-width:820px)  and (max-width: 980px) {
    
    #datatableAreasList thead tr th  {
        font-size: 6px;
        padding: 3px;
        padding-right: 15px;
    }
    #datatableAreasList tbody tr td {
        font-size: 10px;
        padding: 3px;
    }
    #datatableAreasList tfoot tr th {
        font-size: 7px!important;
        padding: 5px;
    }

}
@media (min-width:769px) and (max-width: 1170px) {
    
    .table thead tr th  {
        font-size: 8px;
        padding: 5px;
        padding-right: 20px;
    }
    .table tbody tr td {
        font-size: 12px;
        padding: 5px;
    }
    .table tfoot tr th {
        font-size: 8px!important;
        padding: 5px;
    }
    .form-table__content--title {
        font-size: 12px;
        font-weight: bold;
    }
}

@media (min-width:320px) and (max-width: 1200px) { .container{width:100% }}
@media screen and (max-width: 992px) {
   .nav>li>a {
        padding: 15px 15px;
    }

    .content__header__buttons {
        position: relative;
        width: 100%;
        top: 0px !important;
        left: 0;
        bottom: 5px;
        padding-bottom: 10px;
    }
    .content__filter {
        width: 100%;
        padding: 10px 0px 10px 0px !important;
    }
    .content__header-title {
    padding-right: 0px !important;

    }
    .select-search, .datetime-select {
      width: 100% !important;
    }
    .floor-box {
        float:none !important;
    }
    div.dataTables_filter {
        text-align: left!important;
    }
}

  @media (max-width: 1110px) {

    .expirations {
        display: block !important;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .nav>li>a {
        padding: 10px 12px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
}