.l-inner-container {
  max-width: 1132px;
  width: auto;
}

#header-bottom .responsive-menu-toggle,
span.responsive-menu-toggle {
  display: none;
}

.carousel .carousel-content,
.carousel-nav div a {
  height: 490px;
}

@media only screen and (min-width: 786px) and (max-width: 1192px) {
  .l-inner-container {
    padding: 0 1.8%;
  }

  body.is-box-triggered.l-left-side #body-main-top {
    left: 0;
    padding-right: 1.8%;
    width: 63.7%;
  }

  body.is-box-triggered.l-no-side #body-main-top {
    left: 0;
    width: 96.4%;
  }

  .l-left-side #side {
    width: 29.7%;
    padding-right: 4.45%;
  }

  .l-left-side #main {
    width: 65.85%;
  }

  blockquote {
    margin-left: 50px;
  }

  body {
    font-size: 17px;
  }

  .casestudy-header h3 {
    font-size: 1.3em;
  }

  .carousel .carousel-content,
  .carousel-nav div a {
    height: 331px;
  }

  .form-postcode button {
    width: 24%;
  }

  .form-postcode input[type="text"] {
    width: 76%;
  }

  .news-item .news-subtitle {
    font-size: 1.8em;
  }

  .no-homepage-banner .homepage-cover .image-item {
    min-height: 260px;
  }

  .has-homepage-banner .homepage-cover .image-item {
    min-height: 460px;
  }
}

@media only screen and (max-width: 990px) {
  .l-blog-summary.l-grid > .news-image-holder {
    width: 31.7%;
  }

  .l-blog-summary.l-grid > div.l-span9 {
    width: 65.85%;
  }
}

@media only screen and (max-width: 785px) {
  .l-inner-container {
    padding: 0 3%;
  }

  body.is-box-triggered.l-left-side #body-main-top,
  body.is-box-triggered.l-right-side #body-main-top,
  body.is-box-triggered.l-no-side #body-main-top {
    left: 0;
    padding-right: 3%;
    padding-left: 3%;
    width: 94%;
  }

  .page-news-list .section-page-title,
  .l-no-side .breadcrumbs,
  .l-no-side .form-postcode {
    margin-left: 0;
  }

  .form-postcode button {
    width: 24%;
  }

  .form-postcode input[type="text"] {
    width: 76%;
  }

  body {
    font-size: 16px;
  }

  .section-page-title h1.section-title,
  .section-news-filter h2.section-title {
    font-size: 2.6em;
  }

  .section-page-title .section-content,
  .casestudy-header h3 {
    font-size: 1.4em;
  }

  .homepage-banner .text h1 {
    font-size: 1.6em;
  }

  .homepage-banner .text h2 {
    font-size: 1.4em;
  }

  .homepage-banner .text h3 {
    font-size: 1.2em;
  }

  h2 {
    font-size: 1.4em;
  }

  body:not(.page-admin) .section-page-title {
    margin-top: 50px;
  }

  .is-box-triggered #main .l-middle > .section:first-child {
    margin-top: -50px;
  }

  blockquote {
    margin-left: 50px;
  }

  .carousel .carousel-content,
  .carousel-nav div a {
    height: 331px;
  }

  #body-top {
    min-height: auto;
  }

  body:not(.page-admin) #body-side-top {
    padding-top: 0;
    margin-top: 50px;
  }

  .secondary-nav {
    display: none;
  }

  #footer-middle > .section {
    width: 49.12%;
  }

  #footer-middle > .section:nth-child(2) {
    padding-right: 0;
    text-align: right;
  }

  #footer .section {
    margin-bottom: 40px;
  }

  span.responsive-menu-toggle {
    display: block;
  }

  .l-news-summary-text {
    min-height: 275px;
  }

  .news-item .news-subtitle {
    font-size: 1.7em;
  }

  .thirteen-header-top > li.recite-me-target,
  .thirteen-header-top > li.signin .label {
    display: none;
  }

  .thirteen-feature-button span.icon-user {
    padding: 0;
  }

  body:not(.page-admin) ul.thirteen-header-top {
    text-align: center;
  }

  .section-component-find-properties-new .fh-field.fh-format-inline {
    display: block;
    width: 100%;
    margin-right: 0 !important;
  }

  .section-component-find-properties-new .fh-button-submit {
    width: 49%;
  }

  .homepage-banner {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .section {
    margin-top: 50px;
  }

  .l-blog-summary.l-grid > .news-image-holder {
    width: 40.2375%;
  }

  .l-blog-summary.l-grid > div.l-span9 {
    width: 57.3125%;
  }

  .l-left-side #body-top .section-page-title {
    padding-left: 0%;
  }

  .l-left-side ul.breadcrumbs {
    display: none;
  }

  .l-right-side #body-top .section-page-title {
    padding-right: 0%;
  }

  .l-right-side ul.breadcrumbs {
    display: none;
  }

  .casestudy-text {
    min-height: 120px;
  }

  .profile-casestudy-header .casestudy-text {
    min-height: 0;
  }

  .rent-property {
    margin-top: 30px;
  }

  div.l-grid-tablet-half-collapse > div.l-span3 {
    width: 48.775%;
  }

  .l-left-side #main,
  .l-right-side #main {
    width: 100%;
  }

  .l-left-side #side,
  .l-right-side #side {
    padding-right: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  ul.thirteen-homepage-buttons li {
    display: block;
  }

  .thirteen-homepage-buttons a.thirteen-homepage-button {
    max-width: 100%;
    min-height: 0;
    width: 100%;
    padding: 20px 40px 20px 40px;
  }

  .homepage-banner .text {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 15px;
  }

  .homepage-banner.all-text .text,
  .homepage-banner.more-text .text,
  .homepage-banner.half-text .text,
  .homepage-banner.less-text .text {
    width: 100%;
  }

  .homepage-banner.yellow .text {
    background: #f9be00;
  }

  .homepage-banner.deep-purple .text {
    background: #3d1152;
  }

  .homepage-banner.light-purple .text {
    background: #eddcf9;
  }

  .homepage-banner.light-yellow .text {
    background: #fff5d1;
  }

  .homepage-banner.maroon .text {
    background: #6f1d46;
  }

  .homepage-banner.dark-blue .text {
    background: #00416b;
  }

  .homepage-banner.light-blue .text {
    background: #d2ebfb;
  }

  .homepage-banner.sky-blue .text {
    background: #54c0e8;
  }

  .homepage-banner.dark-green .text {
    background: #3d4543;
  }

  .homepage-banner .image {
    display: none;
  }

  .homepage-banner.coronavirus {
    background-image: url(images/virus.jpg);
    background-size: cover;
    background-position: 50% 50%;
  }
}

@media only screen and (max-width: 530px) {
  .news-item.news-image-none,
  .news-item.news-image-vertical,
  .news-list-output:not(.is-masonary-engaged)
    .news-item.news-image-horizontal.news-column-3 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .news-item.news-image-horizontal {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .news-item,
  .news-item.news-item .news-text,
  .news-item.news-image-vertical {
    height: auto;
  }

  .news-item {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }

  .news-item.news-image-horizontal .news-image {
    text-align: left;
  }

  .news-item.news-image-horizontal .news-text,
  .news-item.news-image-horizontal .news-image {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .news-item .news-subtitle {
    margin-bottom: 35px;
  }

  body {
    font-size: 15px;
  }

  .section-page-title h1.section-title,
  .section-news-filter h2.section-title {
    font-size: 2.3em;
  }

  .section-page-title .section-content,
  .casestudy-header h3 {
    font-size: 1.2em;
  }

  h2 {
    font-size: 1.2em;
  }

  .thirteen-property-signup {
    font-size: 1rem;
    float: none;
    margin-left: 20px;
  }

  blockquote {
    margin-left: 20px;
  }

  .section-component-html ul li {
    padding-left: 10px;
  }

  .section-content .component-buttons-list > li {
    width: 100%;
    margin-right: 0;
  }

  dl.faqs dt {
    padding-left: 10px;
  }

  dl.faqs dd {
    padding-left: 10px;
    padding-right: 10px;
  }

  .casestudy-body {
    margin-top: 20px;
    padding: 0 10px;
  }

  .carousel .carousel-content,
  .carousel-nav div a {
    height: 250px;
  }

  .l-news-summary-text {
    height: auto;
    padding-bottom: 40px;
  }

  .l-blog-summary .l-news-summary-text {
    min-height: 0 !important;
  }

  .l-news-summary .l-news-summary-text {
    min-height: 150px !important;
  }

  #forRentFilter .fh-field {
    width: 100%;
    display: block;
    margin-right: 0%;
  }

  .rent-property .right {
    text-align: left;
  }

  .thirteen-partners a .is-not-hover {
    display: block !important;
  }

  .thirteen-partners a .is-hover {
    display: none !important;
  }

  .thirteen-partners a,
  .thirteen-partners li {
    height: 150px;
  }

  .thirteen-partners .is-not-hover img {
    margin-right: 40px;
    width: 100%;
  }

  .thirteen-partners .is-not-hover {
    padding-left: 20px;
  }

  .l-news-summary-grid {
    margin-bottom: 0;
  }

  .section {
    margin-top: 30px;
  }

  #home-body-inner-container .section-component-find-properties-new {
    margin-left: 5%;
    margin-right: 5%;
  }

  .section-component-find-properties-new .fh-button-submit {
    width: 100%;
    margin-right: 0 !important;
  }

  .section-component-find-properties-new .fh-button-submit:first-of-type {
    margin-bottom: 20px;
  }

  #home-body-inner-container .section-component-find-properties-new {
    top: -200px;
    margin-bottom: -190px;
  }

  .l-blog-summary.l-grid > .news-image-holder {
    position: relative;
    height: 200px;
    border: 0;
  }

  .l-blog-summary.l-grid > div {
    margin-bottom: 0;
  }

  .rent-property .l-grid-mobile-collapse.l-grid > div {
    margin-bottom: 0.5em;
  }

  ul.accreditation-logos {
    text-align: center;
  }

  ul.accreditation-logos > li {
    display: block;
  }
}

@media only screen and (max-width: 500px) {
  .thirteen-callout {
    padding: 20px 25px;
  }

  .thirteen-callout .callout-wrapper {
    background-size: contain !important;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
  }

  .section-title .tools {
    float: none;
    display: block;
    margin: 0 0 1em 0;
  }
}

@media only screen and (max-width: 400px) {
  .form-google input[type="text"] {
    width: 150px;
  }

  .logo img {
    padding-right: 40px;
    box-sizing: border-box;
  }

  .carousel .carousel-content,
  .carousel-nav div a {
    height: 156px;
  }

  #footer-middle > .section,
  #footer-middle > .section:nth-child(2) {
    width: 100%;
    float: none;
    padding: 0;
    text-align: left;
  }

  .rent-property .image {
    width: 100%;
    margin-bottom: 0.6em;
  }

  .rent-property .text {
    margin-left: 0%;
  }

  h2,
  p,
  dl,
  ul,
  ol,
  .youtube-embed-wrapper {
    margin-bottom: 20px;
  }

  .thirteen-partners-small li {
    width: 100%;
  }

  .section-form .fh-fieldset {
    border: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 260px) {
  .form-google input[type="text"] {
    width: 100px;
  }
}