@media (max-width: 1024px) {
  .service-banner {
    height: 300px;
  }

  .service-banner-image img {
    height: 900px;
  }

  .service-banner-image {
    top: -60px;
  }

  .home-fold1-inner {
    padding: 40px 20px !important;
    text-align: center;
  }
  .page-template-centres-template .home-fold1-buttons .service-splide-item {
    width: calc(100% / 1);
  }
}

@media (max-width: 1400px) {
}

@media (max-width: 1024px) {
  .home-fold1-buttons {
  max-width: 680px;
  gap: 70px;
}

  .page-template-publishing-template .service-content-fold {
    margin: 0px;
    padding: 20px 0px;
    height: auto;
  }
  p.custom-text span.five {
    font-size: 30px;
  }
  p.custom-text span.two {
    font-size: 22px;
  }
  p.custom-text span.one {
    font-size: 20px;
  }
  p.custom-text {
    font-size: 18px;
    padding: 0px;
    text-align: left;
  }
  .publishing-fold {
    height: auto;
}

.scroll-wrapper {
    padding: 0;
    overflow: visible;
    max-height: unset;
}

.publishing-fold-left .scroll-wrapper {
    padding: 0;
}

.publishing-fold-left .subtitle {
    padding: 0;
}

.service-fold-content {
    width: 100%;
}
  
  p.custom-text span.three {
    font-size: 26px;
  }
  .publishing-fold-right::before {
    left: -20px;
  }
  .publishing-fold-right {
    padding: 40px 0px;
    text-align: left;
  }
  .service-content-fold-inner {
    flex-direction: column !important;
    text-align: left;
    gap: 40px;
    align-items: center;
  }

  .service-content-fold {
    padding: 40px 0px;
  }

  .service-fold-image {
    flex: 0 0 auto;
    width: 100%;
    max-width: 500px;
    position: relative;
    top: auto;
    height: auto;
  }

  .service-slider-fold-title .subtitle {
    text-align: center;
  }

  .service-slider-fold {
    padding: 40px 0px;
    padding: 20px 0px;
  }
}

/* PROPERTIES */
@media(max-width: 1300px){
  .property-title-wrapper {
    flex-direction: column;
    gap: 10px;
}

h3.property-title {
    flex: 0 0 auto;
}
}
@media (max-width: 1024px) {

  .service-fold-content .readmore {
    margin: 20px auto 0px;
    font-size: 16px;
}

  .about-fold-content {
    text-align: left;
}


.about-fold-inner {
    display: flex;
    flex-direction: column-reverse;
}

.about-fold-links {
    flex: 0 0 auto;
    width: 100%;
    top: auto;
    position: relative;
}

.about-fold {
    padding: 40px 0px;
}

  .property-meta-wrapper {
    justify-content: center;
}

  .properties-fold-title .subtitle {
    text-align: center;
  }

  .properties-fold {
    padding: 40px 0px;
  }
.publishing-fold-main {
  flex-direction: column;
}
.publishing-fold-left {
  padding: 40px 0px;
  flex: 0 0 auto;
}
.publishing-fold-spine {
  width: 100%;
  flex-direction: row;
  gap: 20px;
  border-left: 0px;
  justify-content: space-between;
  border-top: 0px solid #000;
}
.publishing-fold-spine .title {
  transform: unset;
  font-size: 52px;
  width: auto;
  position: relative;
}
  .property-content {
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.property-fold-inner {
    text-align: center;
    align-items: center;
}

.property-fold{
  padding: 40px 0px;
}

.properties-fold-inner {
    display: flex;
    flex-wrap: wrap;
}

.property-item {
    flex: 1 0 47%;
    box-sizing: border-box;
    text-align: center;
}

.property-item:nth-child(1) {
    flex: 0 0 100%;
}

.property-content-right {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: auto;
}
.publishing-fold-left .scroll-wrapper br {
display: none;
}
.property-content-left {
    width: 100%;
}

.property-content-left a.readmore {
    flex: 0 0 100%;
}
.page-template-publishing-template .service-content-fold .service-fold-image {
  gap: 20px;
  flex: 0 0 auto;
  max-width: 250px;
}
.memorial-service-video {
  height: calc(100vh - 110px);
}
}
@media (min-width: 1600px) {
    .service-fold-image img {
        object-position: 50% 50%;
    }
}

@media (max-width: 640px) {
  .publishing-fold-spine .title {
    font-size: 30px;
  }
}

@media(max-width:480px){
	.page-template-centres-template .home-fold1-inner {
    padding: 20px 0px !important;
}
  .service-banner-image img {
    height: 480px;
    margin-top: -70px;
}

.service-banner-image {
    top: 100px;
}

}

@media (max-height: 700px) {
	.about-fold-links {
		max-height: 70vh;
		overflow-y: scroll;
	}
	.about-fold-links::-webkit-scrollbar {
		opacity: 1;
		width: 6px;
	}
	.about-fold-links::-webkit-scrollbar-thumb {
		opacity: 1;
		background: #eee;
	}
	._df_book {
		height: 500px !important;
	}
}

@media (max-width: 420px) {
  .publishing-fold-spine .title {
    font-size: 23px;
  }
  .publishing-fold-spine img {
    max-width: 40px;
  }
}