.list-view-more {
  display: none;
}

@media (max-width: 991px) {
  .navbar-toggler {
    height: 2.5em;
    background: #ffffffc9;
    position: fixed;
    top: 0.5em;
    right: 0;
    padding-right: 1.5em;
    box-shadow: 1px 1px 11px 1px #dddddd;
    transition: right 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }

  .close-layer.visible {
    position: fixed;
  }

  .nav-open .main-panel {
    transform: none;
    margin-right: 260px;
  }
  .nav-open .main-panel .navbar-toggler {
    right: 260px;
  }
  .nav-open .main-panel .is-preview-wrapper {
    display: none;
  }

  .content .container-fluid {
    padding: 0;
  }

  .card.list-wrapper {
    background-color: transparent;
    box-shadow: none;
  }
  .card.list-wrapper .card-header {
    margin-bottom: 1em;
    position: sticky;
    top: 0.5em;
  }
  .card.list-wrapper .card-header .actions {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    left: 0;
  }
  .card.list-wrapper .card-header .actions .btn {
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .card.list-wrapper > .card-body {
    padding: 0;
  }

  .modal-dialog .modal-content {
    max-height: 90vh;
  }

  .modal-body.scrollable {
    max-height: 60vh;
  }

  .btn-square:not(.no-responsive) {
    padding: 1em;
    flex-direction: row;
    width: -webkit-fill-available;
  }
  .btn-square:not(.no-responsive) i {
    display: inline-block !important;
    margin: 0 !important;
    margin-right: 2px !important;
  }

  .table:not(.no-responsive) thead {
    display: none;
  }
  .table:not(.no-responsive) tbody tr {
    display: flex;
    flex-direction: column;
    justify-content: left;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #fff;
    margin-bottom: 1em;
    padding: 1em;
    margin-top: 2.5em;
  }
  .table:not(.no-responsive) tbody tr:first-child {
    margin-top: 1.5em;
  }
  .table:not(.no-responsive) tbody tr td {
    border: none;
    text-align: center;
    padding: 0.2em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  .table:not(.no-responsive) tbody tr td.sp-none {
    display: none;
  }
  .table:not(.no-responsive) tbody tr td:first-child {
    order: 99;
  }
  .table:not(.no-responsive) tbody tr td:first-child div {
    flex-direction: row-reverse;
  }
  .table:not(.no-responsive) tbody tr td:first-child div .btn-square {
    flex-grow: 1;
    font-size: 1.1em;
  }
  .table:not(.no-responsive) tbody tr td:first-child div .btn-square .badge-inner {
    position: relative !important;
    top: auto !important;
  }
  .table:not(.no-responsive) tbody tr td:first-child div .btn-square i {
    margin-right: 5px !important;
  }
  .table:not(.no-responsive) tbody tr td:nth-child(2) {
    text-align: center;
  }
  .table:not(.no-responsive) tbody tr td:nth-child(2) h4 {
    margin-top: 0;
    font-size: 1.5rem;
  }
  .table:not(.no-responsive) tbody tr td .popover.relative {
    margin: auto;
    max-width: 100%;
    min-width: 100%;
  }
  .table:not(.no-responsive) tbody tr td .popover.relative .popover-header {
    padding-bottom: 0;
  }
  .table:not(.no-responsive) tbody tr td .popover.relative .popover-header img {
    width: 20px !important;
    height: 20px !important;
  }
  .table:not(.no-responsive) tbody tr td .popover.relative .popover-body {
    padding-bottom: 1em !important;
  }
  .table:not(.no-responsive) tbody tr td .popover.relative .popover-footer {
    text-align: right !important;
    position: absolute;
    top: 0.7em;
    width: 100%;
  }
  .table:not(.no-responsive) tbody tr td .popover.relative .arrow {
    bottom: -17px;
    top: auto;
    left: 50%;
    transform: rotate(270deg);
  }
  .table:not(.no-responsive) tbody tr td.list-status {
    position: absolute;
    width: 100%;
    left: 0;
    top: -1.5em;
  }
  .table:not(.no-responsive) tbody tr td.list-status .with-icon-head {
    flex-direction: revert;
    font-size: 0.9em;
    padding: 0.5em 4em;
    color: white !important;
    border-radius: 5px;
  }
  .table:not(.no-responsive) tbody tr td.list-status .with-icon-head.text-info {
    background-color: #83d3cd;
  }
  .table:not(.no-responsive) tbody tr td.list-status .with-icon-head.text-warning {
    background-color: #ff9800;
  }
  .table:not(.no-responsive) tbody tr td.list-status .with-icon-head.text-danger {
    background-color: #f44336;
  }
  .table:not(.no-responsive) tbody tr td.list-status .with-icon-head.text-primary {
    background-color: #9c27b0;
  }
  .table:not(.no-responsive) tbody tr td.list-status .with-icon-head.text-muted {
    background-color: #b7b7b7;
  }
  .table:not(.no-responsive) tbody tr td.list-status .with-icon-head.text-secondary {
    background-color: #6c757d;
  }
  .table:not(.no-responsive) tbody tr td.list-status .with-icon-head i {
    font-size: 1.2rem;
  }
  .table:not(.no-responsive) tbody tr td.list-members {
    display: flex;
    align-items: baseline;
    max-width: 85vw;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 0;
  }
  .table:not(.no-responsive) tbody tr td.list-members div {
    padding: 0.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .table:not(.no-responsive) tbody tr td.list-members div br {
    display: none;
  }
  .table:not(.no-responsive) tbody tr td.list-members div .badge {
    order: 3;
    margin-top: 0 !important;
    width: 100%;
    white-space: normal;
    font-size: 0.5em;
  }
  .table:not(.no-responsive) tbody tr td.list-view-more {
    display: block;
  }
  .table:not(.no-responsive) tbody tr td.list-view-more .list-labeled {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  .table:not(.no-responsive) tbody tr td.list-view-more .list-labeled div {
    text-align: left;
  }
  .table:not(.no-responsive) tbody tr td.list-view-more .list-labeled div .list-label {
    display: inline-block;
    font-size: 0.9em;
    font-weight: bold;
    color: #a5a5a5;
    width: 6em;
  }
  .table:not(.no-responsive) tbody tr td.latest-message {
    width: 80%;
  }

  .pagination-row {
    background: white;
    padding: 0.5em;
    margin-bottom: 0;
    border-radius: 5px;
  }

  .message-box {
    margin-top: -3em !important;
    max-height: 93vh;
  }
  .message-box .card-title small {
    display: block;
    font-size: 0.6em;
  }

  .product-selector-wrapper {
    grid-template-columns: 50% 50%;
  }

  .step-title {
    flex-wrap: wrap;
  }

  .step ul {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    height: 4rem;
    font-size: 1em;
  }
  .step ul li {
    padding: 0 0.5em;
  }
  .step ul li.active::after {
    border-left: 15px solid white;
    border-top: 2em solid transparent;
    border-bottom: 2em solid transparent;
  }
  .step ul li.active + li {
    padding-left: 2em;
  }

  .term-of-service, .entry-form {
    max-width: 100%;
  }

  #acceptBtn, #entryBtn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .table.price {
    font-size: 0.9em;
  }
  .table.price td, .table.price th {
    padding: 0.7em 0.3rem;
  }
  .table.price thead th {
    font-size: 1em;
  }
  .table.price tbody th:first-child {
    width: 4em;
  }
  .table.price tbody td small {
    float: right;
  }

  .exist-members ul {
    padding-left: 0.4em;
  }
  .exist-members ul li {
    flex-wrap: wrap;
  }
  .exist-members ul li .email {
    padding-left: 4em;
  }

  .entry-user-infos {
    align-items: end;
  }

  .form-group .bmd-label-static {
    font-size: 0.9em;
  }

  .add-members .d-flex {
    flex-wrap: wrap;
  }
  .add-members .icon-text {
    padding-left: 0.5em;
  }

  .total-price small {
    font-size: 0.6em;
  }
  .total-price:not(.payment) .sub-title {
    display: block;
    line-height: 1em;
    margin-top: 0.5em;
  }
  .total-price:not(.payment) .h3 .sub-title {
    margin-top: 1em;
  }
  .total-price:not(.payment) .h3 span.text-success:last-child {
    display: block;
  }
  .total-price .h2, .total-price .h3 {
    line-height: 1em;
  }
  .total-price .text-warning {
    display: block;
  }

  .sp-none {
    display: none !important;
  }

  .owners-news {
    max-width: 98%;
  }
  .owners-news .btn {
    margin-top: 0;
  }

  .news-with-ad {
    display: block;
  }
  .news-with-ad .card {
    max-width: 98%;
  }
  .news-with-ad .ad-space {
    position: fixed;
    display: block;
    margin-left: 0;
    width: 100%;
    padding: 0;
    bottom: 0;
    z-index: 99;
    left: 0;
  }
  .news-with-ad .ad-space small {
    display: none;
  }
  .news-with-ad .ad-space img {
    width: auto;
    max-width: 100%;
    border: 3px solid white;
    max-height: 100px;
    margin: auto;
  }
  .news-with-ad .ad-space img.for-pc {
    display: none;
  }
  .news-with-ad .ad-space img.for-sp {
    display: block;
  }
}
@media (max-width: 770px) {
  .product-selector-wrapper {
    grid-template-columns: 100%;
  }
  .product-selector-wrapper .product-selector {
    height: 16em;
  }
  .product-selector-wrapper .product-selector .form-check img {
    max-height: 8em;
  }
}