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

.search-bar input {width: 350px;}

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

.single-product-info .wrapper .sticky { width: 48%;}

.search-bar input {width: 300px;}

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

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

.header-left {flex: none;width:35%;}
.header-right {flex:none;}

.search-bar input {width: 300px;}

.find-dealer, .dealer-login {padding: 15px 20px 15px 50px;}
.find-dealer::before, .dealer-login::before {left: 15px;}

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

.find-dealer, .dealer-login {padding: 15px 15px 15px 45px; font-size: 13px;}
.find-dealer::before, .dealer-login::before {left: 12px;}

#toggle-button.single-button {margin-left: 2.5%;}

.main_category_level ul li {margin: 0 10px;}

.main_category_level ul li a {font-size: 14px;}

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

.our-products {padding: 3vw 0px;}

h1 {font-size: 36px; line-height:1.2;}
.about-us .content-wrapper {padding: 5vw;}
.about-us article p, .performance article p, .container-text-overlay p, .basic-banner p, .about-batteries article p, .about-info p, .content p, .prod-item .article p, .single-product-info p, .single-product-info table td, .single-product-info table th, .intro-category p {font-size: 16px; line-height: 1.5;}

.social-icons {width:100%; margin-top:0; justify-content: space-between;}
.social-icons img {width: 25px; height: 25px;}


footer {padding: 50px 0 20px;}
footer .footer-grid {grid-template-columns: 1fr 700px;}
footer .logo {max-width: 150px; margin-bottom: 20px;}
footer h6 {font-size: 16px; margin-bottom: 30px; max-width: 280px;}
footer .footer-left article {grid-template-columns: 110px 1fr;}
footer p, footer a {font-size: 14px;}
footer .footer-right ul li {display: block; margin-bottom: 10px;}
footer .footer-right ul li:first-child { margin-bottom: 15px;}
footer .footer-right ul li:first-child p {font-size: 16px;}
footer .social-row { margin-top: 60px;}
footer .social-row p {font-size: 14px;}
footer .copyright p, footer .copyright a { font-size: 12px;}

#request-demo-form .check-label { width: 100% !important;}

.mySwiper-product .swiper-slide {height:80px !important}
.product-layout {width:95%}
.wrapper {width:95%}
.our-products h2 {max-width:95%}

.category-grid {width:60%}
.image-overflow {width:37%}

}

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

.button-green {margin-bottom:30px;}

}

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

.breadcrumb {margin-left: 1.3em;}

.category-links a {font-size: 13px;}
.category-links {display: flex;flex-wrap:wrap;}

.header-left span {font-size:15px}
.header-left figure {width: 130px;}

header .wide-wrapper {display:flex; justify-content: space-between}
.header-right ul li {font-size: 13px; margin-right: 10px;}
.intro-banner article p {font-size: 16px; line-height:1.5; margin-bottom: 30px;}
.single-button {padding: 15px 25px;}
.container-half-split p {max-width: 100%}

.news-item {width: 48%;}
.news-item h3 {font-size: 1.5vw;}

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

.about-info p {margin-bottom:0;}

.intro-category {margin-bottom: 20px;}

.product-wrap.features .prod-item {width:30%}

}

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

.mobile-search {display: block;}

.hamburger {display: flex; top: 25px;}
.hamburger.active {top: 19px;}

.dealer-login.mobile {display: block;}
.login-box.font-update {top: calc(100% + 43px);}


header .wide-wrapper {padding: 10px 0;}

header .menu {display: none;}
header .header-right {display: none;}s

.search-bar, .header-left {width: 100%;justify-content: flex-start;}
.search-bar input {width: 100%;}


footer .footer-grid { grid-template-columns: 1fr;}
footer h6 {max-width: 260px;}
footer .footer-right {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px 10px;}

footer .copyright div {display: none;}
footer::after {display: none;}

}


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

.main_category_level {display:none}

.intro-category h1 {margin: 20px 0 20px 0;}
.intro-category.wrapper {width:95%;}
.breadcrumb {margin-top: 20px;margin-bottom: 20px;top:5px;}

.product-banner article {display: none;}

header {z-index:9999999}

.modal {width: 350px !important}
.wrapper {width: 90%;}


.modal .content-block article {max-width: 100% !important; margin: 0 !important; width: 100%;}

.modal .basic-grid.content-block {grid-template-columns: 30% 70%; display:block;}

.basic-banner h1 {line-height: 1.5 !important}

.content h2 {font-size: 22px; line-height:1.5;}

.banner-alert {display:none}

.form-wrapper {padding: 30px 0px !important; width: 100% !important; margin: 0 auto;}

#dealer-form .check-label {width: 100% !important;}

.form p, .form-field label, form .check-label, #dealer-form h3 {font-size: 16px !important; line-height:1.5 !important;}

.header-left span {width: 52%; text-align: right; cursor: pointer; font-family: "Nexa-book", sans-serif; font-variation-settings: "ital" 0, "wdth" 150, "wght" 350; display: flex; justify-content: flex-end; align-items: flex-start; font-size: 12px; padding: 0px 0px; line-height: 1.3;}

.menu-dropdown.drop-active {top: 100px;}

.menu-grid {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); grid-gap: 20px;}

.button-outline {padding: 25px 40px;}
.button-green {padding: 25px 40px;margin-bottom:0px;}

.intro-category p {max-width: 100%;}

.our-products .wrapper {display: block;}
.category-grid {display: flex; flex-wrap:wrap; justify-content:space-between; grid-gap: 0;}
.category-grid {width: 100%;}
.category-item figure {width: 100%; overflow: hidden; margin-bottom: 10px; height: 150px;}

.about-batteries {display:block; max-width: 90%; margin:0 auto;}
.about-batteries article, .about-batteries figure, .about-info article {width:100%;}
.about-batteries article h3 {font-size: 22px; line-height:1.5;}

.about-info .info-item {display:block;}

.overlay-text {position:relative; background:#bfd42f;}

.banner-inner {width: 80%; margin: 0 auto;}
.basic-banner figure {height: 50vh;}

.our-products h2 {font-size: 22px; margin: 10px 0 20px 0px; text-align:center;}
.basic-banner h1 {font-size: 22px;}
.basic-banner figure::after {background: linear-gradient(to right, rgb(0, 0, 0) -5%,rgba(255,255,255,0) 70%);}

.filter-options {position: fixed;top: 50%;z-index: 999999;transform: translate(50%,-50%);width: 70%;right: -50%;padding: 50px;background: #fff;border-radius: 50px;transition: 0.3s;margin-right: 0px;}
.filter-options.open {right: 50%;}

.basic-banner article {width: 70%;}

.intro-banner article {margin: 70px 0px; width: 100%;}
.intro-banner figure::after {display:none;}

.about-us figure, .about-us article, .performance article, .performance figure {width:100%;}
.about-us article h3, .performance article h3, .container-text-overlay h3 {font-size: 24px; line-height: 1.3;}
.about-us .button-dark {margin-top: 0px;}

.performance figure {position:relative;}

.voltage-wrapper img:nth-child(1) {object-fit: contain; height: 40px;}
.voltage-wrapper img:nth-child(2) {object-fit: contain; height: 30px;}
.voltage-wrapper img:nth-child(3) {object-fit: contain; height: 30px;}
.voltage-wrapper img:nth-child(4) {object-fit: contain; height: 30px;}

.about-us, .performance .performance-wrap {display:block;}
.category-item {width: 48%; display:block; margin-bottom: 15px;}
.image-overflow {width: 100%; padding: 0;}

.category .product-tile {}

.about-us article {width: 100%;}

.container-text-overlay {background:#151515;}
.container-text-overlay article {position: relative; top: auto; left: auto; transform: none; max-width: 85%; margin:0 auto; padding: 25px 0;}

.about-info {background: #bfd42f; padding: 30px 0;}
.about-info .wrapper {width:90%; margin:0 auto;}
.about-info article {padding-left:0;}
.about-info figure {margin: 20px 0;}

.product-layout {grid-template-columns: 100%; width: 95%;}
.prod-item {width: 100%; margin: 0 0 10px 0;}
.mobile-search {display: block;}
.filter-options .close-icon {display: block;}
.green-bar .wrapper h3, .about-info h3 {font-size: 24px; line-height:1.2; margin-right:0; margin-bottom: 20px;}
.green-bar .wrapper {display:block;}
.video {height: auto;}

.info-item:last-of-type {background:transparent;}
.info-item:last-of-type article {width: 100%; padding: 20px 0 0 0;}

.info-item:last-of-type article p {color:#fff;}
.header-left span::after {width: 15px; height: 5px;}

.form {width: 100%;}

.single-product-info {padding: 10px 0px;}
.single-product-info .wrapper {display:block}
.slider-wrap, .single-product-info .wrapper .sticky, .about-info figure {width:100%}
.single-product-info .wrapper .sticky {padding-top: 30px}

.award-row {width: 100%;}
.award-items {padding-bottom: 100px;}
.award-item {flex-wrap: wrap;}
.award-item article {width: 100%;}
.award-item .button-light {margin: 0px 0px 50px 0px;}


#request-demo-form .form-field label, #request-demo-form .check-label {font-size: 16px !important;}
#request-demo-form input, #request-demo-form textarea, #request-demo-form select {font-size: 16px !important;}

.contact-us .wrapper {flex-direction: column-reverse;}
.contact-us .form {width: 100%;}
.contact-us .stockists {width: 100%;}
.location-list {margin-bottom: 50px;}
.stockists h2 {font-size: 5vw; line-height: 6vw;}

#enquiryMessage strong {font-size: 12px;}

.location-list {display: block;}
.stockist {width: 100%;}

.background-image article img {width: 250px;}
.background-image article h3 { font-size: 4vw; width: 82%; }

.tab-section.downloads article a {padding-left: 0;}

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

.product-wrap.features .prod-item {width:48%}

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

.search-wrapper {padding: 10px 15px;}
.search-bar input {box-sizing: border-box;}
.search-box {width: 100%;}
.search-drop .close-icon {display: none;}

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

  .button-green { margin-bottom: 30px; }

}

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

.category-links a {font-size: 12px;}
.category-links{display: flex; flex-wrap: wrap; justify-content: flex-end;}



.stockists h2 { font-size: 8vw; line-height: 9vw;}

  .product-wrap.features .prod-item {width:95%}

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

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

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

}