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

.overlay-slide article {margin-left: 50px;}
.sectionheader.menudepth2.last_child.parent ul {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;}

.banner h1 {max-width:900px;}


}


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

.sectionheader.menudepth2.last_child.parent ul {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;}
}

@media screen and (min-width: 2500px) {


.block.three h3 {font-size:2vw}

.block h2 {font-size:2vw}
.wrapper, .series-grid {max-width: 1480px}
.feature-item h2 {font-size: 30px;}

}


.sm_menu_outer {
    -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices */
    overflow-y: auto !important;
 scroll-behavior: smooth;
}


.sm_menu_outer.active {z-index:9999999999 !important}


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

.block .grid-2.images article {padding: 0 3vw;}

}


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


.block .grid-2.images article:first-child {padding: 0 2vw 0 0;}
.block .grid-2.images article:last-child {padding: 0 0 0 2vw;}
.block.two.entrance article:last-child {padding-left: 2vw;}

}


@media screen and (max-width: 1400px) {
  header .grid {grid-template-columns: 1fr 5fr;}
  header nav ul li a {font-size: 15px;}
  .menu > ul > li > ul {top: 85px!important;}

  .menu > ul > li > ul > li {width: 55%!important;}
  .menudepth1.last_child.parent {width: 35%!important;}
  .menudepth2 > ul {padding-bottom: 15px; border-bottom: 2px solid #8889; margin-bottom: 15px!important;}
  .menudepth3 {margin-bottom: 0px!important;}

  .block .grid-2.images {align-items: initial;}
  .block .grid-2.images article {padding: 0;}
  .block .grid-2.images figure {height: 100%;}
  .block .grid-2.images figure img {height: 100%; object-fit: cover;}
}

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

.banner {height: 120vh;}
.menu > ul > li > ul.normal-sub{text-align: left!important;}
.menu > ul > li > ul.normal-sub > li {width: 75% !important;}

}


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


.banner.home:after {width: 300px; height: 300px; right:-200px;}

.fancybox-content .grid {display:block}
.image-container {margin-bottom: 30px;}

header nav ul li a {font-size: 15px;}
.menu > ul > li > ul {top: 85px!important;}
.menu > ul > li > ul > li {width: 100%!important;}

.banner img {height: 100%; object-fit: cover;}
.block .grid {grid-template-columns: 300px 1fr;}
.brochures.grid {grid-template-columns: 1fr 1fr 1fr!important;}
.block .grid .max-80 {max-width: 100%;}
.block h3 {max-width: 100%; line-height: 1.5; font-size: 20px;}
.block h2, .block.four p, .block.two h2, .button {font-size: 2vw}
.block h4 {font-size: 20px;}
.accordion-wrapper.team .panel {padding: 0 0 25px 0;}
.series-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
.tab-features-v2 {gap: 30px!important;}

.grid-map {grid-template-columns: 350px 1fr;}
.grid-map {grid-template-columns: 1fr 2fr; grid-gap: 25px;}
.grid-map p {font-size: 13px; margin-bottom: 15px;}
.google-link {font-size: 13px; padding-bottom: 0px;}
.ni-external-alt::before {font-size: 15px; right: -20px;}

.accordion-wrapper.team .panel p {font-size: 16px;}

.accordion-item::before {height: 15px; right: 15px;}
.accordion-item::after {height: 15px; right: 15px;}

.block .grid-2.images h2, .block.two.entrance h2 {font-size: 2vw;}

}

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

  .brochures.grid {grid-template-columns: 1fr!important;}

  .sectionheader.menudepth2.last_child.parent ul {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;}

.tech-mobile {display: initial;}

.banner.standard video {
    height: 80vh;
    width: 200%;
}

.max-80 {max-width: 100%;}

.accordion-wrapper.team h4 {font-size: 18px;}

.tab-features-v2 p {font-size: 18px;}

.block.three h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.block h4 {margin-top:0}

.tab-features-v2__control[aria-selected=true] p:after {top:-5px;}


.home-slider {margin-top: 30px;}
.home-slider .swiper-slide {margin-right:20px !important}

.swiper-pagination {
   display:none
}

.slider h3 {font-size: 15px;}
.slider {margin-bottom: 20px;}

header {padding: 15px 0}
.menu > ul {display:none}

.block h2 {font-size:30px; max-width:100%; margin-bottom: 30px;}

  .hamburger {display: block;}

  .brochure-item {width:40%;}
  .banner p {font-size: 14px; line-height:1.5; max-width: 75%}
  .banner h1 {font-size: 24px; max-width: 600px; line-height: 32px;}

.banner.home img {
    opacity: 0.8;
    height: 100%;
    object-fit: cover;
}

.banner article {

    position: relative;
    z-index: 99;
}

.breadcrumb {
    padding: 10px 0 0 0;
    font-size: 11px;
  }

.feature-item h2 {margin-bottom:10px}

.menu > ul {display: none;}
.banner.home {height: 55vh}
.banner.standard {height: 45vh;}
.banner.standard::after {width: 538px; right: -271px;}

.table-header {display:none}
.table-inner {display:block; line-height: 1.5; padding: 10px 0}


.block.two h2 {font-size: 25px;}

.top-nav .text-right {display:none}
.top-nav.fabs-menu .text-right {display:block}
.top-nav.fabs-menu .text-right ul {display:block}
.top-nav.fabs-menu .text-right ul li {display: block}
.top-nav.fabs-menu .text-right ul li a {padding: 10px 0}
.top-nav p {text-align:center}
header .logo {width: 150px}

.block .grid, .block.four .grid, .block .grid-2 {
    grid-template-columns: 1fr;
}

.block .grid-2.images {grid-gap: 30px; margin-bottom: 30px;}
.block .grid-2.images article {padding: 0;}
.block .grid-2.images article:first-child {order: 2;}

.block .grid-2 figure:last-child {}
.tab-features-v2__controls-list {display:block !important}
.logos-wrapper img {
    width: 100%;
    height: auto !important;
}

.block.four article {max-width:100%}

.tab-features-v2__text-crop-gradient { display: none; }
.tab-features-v2 {grid-gap: 8vw;}

.block.four p {font-size: 20px;}
.button {font-size: 20px;}

.icon-bg figure {max-height: 50vh;}
.icon-bg figure img {height: 100%; object-fit: cover;}

.logos-wrapper {padding: 25px 5%;}

.breadcrumb {margin: 0;}

.products-grid {grid-template-columns: repeat(2, minmax(350px, 1fr));}
.product-item {max-width: none;}

.series-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
.feature-item {height: 200px; }
.feature-item h2 {font-size: 20px !important;}

.project > .wrapper {max-width: 95%;}

.gallery {grid-template-columns: 1fr 1fr!important;}

.tab-features-v2 ul {max-width: 400px;}
.logos-wrapper > div {margin: 0 25px;}
.btm-nav {grid-template-columns: 1fr 4fr;}
footer .browse li a {padding: 2px 0;}
footer .grid.browse {grid-column: span 2;}
footer .button {display: inline-block;}
footer > .wrapper.grid {align-items: baseline;}

.block .grid-2.images h2, .block.two.entrance h2 {font-size: 25px;}

}

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


.colours-popup .overlay-colour {
    max-height: 200px;
}


.range-grid {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}
.range-grid a {color:inherit; text-decoration:none}
.block.two .colours h2 {font-size: 15px;}
.block.two .colours p {font-size: 12px;}
.colour-mobile.left-col {padding-top: 30px;}


.block.four p {font-size: 18px;}

  .banner.home .banner-overlay > .wrapper {height: 80%;}
  .overlay-slide p {font-size: 14px;}
  .grid-map {grid-template-columns: 100%;}
  #map {height: 400px;}
  .fabricator-list {order: 2; height: 325px;}
  .brochure-item {width:100%;}
  footer .links li {margin-bottom: 10px;}
  footer .links li:last-child {margin-bottom: 0px;}
  .block h2 {font-size: 20px;}
  .block h3 {margin-top: 0px;}
  .block p:last-child {margin-bottom: 0px;}
  .toitu-logo {right: 5vw; top: 7vw;}
  .series-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
  .project > .wrapper { max-width: 85%;}
  .project.block h2 {font-size: 22px;}
  .block h3 {max-width: none;}
  .products-grid { grid-template-columns: 100%;}
  .product-item article {padding: 25px 30px;}
  footer > .wrapper.grid {margin-bottom: 40px; grid-gap: 10px;}
  footer h4 {margin-bottom: 5px;}
  blockquote {padding: 20px 30px;}
  .logos-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(35px, 1fr));
    grid-gap: 0; align-items:center
}
  .logos-wrapper > div {margin: 0 10px;}

.logos-wrapper img {
    width: 100%;
    height: auto;
}

.block form .grid {grid-template-columns: 100%!important;}
.feature-item article {bottom: 10px; left: 20px;}

footer figure {width:170px; margin:12px auto 0}
footer article {text-align:center;}
footer p {font-size: 12px; line-height:1.3}
footer .grid.browse {display:none}
footer a {text-align:center}
footer h2 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 25px;
    max-width: 100%; text-align:center
}

footer .button {margin:0 auto;}
footer > div {text-align:center}
.btm-nav {display:block; text-align:center; margin-bottom:0 !important}
footer .links {text-align:center; margin-top: 25px;}

  .banner.standard::after { width: 358px; right: -217px;}
}


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

}


@media screen and (max-width: 414px) {
#sm_menu_ham {top: 73px !important;}
.tech-mobile {font-size: 12px;}
}


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

}


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

}