@media only screen and (max-width:1400px) and (min-width:320px) {
    .status-listing-table .table tr td .status-data {
        margin-left: 22px;
        width: calc(100vh - 290px);
        overflow: hidden;
    }
}
@media only screen and (max-width:1200px) and (min-width:320px) {
    /* .permission-listing-table  {
        overflow-y: hidden;
        overflow-x: scroll;
        margin-bottom: 72px;
    }
    .dynamic-listing .permission-table {
        width: 100%
    } */
    /* .user-listing-table.common-listing-table{
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .user-listing-table.common-listing-table  table{
        width: 968px;
    } */
    /* .permission-listing-table  {
        overflow-y: hidden;
        overflow-x: scroll;
        margin-bottom: 72px;
    }
    .dynamic-listing .permission-table {
        width: 1200px;
    } */
 
}
/* @media only screen and (max-width:1390px) and (min-width:320px) {
    .user-listing-table.common-listing-table{
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .user-listing-table.common-listing-table  table{
        width: 100%;
    }
}  */
/* @media only screen and (max-width:1525px) and (min-width:320px)  {
    .modal-content .modal-body.tab-body  .tab-content .tab-pane .new-div {
        height: 61vh;
    }
    .modal-content .modal-body.tab-body .modal-footer {
        bottom: 20px;
    }
    .topic-detail  .modal-content .modal-body.tab-body  .tab-content .tab-pane .new-div {
        height: 62vh;
    }
} */
@media only screen and (max-width:1276px) and (min-width:1080px) {
    .broadcast-listing-table  {
        overflow: hidden;
        overflow-x: scroll;
    }
}
@media only screen and (max-width:1080px) and (min-width:320px) {
.permission-listing-table  {
        overflow-y: hidden;
        overflow-x: scroll;
        margin-bottom: 72px;
    }
    .dynamic-listing .permission-table {
        width: 897px;
    }
    .transaction-btn-block {
        display: flex;
    }
    .user-listing-table {
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .dynamic-listing, .user-dynamic-listing{
        overflow: hidden;
        overflow-x: scroll; 
    }
    .dynamic-listing .table {
        width: 100%;
        position: relative;
    }  
    .dynamic-listing  .role-table {
        width: 100%;
        position: relative;
    }
}
@media only screen and (max-width:1023px) and (min-width:992px) {
    .fixed-top .navbar-menu-wrapper .search-form {
        width: 100%;
    }
    .gardient-block h1 {
        color: #fff;
        font-weight: 600;
        font-size: 25px;
    }
    .gardient-block {
        margin-top: 28px;
    }
    .gardient-block .grdient-block img  {
        height: 30px;
        width: 30px;
    }
    .fixed-top .navbar-menu-wrapper .search-form .form-control {
        font-size: 12px;
        padding:0px;
    }
    .filter-block .search-form .form-control {
        width: 85%;
    }
    .filter-block .glyphicon-search, .filter-block .clear-search {
        right: 21%;
    }
}
@media only screen and (max-width:991px) and (min-width:872px) {
    .dashboard-screen .gardient-block .clearfix {
        padding: 2px 0px;
    }
    .transaction-dashborad .gardient-block .grdient-block {
        padding: 22px 20px;
        margin-top: 28px;
    }
    .transaction-dashborad .gardient-block h1 {
        font-size: 23px;
    }
    .transaction-dashborad .gardient-block img {
       height: 25px;
       width: 25px;
    }
    .fixed-top .navbar-menu-wrapper .search-form {
        width: 100%;
    }
    .fixed-top .navbar-menu-wrapper .search-form .form-control {
        font-size: 12px;
        padding:0px;
    }
    /* .dynamic-listing .table {
        width: 716px;
    } */
    .user-dynamic-listing {
        overflow: hidden;
        overflow-x: scroll;
    }
    /* .pull-right.btn {
        width: auto;
        float: left !important;
    } */
    .right-info.filters {
        margin-right: 28px;
    }
    .filter-block .text-right {
        padding: 0px;
        position: absolute;
    }
    .middle-content .search-form {
        width:37%;
    }
    .navbar-primary.sidebar-icon-only .pull-right.btn {
        /* width: auto; */
        /* float: right !important; */
    }
    .navbar-primary.sidebar-icon-only .right-info.filters {
        position: relative;
        margin: 0px;
    }
    .navbar-primary.sidebar-icon-only .filter-block .text-right {
        padding: 0px;
        position: relative;
    }
    .navbar-primary.sidebar-icon-only .middle-content .search-form #searchBar  {
        /* padding-left: 49px; */
        width: auto;
    }
    .navbar-primary.sidebar-icon-only .table {
        margin: 0px;
    }
 }
@media only screen and (max-width:871px) and (min-width:768px) {
    .dashboard-screen .gardient-block .blue, .dashboard-screen .gardient-block .green {
        margin-bottom: 20px;
    }
    .modal-content {
        -webkit-box-shadow:none;
        box-shadow: none;
    }
    .transaction-dashborad .gardient-block .grdient-block {
        padding: 12px;
        margin-top: 28px;
    }
    .transaction-dashborad .gardient-block h1 {
        font-size: 20px;
    }
    .transaction-dashborad .gardient-block img {
       height: 25px;
       width: 25px;
    }
    .dashboard-screen .gardient-block .clearfix {
        padding: 2px 0px;
    }
    /* .user-listing-table {
        overflow-y: hidden;
        overflow-x: scroll;
    }
  
    .user-listing-table table {
        width: 1200px;
        position: relative;
    } */
    .pull-right.btn {
        width: auto;
    }
    .right-info.filters {
        position: absolute;
        margin: 45px 0px;
    }
    .filter-block .text-right {
        padding: 0px;
        position: absolute;
        z-index: 99;
    }
    .middle-content .search-form {
        width: 100%;
        padding-right: 0px;
    }
    .permission-list-page .table {
        margin: 0px;
    }
    .table {
        margin: 58px 0px 0px;
    }
    .navbar-primary.sidebar-icon-only .pull-right.btn {
        /* width: auto; */
        /* float: right !important; */
    }
    .navbar-primary.sidebar-icon-only .right-info.filters {
        position: relative;
        margin: 0px;
    }
    .navbar-primary.sidebar-icon-only .filter-block .text-right {
        padding: 0px;
        position: relative;
    }
    .navbar-primary.sidebar-icon-only .middle-content .search-form #searchBar  {
        /* padding-left: 49px; */
        width: 96%;
    }
    .navbar-primary.sidebar-icon-only .table {
        margin: 0px;
    }
    .filter-block .glyphicon-search, .filter-block .clear-search {
        right: 16px;
    }
    .navbar-primary.sidebar-icon-only .filter-div {
        top: initial;
        right: 0px;
    }
    .navbar-primary.sidebar-icon-only .sort-filter-dropdown {
        top: initial;
        right: 138px;
    }
    .filter-div {
        top: 305px;
       right: 202px;
    }
    .sort-filter-dropdown {
        right: 336px;
        top: 305px;
    }
}
@media only screen and (max-width:767px) and (min-width:649px) {
    .fixed-top .navbar-menu-wrapper .search-form {
        width: 100%;
    }
    .fixed-top .navbar-menu-wrapper .search-form .form-control {
        padding: 7px;
    }
    .fixed-top .navbar-menu-wrapper .search-form .form-control {
        border: none;
        height: 42px;
        font-size: 12px;
    }
    .login-form-2 {
        padding:35px;
    }
    .filter-div {
        top: 349px;
        left: 225px;
        width: 45%;    
    }
    .sort-filter-dropdown {
        right: 229px;
        top: 220px;
        position: absolute;
        min-width: 134px;
    }
    .navbar-primary.sidebar-icon-only  .sort-filter-dropdown  {
        right: 147px;
    }
    .navbar-primary.sidebar-icon-only .filter-div {
        /* top: 344px; */
        /* left: 60px; */
        width: 45%;
         top:214px; 
        left:337px; 
    }
}
@media only screen and (max-width:620px) and (min-width:320px) {
  .outer-div .main-div {
      width: 100%;
  }
}
@media only screen and (max-width:648px) and (min-width:576px) {
    .login-form-2 {
        padding:14px;
    }
}
@media only screen and (max-width:575px) and (min-width:480px) {
    .login-form-2 {
        width: 80%;
        margin-left: 50px;
    }
    
    .login-form-1 {
        display: none;
    }
}
@media only screen and (max-width:479px) and (min-width:320px) {
    .login-form-2 {
        width: 86%;
        margin-left: 22px;
    }
    
    .login-form-1 {
        display: none;
    }
    .login-form-2 h3 {
        font-size: 21px;
    }
}
@media only screen and (max-width:767px) and (min-width:320px) {
    .transaction-dashborad .gardient-block .grdient-block {
        padding: 30px;
        margin-top: 28px;
    }
    .transaction-dashborad  .dashboard-title {
        padding-left: 27px;
    }
    .transaction-dashborad  .transaction-btn-block {
        padding-left: 14px;
    }
    .transaction-dashborad .gardient-block h1 {
        font-size: 30px;
    }
    .transaction-dashborad .gardient-block img {
       height: auto;
       width: auto;
    }
    .transaction-dashborad  .graph {
        padding: 25px;
        float: none;
        padding-right: 11px;
    }
    .navbar-wraper {
        width: 96%;
    }
    .middle-content .search-form .search-img {
        top: 22%;
    }
    .pull-right.btn {
        /* width: auto; */
        /* float: left !important; */
        padding: 10px 4px 0px;
    }
    .right-info.filters {
        /* position: absolute;
        margin: 45px 0px; */
    }
    .filter-block .text-right {
        padding: 0px;
        position: absolute;
    }
    .middle-content .search-form {
        width: 100%;
        padding-right: 0px;
    }
    .table {
        margin: 13px 0px;
    }
    .listing-table {
        overflow: hidden;
        overflow-x: scroll;
    }
    .navbar-primary.sidebar-icon-only .pull-right.btn {
        /* float: left !important; */
    }
    .navbar-primary.sidebar-icon-only .right-info.filters {
        /* position: absolute;
        margin: 43px 0px; */
    }
    .navbar-primary.sidebar-icon-only .filter-block .text-right {
        padding: 0px;
        /* position: relative; */
    }
    .navbar-primary.sidebar-icon-only .middle-content .search-form   {
        /* width: 83%; */
        width: 188px;
    }
    .navbar-primary.sidebar-icon-only .table {
        margin: 8px 0px 0px;
    }
    .refresh-filter {
        height: 37px;
        margin-top: 6px;
        margin-right: 11px;
    }
    /* .dynamic-listing {
        overflow-y: hidden;
        overflow-x: scroll;
    } */
    .filter-block .select-all {
        width: 69px;
    }
    /* .dynamic-listing  table {
        width: 100%;
    } */
    .navbar-primary.sidebar-icon-only {
        display: block;
    }
    .navbar-primary .navbar .navbar-menu-wrapper {
        padding-right: 0px;
    }
    /* .navbar-primary, .navbar .navbar-menu-wrapper .navbar-toggler  {
        display: none;
    } */
    .dashboard-screen .gardient-block .clearfix {
        padding: 2px 0px;
    }
    .dashboard-screen .gardient-block .blue, .dashboard-screen .gardient-block .green {
        margin-bottom: 20px;
    }
    .add-user {
        margin: 5px 0px 21px;
        /* padding: 0px; */
        float: right;
    }
    .filter-block {
        display: block;
        clear: both;
        padding-right: 0px;
        margin-bottom: 46px;
    } 
    .filter-block .pull-right.right-info {
        /* float: left;
        position: absolute;
        left: 0px;
        top: 21px; */
    }
    /* .list-view {
        padding: 73px 0;
    } */
    .grid-view {
        margin-top: 61px;
    }
    .filter-div:before {
        top: -8px;
        left: 265px;
    }
    .filter-block .search-form .glyphicon-search, .filter-block .search-form .clear-search {
        top: 17px;
        right: 13px;
    }
    .filter-block  .search-form {
        /* width: 73%; */
        padding: 0px;
        position: absolute;
        /* left: 144px; */
    }
    /* .navbar-primary.sidebar-icon-only   .filter-block  .search-form {
        width: 100%;
    } */
    .list-view .col-sm-12 {
        padding-right: 0px;
    }
    .user-listing-filters .sort-filter-dropdown {
        top: 349px;
        left: 146px;
    }
    /* .filter-div {
        top: 349px;
        left: 225px;
        width: 45%;    
    } */
    /* .sort-filter-dropdown {
        right: 205px;
        top: 346px;
        position: absolute;
        min-width: 134px;
    }
    .sort-filter-dropdown {
        right: 309px;
        top: 346px;
        position: absolute;
        min-width: 134px;
    } */
    .filter-div .action-block-div {
        padding-left: 10px;
    }
    .checbox-area {
        padding-top: 0px;
    }
    .Category {
        padding-left: 14px;
    }
}
@media only screen and (max-width:872px) and (min-width:320px) {
    /* .dynamic-listing .table {
        width: 716px;
    } */
    /* .dynamic-listing .listing-table {
        overflow-y: hidden;
        overflow-x: scroll;
    } */
    /* .scroll-div {

        clear: both;
        position: relative;
        min-height: 100%;
        height: 97vh;
        overflow-x: scroll;
        overflow-y: hidden;
    }  */
}