.product-details {
  margin: var(--site-spacing_lg);
  border-radius: var(--base-border-radius);
  display: flex;
  position: relative; }

.product-details .product-info .button-information {
  display: inline-block;
  flex-direction: column; }

.recipe-details .recipe-info,
.product-details .product-info {
  padding: calc(var(--pc-spacing_lg) * 2) var(--pc-spacing_lg);
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.product-details .product-info .modal .modal-dialog {
  display: flex;
  justify-content: center; }

.product-details .product-info .modal .modal-dialog .modal-content {
  width: auto; }

.product-details .product-info .modal::before {
  display: none; }

.product-details .product-info .modal .btn:hover {
  background: rgba(var(--c4-btn-bg-color2), 1); }

.product-details .product-info .modal .modal-dialog img {
  max-width: 100%;
  max-height: 70vh; }

.product-details .product-info .button-container {
  display: flex;
  flex-direction: column; }

.recipe-details .recipe-info .icon,
.recipe-details .recipe-info .image,
.product-details .product-info .button-container,
.product-details .product-info .image,
.product-details .product-info .icon {
  margin-bottom: var(--site-spacing_lg); }

.recipe-details .recipe-info img,
.product-details .product-info img {
  border-radius: 0;
  max-width: 150px; }

.recipe-details .recipe-info .icon img,
.product-details .product-info .icon img {
  border-radius: 0;
  max-width: 70px;
  margin-top: var(--site-spacing_sm); }

.recipe-details .recipe-info p,
.product-details .product-info p {
  margin-top: 0; }

.recipe-details .recipe-info .intro,
.product-details .product-info .intro {
  margin-bottom: 0; }

.recipe-content {
  border-radius: var(--base-border-radius);
  position: relative;
  padding: 0; }

.recipe-details {
  display: flex; }

.recipe-images {
  padding: var(--pc-spacing_lg) calc(var(--pc-spacing_lg) * 1.5); }

.recipe-images section.usn_cmp_gallery {
  margin: 0;
  padding-left: 0;
  padding-right: 0; }

.recipe-images h6::after {
  background: rgba(var(--c6-heading), 1);
  height: 4px;
  width: 50px; }

section.recipe-page {
  border-radius: var(--base-border-radius);
  margin: var(--site-spacing_lg);
  padding-bottom: 0 !important; }

.meal-component .modal .modal-header {
  border: 0 !important; }

section.recipe-page .recipe-images h6 {
  margin-bottom: 48px;
  padding: 0 15px; }

@media (min-width: 1200px) {
  .recipe-details .recipe-info,
  .product-details .product-info {
    padding: 90px 74px; } }

@media (max-width: 992px) {
  .recipe-details .recipe-info,
  .product-details .product-info {
    padding-left: var(--pc-spacing_sm);
    padding-right: var(--pc-spacing_sm); }
  .recipe-images {
    padding: var(--pc-spacing_lg); } }

@media (max-width: 767px) {
  .meal-component {
    max-width: 100%;
    padding: 0; }
  section.recipe-page {
    border-radius: var(--base-border-radius);
    margin: 0; }
  .recipe-details .recipe-info,
  .product-details .product-info {
    padding: var(--pc-spacing_sm); }
  .recipe-details,
  .product-details {
    display: block;
    margin: var(--site-spacing_lg) 0;
    padding: var(--site-spacing_lg) 0; }
  .recipe-content {
    margin: 0;
    max-width: 100%;
    padding: var(--site-spacing_sm) 0; } }

@media (max-width: 575px) {
  .recipe-details .recipe-info,
  .product-details .product-info {
    padding: 0; }
  .recipe-details,
  .product-details {
    padding: 0; }
  .recipe-images {
    padding: 15px; } }

.usn_cmp_locationsearch {
  padding-bottom: 15px !important; }

.location-container .location-row {
  margin-bottom: 32px; }

.location-container .location-map .dapth-map {
  border: 1px solid #d6d6d6;
  height: 650px;
  width: 100%;
  border-radius: 10px; }
  @media (max-width: 767px) {
    .location-container .location-map .dapth-map {
      margin-top: var(--site-spacing_sm);
      border-radius: 0px; } }
  .location-container .location-map .dapth-map * {
    border-radius: 0 !important;
    border: none !important; }

@media (max-width: 767px) {
  .location-container .location-map {
    padding: 0px; } }

.location-container .location-scroll {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .location-container .location-scroll .location-scroll .col-12 {
    padding-left: 0;
    padding-right: 0; }
  .location-container .location-scroll .location-scroller {
    padding: 0;
    overflow-y: scroll;
    height: 650px; }
    .location-container .location-scroll .location-scroller .location:first-of-type {
      border-top: 0 solid black; }
    .location-container .location-scroll .location-scroller .location {
      padding: var(--site-spacing_lg);
      padding-bottom: var(--site-spacing_sm);
      border-bottom: 1px solid black;
      margin-right: 16px; }
      .location-container .location-scroll .location-scroller .location:hover {
        cursor: pointer;
        background: #e3e3ee; }
      .location-container .location-scroll .location-scroller .location .location-name {
        font-weight: 700;
        font-size: 18px; }
      @media (max-width: 992px) {
        .location-container .location-scroll .location-scroller .location {
          margin-left: 48px; } }
  .location-container .location-scroll .location-scroller::-webkit-scrollbar {
    width: 10px; }
  .location-container .location-scroll .location-scroller::-webkit-scrollbar-track {
    background: #ddd; }
  .location-container .location-scroll .location-scroller::-webkit-scrollbar-thumb {
    background: rgba(var(--c4-secondary-heading), 1); }
  .location-container .location-scroll .location-scroller::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--c4-secondary-heading), 0.9); }

.location-container .location-search-bar {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .location-container .location-search-bar .location-search-heading {
    font-family: var(--h1-typography_font-name);
    font-weight: var(--h1-typography_font-weight);
    font-size: 18px;
    text-transform: uppercase;
    margin: 0; }
  .location-container .location-search-bar .sortpostcode {
    border-radius: 8px;
    padding: var(--site-spacing_sm);
    border: 2px solid rgba(0, 0, 0, 0.3);
    width: 90%;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none; }
    @media (max-width: 1200px) {
      .location-container .location-search-bar .sortpostcode {
        width: 75%; } }
    @media (max-width: 767px) {
      .location-container .location-search-bar .sortpostcode {
        width: 100%; } }
  .location-container .location-search-bar .input-button {
    padding: var(--pc-spacing_md) calc(var(--pc-spacing_md) * 2);
    margin: 0;
    border-radius: 12px;
    position: absolute;
    right: -100px;
    top: -4px;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none; }
    @media (max-width: 1200px) {
      .location-container .location-search-bar .input-button {
        position: relative;
        right: -10px;
        top: -15px; } }
    @media (max-width: 992px) {
      .location-container .location-search-bar .input-button {
        position: relative;
        right: -10px;
        top: -2px;
        padding: var(--site-spacing_sm) var(--site-spacing_lg); } }
    @media (max-width: 767px) {
      .location-container .location-search-bar .input-button {
        width: 100%;
        top: 0;
        right: 0;
        margin-top: 6px; } }

@media (max-width: 757px) {
  .location-container {
    margin-top: 15px; } }