Duffer Derek

.head-cover {
  @apply flex flex-wrap w-full max-w-full;
}

.headline-icon-slot {
  flex-shrink: 0;
  align-items: center;
  margin-right: 10px !important;
  line-height: 0;
  display: inline-flex;
  width: 15px;

  @media (max-width: 767px) {
    margin-right: 8px;
  }
}

.heading-block-wrapper__actions {
  @apply inline-flex items-center shrink-0;
  margin-left: 20px;
}

.heading-block-wrapper {
  @apply flex flex-wrap w-full max-w-full relative mb-[20px] items-center;
  position: initial !important;

  @media(max-width:767px) {
    justify-content: space-between;
    margin-bottom: 5px;
  }

}

.heading-block-wrapper span {
  @apply inline-block mr-[20px] cursor-pointer;
}

.heading-block-wrapper h1 {
  @apply text-[#111] text-[25px] font-semibold not-italic leading-normal w-auto inline-block max-w-[40%];

  @media (max-width: 991px) {
    @apply max-w-[100%];
  }

  @media(max-width:767px) {
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: absolute;
    top: 29px;
    width: 100%;
    max-width: calc(100% - 212px);
    left: 60px;
    word-break: break-all;
    margin-bottom: 0;
  }

  @media(max-width:360px) {
    font-size: 16px;
    top: 30px;
  }
}

.heading-block-wrapper p {
  @apply text-[#111] text-[12px] font-medium not-italic leading-normal w-auto inline-block pl-[20px];

  @media(max-width:767px) {
    padding-left: 0px;
    margin-right: 0px;
  }

  &:last-child {
    @media(max-width:767px) {
      margin-right: 0px;
    }
  }

  // @media (max-width: 991px) {
  //   @apply max-w-[100%];
  // }
  &.description {
    display: none;
  }

  &.description.titleType {
    display: flex;
  }

}

.coordinates span {
  @apply mr-[5px] text-[12px] font-normal leading-normal text-[#666];
}

// @media (max-width: 1024px) {
//   .heading-block-wrapper p {
//     @apply w-full pl-0 max-w-[100%];
//   }
// }
.wrapper-list {
  display: inline-flex;

  @media(max-width:767px) {
    display: flex;
    width: auto;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
    column-gap: 13px;
  }

}

.back-btn {
  font-size: 0;

  @media(max-width:767px) {
    display: inline-flex !important;
    align-items: center;
    color: #111;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;

    img {
      margin-right: 5px;
    }
  }

}