@media(max-width:1699px) {
    .filter-block.dashboard-active-pipeline-filter .filter-div.f-by-name {
	width: 60%;
}
    .filter-block.hpi-county-filter .filter-div.f-by-county-code {
	width: 50%;
}
    .filter-block.occupancy-type-filter .filter-div.f-by-name {
	width: 75%;
}
}
@media(max-width:1499px) {
    .filter-block.occupancy-type-filter .filter-div.f-by-name {
	width: 70%;
}
    .filter-block.blocks-filter .filter-div.f-by-name {
	width: 73%;
}
    .filter-block.segments-filter .filter-div.f-by-name {
	width: 50%;
}
.filter-block.segments-filter .filter-div.f-by-type {
	width: 20%;
}
    .filter-block.asset-type-filter .filter-div.f-by-name {
	width: 70%;
}
        .filter-block.dashboard-active-pipeline-filter .filter-div.f-by-name {
	width: 55%;
}
    .filter-block.fields-filter .filter-div.f-by-name {
  width: 30%;
}
    .filter-block.data-source-filter .filter-div.f-by-name {
  width: 70%;
}
    .filter-block.lookup-tables-filter .filter-div.f-by-name {
  width: 50%;
}
    .filter-block.property-type-filter .filter-div.f-by-name {
	width: 30%;
}
    .filter-block.users-filter .filter-div.f-by-name {
  width: 45%;
}
    .filter-block.hpi-county-yoy-filter .filter-div.f-by-name {
	width: 70%;
}
    .filter-block.hpi-history-filter .filter-div.f-by-name {
	width: 70%;
}
    
/*    Filters Structure */
    
.one-select-filter .filters > .f-by-input{
width: 52%;
}
.one-select-no-btn-filter .filters > .f-by-input{
width: 56%;
}
.no-select-one-btn-filter .filters > .f-by-input{
  width: 70%;
}
.no-select-no-btn-filter .filters > .f-by-input{
    width: 78%;
}
.three-select-filter .filters > .f-by-input{
width: 25%;
}
.two-select-filter .filters > .f-by-input{
width: 40%;
}
    
/*    Filters Structure */
    
    .cmn-card-prop{
        padding-left: 40px;
padding-right: 40px;
    }
    
}
@media(max-width:1399px) {
  .useraccount-dd {
    margin-left: 30px;
  }
  .navbar-nav .nav-item .nav-link {
    padding: 10px 6px;
  }
  .navbar-nav .nav-item {
    margin: 0 6px;
  }
    .filter-block.fields-filter .filter-div.f-by-name {
	width: 32%;
}
.filter-block.fields-filter .filter-div:not(.search-btn):not(.f-by-name) {
	width: 12%;
}
        .filter-block.products-filter .filter-div.f-by-name {
	width: 40%;
}
    .filter-block.reports-filter .filter-div.f-by-name {
	width: 65%;
}
    .filter-block.fields-filter .filter-div.f-by-name {
  width: 20%;
}
            .filter-block.lookup-tables-filter .filter-div.f-by-name {
  width: 48%;
}
    /*    Filters Structure */
    
.one-select-filter .filters > .f-by-input{
width: 46%;
}
.one-select-no-btn-filter .filters > .f-by-input{
width: 54%;
}
.no-select-one-btn-filter .filters > .f-by-input{
  width: 68%;
}
.no-select-no-btn-filter .filters > .f-by-input{
    width: 75%;
}
.three-select-filter .filters > .f-by-input{
width: 22%;
}
.two-select-filter .filters > .f-by-input{
width: 38%;
}
    /*    Filters Structure */
    .output-templates-filter .filters > .f-by-input {
	width: 60%;
}
    .value-showing-circle-group {
	padding: 32px 16px;
}
}
@media(max-width:1299px) {
  .useraccount-dd {
    margin-left: 18px;
  }
  .navbar-nav .nav-item .nav-link {
    padding: 10px 4px;
  }
  .navbar-nav .nav-item {
    margin: 0 4px;
  }
  .tab-btn {
    padding: 18px 24px;
  }
  .tab-btn > i {
    margin-right: 12px;
  }

    .filter-block.data-source-filter .filter-div.f-by-name {
	width: 68%;
}
  .fluid-padding {
    padding-left: 30px;
    padding-right: 30px;
  }
    .filter-block.property-type-filter .filter-div.f-by-name {
	width: 30%;
}


    .filter-block.occupancy-type-filter .filter-div.f-by-name {
	width: 70%;
}
    .filter-block.blocks-filter .filter-div.f-by-name {
	width: 70%;
}
.value-circle {
    height: 200px;
    width: 200px;
    }
}
@media(max-width:1199px) {
  .fluid-padding {
    padding-left: 30px;
    padding-right: 30px;
  }
  .navbar {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .navbar .navbar-collapse {
    width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    margin-top: 10px;
  }
  .navbar > .container-fluid {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .user-account-dd-group {
    margin-left: auto;
  }
  .navbar-nav .nav-item .nav-link::before {
    bottom: -5px;
  }
  .create-temp-box .temp-field .mr-r-12{
    margin-right: 0 !important;
  }
  main > .container-fluid {
    padding-top: calc(114px + 20px);
  }
  .filter-block.users-filter .filter-div.f-by-name {
    width: 30%;
  }
  .filter-block.users-filter .filter-div.f-by-type {
    width: 25%;
  }
  .filter-block.hpi-history-filter .filter-div.f-by-name {
    width: 65%;
  }
  .filter-block.hpi-county-filter.yoy-county-filter .filter-div.f-by-county-code {
    width: 40%;
  }
  .cmn-box-padding {
    padding: 38px 38px;
  }
  .segment-row .segment-col {
    width: calc(100% / 4 - 16px);
    margin-right: 16px;
  }
  .segment-row .add-more-segment {
    margin-right: 16px;
  }
    table .pagination-detail, .pagination-detail {
	display: block;
}
    table .pagination-detail .page-list .dropdown .btn, .pagination-detail .page-list{
        margin-top: 10px;
    }
    table .pagination-detail .page-list .dropdown .btn, .pagination-detail .page-list .dropdown .btn {
	margin-left: 0;
}
    .filter-block.lookup-tables-filter .filter-div.f-by-name {
	width: 35%;
}
.filter-block.lookup-tables-filter .filter-div.f-by-type {
	width: 25%;
}
     .filter-block.data-source-filter .filter-div.f-by-name {
	width: 62%;
}
            .filter-block.fields-filter .filter-div.f-by-name {
	width: 30%;
}
.filter-block.fields-filter .filter-div:not(.search-btn):not(.f-by-name) {
	width: 14%;
}
    .filter-block.dashboard-active-pipeline-filter .filter-div.f-by-name {
	width: 60%;
}
    .filter-block.asset-type-filter .filter-div.f-by-name {
	width: 60%;
}
    .filter-block.segments-filter .filter-div.f-by-name {
	width: 40%;
}
.filter-block.segments-filter .filter-div.f-by-type {
	width: 22%;
}
    .cmn-table.reports-list .table thead tr th:nth-child(1), .cmn-table.reports-list .table thead tr th:nth-child(2), .cmn-table.reports-list .table thead tr th:nth-child(3), .cmn-table.reports-list .table tbody tr td:nth-child(1), .cmn-table.reports-list .table tbody tr td:nth-child(2), .cmn-table.reports-list .table tbody tr td:nth-child(3), .cmn-table.reports-list .table tbody tr th:nth-child(1), .cmn-table.reports-list .table tbody tr th:nth-child(2), .cmn-table.reports-list .table tbody tr th:nth-child(3) {
	width: auto;
}
        .filter-block.occupancy-type-filter .filter-div.f-by-name {
	width: 60%;
}
        .filter-block.blocks-filter .filter-div.f-by-name {
	width: 60%;
}
            .filter-block.dashboard-active-pipeline-filter .filter-div.f-by-name {
	width: 50%;
}
        .filter-block.fields-filter .filter-div.f-by-name {
  width: 18%;
}
    .filter-block.property-type-filter .filter-div.f-by-name {
	width: 30%;
}
    .filter-block.hpi-county-yoy-filter .filter-div.f-by-name {
	width: 60%;
}
     /*    Filters Structure */
    
.one-select-filter .filters > .f-by-input{
width: 40%;
}
.one-select-no-btn-filter .filters > .f-by-input{
width: 50%;
}
.no-select-one-btn-filter .filters > .f-by-input{
  width: 60%;
}
.no-select-no-btn-filter .filters > .f-by-input{
    width: 70%;
}
.three-select-filter .filters > .f-by-input{
width: 15%;
}
.two-select-filter .filters > .f-by-input{
width: 30%;
}

/*    Filters Structure */
            .cmn-card-prop{
    padding: 0px 40px 0px 0px;
    border: none;
        width: auto;
  }
    
    .pool-review-process-list .table tr th:nth-child(3), .pool-review-process-list .table tr td:nth-child(3),
.pool-review-process-list .table tr th:nth-child(4), .pool-review-process-list .table tr td:nth-child(4) {
	width: 350px;
}
    .pool-review-process-list .table tr th:nth-child(1), .pool-review-process-list .table tr td:nth-child(1) {
    width: auto;
    min-width: 80;
}
   .cmn-table.pool-review-process-list  .table {
	width: 1180px;
}
        .output-templates-filter .filters > .f-by-input {
	width: 45%;
}
    .value-showing-circle-group {
	margin-bottom: 32px;
	height: auto;
}
    .templates-create-preview-asset-level .commentary-input textarea.form-control {
	height: 180px;
}
    .value-circle {
	height: 170px;
	width: 170px;
}
}
@media(max-width:991px) {
  .navbar > .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
  .user-account-dd-group {
    margin-left: auto;
    margin-right: 30px;
  }
  .login-wrapper .left-col {
    height: 400px;
  }
  .login-wrapper .right-col {
    height: auto
  }
  .login-wrapper .left-col-wrapper {
    background-position: top center;
  }
  .login-wrapper .right-col-wrapper .login-form-box {
    margin-top: 60px;
  }
  .login-wrapper .forgot-link {
    margin-bottom: 50px;
  }
  .navbar .navbar-collapse > .navbar-nav {
    margin-left: -30px !important;
    margin-right: -30px;
  }
  .navbar-nav .nav-item {
    margin: 0;
  }
  .navbar-nav .nav-item.active .nav-link::before {
    display: none;
  }
  .navbar-nav .nav-item:last-child .nav-link {
    border-bottom: 0;
  }
  .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 30px;
    padding-right: 30px;
  }
  .nav-dd .dropdown-toggle::after {
    top: 10px;
    margin-bottom: 0;
    position: absolute;
    right: 30px;
  }
  .nav-dd .dropdown-menu {
    background-color: #0b1835;
    border-radius: 0;
    margin-top: 0;
  }
  .nav-dd .dropdown-menu a {
    border-radius: 0;
    padding: 13px 40px;
    color: #ffffff;
  }
  .nav-dd .dropdown-menu a:hover, .nav-dd .dropdown-menu a:focus {
    background: #0b1835;
    color: #ffffff;
  }
  .useraccount-dd .dropdown-menu {
    position: absolute;
  }
  .filter-block {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .filter-toggle {
    display: inline-block;
  }
  .filters {
    display: none !important;
    position: static;
    top: 70px;
    width: 100%;
    left: 0;
    background-color: #EDEDF2;
    padding: 20px;
    border-radius: 8px;
    order: 2;
    flex: 1 0 100% !important;
    margin-top: 16px;
  }
  .filters-on {
    display: flex !important;
    display: -ms-flexbox !important;
  }
  .filter-block .filter-div {
    width: 100%;
  }
  main > .container-fluid {
    padding-top: calc(64px + 20px);
  }
  .user-table .bootstrap-table .fixed-table-container table.table {
    width: 130% !important;
  }
  .user-table .bootstrap-table .fixed-table-container .fixed-table-loading {
    width: 100% !important;
  }
  .dashboard-tabular-button > .tab-btn > i {
    display: block;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .cmn-table .table {
    width: 1024px;
  }
  .cmn-modal {
    /* padding-left: 0px !important; */
  }
  .adduser-file .modal-dialog {
    max-width: 700px;
  }
  .filter-toggle .filter-text {
    display: none;
  }
  .filter-block.users-filter .filter-div.search-btn {
    width: 40%;
  }
  .filter-block.hpi-history-filter .filter-div.f-by-name {
    width: 60%;
  }
  .filter-block .filter-div.search-btn {
    width: auto;
  }
  .hpi-history-table .table {
    width: 100%;
  }
  .filter-block.hpi-county-filter .filter-div.f-by-county-code {
    width: 34%;
  }
  .filter-block.hpi-county-filter .filter-div.f-by-year {
    width: 25%;
  }

  .hpi-county-yoy-table .table {
    width: 100%;
  }
  .segment-row .segment-col {
    width: calc(100% / 2 - 16px);
    margin-right: 16px;
  }
        .segment-row-group{
            align-items: center !important;
        -ms-align-items: center !important;
          border-bottom: 1px solid rgba(108, 118, 144, 0.15);
           padding-bottom: 30px;
margin-bottom: 30px !important;
    }
    .segment-row-group:last-child{
        border-bottom: 0;
    }
    .segment-row-group .segment-row{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            }
    .segment-row-group .delete-segment{
        margin-bottom: 0;
    }
    .adddatasource-file .modal-dialog{
    max-width: 100%;
    width: auto;
}
    .filter-block.fields-filter .filters{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

.filter-block.fields-filter .filter-div {
	width: 47% !important;
    margin-bottom: 16px !important;
}
    .filter-block.dashboard-active-pipeline-filter{
        margin-bottom: 0 !important;
    }
.filter-block.dashboard-active-pipeline-filter .action-block .filter-toggle {
	margin-top: -51px;
	display: block;
	margin-bottom: 0 !important;
}
.filter-block.dashboard-active-pipeline-filter .filter-div.f-by-name {
	width: 25%;
}
    .filter-block.dashboard-active-pipeline-filter .filter-div.f-by-products {
	width: 30%;
}
    .filter-block.dashboard-active-pipeline-filter .filters{
        margin-top: 0;
margin-bottom: 20px;
    }
    .cmn-table.active-pipeliness-table .table {
	width: 1240px;
}
   .list-group-1 .list-group-item {
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
    .list-group-1 .list-group-item .date-time{
        width: 100%;
margin-left: 44px !important;
    }
        .list-group-1 .list-group-item .avtar{
    position: relative;
            bottom: -8px;
    }
    .segment-fields {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
    .segments-yield-pricing .segment-fields .segment-row .segment-col {
	width: calc(100% / 6 - 15px);
	margin-right: 15px;
}
   .segments-yield-pricing .segment-fields .segment-row-group {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0 !important;
}
    .filter-block.products-filter .filter-div.f-by-name {
	width: 60%;
}
    .filter-block.reports-filter .filter-div.f-by-name{
        width: 60%;
    }
    .filter-block.segments-filter .filter-div.f-by-name {
	width: 35%;
}
    .filter-block.lookup-tables-filter .filter-div.f-by-name {
	width: 30%;
}
      .filter-block.hpi-county-filter.yoy-county-filter .filter-div.f-by-county-code {
    width: 32%;
  }
    
         /*    Filters Structure */
    
.one-select-filter .filters > .f-by-input{
width: 35%;
}
.one-select-no-btn-filter .filters > .f-by-input{
width: 38%;
}
.no-select-one-btn-filter .filters > .f-by-input{
  width: 60%;
}
.no-select-no-btn-filter .filters > .f-by-input{
    width: 62%;
}
.three-select-filter .filters > .f-by-input {
	width: 47%;
	margin-bottom: 16px !important;
}
.two-select-filter .filters > .f-by-input{
width: 47%;
	margin-bottom: 16px !important;
}
    .three-select-filter .filters > .f-by-dd, .two-select-filter .filters > .f-by-dd {
width: 47%;
	margin-bottom: 16px !important;
}
    .two-select-filter .filters > .filter-div.search-btn{
	margin-bottom: 16px !important;
}
    .two-select-filter .filters,
    .three-select-filter .filters{
        flex-wrap: wrap;
-ms-flex-wrap: wrap;
    }
/*    Filters Structure */
    
    .cmn-template-card-prop{
        -ms-flex-pack: start !important;
justify-content: flex-start !important;
    }
    .cmn-card-prop:first-child {
	justify-content: flex-start;
	-ms-flex-pack: start !important;
	width: 50%;
}
    .cmn-card-prop {
	width: 50%;
        	justify-content: flex-start;
	-ms-flex-pack: start !important;    
}
    .cmn-card-prop {
	padding: 0px 30px 0px 0px;
	margin-bottom: 24px;
}
        .cmn-tabs {
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	width: auto;
	min-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
    .cmn-tabs > li{
        flex-shrink: 0;
        -ms-flex-shrink: 0;
    }
    .templates-create-preview .heading-block {
	 flex-wrap: nowrap;
	 -ms-flex-wrap: nowrap; 
}
    .templates-create-preview .cmn-table .table{
        width: 1140px;
    }    
}
@media(max-width:767px) {
  .login-wrapper .left-col {
    height: 280px;
  }
  .login-wrapper .shape > img {
    height: 80px;
  }
  .login-wrapper .logo > img {
    width: 180px;
  }
  .login-wrapper .right-col-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .login-wrapper .right-col-wrapper .login-form-box {
    margin-top: 40px;
    padding: 24px 34px;
  }
  .navbar > .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  main > .container-fluid {
    padding-top: calc(64px + 10px);
  }
  .fluid-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar .navbar-collapse > .navbar-nav {
    margin-left: -15px !important;
    margin-right: -15px;
  }
  .navbar-nav .nav-item .nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }
  .user-account-dd-group {
    margin-right: 14px;
  }
  .useraccount-dd .dropdown-toggle .notify-counter {
    width: 20px;
    height: 20px;
    top: -8px;
    right: 16px;
    font-size: 14px;
    line-height: 17px;
  }
  .nav-dd .dropdown-toggle::after {
    top: 10px;
    right: 15px;
  }
  .nav-dd .dropdown-menu a {
    border-radius: 0;
    padding: 12px 25px;
    color: #ffffff;
  }
  .heading-block {
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: flex-start !important;
    -ms-flex-align: flex-start !important;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
  }
  .heading-block h1 {
    order: 2;
    -ms-order: 2;
  }
  .heading-block .small-caption {
    order: 3;
    -ms-order: 3;
  }
  .heading-block .cmn-breadcrumbs {
    margin-left: 0 !important;
    order: 1;
    -ms-order: 1;
  }
  .heading-block .cmn-breadcrumbs .breadcrumb {
    padding-left: 0;
    padding-right: 0;
  }
  .filters {
    top: 110%;
    flex-direction: column;
    -ms-flex-direction: column;
    position: static;
    order: 3;
    -ms-order: 3;
    margin-top: 10px;
  }
  .filter-block .filter-div {
    margin-right: 0;
    margin-bottom: 16px !important;
  }
  .filter-block .filter-div:last-child {
    margin-bottom: 0;
  }
  .filter-block .action-block > .btn {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 16px;
  }
  .filter-block.users-filter .filter-div.search-btn > .btn {
    width: 100%;
  }
  .filter-toggle {
    float: none;
    color: #3169a5;
    background-color: transparent;
    border: 1px solid rgba(108, 118, 144, 0.15);
    margin-left: 0 !important;
    width: 100%;
    border-radius: 8px;
    padding: 16px;
    padding: 8px 24px;
    text-align: center;
    height: 51px;
    line-height: 32px;
  }
  .filter-toggle:hover {
    color: #3169a5;
    text-decoration: none;
  }
  .filter-toggle .filter-text {
    margin-left: 4px;
  }
  .filter-toggle .filter-text {
    display: inline-block;
    ;
  }
  .filter-block.users-filter .filter-div {
    width: 100% !important;
  }
  .filter-block .action-block {
    margin-left: 0 !important;
    width: 100%;
  }
  .user-table .bootstrap-table .fixed-table-container table.table {
    width: 1024px !important;
  }
  .user-table .fixed-table-pagination .pagination {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    float: none !important;
  }
  .footer-action {
    margin-top: 32px !important;
    width: 100%;
  }
  .footer-action.user-table-action {
    margin-top: 0;
  }
  .footer-action > .btn {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 16px;
  }
  .footer-action > .btn:last-child {
    margin-bottom: 0;
  }
  .tab-btn {
    padding: 12px 16px;
    font-size: 12px;
    line-height: 20px;
    ;
  }
  .tab-btn > i {
    font-size: 20px;
  }
  .table-footer {
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
  }
  .table-pagination {
    margin-left: 0 !important;
  }
  .pagination {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .action-block.ml-auto {
    margin: auto !important;
  }
  .cmn-box.create-user {
    padding: 32px 32px !important;
  }
  .cmn-box-padding {
    padding: 32px 32px;
  }
  .avtar-xl {
    width: 64px;
    max-width: 64px;
    height: 64px;
    max-height: 64px;
    background-size: 50%;
  }
  .cmn-box .action-footer {
    text-align: center !important;
  }
  .create-user .admin-capability .custom-control-group {
    display: block !important;
  }
  .custom-file .custom-file-label::before {
    width: 68%;
  }
  .custom-file .custom-file-label::after {
    padding: 8px 12px;
  }
  .form-group.input-icon-right .form-control {
    background-position: 96%;
  }
  .form-group.input-icon-left .form-control {
    background-position: 4%;
  }
  .filter-block.hpi-history-filter .filter-div.f-by-name {
    width: 100%;
  }
  .filter-block .filter-div:first-child {
    margin-right: 0 !important;
  }
  .filter-block.hpi-history-filter .filter-div.search-btn {
    width: 100%;
  }
  .filter-block .filter-div.search-btn {
    margin-bottom: 0 !important;
    width: 100%;
  }
  .filter-block .filter-div.search-btn > .btn {
    width: 100%;
  }
  .hpi-history-table .table {
    width: 680px;
  }
  .hpi-county-yoy-table .table {
    width: 680px;
  }
  .filter-block.hpi-county-filter .filter-div.f-by-county-code {
    width: 100%;
  }
  .filter-block.hpi-county-filter .filter-div.f-by-year {
    width: 100%;
  }
  .filter-block.hpi-county-yoy-filter .filter-div.f-by-name {
    width: 100%;
  }
  .modal-dialog {
    width: auto;
    max-width: 100%;
  }
  .modal-dialog .modal-body {
    padding: 24px 32px !important;
  }
  .modal-dialog .modal-footer {
    padding: 24px 32px !important;
  }
  .modal-dialog .modal-footer .action-block {
    display: block !important;
    width: 100%;
  }
  .modal-dialog .modal-footer .action-block > .btn {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 16px;
  }
  .modal-dialog .modal-footer .action-block > .btn:last-child {
    margin-bottom: 0 !important;
  }
  .filter-block.hpi-county-filter.yoy-county-filter .filter-div.f-by-county-code {
    width: 100%;
  }
    .segment-row .segment-col {
	width: calc(100%  - 16px);
	margin-right: 16px;
}
    .cmn-box.segments .action-footer{
        width: 100%;
    }
    .cmn-box.segments .action-footer .btn{
        width: 100%;
    }
    .segment-filter-block .segment-filters{display: block !important;}
    .segment-filter-block .segment-filters .filter-div.f-by-county-code{
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 16px !important;
    }
    .segment-filter-block .segment-filters .search-btn a{
        width: 100%;
        margin-bottom: 16px;
margin-left: 0 !important;
    }
    .segment-row-group{
           padding-bottom: 20px;
margin-bottom: 20px !important;
    }
    .segment-row .add-more-segment {
	margin-right: 0;
	margin-left: 50px !important;
	text-align: center;
	width: 100%;
}
    table .pagination-detail, .pagination-detail {
	margin-top: 24px;
}
    .cpr-prepayment-tab-block .btn-sty1{
        width: 100%;
    }
.cmn-tabs .nav-item .nav-link {
	padding: 18px 18px;
}
    .cmn-tabs {
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	width: auto;
	min-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
    .cmn-tabs > li{
        flex-shrink: 0;
        -ms-flex-shrink: 0;
    }
    .segments-yield-pricing .segment-fields{
        padding: 0 !important;
    }
    .table-outer-heading-wrap .horizontal .outer-table-heading {
	margin-bottom: 8px;
}
    .table-outer-heading-wrap .vertical .outer-table-heading {
	margin-right: 8px;
}
        .filter-block.property-type-filter .filter-div.f-by-name {
	width: 100%;
}
        .filter-block.lookup-tables-filter .filter-div.f-by-name {
	width: 100%;
}
.filter-block.lookup-tables-filter .filter-div.f-by-type {
	width: 100%;
}
         .filter-block.data-source-filter .filter-div.f-by-name {
	width: 100%;
}
    .filter-block.fields-filter .filter-div {
	width: 100% !important;
}
    .filter-block.dashboard-active-pipeline-filter .action-block .filter-toggle {
	margin-top: 0;
	margin-bottom: 20px !important;
}
    .filter-block.dashboard-active-pipeline-filter .filter-div.f-by-name {
	width: 100%;
}
    .filter-block.dashboard-active-pipeline-filter .filter-div.f-by-products {
	width: 100%;
}
    .list-group-1 .list-group-item .para-3 {
	flex: 0 0 80%;
	-ms-flex: 0 0 80%;
}
    .list-group-1 .list-group-item .avtar {
	bottom: 0;
}
    .dashboard .recent-history-head{
        display: block !important;
    }
    .dashboard .recent-history-head .my-work-toggle{
        text-align: right;
        margin-bottom: 16px;
    }
    .segments-yield-pricing .segment-fields .segment-row .segment-col {
	width: 100%;
}
   .segments-yield-pricing .segment-fields  .segment-row-group .segment-row {
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
       width: 620px;
}
    .segments-yield-pricing .segment-fields  .segment-row-group{
	overflow-x: auto;
}
/*
    .segments-yield-pricing .segment-fields  > .row:nth-child(2) > div{
       -ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
    }
*/
        .filter-block.asset-type-filter .filter-div.f-by-name {
	width: 100%;
}
    .filter-block.reports-filter .filter-div.f-by-name {
	width: 100%;
}
        .filter-block.segments-filter .filter-div.f-by-name {
	width: 100%;
}
.filter-block.segments-filter .filter-div.f-by-type {
	width: 100%;
}
        .filter-block.products-filter .filter-div.f-by-name {
	width: 100%;
}
        .filter-block.occupancy-type-filter .filter-div.f-by-name {
	width: 100%;
}
        .filter-block.blocks-filter .filter-div.f-by-name {
	width: 100%;
}
    .filter-block .filter-div.search-btn > .btn.reset-btn{
        margin-left: 0 !important;
        margin-top: 16px;
    }
    
    
     /*    Filters Structure */
    
.one-select-filter .filters > .f-by-input,
.one-select-no-btn-filter .filters > .f-by-input,
.no-select-one-btn-filter .filters > .f-by-input,
    .no-select-no-btn-filter .filters > .f-by-input{
        width: 100%;
    }
.one-select-filter .filters > .f-by-dd,
.one-select-no-btn-filter .filters > .f-by-dd,
.no-select-one-btn-filter .filters > .f-by-dd,
    .no-select-no-btn-filter .filters > .f-by-dd{
        width: 100%;
    }
        .three-select-filter .filters > .f-by-input, .two-select-filter .filters > .f-by-input {
width: 100%;
max-width: 100%;

}
    .three-select-filter .filters > .f-by-dd, .two-select-filter .filters > .f-by-dd {
width: 100%;

}
    .two-select-filter .filters > .filter-div.search-btn{
	margin-bottom: 0 !important;
}
    .two-select-filter .filters,
    .three-select-filter .filters{
        flex-wrap: wrap;
-ms-flex-wrap: wrap;
    }
/*    Filters Structure */
    
    
     .createscenerios-file .modal-dialog{
    max-width: 100%;
    width: auto;
  }
    .sm-block{
        display: block !important;
    }
       .sm-block > .btn{
        display: block !important;
           width: 100%;
           margin-left: 0 !important;
           margin-right: 0 !important;
           margin-bottom: 16px !important;
    }
    .sm-block > .btn:last-child{
        margin-bottom: 0 !important;
    }
    .cmn-mutliselect .ms-container .ms-selectable, .cmn-mutliselect .ms-container .ms-selection {
	margin-right: 0;
	margin-bottom: 16px;
	width: 100%;
	height: auto;
}
    .cmn-mutliselect .ms-container .ms-selectable ul.ms-list, .cmn-mutliselect .ms-container .ms-selection ul.ms-list{
        /* height: auto; */
    }
        .cmn-card-prop:first-child {
	width: 100%;
}
    .cmn-card-prop {
	width: 100%;
}
    .cmn-card-prop {
	padding: 0;
	margin-bottom: 16px;
}
    .cmn-template-card{
        display: block !important;    
    }
    .templates-create-preview .heading-block {
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
}
    .templates-create-preview .heading-block h1{
        margin-right: 0 !important;
        order: 3;
    }
    .templates-create-preview .heading-block .logo-img{
        order: 2;
        margin-left: 0 !important;
        margin-top: 16px;
    }
    .templates-create-preview .heading-block .btn{
        margin-left: 0 !important;
        margin-top: 16px;
        order: 1;
    }
    .templates-create-preview .form-group.input-group{
        margin-bottom: 16px !important;
    }
        .templates-create-preview .single-form-input .btn{
        width: 100%;
    }
    .value-showing-circle-group {
	flex-direction: column;
	-ms-flex-direction: column;
}
    .value-circle {
	height: 180px;
	width: 180px;
	margin-bottom: 24px;
}
    .external-link-box {
	padding: 12px;
}
    .card .card-body .card-footer .btn{
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 16px;
}
}
@media(max-width:320px) {
  .tab-btn {
    padding: 10px 14px;
    font-size: 10px;
    line-height: 18px;
    ;
  }
  .tab-btn > i {
    font-size: 18px;
  }
}