@media (max-width: 1566px) {
  .reservation-selection {
    position: fixed !important;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-evenly; } }

@media (max-width: 1100px) {
  .round-border-buton {
    padding: 8px 12px 8px 12px;
    font-size: 12px;
    letter-spacing: 0.8px; }
  .extend-style5 #style5-map-container {
    position: relative;
    max-width: 100%;
    max-height: 400px; }
  .extend-style5 {
    min-height: 450px; }
  .listing-filter ul li {
    width: 49%; }
  .reservation-selection {
    position: fixed !important;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    margin: 0; } }

@media (max-width: 992px) {
  .images-list-container [class*="span"] {
    padding-left: 13px; }
  .jhp-container {
    /* Force table to not be like tables anymore */ }
    .jhp-container .responsive-simple table,
    .jhp-container .responsive-simple thead,
    .jhp-container .responsive-simple tbody,
    .jhp-container .responsive-simple th,
    .jhp-container .responsive-simple td,
    .jhp-container .responsive-simple tr {
      display: block; }
    .jhp-container .responsive-simple thead tr {
      /* Hide table headers (but not display: none;, for accessibility) */
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .jhp-container .responsive-simple tr {
      border-top: none; }
    .jhp-container .responsive-simple td {
      /* Behave  like a "row" */
      border: none;
      position: relative;
      white-space: normal;
      text-align: left !important; }
      .jhp-container .responsive-simple td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content: attr(data-title); }
      .jhp-container .responsive-simple td:first-child {
        border-top: 0px; }
      .jhp-container .responsive-simple td:last-child {
        padding-bottom: 20px; }
      .jhp-container .responsive-simple td.has-title {
        padding-top: 25px; }
    .jhp-container .dir-panel-table .item-name {
      float: none; }
    .jhp-container .dir-panel-table .item-image {
      float: none;
      width: 200px; }
      .jhp-container .dir-panel-table .item-image img {
        width: 100%;
        height: auto;
        margin-bottom: 15px; }
    .jhp-container table.with-titles td {
      padding-left: 50%; }
      .jhp-container table.with-titles td::before {
        padding: 10px 5px; }
    .jhp-container table.cart-item-table td {
      padding-top: 30px !important; }
    .jhp-container .availability-calendar .date {
      padding: 6px; }
    .jhp-container .c100 {
      display: none; } }

@media (max-width: 769px) {
  .container {
    padding: 0 !important; }
  .company-style-5-header-info .second-column {
    margin-top: 20px; }
  .horizontal-list.border-large li {
    width: 32%; }
  .compact-list .company-info {
    padding: 10px; }
  .category-form-container {
    width: 95%; }
  .search-map-container {
    max-height: 400px; }
  .detail_box input[type="text"] {
    width: 95% !important; }
  .detail_box textarea {
    width: 95% !important; }
  .picture-table .img_picture_company, .picture-table .img_picture_offer {
    width: 95% !important; }
  .picture-table .key {
    display: none; }
  .picture-table textarea {
    width: 100%; }
  .detail_box select {
    width: 95%; }
  .add-review textarea {
    width: 100%; }
  #slidergallery ul.gallery li {
    width: 45%; }
    #slidergallery ul.gallery li img {
      width: 100%;
      height: auto; }
  .category-content {
    height: auto !important; }
    .category-content .grid-content .post {
      margin-bottom: 17px; }
  #invoice .dialogContent {
    width: 90%; }
  .business-hour input {
    width: 100px; }
  .list-contact .business-info {
    margin-bottom: 30px; }
  .list-contact .business-name {
    text-align: center; }
  div.business-hour-time {
    text-align: left; }
  .grid-style2 .grid-item .grid-content {
    height: auto; }
  #location-dialog .dialogContent {
    width: auto; }
  #offer-detail-1 .dir-offer-links {
    float: none;
    width: 100%; }
  #offer-detail-1 .link-item {
    display: inline-block;
    line-height: 40px;
    padding-right: 7px; }
    #offer-detail-1 .link-item a {
      padding-right: 10px; }
  .truncate-text {
    max-width: 300px !important; }
  .search-options {
    float: left; }
  .list-style-7 .content-box {
    margin: 5px 0; }
  .list-style-7 .company-gallery {
    height: auto; }
    .list-style-7 .company-gallery img {
      height: auto; }
  .list-style-7 .bottom-info {
    position: relative; }
  .list-style-8 .featured-text {
    position: relative;
    bottom: 0; }
  .list-style-8 .item-name {
    margin-top: 10px; }
  .list-style-8 .result-content {
    padding: 10px; }
  .list-style-8 .item-info-container {
    padding: 0px 10px; }
  .list-style-3 .result-content {
    margin-top: 15px;
    text-align: center; }
  .company-container-style-6 .company-header-details .links-container {
    text-align: left; } }

@media (max-width: 768px) {
  .jhp-container .horizontal-list .border-large li, .jhp-container .horizontal-list li {
    width: 100%;
    border-left: none;
    padding-left: 0 !important; }
  #image-simple a div {
    width: 100%; }
  #image-simple a > div::before {
    left: 44%; }
  #offer-style2 .offer-location, #event-style2 .event-location {
    margin-top: 20px !important; }
  #offer-detail-2 .organizer .hover-offer::before {
    left: 15%; }
  #offer-detail-2 .organizer .hover-offer > div {
    left: 67%; }
  #offer-detail-2 .add-review-link {
    margin-left: 36%; }
  #offer-detail-2 #top-right-container {
    display: none; }
  #company-style-7-container .style-7-header .listing-info {
    justify-content: flex-start; }
  #filter-switch {
    display: block; }
  #search-filter {
    display: none; }
    #search-filter .open {
      display: block; }
  .results-style-8 .span10 .company-details {
    padding-left: 10px; }
  .results-style-8 .custom-attributes-list-view {
    width: 100%; }
  .results-style-8 .item-info-container {
    float: none; }
  .speaker-item .column.speaker-info .location-link {
    position: relative !important;
    float: none; }
    .speaker-item .column.speaker-info .location-link span, .speaker-item .column.speaker-info .location-link .country_flag {
      display: inline-block;
      float: none; }
  #search-results #search-module #companies-search {
    float: none; }
  #search-results .item-image img {
    width: 100%; }
  .search-options .search-options-item:first-child {
    width: 100%; }
  .search-options .search-options-item:nth-child(2) {
    margin-left: 0px; }
  .jdb-wrapper-front #content-wrapper {
    margin: 20px 0 !important;
    padding: 10px; }
  .availability-calendar .date {
    padding: 6px; } }

@media (max-width: 576px) {
  .jhp-container .jitem-img-wrap {
    min-height: 0 !important; }
    .jhp-container .jitem-img-wrap > img {
      height: auto !important;
      position: relative !important; }
  .jhp-container .jhp-search-statistics {
    display: block;
    padding-bottom: 0; }
  .jhp-container .search-options {
    justify-content: flex-start; }
  .jhp-container .search-options .jhp-select-box, .jhp-container .search-options .view-mode {
    margin-left: 0; }
  .jhp-container #search-results .search-header {
    padding-bottom: 0; }
  .search-options {
    justify-content: flex-start; }
    .search-options > div {
      margin-left: 0;
      margin-bottom: 10px; }
    .search-options .jhp-select-box {
      width: 100%; }
    .search-options .map-view {
      margin-left: 10px; }
  .detail_box input[type="text"], .detail_box .detail_box select {
    width: 95% !important; }
  .detail_box textarea {
    width: 95%; }
  .jhp-container #slidergallery ul.gallery a img {
    width: auto;
    height: auto; }
  .listing-style-1,
  .listing-style-2 {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  #company-style-5-container {
    padding: 0; }
  #one-page-container #company-info {
    width: 100%; }
  #one-page-container .company-image {
    width: 100%; }
  #one-page-container .company-info-container {
    width: 100%; }
  #one-page-container #social-networks-container {
    margin: 10px 0; }
  #one-page-container dt {
    float: none;
    width: 100%; }
  .jhp-container .container {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  #reviews .reviewer-name {
    width: 100%;
    padding-left: 10px; }
  .search-options {
    float: none;
    width: 100%; }
  .compact-list .content-box {
    float: none;
    width: 100%; }
  .compact-list .result {
    padding: 10px 0px 0px; }
  .result .company-rating {
    float: left;
    margin-left: 0;
    width: 100%;
    display: inline; }
  .grid4 .post {
    width: 95%; }
  #dialog-container {
    min-width: auto; }
  #slidergallery ul.gallery li {
    width: 100%; }
  .category-content .category-img-container {
    width: 100%;
    margin-bottom: 10px; }
  .grid-content .post {
    width: 100% !important;
    margin-left: 1%;
    margin-right: 1%; }
  .grid-content .post-image, .grid-content .service-list .grid-content .post-image {
    height: auto; }
  #invoice .dialogContent {
    width: 90%; }
  .business-hour input[type="text"] {
    width: 90px; }
  #categories-accordion li.accordion-element {
    width: 100%; }
  /* ------control panel --------- */
  #jdb-wrapper #page-wrapper {
    margin: 0 !important; }
  #jdb-wrapper #content-wrapper {
    margin: 20px 0 !important; }
  .company-style-5-header-info .business-logo {
    width: 100%;
    height: auto; }
  #socials .item-image img {
    max-width: 230px; }
  #offer-detail-2 .organizer .hover-offer > div {
    left: 32%; }
  #offer-detail-2 .organizer .hover-offer > div {
    left: 55% !important; }
  .btn {
    width: 100%;
    margin-bottom: 10px !important; }
  .field-calendar .btn {
    margin-bottom: 0px !important; }
  .dir-table .btn {
    margin: 0 0 5px !important; }
  .jhp-edit-container .btn {
    width: auto; }
  .jhp-edit-container .calendar-date {
    width: 70% !important; }
  #copy-me {
    float: left;
    margin-right: 5px;
    width: auto !important; }
  .hidden-phone {
    display: none !important; }
  .order-options {
    float: none;
    line-height: 40px; }
  #rc-imageselect, .g-recaptcha {
    max-width: 300px; }
  #recaptcha_table {
    width: 70%; }
  #searchform .form-field {
    float: none !important;
    width: 100%; }
  #search-details .chosen-container, #search-module .chosen-container, #search-module #companies-search .chosen-container, #search-module #companies-search input.search-field, .shadow-input, #search-module #companies-search select {
    width: 100% !important; }
  #conferences .chosen-container, #conferences select {
    width: 100% !important; }
  #conferences .search-options {
    text-align: left; }
  #search-results #search-module #searchform .form-field {
    float: none !important; }
  #search-results .search-options {
    width: 100%;
    margin: 10px 0; }
  #filter-button {
    width: 100%; }
  .listing-filter ul li {
    width: 100%; }
  .truncate-text {
    max-width: 200px !important; }
  .add-review {
    padding: 12px; }
  .company-style-box {
    padding: 15px; }
  .company-container-style-6 .company-header {
    height: 330px; }
  .company-container-style-6 .socials-network {
    float: none;
    margin: 0 0 15px 5px; }
  .company-container-style-6 .company-header-details {
    margin: 5px; }
  .company-container-style-6 .header-bottom {
    position: relative; }
  .company-container-style-6 .listing-address {
    line-height: 22px; }
  .company-container-style-6 .btn {
    width: auto !important; }
  .jhp-social-container {
    float: none; }
    .jhp-social-container .btn {
      width: auto; }
  .jhp-container .wizard > .steps > ul > li {
    width: 100%; }
  .jhp-container .wizard > .content > .body {
    float: none;
    position: relative;
    width: auto;
    height: auto; }
  .jhp-container .calendar-date {
    width: 80%; }
  #editcell .button-row, .dir-panel-table td {
    padding-left: 0;
    padding-right: 0; }
  .jhp-container {
    /* Force table to not be like tables anymore */ }
    .jhp-container .responsive-simple-sm table,
    .jhp-container .responsive-simple-sm thead,
    .jhp-container .responsive-simple-sm tbody,
    .jhp-container .responsive-simple-sm th,
    .jhp-container .responsive-simple-sm td,
    .jhp-container .responsive-simple-sm tr {
      display: block; }
    .jhp-container .responsive-simple-sm thead tr {
      /* Hide table headers (but not display: none;, for accessibility) */
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .jhp-container .responsive-simple-sm tr {
      border-top: none; }
    .jhp-container .responsive-simple-sm td {
      /* Behave  like a "row" */
      border: none;
      position: relative;
      white-space: normal;
      text-align: left !important; }
      .jhp-container .responsive-simple-sm td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content: attr(data-title); }
      .jhp-container .responsive-simple-sm td:first-child {
        border-top: 0px; }
      .jhp-container .responsive-simple-sm td:last-child {
        padding-bottom: 20px; }
      .jhp-container .responsive-simple-sm td.has-title {
        padding-top: 25px; } }

@media (max-width: 576px) {
  .cart-ui-dialog {
    width: 50% !important; }
  .jhp-container .cart-container .cart-item-pic {
    width: 100%; }
  .hidden-xs {
    display: none !important; } }

@media (max-width: 480px) {
  .jhp-container .reservation-selection {
    flex-flow: column; }
    .jhp-container .reservation-selection h3 {
      font-size: 16px; }
    .jhp-container .reservation-selection #selected-rooms {
      padding: 0; }
  .availability-calendar .date {
    padding: 6px;
    min-width: 30px; }
  .availability-calendar.multipleCalendars .date {
    padding: 5px; }
  div.reviewQuestion {
    width: 100%; }
  .reviewtable .rates:not(:first-child) {
    justify-content: start !important; } }