@media screen and (max-width: 1800px) {
  footer .brands-row .brandScroll {width: 95%;}
  footer .brands-row::before {left: -60px; }
  footer .brands-row::after {right: -60px}
}
@media screen and (max-width: 1700px) {
  /* .shop-wrapper {max-width: 1500px;} */
  .shop-wrapper.filter-open {grid-template-columns: 1fr 4fr;}
  .category-container {grid-template-columns: repeat(3, minmax(300px, 1fr));}
}
@media screen and (max-width: 1600px) {
  .grid-3 {grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));}
}
@media screen and (max-width: 1500px) {
  .wrapper-sml {width: 85%;}
  .aboutSwiper {width: 85%;}
  /* .shop-wrapper {max-width: 1300px;} */
  .shop-wrapper.filter-open {grid-template-columns: 1fr 3fr;}
  #codeInput {width: 100%; line-height: 50px; margin-bottom: 20px;}
  .shop-main.grid .product-item {max-width: none;}
  .product-view.product-grid {grid-template-columns: 62% 33%; max-width: 1200px; width: 100%;}
  .product-images figure.large {height: 600px;}
  .section__cart .wrapper {max-width: 1200px; width: 100%;}
  .sized-container {max-width: 750px!important;}
  .checkout-left {width: 65%!important;}
  .checkout-right {width: 35%!important;}
  .section--checkout .wrapper {max-width: 1200px!important; width: 100%!important;}
  .login-banner .wrapper {width: 100%; box-sizing: border-box; padding-left: 25px;}
  .menu-wrapper .wrapper {width: auto; margin: 0 25px;}
  .dropdown-menu {left: 25px;}

  .shop-main .grid-main {grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); gap: 20px;}
  .filter-open .shop-main .grid-main {grid-template-columns: repeat(3, 1fr); gap: 20px;}
}
@media screen and (max-width: 1400px) {
  header .form-field {margin-right: 20px;}
  .desktop-search {margin-right: 20px;}
  .region-select {min-width: 190px;}
  .home-banner {height: 60vh;}
  .logo-scroll .swiper-slide img {height: 35px;}
  footer .brands-row .brandScroll {width: 100%;}

}
@media screen and (max-width: 1300px) {
  .grid-3 {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}
  .product-images figure.large {height: 600px;}
  .selected-item {padding: 15px 15px 17px;}
  .custom-dropdown {margin-bottom: 15px;}
  .aboutSwiper {width: 85%;}
  .shop-wrapper {margin: 0 25px; max-width: none; width: auto;}
  .shop-wrapper.filter-open {grid-template-columns: 1fr 3fr;}
  .category-container {grid-template-columns: repeat(3, minmax(200px, 1fr));}
  .shop-wrapper.filter-open .category-container {grid-template-columns: repeat(2, minmax(200px, 1fr));}
  .option-row {position: relative; padding-top:50px; margin-bottom: 10px;}
  .option-row .check-label {position: absolute; top: 0px; left: 0px;}
  .view-select {position: absolute; top: 0px; right: 0px;}
  .banner article {padding: 50px; margin-left: 0;}
  .banner figure::before {background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);}
}

@media screen and (max-width: 1200px) {
  header a.account-login span {display: none;}
 .home-banner p {bottom: 20px; right: 30px;}
 .region-select {min-width: 165px;}
 .shop-wrapper {width: 95%;}
 .grid-main {grid-template-columns: 1fr 1fr;}
 .shop-main.row .product-item .item-content {align-items: center;}
 .account-nav a {padding: 20px;}
 .product-view.product-grid {max-width: 1000px;}
 .product-images figure.large { height: 500px; }
 .section__cart .flex-row.heading {width: 100%;}
 .section__cart .wrapper {max-width: 1000px;}
 .cart__left {width: 100%!important; margin-bottom: 50px;}
 .cart__right {width: 100%!important; display: flex; align-items: flex-start; grid-gap: 50px;}
 .cart__right .grey-container {margin: 0!important; width: 100%!important;}
 .sized-container {max-width: 600px!important;}
 .checkout-left {width: 65%!important;}
 .checkout-right {width: 35%!important;}
 .section--checkout .wrapper {max-width: 1000px!important; width: 100%!important;}

 .shop-main .grid-main {grid-template-columns: repeat(3, 1fr); gap: 20px;}
 .filter-open .shop-main .grid-main {grid-template-columns: repeat(2, 1fr); gap: 20px;}

 .adidas footer .footer-mid article:first-child {max-width: 500px;}


.shop-main.grid .product-item figure, .adidas .product-item figure {
    height: 300px;
}

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


.shop-main .grid-main {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

header .logo {width: 60px; top: 45px;}
header.scroll .logo {top: 25px;}
.model-wrapper {flex-wrap:wrap; top:0; left:0; position:relative}
.stock-amount {display:block; padding-top: 10px; background: #f7f7f7; width: 100%}

.shop-main.grid .product-item figure, .adidas .product-item figure {
    height: 0; padding: 0; padding-bottom: 100%;
}

.product-item figure {padding: 0; padding-bottom: 60%;}
.product-item figure img { height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; width: 85%; }

.product-item .wishlist {top: 32px;}

.quick-buy-btn {font-size: 9px !important; width:100%}

.product-item article {padding:10px 0 0 0; }
.product-item article h2, .product-item article span {font-size: 12px; line-height:1.3}

.view-toggle {position:absolute; right:0; top:0; margin-right:0}
.filter-menu-wrapper .form-field {margin-top: 10px;}

.grid-main.list-view .item-content {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 10px;
}

.shop-main.grid .grid-main.list-view .product-item figure {height: 100%; padding-bottom: 0; position: relative;}
.shop-main.grid .grid-main.list-view .product-item figure .flex-row {bottom: 10px; padding: 0 10px;}
.shop-main.grid .grid-main.list-view .product-item figure .flex-row > div {width: 100%;}
.shop-main.grid .grid-main.list-view .product-item .vmd-title + span {display: none;}
.grid-main.list-view .item-content .pMeas {margin: 10px 0; font-size: 10px; box-sizing: border-box;}
.grid-main.list-view .product-item article .list-view-only .model-wrapper span { font-weight: bold; font-size: 10px; margin-right: 0;}

.status-message {position: absolute; top: 1px; right: -9px; padding: 5px; font-size: 10px;}

  .hamburger {display: block;}
  header {height: 100px;}
  header .wrapper > div, .dropdown-menu {display: none;}
  header a:first-of-type {padding-top: 0px;}
  header a {padding: 20px 15px;}
  .mobile-header {display: flex;}
  .home-banner {height: 30vh;}
  .brand-highlights .grid-3 {grid-template-columns: 1fr 1fr;}
  .grid-3 {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}
  .logo-scroll::before {box-shadow: 20px 0px 30px 30px white;}
  .logo-scroll::after {box-shadow: -20px 0px 30px 30px white;}
  .banner figure::before {display: none;}
  .banner {flex-direction: column;}
  .banner article {width: 100%; margin: 0; box-sizing: border-box; padding: 30px 25px;}
  .banner article > img {margin-bottom: 20px; width: 85%; max-width: 130px;}
  .banner article p {font-size: 15px;}
  .banner article p strong {margin-bottom: 15px;}
  .banner figure {width: 100%; height: 25vh;}
  .shop-wrapper {grid-template-columns: 100%; width: auto; padding: 0px; margin: 25px; box-sizing: border-box;}
  .shop-wrapper > .flex-row {display: none;}
  .filter-container, .filter-open .filter-container {display: none;}
  .shop-wrapper.filter-open {grid-template-columns: 1fr;}
  .collection-item {width: 48%;}
  .shop-main {padding: 0; grid-gap: 0% 4%;}
  .category-container {grid-gap: 0% 4%; flex-wrap: wrap;  margin-bottom: 0px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
  .option-row {display: flex; margin-bottom: 0px; padding-top: 0px;}
  .option-row > div {width: 100%; flex-wrap: wrap; margin-bottom: 25px; justify-content: space-between;}
  .option-row > div:first-child {margin-bottom: 0px; justify-content: flex-start;}
  .category-container .check-label {margin: 0; width: 30%; justify-content: flex-end;}
  .category-item {width: 100%; margin-bottom: 0px;}
  .product-item {width: 100%;}
  .shop-main.grid .product-item {width: 100%; max-width: none;}
  .option-row input[type="text"] {width: 100%;}
  .option-row .form-field {width: 100%; margin-right: 0px; margin-bottom: 10px;}
  .option-row .form-field label {width: 30%; display:none}
  .option-row .form-field select {width: 100%;}
  .product-view.product-grid {width: auto; margin: 0 25px; grid-template-columns: 100%; grid-gap: 50px;}
  .product-images figure.large {height: 40vh;}
  .mySwiper2 swiper-slide {height: auto !important;}
  .product-images article {margin-top: 25px;}
  .product-images li {font-size: 13px;}
  .product-images article p {margin-bottom: 25px;}
  .custom-dropdown {width: 100%;}
  .region-select {display: none;}
  footer .footer-mid article {width: 100%; padding: 50px 0;}
  footer .footer-mid article.links {text-align: left;padding: 0 0 50px;}
  .copyright {font-size: 13px;}
  .inner-banner {height: 20vh;}
  .standard-content {padding: 0; margin: 25px;}
  .standard-content .wrapper-sml {width: 100%; flex-wrap: wrap;}
  .standard-content .wrapper {width: 100%;}
  .standard-content article,.standard-content figure, .standard-content .contact-wrapper {width: 100%;}
  .standard-content .contact-wrapper {margin-top: 25px;}
  .inner-banner article {width: 100%; text-align: center;}
  .inner-banner article h1 {font-size: 7vw;}
  .aboutSwiper {width: 100%;}
  .dark {padding: 50px 0;}
  .dark > h2 {max-width: 85%; margin: 0 auto 50px;}
  .flex-row.select {margin-top: 40px;}
  .technical-slider-wrapper, .technical-info {width: 100%!important}
  .view-select {display: none;}
  .product-view-wrapper {padding: 0 0 50px;}
  .desktop-details {display: none;}
  .mobile-details {display: block; margin-top: 0px;}
  .product-info {position: relative; top: auto;}
  footer .brands-row::before { left: -100px;}
  footer .brands-row::after { right: -100px; }
  .aboutSwiper .swiper-pagination {justify-content: space-between;}
  .aboutSwiper .swiper-pagination .swiper-pagination-bullet {padding-bottom: 5px;}
  .aboutSwiper .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0px;}
  .account-main-container > .wrapper-sml > article, .small-container {width: 100%!important}
  .account-nav {position: relative;top: auto; flex-wrap: wrap;}
  .account-nav a {padding: 20px 25px;}
  .section-account .box-wrapper {overflow-x: scroll;}
  .section-account .box-wrapper table {width: 1000px; max-width: none;}
  .files-group {grid-template-columns: repeat(2, 1fr);}
  .filter .wrapper {max-width: 85%;}
  #claims .flex-row .form-field, #savedAddress .flex-row .form-field {width: 100%;}
  form .grid {grid-template-columns: 1fr;}
  form .grid .form-field { margin-bottom: 0px;}
  .shop-main.row .product-item .item-content {flex-wrap: wrap;}
  .shop-main.row .product-item figure, .shop-main.row .product-item article {width: 100%;}
  .size-guide {margin: 0; width: 100%;}
  .section__cart {width: 95%; margin: 0 auto;}
  .cart__right {flex-wrap: wrap;}
  .table-overflow {display: none;}
  .recommended {padding-bottom: 50px!important;}
  .recommended .product-item {margin-bottom: 0px;}
  .checkout-left, .checkout-right {width: 100%!important;}
  .form-row .form-input {width: 100%!important}
  .sized-container {max-width: 90%!important;margin: 0 auto!important;}
  .checkout-right {width: 85%!important; margin: 0 auto 50px!important;}
  #checkout_form h2 {font-size: 20px!important; margin-bottom: 20px!important;}
  .slide-container {width: 100%!important;}
  .slide-container .slide {float: none; padding-bottom: 25px;}
  #deliveryDetailsContainer { margin-bottom: 25px;}
  .sized-container .sized-container {max-width: 100%!important;}
  .login-panel {width: 85%;}
  .login-panel .button-row > div {display: flex; justify-content: center; align-items: center; padding: 20px 10px;}
  .option-row .check-label {position: relative; margin-bottom: 0px; align-items: center;}
  #enquiry-1 {max-width: 90%; width: 100%;}
  #enquiryMessage {max-width: 220px; margin: 0 auto 20px;}
  #enquiry-1 .modal__content {padding: 25px;}

  #checkout_form .form-row .check-label {padding: 20px!important; font-size: 15px!important;}

  .section--checkout h3 {font-size: 15px!important; padding-bottom: 10px!important;}
  .ch-order-review p, .order-review--delivery p { font-size: 15px!important; line-height: 1.6!important;}

  header.scroll .menu-wrapper {height: 80px;}

  .standard-content .wrapper-sml.grids .grid {grid-template-columns: 1fr; margin-bottom: 30px; grid-gap: 30px;}
  .standard-content .wrapper-sml.grids .grid figure {order: 1;}
  .standard-content .wrapper-sml.grids .grid article {order: 2;}

  .adidas .standard-content, .adidas .shop-main {margin: 25px auto;}
  .adidas .grid {width: auto!important; margin: 0 25px;}
  .adidas .shop-main .wrapper {width: auto; margin: 0 25px;}
  .adidas .shop-main .wrapper h2 {margin-bottom: 20px;}
  .adidas .black-band {display: none;}
  .adidas header a.account-login {display: none;}
  .adidas .intro {margin: 25px auto;}
  .adidas .logo {position: relative !important; top: auto; transform: translateX(-50%); height: 100px;}
  .adidas .logo img {width: 100%; height: 100%; object-fit:contain;}

}
@media screen and (max-width: 767px) {
  .shop-main.grid .product-item {width: 100%; max-width: none;}
  .grid-main {grid-template-columns: 1fr;}
  .product-images figure.large { height: 30vh;}

  .adidas .shop-main .grid-main {grid-template-columns: 1fr 1fr;}

  .adidas .grid figure {padding-bottom: 100%;}
  .adidas .grid h3 {bottom: 10px; left: 15px;}

  .adidas .footer-logo {width: 70px;}

   .adidas footer .footer-mid article:first-child {max-width: 95%;}
}
@media screen and (max-width: 414px) {

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

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

}