:root {
  --white: #f3f3f3;
  --grey: #6b6b6b;
  --primary-accent: #093;
  --black: #212427;
  --swit-accent: #7594ee;
  --light-grey: #ddd;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--white);
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: var(--grey);
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.navbar-logo-left {
  border: 1px none var(--primary-accent);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.navbar-logo-left-container {
  z-index: 5;
  width: 1030px;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 95vw;
  height: 100px;
  max-width: 95vw;
  border-bottom: 3px none var(--primary-accent);
  flex-flow: column;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.container {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: var(--black);
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  color: var(--black);
}

.nav-dropdown-link {
  color: var(--black);
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.homeslidersection {
  height: auto;
  min-height: 80vh;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-image: url('../images/MyOffice-Hero-Image.jpg');
  background-position: 50%;
  background-size: cover;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.sectioncontainer {
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.sectioncontainer.whitebg {
  background-color: #fff;
}

.image {
  border-radius: 10px;
}

.navbar-button {
  background-color: var(--primary-accent);
  border-radius: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.body {
  background-color: var(--white);
  padding-top: 0;
}

.container-2 {
  width: 100%;
  max-width: 100vw;
  background-color: var(--primary-accent);
  justify-content: space-around;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.belownavbannertext {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.homeimagetext {
  background-color: var(--primary-accent);
  color: var(--white);
  border-radius: 0 20px 0 0;
  margin-bottom: 0;
  padding: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.homeservicessection {
  padding-top: 10px;
}

.sectioninner {
  max-width: 100vw;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 50px;
  display: flex;
}

.homeservicesgrid {
  border-radius: 0;
  grid-template-rows: repeat(auto-fit, minmax(1px, 4fr));
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(auto, 1fr);
  grid-auto-columns: minmax(200px, 1fr);
}

.div-block {
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.servicesimage {
  border-radius: 20px 20px 0 0;
}

.servicestext {
  color: var(--white);
  text-align: center;
  background-color: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.heading {
  color: var(--primary-accent);
  text-align: center;
  margin-top: 0;
}

.text-block {
  color: var(--black);
  text-align: center;
  font-size: 15px;
}

.homeserviceslocations {
  text-align: left;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  display: flex;
}

.primary-button {
  width: 100%;
  border: 2px solid var(--primary-accent);
  background-color: var(--primary-accent);
  text-align: center;
  border-radius: 10px;
  font-weight: 700;
  display: block;
}

.secondary-button {
  width: 100%;
  border: 2px solid var(--primary-accent);
  color: var(--primary-accent);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  font-weight: 700;
  display: block;
}

.div-block-2 {
  width: 100%;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.heading-2 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
}

.heading-3 {
  color: var(--grey);
  text-align: left;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
}

.div-block-3 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.text-span {
  color: var(--primary-accent);
}

.homeaboutsection {
  background-color: #fff;
}

.paragraph {
  color: var(--black);
  flex-direction: column;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.whitegridrighthome {
  height: 500px;
  background-image: linear-gradient(to top, black, var(--black) 0%, rgba(33, 36, 39, 0) 102%), url('../images/MyOffice-Serviced-Offices.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridleft {
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.switoffer {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
}

.switprice {
  color: var(--swit-accent);
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.text-span-2 {
  color: var(--swit-accent);
}

.copyright {
  background-color: var(--black);
}

.footer-widgets {
  background-color: var(--black);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.copyrighttext {
  color: var(--white);
  text-align: center;
  padding: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.link-2 {
  color: #fff;
  border: 1px #000;
  text-decoration: none;
}

.footer-widgets-inner {
  max-width: 100vw;
  border-style: none none solid;
  border-width: 1px 0 1px 1px;
  border-color: var(--white) var(--white) var(--grey);
  margin-left: 50px;
  margin-right: 50px;
  padding: 50px 0;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.div-block-6 {
  text-align: left;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footertext {
  width: auto;
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 15px;
  display: block;
}

.bold-text {
  font-size: 20px;
  display: block;
  position: static;
}

.div-block-7 {
  text-align: right;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footerlink {
  color: var(--white);
  text-decoration: none;
}

.utility-page-wrap {
  width: 100vw;
  height: 80vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 310px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-3 {
  width: 100px;
  opacity: 1;
  outline-offset: 0px;
  mix-blend-mode: normal;
  outline: 3px #333;
}

._404title {
  color: var(--primary-accent);
  font-family: Montserrat, sans-serif;
}

.text-block-2 {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

._404home {
  color: var(--black);
}

.dropdown-toggle {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 30px;
}

.icon {
  margin-right: 10px;
  padding-right: 0;
}

.homeimagecta {
  background-color: var(--primary-accent);
  color: var(--white);
  border-radius: 20px 0 0;
  margin-bottom: 0;
  padding: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.link-7 {
  color: var(--white);
  text-decoration: none;
}

.pagetitlebar {
  height: 300px;
  background-image: url('../images/MyOffice-Hero-Image.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagetitle {
  background-color: var(--primary-accent);
  color: var(--white);
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
}

.servicesgrid {
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  justify-content: center;
}

.servicestabstextblock {
  color: var(--black);
  text-align: center;
  margin-bottom: 15px;
  font-size: 15px;
}

.whitegrid {
  width: 100%;
  background-color: var(--white);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-columns: minmax(200px, 1fr);
}

.menu-dropdown.w--open {
  background-color: #fff;
}

.menu-dropdown-item {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.menu-dropdown-item:hover {
  background-color: var(--light-grey);
}

.menu-dropdown-item.w--current {
  color: var(--primary-accent);
}

.whitegridrightabout {
  height: 500px;
  background-image: url('../images/MyOffice-Workspaces.jpg');
  background-position: 50%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.heading-5 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
}

.paragraph-3 {
  width: 50%;
  text-align: center;
}

.form-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.subscribeemail {
  width: 400px;
  border: 1px solid var(--primary-accent);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.register-button {
  background-color: var(--primary-accent);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.leftgridboxbg {
  min-height: 500px;
  background-color: var(--white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.grid-7 {
  grid-template-rows: auto;
}

.location1 {
  background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0)), url('../images/MyOffice---Bordon.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.location2 {
  background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0)), url('../images/MyOffice---Guildford.jpg');
  background-position: 0 0, 11% 85%;
  background-size: auto, auto;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.location3 {
  background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0)), url('../images/MyOffice-Virtual-Offices.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, auto;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.location4 {
  background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0)), url('../images/MyOffice---Portsmouth.jpg');
  background-position: 0 0, 50% 40%;
  background-size: auto, auto;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.locationgridtitle {
  color: var(--white);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-decoration: none;
}

.contactgrid {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.contactgridbox {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.contactgridtitle {
  text-align: center;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
}

.contactgridsubtitle {
  color: var(--primary-accent);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
}

.heading-9 {
  font-family: Montserrat, sans-serif;
}

.contactgridicon {
  color: var(--black);
  font-size: 40px;
}

.html-embed-2 {
  width: 100%;
  border-radius: 20px;
}

.whitegridhotdesks {
  height: 100%;
  background-image: url('../images/MyOffice-Hotdesks.jpg');
  background-position: 50% 0;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegriddedicateddesks {
  height: 100%;
  background-image: url('../images/MyOffice-Workspaces.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridservicedoffices {
  height: 100%;
  background-image: url('../images/MyOffice-Serviced-Offices.jpg');
  background-position: 50% 100%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridmeetingrooms {
  height: 100%;
  background-image: url('../images/MyOffice-Meeting-Rooms.jpg');
  background-position: 50%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegrideventspace {
  height: 100%;
  background-image: url('../images/MyOffice-Event-Space.jpg');
  background-position: 0%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridlunchdates {
  height: 100%;
  background-image: url('../images/MyOffice-Lunch-Dates.jpg');
  background-position: 10% 10%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridvirtualoffices {
  height: 100%;
  background-image: url('../images/MyOffice-Workspaces.jpg');
  background-position: 50%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridbordon {
  height: 500px;
  background-image: url('../images/MyOffice---Bordon.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridguildford {
  height: 500px;
  background-image: url('../images/MyOffice---Guildford.jpg');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridportsmouth {
  height: 500px;
  background-image: url('../images/MyOffice---Portsmouth.jpg');
  background-position: 50% 30%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridlondon {
  height: 500px;
  background-image: url('../images/MyOffice-Virtual-Offices.jpg');
  background-position: 50%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.servicepricing {
  color: var(--grey);
  margin-bottom: 10px;
  font-weight: 600;
}

.myofficetext {
  color: var(--primary-accent);
}

.grid-8 {
  width: 80%;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.facilitiescard {
  flex-direction: row;
  display: flex;
}

.facilitiescardicon {
  width: 20%;
  border: 1px none var(--primary-accent);
  background-color: var(--primary-accent);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.facilitiescardtext {
  width: 80%;
  background-color: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
}

.facilitiescardheading {
  color: var(--black);
  text-align: left;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  display: block;
}

.facilitiesicon {
  color: var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 40px;
  line-height: 50px;
}

.heading-10 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.imagecreditsmall {
  color: var(--white);
  text-align: left;
  margin-top: 175px;
  position: absolute;
}

.privacy-policy {
  width: auto;
  max-width: 940px;
}

.link-8 {
  color: var(--white);
  text-decoration: none;
}

.officesolutionsh2 {
  margin-bottom: 0;
}

.subtitleparagraph {
  text-align: center;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 25px;
}

.bookofficetourform {
  width: 50%;
}

.officetoursubmit {
  width: 100%;
  background-color: var(--primary-accent);
  font-family: Montserrat, sans-serif;
}

.field-label, .text-field {
  font-family: Montserrat, sans-serif;
}

.form-3 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.whitegriditsupport {
  height: 100%;
  background-image: url('../images/MyOffice-IT-Support.jpg');
  background-position: 50% 75%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.whitegridboltons {
  height: 100%;
  background-image: url('../images/MyOffice-Business-Bolt-Ons.jpg');
  background-position: 90% 40%;
  background-size: auto;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.ourvalues {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-columns: minmax(200px, 1fr);
}

.ourvaluescard {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  display: flex;
}

.text-block-3 {
  padding-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}

.heading-11, .ourvaluestitle, .heading-13 {
  margin-top: 0;
}

.ourvaluestext {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .belownavbannertext {
    text-align: center;
    font-size: 13px;
  }

  .homeimagetext {
    font-size: 20px;
  }

  .homeservicesgrid {
    grid-template-rows: repeat(auto-fit, minmax(1px, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .heading-2 {
    font-size: 30px;
  }

  .whitegridrighthome {
    height: 100%;
  }

  .footer-widgets {
    display: none;
  }

  .grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-columns: minmax(200px, 1fr);
    grid-auto-flow: row;
  }

  .div-block-7 {
    overflow: visible;
  }

  .link-7 {
    font-size: 20px;
  }

  .servicesgrid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-columns: minmax(200px, 1fr);
  }

  .whitegridrightabout {
    height: 100%;
  }

  .grid-7 {
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    grid-auto-columns: minmax(0, 1fr);
  }

  .location1 {
    height: 200px;
    flex-direction: column;
  }

  .location2, .location3, .location4 {
    height: 200px;
  }

  .contactgrid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-columns: minmax(200px, 1fr);
  }

  .heading-9 {
    font-size: 20px;
  }

  .whitegridhotdesks, .whitegriddedicateddesks, .whitegridservicedoffices, .whitegridmeetingrooms, .whitegrideventspace, .whitegridlunchdates, .whitegridvirtualoffices, .whitegridbordon, .whitegridguildford, .whitegridportsmouth, .whitegridlondon {
    height: 100%;
  }

  .grid-8 {
    width: 100%;
    grid-row-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-columns: minmax(200px, 1fr);
  }

  .imagecreditsmall {
    margin-top: 150px;
  }

  .privacy-policy {
    max-width: 940px;
  }

  .whitegriditsupport, .whitegridboltons {
    height: 100%;
  }

  .ourvalues {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }

  .ourvaluestitle {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .heading-2 {
    font-size: 30px;
  }

  .heading-9 {
    font-size: 20px;
  }

  .ourvalues {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .homeslidersection {
    min-height: 70vh;
  }

  .homeimagetext {
    display: none;
  }

  .whitegridrighthome {
    background-image: linear-gradient(to top, black, var(--black) 0%, rgba(33, 36, 39, 0) 102%), url('../images/MyOffice-Serviced-Offices.jpg');
    background-position: 0 0, 50% 80%;
    background-size: auto, auto;
  }

  .switoffer {
    font-size: 20px;
  }

  .switprice {
    text-align: right;
    font-size: 30px;
  }

  .homeimagecta {
    width: 100%;
    text-align: center;
    border-top-right-radius: 20px;
  }

  .link-7 {
    font-size: 20px;
  }

  .pagetitle {
    text-align: center;
  }

  .whitegridrightabout {
    min-height: 500px;
  }

  .paragraph-3 {
    width: 100%;
  }

  .subscribeemail {
    width: 300px;
  }

  .grid-7 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-columns: minmax(200px, 1fr);
  }

  .location1 {
    height: 200px;
    background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0)), url('../images/MyOffice---Bordon.jpg');
    background-position: 0 0, 100%;
    background-size: auto, auto;
  }

  .location2 {
    height: 200px;
    background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0)), url('../images/MyOffice---Guildford.jpg');
    background-position: 0 0, 25% 80%;
    background-size: auto, auto;
  }

  .location3, .location4 {
    height: 200px;
  }

  .locationimagegrid, .contactgrid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-columns: minmax(200px, 1fr);
  }

  .whitegridbordon {
    background-image: url('../images/MyOffice---Bordon.jpg');
  }

  .whitegridguildford {
    background-image: url('../images/MyOffice---Guildford.jpg');
    background-position: 0 0;
    background-size: auto;
  }

  .grid-8 {
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-columns: minmax(200px, 1fr);
  }

  .facilitiescardicon {
    width: 30%;
  }

  .subscribetitle {
    text-align: center;
    font-size: 20px;
  }

  .link-8 {
    color: var(--white);
    text-decoration: none;
  }

  .ourvalues {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}

#w-node-e9e75a72-3fc3-46c0-6486-a344c73e0315-b2d3d3d2, #w-node-e9e75a72-3fc3-46c0-6486-a344c73e031c-b2d3d3d2, #w-node-e9e75a72-3fc3-46c0-6486-a344c73e0323-b2d3d3d2, #w-node-e9e75a72-3fc3-46c0-6486-a344c73e032a-b2d3d3d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e9e75a72-3fc3-46c0-6486-a344c73e0331-b2d3d3d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_73b7db42-baaa-baab-feba-94ed0d8d05f3-b2d3d3d2, #w-node-_854c1b2d-abcb-0f6f-e318-6078d18c9871-b2d3d3d2, #w-node-_5cd0bcdb-ac8a-7f9e-ecfc-ac3778c3b654-78c3b650, #w-node-_5cd0bcdb-ac8a-7f9e-ecfc-ac3778c3b656-78c3b650, #w-node-_5cd0bcdb-ac8a-7f9e-ecfc-ac3778c3b65c-78c3b650, #w-node-_5cd0bcdb-ac8a-7f9e-ecfc-ac3778c3b675-78c3b650, #w-node-_09c18839-a49e-3689-085d-9797f32fa704-ea879c2e, #w-node-_09c18839-a49e-3689-085d-9797f32fa70b-ea879c2e, #w-node-_09c18839-a49e-3689-085d-9797f32fa712-ea879c2e, #w-node-_09c18839-a49e-3689-085d-9797f32fa719-ea879c2e, #w-node-_09c18839-a49e-3689-085d-9797f32fa720-ea879c2e, #w-node-_09c18839-a49e-3689-085d-9797f32fa727-ea879c2e, #w-node-_09c18839-a49e-3689-085d-9797f32fa72e-ea879c2e, #w-node-_9d2e25b7-9d0f-99d2-765d-200ede0f2163-ea879c2e, #w-node-_3f82ab6f-24aa-6fc7-e905-52dfd179f49a-ea879c2e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_09c18839-a49e-3689-085d-9797f32fa735-ea879c2e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_2881cdfc-28f7-3962-c2dd-15dbc604dcc2-519fc4d5, #w-node-_2881cdfc-28f7-3962-c2dd-15dbc604dcca-519fc4d5, #w-node-b47f6495-7801-0f1b-1fbb-f85f4fc8ccb7-519fc4d5, #w-node-e7dc2c0c-3436-9e0a-a825-e5a0b2634e3b-519fc4d5, #w-node-f7bd8df9-8f1b-013d-024a-1569c2c0a326-519fc4d5, #w-node-eb8b3cd8-95d8-b309-1eb2-df94cfc24a37-7fed9db8, #w-node-_433f8bad-65e5-1f03-edf0-0c96ec375639-7fed9db8, #w-node-_87129411-c1fd-0b75-d081-a4bda8c20616-7fed9db8, #w-node-_7c765497-1528-d462-ac0d-64afa8c4c03b-f3872b7a, #w-node-_1433d025-24ef-1041-2ec5-6e00778dffeb-f3872b7a, #w-node-_3d1b1429-6787-3b55-9577-7b4f25f41353-f3872b7a, #w-node-cc2370be-75c1-961a-606b-5fe2e78f5325-f3872b7a, #w-node-_7ec22ce2-cd81-eb21-6f3a-256ef36798ba-f3872b7a, #w-node-a8fc79af-c1f5-c40d-0ec1-22c05dc67767-497b3114, #w-node-a8fc79af-c1f5-c40d-0ec1-22c05dc6776f-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470791b-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470791c-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707921-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707922-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707927-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707928-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470792d-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470792e-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707933-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707934-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707939-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470793a-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470793f-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707940-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707945-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707946-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470794b-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470794c-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707951-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707952-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707957-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed4707958-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470795d-497b3114, #w-node-_949880ed-9f4e-d867-77fc-649ed470795e-497b3114, #w-node-_95ae0d86-92b4-2921-be76-fc2b084df82f-871304d0, #w-node-_95ae0d86-92b4-2921-be76-fc2b084df837-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5141-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5142-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5147-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5148-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c514d-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c514e-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5153-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5154-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5159-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c515a-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c515f-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5160-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5165-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5166-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c516b-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c516c-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5171-871304d0, #w-node-_8cd9c88c-74eb-a013-8951-35308b7c5172-871304d0, #w-node-_4cf0c606-3391-9bc4-5712-f9d80a782922-497b62e3, #w-node-_4cf0c606-3391-9bc4-5712-f9d80a78292a-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b51-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b52-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b57-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b58-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b5d-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b5e-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b63-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b64-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b69-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b6a-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b6f-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b70-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b75-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b76-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b7b-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b7c-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b81-497b62e3, #w-node-f7c77ced-694a-c7ac-a4d5-820515197b82-497b62e3, #w-node-_8dc32815-bf20-d413-4986-7a18c845777e-bfd2db77, #w-node-_8dc32815-bf20-d413-4986-7a18c8457786-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b5e-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b5f-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b64-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b65-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b6a-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b6b-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b70-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b71-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b76-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b77-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b7c-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b7d-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b82-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b83-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b88-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b89-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b8e-bfd2db77, #w-node-d60201bb-25d0-af52-6f6c-6e02f40e1b8f-bfd2db77, #w-node-a2d7e937-0fd7-cb48-d308-8da8e0ccfd48-288dbd52, #w-node-a2d7e937-0fd7-cb48-d308-8da8e0ccfd50-288dbd52, #w-node-_55f30383-658a-d262-890c-3ab75b4cf21c-bfd4a14c, #w-node-_55f30383-658a-d262-890c-3ab75b4cf224-bfd4a14c, #w-node-b3fc10fe-117f-0ec1-6de8-6efe01bcb817-89948908, #w-node-b3fc10fe-117f-0ec1-6de8-6efe01bcb81f-89948908, #w-node-_18da7140-5fd1-5192-42b0-a40cb001a1bd-2bf690ee, #w-node-_18da7140-5fd1-5192-42b0-a40cb001a1c5-2bf690ee, #w-node-fdcb8b39-c06b-0d9f-1a0a-c60b10234495-288e6e2d, #w-node-fdcb8b39-c06b-0d9f-1a0a-c60b1023449d-288e6e2d, #w-node-b6135fa9-2415-b82c-b02b-662113083c52-0da300d5, #w-node-b6135fa9-2415-b82c-b02b-662113083c5a-0da300d5, #w-node-_1390323e-4e19-b5c1-d1d9-6bff9ab88358-3a40c042, #w-node-_1390323e-4e19-b5c1-d1d9-6bff9ab88360-3a40c042, #w-node-_1390323e-4e19-b5c1-d1d9-6bff9ab88358-f4e1f236, #w-node-_1390323e-4e19-b5c1-d1d9-6bff9ab88360-f4e1f236, #w-node-_1390323e-4e19-b5c1-d1d9-6bff9ab88358-0f9566d7, #w-node-_1390323e-4e19-b5c1-d1d9-6bff9ab88360-0f9566d7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}