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

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

  .grid-map {grid-template-columns: 402px 3fr;}

  .product-grid-item:nth-child(2) article h3 {margin: 5px 0 10px;}
  .product-grid-item:nth-child(2) figure {padding-bottom: 165%;}

  .homepage-box-two figure {height:30vh;}
  .homepage-box-three figure img { width: 65%;}

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

  header {top: 30px; margin: 0 35px; width: calc(100% - 75px);}

  .menu-main ul li a, .menu-right a {font-size: 20px; min-width: 0;}


  .wrapper-lrg, .wrapper {max-width: 90%;}

  .home-banner {margin-top: 25px;}

  .inner-banner.products .grid {grid-gap: 30px;}

  .logo img {width: 250px;}


  .item {max-width: 260px;}

  .subscribe-block input, footer input {font-size: 20px;}
  .subscribe-block input {width: 450px;}
  footer input {width: 350px;}
  footer .form-wrapper form button, .subscribe-block .form-wrapper form button {font-size: 20px; padding: 25px 40px;}

  .testimonial .testiSwiper .swiper-slide p {font-size: 18px;}

  .grid-map {grid-template-columns: 382px 3fr;}

  .location-list {height: 720px;}
  .location-list .button {min-width: 0; font-size: 16px;}
  .location-list .custom-navigation .button {font-size: 16px;}

  .stockist {padding: 15px; display: flex; flex-direction: column; justify-content: space-between;}
  .stockist .flex-row {justify-content: flex-start; gap: 15px;}
  .stockist p {font-size: 16px; margin-bottom: 20px;}
  .stockist p:nth-child(2) {max-width: 175px; line-height: 1.5}

  .custom-prev, .custom-next {width: 40px; height: 35px;}

  .contact-us .grid-3.wrapper-sml {max-width: 1050px; grid-template-columns: repeat(2,1fr);}
  .store-item {display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
  .store-item .title {font-size: 20px; margin-bottom: 10px;}
  .store-item a {}

  .category-item a, .product-item a {padding: 20px;}

  footer .copyright p, footer .copyright a {font-size: 13px;}

  footer .grid {max-width: 60vw;}
}
@media screen and (max-width: 1300px) {

  :root {
        --standard-font: 16px;
  }

  header.inner {top: 15px;}

  .menu-main ul li a, .menu-right a {font-size: 16px;}

  .inner-banner.products {margin: 30px 0 0; padding: 30px 0;}
  .inner-banner.products .grid {grid-gap: 30px;}

  .product-feature {margin: 0 0 30px 5%; padding: 30px 5% 30px 0;}
  .product-feature .grid {margin-left: 30px; grid-gap: 30px;}
  .product-feature h3 {font-size: 30px;}
  .product-feature p {font-size: 16px;}

  .about .content article p {font-size: 16px;}
  .about .wrapper-sml {max-width: 75%; margin:0 auto;}
  .about .wrapper-sml article {max-width: 100%;}
  .about .content .wrapper-sml > article { max-width: 100%;}
  .about .blue-bg article p {max-width: 100%;}

  .product-grid {max-width: 90%; margin: 0 auto;}

  .testimonials .grid-3 {grid-template-columns: repeat(2,1fr);}

  .basic-grid {grid-template-columns: repeat(3,1fr);}

  .modal__content {max-width: 900px!important; width: 95%;}
  .modal .content-block article {margin: 0 0 0 30px;}

  .basic-product-block .sticky h3 {margin: 15px 0 10px;}
  .basic-product-block .sticky h1 {margin: 10px 0;}
  .basic-product-block .sticky .button-wrap, .stock-box {margin: 20px 0;}

  .stock-box span {font-size: 12px;}
  .stock-box, .accord-title {font-size: 20px;}
  .accord-title::after {width: 10px; height: 7px;}

  .accord-text p, .accord-text ul li {font-size: 16px;}

  .add-to-cart-wrapper { grid-gap: 20px;}

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

  .section--checkout > .wrapper {max-width: 100%; width: auto; grid-template-columns: 1fr 400px; margin: 30px;}

  footer .social-row {margin-top: 30px;}
  footer .facebook {width: 20px; height: 35px;}
  footer .youtube {width: 50px; height: 35px;}
  .subscribe-block input {width: 350px;}
  .subscribe-block input, footer input {font-size: 16px;}
  footer .form-wrapper form button, .subscribe-block .form-wrapper form button {font-size: 16px; padding: 20px 30px; min-width: 0;}
  footer input {width: 300px;}

  footer .copyright p, footer .copyright a {font-size: 12px;}

}

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

  .menu-main ul li a {font-size: 18px; padding: 25px 15px;}
  .menu-right a {font-size: 14px; padding: 20px;}

  .button {font-size: 20px;}

  .inner-banner .wrapper-sml {max-width: 100%; margin: 0 30px;}
  .inner-banner figure {padding-bottom: 60%;}
  .gallery-grid .grid {max-width: 75%;}


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

  .logo img { width: 200px; }
  .menu-main ul li a {font-size: 16px; padding: 25px 5px}
  .menu-right a {padding: 20px 15px;}


  .home-banner {margin: 20px 20px 6vw;}
  .home-banner figure > h2 {bottom: 7vh;}
  .values-bar {padding: 30px; margin: -40px 10% 0;}

  .intro h3 {font-size: 17px;}
  .intro img {width: 85%;}

  .blue-bg.feature {padding: 30px 30px 40px;}
  .blue-bg h3 {font-size: 17px; margin-bottom: 30px;}

  .item figure {width: 125px; height: 125px;}
  .item figure img {max-width: 55px; max-height: 55px;}
  .item h4 {font-size: 17px; max-width: none}
  .item p {font-size: 15px; max-width: 210px;}
  .item:first-child p {max-width: 180px;}
  .item:last-child p {max-width: 170px;}
  .item:last-child {margin: 0;}

  .subscribe-block {padding: 30px;}
  .subscribe-block p {font-size: 17px;}
  .subscribe-block input {width: 250px;}

  .testimonial h3 {font-size: 25px; line-height: 1.2; text-align: center; margin-bottom: 20px; width: 100%;}
  .testimonial .wrapper {width: 95%; max-width: 100%;}
  .testimonial .wrapper .flex-row {justify-content: center; margin: 0 15px 30px;}
  .testimonial .custom-next, .testimonial .custom-prev {order: 2; margin: 0 10px;}
  .testimonial .testiSwiper .swiper-slide {padding: 30px 30px 70px;}
  .testimonial .testiSwiper .swiper-slide p {font-size: 16px;}

  .location-list { height: 520px; }

  .about .wrapper-sml {grid-gap: 30px; max-width: 85%; margin-bottom: 30px;}
  .about .wrapper-sml:last-of-type {margin-bottom: 0;}

  .product-feature { margin:0 0 30px 30px; padding:30px 30px 30px 0; grid-gap:30px; }
  .product-feature article {max-width: 100%;}

  .inner-banner.products .grid { grid-gap:30px; max-width: 100%; margin:0 30px; }
  .inner-banner.products .grid .grid {margin: 0;}

  .product-grid { max-width: 100%; margin:0 30px;}
  .product-grid-item {padding: 20px; grid-gap: 20px;}

  .contact-us .content .form-wrapper h3 {font-size: 25px; margin-bottom: 25px;}

  .shop-filter a, .shop-filter div {padding: 0 20px 20px;}

  .category-item a, .product-item a { padding: 15px; border-radius: 10px; }
  .category-item figure, .product-item figure {border-radius: 5px;}
  .category-item p, .product-item p {font-size: 16px; margin-top: 15px;}

  .modal__content { max-width: 85% !important; width: 95% !important;}

  #modalEnquiryTitle { font-size: 25px;}
  #enquiryMessage { font-size: 16px;}

  #loginAccountBlock .grid-right {grid-gap: 20px;}

  .form-radio-block {grid-column: span 2;}

  #delivery_address .grid-3 {grid-template-columns: 1fr 1fr;}
  #delivery_address .grid-3 .form-field:first-child {grid-column: span 2;}

  .account-nav a {font-size: 16px;}
  .dashboard .grid-steps {grid-template-columns: 150px 1fr; grid-gap: 30px;}

  .spilt-full {padding: 80px 80px 100px 80px;}
  .spilt-full figure {width: 40vw;height: 100px;}
  .homepage-box-two p { font-size: 30px; }

  footer p strong {font-size: 17px; margin-bottom: 20px;}
  footer article ul li {font-size: 15px; margin-bottom: 15px;}
  footer article ul li a {font-size: 15px;}
  footer input {width: 250px;}
  footer .logo img {width: 150px;}
  footer .grid { max-width: 65vw; }

  header {top: 15px; margin: 0 15px; width: calc(100% - 30px);}
  header .flex-row {padding: 5px; box-sizing: border-box;}
  header.scroll, header.inner {top: 15px; width: calc(100% - 30px); margin: 0 15px; border-radius: 10px;}
  header.scroll .flex-row, header.inner .flex-row {padding: 5px;}

  .no-scroll header .flex-row {background: var(--bright-green); border-radius: 10px;}
  .menu-bottom {display:none;}
  .menu-main, .menu-right > .button, .menu-right > ul,.menu-right > a {display: none;}
  .hamburger {display: flex;}
  .mini-cart, .account-button {display: block!important;}
  .hamburger {padding: 0px 17px 0 0px;}
  .mobile-mini-cart {display: flex;}

  .home-categories {padding: 130px 0 100px 0!important;}

}

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

  .home-categories .flex {grid-template-columns: 1fr;}
  .homepage-box-two figure {height: 60vh; padding-bottom: 0;width: 100%; position: static;transform: rotateX(0);}
  .homepage-box-two figure img {position: static;}

  .section--checkout > .wrapper {grid-template-columns: 1fr;}

  .desktop-table {display: none;}
.mobile-table {display: block;}

  .dashboard .dashboard-content article {padding: 20px;}
.dashboard .dashboard-content h3 {font-size: 20px; margin-bottom: 15px!important}

  .spilt-full article::after {display:none;}

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

  :root {
    --border-radius: 10px;
  }

  body {font-size: 16px;}

  h1, .inner-banner h1 {font-size: 30px;}
  h2 {font-size: 20px;}
  h3 {font-size: 18px;}

  .wrapper-lrg {margin: 0 10px; max-width: 100%;}
  .wrapper-sml {max-width: 100%;margin: 0 15px;}

  .content {margin: 30px 0;}
  .content.wrapper {margin: 30px auto;}

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

  .button {font-size: 16px; min-width: 0;}

  header {top: 15px; margin: 0 15px; width: calc(100% - 30px);}
  header .flex-row {padding: 5px; box-sizing: border-box;}
  header.scroll, header.inner {top: 15px; width: calc(100% - 30px); margin: 0 15px; border-radius: 10px;}
  header.scroll .flex-row, header.inner .flex-row {padding: 5px;}

  .no-scroll header .flex-row {background: var(--bright-green); border-radius: 10px;}


  .menu-main, .menu-right > .button, .menu-right > ul,.menu-right > a {display: none;}

  .hamburger {display: flex;}

  .home-banner {margin-top: 10px; height: 95dvh;}
  .home-banner article {top: 35%;}
  .home-banner article h1 {max-width: 95%; margin: 0 auto 30px; font-size: 35px;}
  .home-banner figure > h2 {bottom: 8vh;}

  .inner-banner.products h1 {font-size: 30px; max-width: 300px;}
  .inner-banner.products article {margin-top: 0!important;}

  .values-bar {padding: 20px; flex-wrap: wrap; gap: 10px; margin: -60px 15px 0;}

  .inner-banner {padding: 30px; margin: 30px 15px 15px; border-radius: 10px;}
  .inner-banner figure {padding-bottom: 60%;}

  .inner-banner.products .grid article {margin: 30px 0 60px;}
  .inner-banner.products > .grid {grid-template-columns: 1fr; margin: 0 25px;}
  .inner-banner.products > .grid .grid {grid-template-columns: 1fr 1fr;}
  .inner-banner.products::before {right: 75vw;}
  .inner-banner.products::after {width: 75vw; height: 60%;}

  .inner-banner.light-bg .wrapper-sml {margin: 0;}

  .gallery-grid .grid {grid-template-columns: 1fr;}
  .gallery {order: 2; margin: 0;}
  .gallery-grid h3 {margin-bottom: 15px;}

  .store-inner .content article h3 {font-size: 30px; margin-bottom: 30px; text-align: center;}
  .store-inner .grid {grid-gap: 30px;}
  .store-inner .grid article h3:only-child {margin-bottom: 0;}

  .grid-5 {grid-template-columns: repeat(2,1fr); grid-gap: 30px;}

  .product-feature {grid-template-columns: 1fr; margin: 0 0 25px 25px;}
  .product-feature .grid {margin-bottom: 30px;}
  .product-feature .grid figure {padding-bottom: 75%;}
  .product-feature article {max-width: 100%; margin: 0 0 0 30px;}

  .product-grid {grid-template-columns: 1fr 1fr; grid-gap: 15px;}
  .product-grid-item {grid-gap: 15px; padding: 15px;}
  .product-grid-item:nth-child(2) figure {padding-bottom: 0; height: 100%;}
  .product-grid-item:nth-child(2) article h3 {font-size: 35px; margin: 2px 0;}
  .product-grid-item:last-child {grid-column: span 2; grid-template-columns: 1fr 1fr;}
  .product-grid-item:last-child figure {padding-bottom: 100%;}
  .product-grid-item:last-child figure:last-child {grid-column: span 2; padding-bottom: 75%;}
  .product-grid-item article h3 {font-size: 25px; margin-bottom: 10px;}
  .product-grid-item article p {font-size: 16px;}

  .product-grid + .content h3 {margin-bottom: 30px; font-size: 25px;}

  .intro {margin: 80px 0 60px;}
  .intro h3 {margin: 0 auto 20px;}

  .blue-bg.feature {padding: 30px 30px 40px;}
  .blue-bg h3 {margin-bottom: 30px;}

  .contact-us .content .form-wrapper {max-width: 100%; width: 100%;}
  .contact-us .content .wrapper {margin: 0 15px; max-width: 100%;}
  .form-grid {grid-template-columns: 1fr;}
  .form-field.textarea {grid-column: span 1;}

  .item {max-width: 45%; margin-bottom: 30px; width: 100%}

  .subscribe-block {padding: 30px;}
  .subscribe-block article {width: 100%; text-align: center;}
  .subscribe-block p {max-width: 100%; font-size: 18px; margin-bottom: 30px;}
  .subscribe-block input, footer input {width: 100%; padding: 20px; border-radius: 20px 20px 0 0; max-width: 100%;}
  footer .form-wrapper form button, .subscribe-block .form-wrapper form button {width: 100%; border-radius: 0 0 20px 20px;}
  .subscribe-block .form-wrapper form {flex-wrap: wrap;}
  .subscribe-form {margin: 0 auto;}

  .testimonial .wrapper {width: 100%; max-width: 100%;}

  .content article h2 {margin-bottom: 20px;}
  .content article p, .content .wrapper-sml > article a {font-size: 16px;}

  .about .content .wrapper-sml > article, .content .wrapper-sml > article {max-width: 100%;}

  .about .wrapper-sml {margin: 0 15px; max-width: 100%;}

  .contact-us .grid-3.wrapper-sml {max-width: 100%; width: auto; grid-template-columns: 1fr; grid-gap: 15px;}

  .store-page .content {margin: 15px 0;}
  .grid-map {grid-template-columns: 1fr; margin: 0 15px;}
  #map {height: 80vh;}
  .location-list {height: 310px;}
  .location-list .button {font-size: 14px;}

  .testimonials .grid-3 {grid-template-columns: 1fr;}
  .testimonials .wrapper {max-width: 100%; margin: 0 15px}
  .testi-item span {font-size: 18px;}
  .testimonials h3 {margin-bottom: 30px; font-size: 30px; text-align: center;}

  .store-inner .padding .wrapper-sml {margin: 0 30px;}

  .shop-filter a, .shop-filter div {font-size: 14px;}

  .shop-container {margin: 30px auto;}

  .inner-banner p {margin-top: 15px; font-size: 16px;}

  .basic-grid { grid-template-columns: repeat(2,1fr); grid-gap: 20px;}

  .shop-filter {margin-bottom: 20px;}
  .shop-filter-open p strong {font-size: 16px;}
  .shop-filter-open p, .shop-filter-open a {font-size: 14px;}

  .category-item p, .product-item p {margin-top: 10px;}

  .category-item a, .product-item a {padding: 8px;}
  .category-item figure, .product-item figure {margin-bottom: 10px;}

  .modal {padding: 0!important;}
  .modal__content { max-width: 95vw !important; max-height: 95dvh !important; overflow: scroll !important;}
  .modal__content .dm-grid {grid-template-columns: 1fr;}
  .modal__content > .mc4-padding-y-sm {padding: 20px;}
  .modal .content-block article { max-width: 100%!important; margin: 0!important;}
  .modal__content .basic-price {margin-bottom: 0px;}
  .modal__content .button {margin-top: 20px; font-size: 14px;}

  .modal__content h3 {margin-top: 20px; font-size: 16px;}
  .modal__content h2 {font-size: 25px;}

  .quick-buy-btn {font-size: 12px !important; padding: 12px 15px !important; border-radius: 5px !important; top: 10px !important; right: 10px !important;}

  .basic-product-block .wrapper.grid { grid-template-columns: 1fr; grid-gap: 30px;}

  .basic-product-block .sticky {position: relative; top: auto;}
  .basic-product-block .sticky h3 { margin: 0 0 10px; }
  .basic-product-block .sticky h1 {font-size: 35px;}

  #productEnquiry { grid-template-columns: 1fr;}

  #productEnquiry .full, #productEnquiry .form-check, #productEnquiry .check-label {grid-column: span 1;}
  .form-field label, .select-wrapper label {font-size: 12px;}

  .slide .grid, #loginAccountBlock .grid-right, #delivery_address .grid-3 {grid-template-columns: 1fr;}
  #delivery_address .grid-3 .form-field, #delivery_address .grid-3 .form-field:first-child {grid-column: span 1;}

  .section--checkout > .wrapper {margin: 15px; grid-gap: 15px;}
  .dm-container { margin: 0;}

  .slide {padding: 30px 20px 20px;}
  .slide:first-of-type {border-radius: 10px 10px 0 0;}
  .slide:last-of-type {border-radius: 0 0 10px 10px;}

  .checkout-right > .button {margin: 15px 0 30px;}

  .section__cart { margin: 15px 15px 30px;}
  .section__cart .wrapper-sml {margin: 0;}
  .cart__item {display: grid; grid-template-columns: 1fr; grid-gap: 15px; padding: 20px;}
  .cart__item figure {width: 100%; margin: 0; position: relative; height: 0; padding-bottom: 100%;}
  .cart__item figure a {position: absolute; top: 0; width: 100%; height: 100%;}
  .cart__item figure a img {width: 100%; height: 100%; object-fit: cover; max-width: 100%;}
  .cart__item:first-child {border-radius: 10px 10px 0 0;}
  .cart__item:last-child {border-radius: 0 0 10px 10px}
  .cart__item:only-child {border-radius: 10px;}

  .cart__item article { grid-template-columns: 1fr 1fr; grid-gap: 10px; }
  .quantity-block {max-width: 100%; justify-content: flex-end;}
  .cart__item .js-qty {max-width: 100px;}
  .cart__item-price.text-right, .cart__item-price .item-price {text-align: left;}

  .cart__item:last-of-type {margin-bottom: 30px;}

  .cart__subtotal p {font-size: 22px; margin-right: 0; margin-bottom: 15px;}

  .dashboard {margin: 30px 15px;}
  .dashboard .cart__item {gap: 20px; text-align: center;}
  .dashboard .cart__item > div {display: block;}
  .dashboard .cart__item .product-name {max-width: none;}

  .dashboard .grid-steps {grid-template-columns: 1fr;}

  .details-pop {height: 95dvh; width: 95vw;}
  .details-pop article {height: 95dvh; overflow: scroll;}

  .pop-content {padding: 30px 30px 0; width: 90%;}
  .pop-content article h3 {font-size: 30px; margin-bottom: 20px;}
  .pop-content .hbspt-form {width: 100%;}

  footer {padding: 30px 0 20px;}
  footer article {width: 100%; margin-bottom: 20px;}
  footer p strong {font-size: 18px; text-align: center;}
  footer article ul li {text-align: center;}
  footer article ul li a {font-size: 16px;}
  footer input {text-align: center;}
  footer article > a {font-size: 18px; display: block; text-align: center;}
  footer .form-wrapper form {flex-wrap: wrap;}
  footer .logo {display: block; margin: 0 auto 30px;}
  footer .social-row {justify-content: center; margin: 30px auto 0;}
  footer .copyright {flex-wrap: wrap; justify-content: center; gap: 10px;}
  footer .copyright p, footer .copyright a {width: 100%; text-align: center;}
  footer .grid {max-width: 100vw; width: 100%;}

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

    .location-list {height: 365px;}

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

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

}
