.nimap-stores-wrap {

  * {
    box-sizing: border-box;
  }

  &.nimap-list-layout-2col {
    display: flex;
    //display: grid;
    grid-gap: 10px;
    //grid-template-columns: 1fr 3fr;

    .nimap-filter-section-wrap {
      width: 25%;

      .nimap-filter-container {
        padding-bottom: 10px;
      }

      //> div {
      //  padding-bottom: 10px;
      //}

      .nimap-search-container {

        .nimap-search-wrap {

          > div {
            width: 100%;
            margin-bottom: 10px;
          }

          .nimap-search-location-wrap {

            .nimap-search-location-inner {
              //display: flex;
              //flex-wrap: wrap;
              //display: grid;
              //justify-items: stretch;
              //grid-template-columns: auto auto;

              //input {
              //  background-color: #ffffff;
              //  border: 1px solid #dee2e6;
              //  color: #495057;
              //  //width: 80%;
              //}
              //
              //.nimap-search-location-button {
              //  //width: 120px;
              //  //height: 43px;
              //  //width: 20%;
              //  font-size: 14px;
              //
              //  .nimap-icon {
              //    height: unset;
              //  }
              //}
            }
          }

          .nimap-search-store-wrap {

            .nimap-search-store-inner {
              //display: flex;
              //flex-wrap: wrap;
              //display: grid;
              //justify-items: stretch;
              //grid-template-columns: auto auto;

              //input {
              //  background-color: #ffffff;
              //  border: 1px solid #dee2e6;
              //  color: #495057;
              //  width: 80%;
              //}
              //
              //.nimap-search-store-button {
              //  //width: 130px;
              //  //height: 43px;
              //  width: 20%;
              //  font-size: 14px;
              //
              //  .nimap-icon {
              //    height: unset;
              //  }
              //}
            }
          }
        }
      }

      .nimap-filter-container {

        .nimap-filter-wrap {

          > div {
            margin-bottom: 10px;

            &:not(.nimap-filter-status-container) {
              width: 100%;

              input {
                width: 100%;
              }

              select {
                width: 100%;
              }
            }

            &.nimap-filter-status-container {
              min-width: 10%;
            }
          }
        }
      }
    }

    .nimap-result-section-wrap {
      width: 75%;
    }
  }

  &.nimap-list-layout-fullwidth {

    .nimap-filter-section-wrap {

      .nimap-filter-container {
        padding-bottom: 10px;
      }

      //> div {
      //  padding-bottom: 10px;
      //}

      .nimap-search-container {

        .nimap-search-wrap {
          display: flex;
          justify-content: space-between;
          gap: 20px;

          > div {
            width: 100%;
            padding-bottom: 10px;
          }

          .nimap-search-location-wrap {

            .nimap-search-location-inner {
              //display: flex;
              //flex-wrap: wrap;
              //display: grid;
              //justify-items: stretch;
              //grid-template-columns: auto 100px;

              //input {
              //  background-color: #ffffff;
              //  border: 1px solid #dee2e6;
              //  color: #495057;
              //}
              //
              //.nimap-search-location-button {
              //  //width: 120px;
              //  //height: 43px;
              //  font-size: 24px;
              //
              //  .nimap-icon {
              //    height: unset;
              //  }
              //}
            }
          }

          .nimap-search-store-wrap {

            .nimap-search-store-inner {
              //display: flex;
              //flex-wrap: wrap;
              //display: grid;
              //justify-items: stretch;
              //grid-template-columns: auto 100px;

              //input {
              //  background-color: #ffffff;
              //  border: 1px solid #dee2e6;
              //  color: #495057;
              //}
              //
              //.nimap-search-store-button {
              //  //width: 130px;
              //  //height: 43px;
              //  font-size: 24px;
              //
              //  .nimap-icon {
              //    height: unset;
              //  }
              //}
            }
          }
        }
      }

      .nimap-filter-container {

        .nimap-filter-wrap {
          display: flex;
          justify-content: space-between;
          gap: 20px;

          > div {

            &:not(.nimap-filter-status-container) {
              width: 100%;

              input {
                width: 100%;
              }

              select {
                width: 100%;
              }
            }

            &.nimap-filter-status-container {
              min-width: 10%;
            }
          }
        }
      }
    }
  }

  .nimap-search-container {

    .nimap-search-location-wrap {

      .nimap-search-location-inner {

        &.nimap-search-location-layout-fullwidth {

          input {
            width: 100%;
          }

          .nimap-search-location-button {
            width: 100%;

            .nimap-icon {
              display: none;
            }
          }
        }

        &.nimap-search-location-layout-2col {
          display: flex;

          input {
            width: 80%;
          }

          .nimap-search-location-button {
            width: 20%;

            .nimap-label {
              display: none;
            }
          }
        }
      }

      input {
        height: 38px;
        color: #6f6f6f;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        line-height: inherit;
        background-color: #fff !important;
        font-size: 15px;
      }

      .nimap-search-location-button {
        display: flex !important;
        height: 38px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        background-color: #06476d;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;

        .nimap-icon {
          height: unset;
        }
      }
    }

    .nimap-search-store-wrap {

      .nimap-search-store-inner {

        &.nimap-search-store-layout-fullwidth {

          input {
            width: 100%;
          }

          .nimap-search-store-button {
            width: 100%;

            .nimap-icon {
              display: none;
            }
          }
        }

        &.nimap-search-store-layout-2col {
          display: flex;

          input {
            width: 80%;
          }

          .nimap-search-store-button {
            width: 20%;

            .nimap-label {
              display: none;
            }
          }
        }
      }

      input {
        height: 38px;
        color: #6f6f6f;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        line-height: inherit;
        background-color: #fff !important;
        font-size: 15px;
      }

      .nimap-search-store-button {
        display: flex !important;
        height: 38px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        background-color: #06476d;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;

        .nimap-icon {
          height: unset;
        }
      }
    }
  }

  .nimap-filter-container {

    .nimap-filter-category-container {

      .nimap-filter-category-value {
        height: 38px;
        color: #6f6f6f;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        line-height: inherit;
        margin-bottom: 0 !important;
        background-color: #fff !important;
        font-size: 15px;
      }
    }

    .nimap-filter-distance-container {

      .nimap-filter-distance-value {
        height: 38px;
        color: #6f6f6f;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        line-height: inherit;
        margin-bottom: 0 !important;
        background-color: #fff !important;
        font-size: 15px;
      }
    }
  }

  .nimap-result-section-wrap {

    .nimap-hidden {
      display: none !important;
    }

    .nimap-result-list-container {

      .nimap-result-loading-wrap {
        text-align: center;
      }

      .nimap-result-list-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        //display: grid;
        //grid-row-gap: 15px;
        //grid-column-gap: 30px;
        //grid-template-columns: repeat(2, 1fr);

        .nimap-item-container {
          //width: 45%;
          border: 0;
          margin-top: 15px;
          background-color: transparent;

          .nimap-item-wrap {
            margin-left: 0;
            margin-right: 0;
            border-radius: 6px;
            position: relative;
            overflow: hidden;
            transition: all .3s ease-in-out;
            background-color: #fff;

            .nimap-item-top {
              overflow: hidden;
              position: relative;
              border-radius: 6px 6px 0 0;

              &.nimap-item-top-empty {
                display: none;
              }

              .nimap-item-image-wrap {
                max-width: 100%;

                img {
                  width: 100%;

                  &.nimap-store-no-image {
                    display: none;
                  }
                }
              }

              .nimap-item-categories-wrap {
                top: 21px;
                left: 20px;
                z-index: 2;
                position: absolute;

                .nimap-item-category-detail {
                  gap: 2px;
                  font-size: 13px;
                  padding: 0 10px;
                  color: var(--color-heading);
                  align-items: center;
                  display: inline-flex;
                  justify-content: center;
                  border-radius: 100px;
                  background-color: #fff;
                }
              }
            }

            .nimap-item-bottom {
              border: 1px solid #e6e6e6;
              border-top: none;
              padding: 0;
              border-radius: 0 0 6px 6px;

              &.nimap-item-bottom-only {
                border-top: 1px solid #e6e6e6;
                border-radius: 6px;
              }

              .nimap-item-title-wrap {
                line-height: 34px;
                font-style: normal;
                padding: 20px 30px 2px;
                font-weight: 500;
                margin: 0 0 10px;
                word-break: break-word;
                font-size: 22px !important;
                color: var(--color-heading);
                margin-bottom: 5px !important;
              }

              .nimap-item-description-wrap {
                padding: 0 30px;
                line-height: 26px;
                margin: 0 0 10px;
              }

              .nimap-item-custom-wrap {
                padding: 0 30px;
                line-height: 26px;
                margin: 0 0 10px;
              }

              .nimap-item-categories-bottom-wrap {
                padding: 0 30px;

                .nimap-item-category-detail {
                  gap: 2px;
                  font-size: 13px;
                  padding: 0 10px;
                  color: var(--color-heading);
                  align-items: center;
                  display: inline-flex;
                  justify-content: center;
                  border-radius: 100px;
                  background-color: #c5cfe9;
                }
              }

              .nimap-item-icon-wrap {
                padding: 0 30px;
                margin-bottom: 5px;

                > div {
                  padding-left: 30px;
                  position: relative;

                  > span {
                    left: 0;
                    //top: 7px;
                    //line-height: 1;
                    position: absolute;
                    margin-right: 10px;
                  }
                }
              }

              .nimap-item-open-detail {
                display: flex;

                .nimap-item-open-day-wrap {
                  //padding-right: 5px;
                }
              }

              .nimap-item-buttons-wrap {
                padding: 5px 30px;
                gap: 10px;
                display: flex;
                list-style: none;
                margin-bottom: 0;
                align-items: center;
                border-top: 1px solid #e5e5e5;
                justify-content: flex-end;

                .nimap-item-button-wrap {
                  height: 40px;
                  width: auto;
                  padding: 0 10px;
                  display: block;
                  border-radius: 3px;
                  text-align: center;
                  line-height: 40px;
                  background-color: #0B598A;
                  color: #fff;
                  cursor: pointer;
                  overflow: hidden;

                  &:hover {
                    box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.3);
                  }

                  a {
                    text-decoration: unset;
                    color: unset;
                  }
                }
              }
            }
          }
        }
      }

      .nimap-pagination-container {
        padding-top: 20px;

        .nimap-pagination-wrap {
          display: flex;
          justify-content: center !important;
          text-align: center !important;
          border-radius: 0.25rem;

          .nimap-store-pages {
            cursor: pointer;
            position: relative;
            display: block;
            padding: 0.5rem 0.75rem;
            margin-left: -1px;
            line-height: 1.25;
            border: 1px solid #dee2e6;

            &.nimap-store-page-active {
              background-color: #0B598A;
              color: #fff;
              cursor: unset;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {

  .nimap-stores-wrap {

    &.nimap-list-layout-fullwidth {

      .nimap-filter-section-wrap {

        .nimap-search-container {

          .nimap-search-wrap {
            display: block;
          }
        }
      }

      .nimap-result-section-wrap {
        //width: 100%;

        .nimap-result-list-container {

          .nimap-result-list-wrap {

            .nimap-item-container {
              width: 100%;
            }
          }
        }
      }
    }

    &.nimap-list-layout-2col {
      display: block;

      .nimap-filter-section-wrap {
        width: 100%;
      }

      .nimap-result-section-wrap {
        width: 100%;

        .nimap-result-list-container {

          .nimap-result-list-wrap {

            .nimap-item-container {
              width: 100%;
            }
          }
        }
      }
    }

    .nimap-result-section-wrap {

      .nimap-result-list-container {

        .nimap-result-list-wrap {
          display: block;

          .nimap-item-container {

            .nimap-item-wrap {

              .nimap-item-bottom {

                .nimap-item-buttons-wrap {
                  justify-content: space-between;
                }
              }
            }
          }
        }
      }
    }
  }
}