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

  /* SERVICES */
  /* prevent horizontal overflow of services shapes */
  #services .wrapper {
    justify-content: center;

  }

  #services .container {
    margin-right: 3px;

  }

  #services .container:last-child {
    margin-right: 0px;

  }

}

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

  /* GALLERY */
  .thumbnails li {
  	width: 32%;
    margin: 5px 0.5%;

  }

  .thumbnails .image-container {
  	width: 100%;
  	height: unset;
    padding-top: 75%; /* retain 4:3 proportions */

}

}

/* Largest iPhone landscape */
@media screen and (max-width: 968px) {

  /* HOME */
  #services .container {
    font-size: 1.5em; /* 24px */

  }

}

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

  /* HOME */
  #services .container {
    font-size: 1.375em; /* 22px */

  }

}

/* Large iPads portrait / iPhone landscape */
@media screen and (max-width: 844px) {

  /* HOME */
  #services .container img {
    left: 30%;

  }

  #contact #form-container {
  	width: 50%;

  }

  #contact-form input, #contact-form textarea, p.recaptcha-notice {
    width: 90%;

  }

}

/* iPads 9.7" and iPad Mini */
@media screen and (max-width: 768px) {

  /* HOME */
  #services .container, #intro, #reviews p {
    font-size: 1.25em; /* 20px */

  }

  #reviews h2, #contact h2 {
    font-size: 1.5em; /* 24px */

  }

  #reviews .source, #areas {
  	font-size: 1.125em; /* 18px */

  }

  /* GALLERY */
  .thumbnails li {
  	width: 48%;

  }

  .thumbnails .image-container {
  	width: 100%;
  	height: unset;
    padding-top: 75%;

}

  /* REVIEWS */
  .wrapper.split {
    flex-direction: column;

  }

  .checkatrade-feedback-chart-widget {
    flex: unset;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 10px 30px;

  }

  .checkatrade-feedback-chart-widget a {
    width: 45%;

  }

  /* SERVICES */
  .services figure {
  	width: 98%;
  	height: 200px;
  	margin: 35px 5px 0px 5px;
    background-position: center;

  }

  #service-list {
  	width: 98%;
  	margin: 0 5px 15px;

  }

  #service-list a.button {
    margin: 0 auto 30px;

  }

  /* FOOTER */
  #accreditation {
    width: unset;

  }

}

@media screen and (max-width: 680px) {
  /* HOME */
  #services .container {
    font-size: 1.125em; /* 18px */

  }

}

/* iPhone 6/7/8 landscape */
@media screen and (max-width: 667px) {

  /* HOME */
  #services .container img {
    left: 25%;

  }

  #contact #form-container {
  	width: 70%;

  }

  #contact .contact-methods {
    font-size: 1.25em;
  	margin-top: 20px;

  }

  #areas ul {
  	display: block;

  }

  #areas ul:first-child {
  	margin-right: unset;

  }

}

/* Smaller iPhones landscape */
@media screen and (max-width: 568px) {
  /* MENU */
  header {
    font-size: 1em;

  }

  #site-logo {
  	margin-left: 5px;

  }

  #site-logo img {


  }

  header nav {
  	margin-right: 10px;

  }

  /* HOME */
  #slider-images:before {
    background: no-repeat url(../assets/slider-overlay@568.svg);

  }

  #services .wrapper {
    flex-wrap: wrap;

  }

  #services .container {
    font-size: 1.375em; /* 22px */
    height: 200px;
    max-width: 48%;

  }

  #services .container img {
    left: 34%;

  }

  #services .container:nth-child(3), #services .container:nth-child(4) {
    margin-top: 50px;

  }

  #intro p {
    margin-left: 10px;
    margin-right: 10px;

  }

  #checks {
    justify-content: space-between;

  }

  #slider-reviews.flexslider figure {
    margin-left: 20px;
    margin-right: 20px;

  }

  /* CONTACT */

  #contact .container {
    flex-direction: column;

  }

  #contact #form-container {
    width: 100%;

  }

  #areas-container {
    display: flex;
    flex-direction: column-reverse;

  }

  #areas {
    width: 90%;
    margin: 0 auto;

  }

  #areas ul {
  	display: inline-block;

  }

  #areas ul:first-child {
  	margin-right: 70px;

  }

  #contact .contact-methods {
    display: flex;
    justify-content: space-around;
    width: 90%;
    margin: 20px auto 0;

  }

  /* GALLERY */
  figure.image-large {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1em;

  }

  /* REVIEWS */
  .checkatrade-feedback-chart-widget {
    flex-direction: column;
    width: 300px;
    align-self: center;

  }

  .checkatrade-feedback-chart-widget a {
    width: 100%;

  }

  /* FOOTER */
  #accreditation {
    flex-wrap: wrap;
    justify-content: end;

  }

  .checkatrade {
  	margin-right: 0;

  }

  .watersafe {
    flex: unset;
    width: 205px;
    max-width: 65%;

  }

  .gassafe {
    flex: unset;
  	width: 87px;
    max-width: 27%;

  }

  /* COOKIES */
  .annoying-cookie-bar {
  	left: 10px;
    bottom: 20px;
  	width: 95%;
    margin: 0 auto;

  }

}

/* Large iPhone 14 Pro Max and below */
@media screen and (max-width: 430px) {
  /* GENERAL */
  h1 {
    font-size: 1.5em; /* 24px */

  }

  h2 {
    font-size: 1.375em; /* 22px */

  }

  main#page p {
  	font-size: 1em;

  }

  .rte-content ul, .rte-content ol  {
  	padding-left: 20px;

  }

  /* HEADER - MOBILE MENU */
  #header-bg {
    height: 160px;

  }

  header {
    flex-wrap: wrap;
    height: 160px;

  }

  header li {
  	margin-bottom: 15px;

  }

  header nav {
    width: 100%;
    border-top: solid 1px #439FD6;
    margin-left: 5px;

  }

  header nav ul {
    display: flex;
    justify-content: end;
    padding-bottom: 2px;

  }

  header nav li {
  	margin: 0 5px;
    padding: 3px 3px 0;

  }

  header li a {
    padding: 3px 3px 0;

  }

  header nav li:last-child {
    margin-right: 0;
    padding-right: 0;

  }

  header .contact-methods {
    margin-right: 10px;

  }

  /* HOME */
  #services .container {
    font-size: 1.25em; /* 20px */

  }

  #services .container img {
    left: 30%;

  }

  #reviews blockquote::before {
  	content: url('/themes/user/site/assets/quote-left@40.svg');

  }

  #reviews blockquote::after {
  	content: url('/themes/user/site/assets/quote-right@40.svg');

  }

  #slider-reviews.flexslider figure {
    margin-left: 10px;
    margin-right: 10px;

  }

  #intro, #reviews p {
    font-size: 1.125em; /* 18px */

  }

  #reviews p {
    margin: 0 10px;
    padding: 10px 0;

  }

  #reviews .source {
    font-size: 1em;
    margin-right: 40px;

  }

  #checks {
    flex-direction: column;

  }

  #checks li {
    width: 100%;
    align-items: center;
    margin-bottom: 5px;

  }

  #contact #form {
  /*  margin: 0 20px; */

  }

  #contact-form input, #contact-form textarea, p.recaptcha-notice {
    width: 95%;

  }

  /* GALLERY */
  .thumbnails li {
    width: 96%;
    margin: 5px 1%;

  }

  .thumbnails .image-container {
    width: 100%;
    height: unset;
    padding-top: 75%;

}

  /* REVIEWS */
  #reviews-list figure {
    margin-left: 5px;
    margin-right: 5px;

  }

  #service-list .container ul li, #service-list a.button {
  	font-size: 1.125em; /* 18px */

  }

  .qualifications li, .qualifications p {
  	font-size: 1rem; /* 16px */

  }

  /* COOKIES */
  .annoying-cookie-bar {
    bottom: 0px;
    left: unset;
    width: 100%;
    height: 300px;
    border: unset;
    border-top: solid 2px #F9917F;
    border-radius: unset;

  }


  .annoying-cookie-bar ul {
  	flex-direction: column-reverse;
  	justify-content: end;
  	align-items: center;

  }

  .annoying-cookie-bar ul li, .annoying-cookie-bar a.cookies-settings, .annoying-cookie-bar input.cookies-save {
    width: 100%;

  }

  .annoying-cookie-bar a.cookies-settings {
    padding: 6px 0;
    margin-right: 0;

  }

  .annoying-cookie-bar input.cookies-save {
    padding: 7px 0;
    margin-bottom: 10px;

  }

}

/* iPhone 12/13/14 */
@media screen and (max-width: 390px) {
  /* HOME */
  #slider-images:before {
    background: no-repeat url(../assets/slider-overlay@390.svg);

  }

}

/* Small iPhones  */
@media screen and (max-width: 375px) {
  h3 {
    font-size: 1.125em; /* 18px */

  }

  /* HOME */
  #services .container {
    font-size: 1.125em; /* 18px */
    height: 170px;

  }

  #services h1 {
    margin-top: 50px;

  }

  #services .container img {
    left: 25%;
    width: 74px;

  }

  #areas ul:first-child {
  	margin-right: 30px;

  }

  #contact .contact-methods {
    flex-direction: column;
    align-items: center;

  }

  /* REVIEWS */
  main#page #reviews-list blockquote p, main#page #reviews-list figcaption.source {
    font-size: 1em; /* 16px */

  }

  /* SERVICES */
  #service-list .container ul li, #service-list a.button {
  	font-size: 1em; /* 16px */

  }

}

@media screen and (max-width: 350px) {
  /* FOOTER */
  #accreditation {
    margin-top: 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

  }

  .checkatrade {
    flex: unset;
    width: 200px;

  }

  .watersafe {
    margin-right: 0;
    width: 150px;
    max-width: unset;

  }

  .gassafe {
    width: 62px;
    max-width: unset;

  }

}

@media screen and (max-width: 320px) {
  /* HOME */
  #services .container {
    font-size: 1em; /* 16px */

  }

}