@media (max-width: 767px) {
  .modal-footer .action-wrapper .options a {
    margin: 0 5px;
  }
}
@media (max-width: 1024px) {
  li#propertyDisplayOptions {
    display: none;
  }
}

@media (min-width: 667px) and (max-width: 767px) {
          #modal-more .modal-dialog {
            width: 90%;
            max-width: 660px;
            margin: 30px auto;
            margin-top: 150px;
          }
        }

        @media (min-width: 768px) and (max-width: 991px) {
          #modal-more .modal-dialog {
            width: 90%;
            max-width: 660px;
            margin: 30px auto;
            margin-top: 150px;
          }
        }

        /*
  .mx-search-panel-more {
    display: flex;
    flex-direction: column;
  }*/

        .mx-search-panel-more>div {
          width: 100%;
          height: auto !important;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          flex: 1 1 100%;
          margin: 0 0 0 0;
          padding: 10px 10px;
          border-top: 1px solid #efefef !important;
          border-bottom: 1px solid #efefef !important;
          border-left: none;
          border-right: none;
        }

        .mx-search-panel-more>div>div.checkbox {
          display: flex;
          flex: 1 1 100%;
          flex-wrap: wrap;
          flex-direction: row;
          margin-top: 5px;
          margin-bottom: 5px;
          padding-left: 0px;
        }

        #modal-more h4 {
          flex: 1 1 100%;
        }

        #responsive-price .control-group {
          margin: 1em auto !important;
        }

        #modal-more .modal-footer {
          border-top: none;
          padding: 15px;
          /* 5px 10px */
        }

        #modal-more .checkbox label {
          word-wrap: break-word;
          word-break: break-word;
          padding-left: 2px;
        }

        #modal-more .modal-header {
          border-bottom: none;
        }

        #responsive-baths,
        #responsive-properties {
          height: auto !important;
        }

        #responsive-baths {
          border: none;
        }

        #modal-more .checkbox .control-group {
          display: flex;
          flex: 1 1 50%;
        }

        #modal-more .checkbox.checkbox-primary {
          padding-left: 0;
          margin: 5px 0 0 0;
          padding: 0 0 0 0;
        }

        .mx-content-wrapper.browser input[type="text"],
        input[type="text"] {
          margin-bottom: 0px !important;
        }

        #modal-more .checkbox .control-group {
          padding-left: 20px;
        }


        @media (min-width: 667px) {
          #modal-more .checkbox .control-group {
            display: flex;
            /*flex: 0 1 32%;*/
          }
        }

        @media (min-width: 1200px) {
          #modal-more .checkbox .control-group {
            display: flex;
            flex: 0 1 25%;
            /*max-width: 200px;*/
          }
        }

        @media screen and (max-width: 1000px) {
          #responsive-price {
            padding-bottom: 1em !important;
          }
        }

        .responsive-apartment.rent-height,
        .responsive-building.rent-height {
          height*: auto !important;
        }

        input[type=date]::-webkit-inner-spin-button {
          -webkit-appearance: none;
          display: none;
        }

        .tbmaxExpense {
          width: 200px;
        }
      </style>
      <style>
        .modal-footer .action-wrapper {
          width: 100%;
          align-content: center;
          align-items: center;
          justify-items: center;
          justify-content: center;
          position: relative;
          display: flex;
          flex-direction: row;
        }

        .modal-footer .action-wrapper .btn-clear {
          flex: 1 1 auto;
          margin: 0 1em;
          font-size: 1.2em;
        }

        .modal-footer .action-wrapper .btn-closePanel {
          flex: 1 1 auto;
          font-size: 1.2em;
          margin: 0 1em;
        }

        .modal-footer .action-wrapper .btn-next {
          flex: 1 1 auto;
          font-size: 1.2em;
          margin: 0 1em;
        }

        .modal-footer .action-wrapper .mode-search {
          margin: 1em auto;
          width: auto;
          min-width: 250px;
        }


        .modal-footer .action-wrapper .options {
          flex: 1 1 auto;
          margin: 1em auto;
          text-align: left;
        }

        .modal-footer .action-wrapper .run-search {
          flex: 1 1 auto;
          margin: 0 auto;
          text-align: right;
        }

        .modal-footer .action-wrapper .options a {
          color: #666;
        }

        .modal-footer .action-wrapper .options a:hover {
          color: #333;
        }

        @media (max-width: 991px) {
          .modal-footer .action-wrapper {
            flex-direction: column;
          }
          .modal-footer .action-wrapper .run-search,
          .modal-footer .action-wrapper .options {
            text-align: center;
          }
        }

            .navbar-right.property-filter-options {
      float: right !important;
      margin-right: 9px;
    }

    .navbar-right.property-filter-options .dropdown-menu {
      right: 0;
      left: auto;
    }


    .property-filter-options>li:not(:last-of-type) {
      margin-right: 5px;
    }

    .property-filter-options>li.box {
      text-align: center;
    }

    .property-filter-options .sort-filters>li {
      cursor: pointer;
    }

    .property-filter-options>li.box>a {
      width: 42px;
      height: 42px;
      padding: 10px 10px !important;
      background-color: white;
      color: #666 !important;
      font-size: 14px;
      font-weight: normal;
      border-radius: 0px;
      border: 1px solid #ccc;
      text-align: center;
    }

    .property-filter-options>li>ul>li.box>a {
      width: 100%;
      height: auto;
      padding: 10px 10px;
      background-color: white;
      color: #666 !important;
      font-size: 14px;
      font-weight: normal;
      border: none !important;
      text-align: center;
      margin: -5px 0;
      text-transform: none;
      text-align: left;
    }

    .property-filter-options>li>ul>li.box>a>i {
      min-width: 32px;
      text-align: center;
    }

    @media (max-width: 480px) {
      li.listViewBox,
      li.browserViewBox {
        display: none;
      }
    }


    @media screen and (max-width: 460px) {
      .nav .caret {
        display: none;
      }
      #stickySearch #lbMoreCount,
      #stickySearch #lbAreaCount {
        display: none;
      }

      body[id='body-'] .nav .caret {
        display*: inline-block;
      }
      .property-filter-options {
        margin-right: -5px;
      }
      .property-filter-options>li:not(:last-of-type) {
        margin-right: 3px;
      }
      .property-filter-options .eAlert-new {
        display*: none;
      }
    }

    .tooltip-inner {
      min-width: 85px;
      width: auto;
      white-space: nowrap;
    }

    .icon-overlay a .icn-more {
      background-color: transparent !important;
    }

    .eAlert-new .tooltip-inner {
      width: 100%;
      white-space: pre-wrap;
      position: relative;
    }


    .nav>li>a:hover,
    .nav>li>a:focus,
    .nav>li.current>a {
      color: #666;
    }

    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
      background-color: #eee;
      border-color: #ccc;
    }

    #searchAlerts.search.modal {
      top: 0px;
    }

    .filterSearchModal .modal-body {
      padding: 5px !important;
    }

    #search-tab li {
      position: relative;
    }

    #search-tab li ul.dropdown-list li {
      display: flex;
      flex-direction: column !important;
      text-align: center !important;
      padding: 0 0px !important;
      margin-right: 0;
    }

    #search-tab li.active ul.dropdown-list {
      display: flex;
      flex-direction: column !important;
      margin: 0 0 !important;
      position: absolute;
      left: 0;
      right: 0;
      padding: 5px 5px !important;
    }

    #search-tab li ul.dropdown-list li>input[type="checkbox"]+label {
      cursor: pointer;
      border: 1px solid #e0e0e0 !important;
      border-right: 1px solid #e0e0e0 !important;
      margin-right: 0 !important;
      margin-bottom: 0;
      padding: 8px 0;
    }

    #search-tab li ul.dropdown-list li input[type='text'] {
      width: 100% !important;
    }

    .mx-browser #search-tab li ul.dropdown-list.beds {
      padding-left: 0;
      padding-right: 0;
    }