@media all and (min-width: 1367px) {


  /*** REGISTRATION, LOGIN, ACCOUNT ***/


  .login-page .returning-wrapper input[type="text"],
  .login-page .returning-wrapper input[type="email"],
  .login-page .returning-wrapper input[type="password"] {
    width: 360px;
  }

  .registration-page .vat-note {
    margin-left: 385px;
  }

  .customer-info-page .vat-note,
  .customer-info-page .email-to-revalidate-note {
    margin-left: 225px;
  }



  /*** FORUM & PROFILE ***/


  .forum-actions .pager,
  .topic-actions .pager {
    max-width: 600px !important;
  }

  .topic-post .post-text {
    width: 930px;
    max-width: 100%;
  }
}

@media (min-width: 1501px) {
  .add-to-cart-panel img {
    display: none;
  }
}

@media (max-width: 1500px) and (min-width: 1200px) {
  .fix-cart button span {
    display: none;
  }

  .fix-cart {
    flex: 84px 0 0;
  }

  .overview {
    padding: 32px 40px;
  }
}


@media all and (min-width: 1201px) {
  .hide1201 {
    display: none !important;
  }

  a.ico-cart {
    padding-left: 22px;
  }

    a.ico-cart:before {
      position: absolute;
      content: '';
      left: 0px;
      top: 2.5px;
      width: 1px;
      height: 20px;
      border-left: 2px solid #C8C8C8;
    }

  .child-category:hover + .submenu,
  .submenu:hover {
    opacity: 1;
    visibility: visible;
    width: 100%;
    /*    overflow-y: auto;
    overflow-x: hidden;*/
    /*height: 90vh;*/
  }

  .child-category:hover + .submenu .panel .content-wrapper,
  .submenu:hover .panel .content-wrapper {
    opacity: 1;
    transform: translateZ(0);
  }

  .child-category:hover + .submenu .panel,
  .submenu:hover .panel {
    height: 430px;
    position: relative;
    z-index: 1;
    overflow-y: auto;
    border-top: 1px solid var(--green1);
  }

    .child-category:hover + .submenu .panel .flex-cl,
    .submenu:hover .panel .flex-cl {
      height: 100%;
    }

  .sublist.first-level {
      display: none;
  }

  ul.last-level-categories:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 1px;
    background: var(--green1);
    margin: auto;
  }

  .last-level-categories a:hover {
    text-decoration: underline;
  }

  .quick-links {
    border-right: 1px solid var(--green1);
  }


  .random-links li a:hover,
  .bottom-menu a:hover {
    background: hsla(0, 0%, 100%, .1);
  }

  a.top-category.active,
  a.top-category:hover,
  a.child-category:hover,
  .hidden-top-category .sublist.visible li:has(.submenu:hover) > a.child-category {
    opacity: 1;
  }

  .sublist > li > a:not(.top-category, .child-category):hover {
    text-decoration: underline;
  }

  .child-category:hover + .submenu .panel,
  .submenu:hover .panel {
    height: 430px;
    position: relative;
    z-index: 1;
    overflow-y: auto;
    border-top: 1px solid var(--green1);
  }

    .child-category:hover + .submenu .panel .flex-cl,
    .submenu:hover .panel .flex-cl {
      height: 100%;
    }

  .bottom-menu {
    display: flex;
    width: 62%;
  }

  .left-search {
    margin-left: -2.5%;
  }

  .right-search {
    margin-top: -40px;
    margin-right: calc(-2.5% - 15px);
  }

    .right-search:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      background-color: var(--primary);
      width: 1px;
      height: 100vh;
    }
}

@media all and (min-width: 1025px) {

  .hide1025 {
    display: none !important;
  }

  .black-btn:hover {
    background-color: #fff;
    color: #292929;
  }

  .white-btn:hover {
    background-color: var(--grey2);
  }

  .first-categories {
    transition: opacity .2s ease-in-out, width .2s ease-in-out;
  }

    .first-categories.hidden {
      visibility: hidden;
      opacity: 0;
      width: 0;
      pointer-events: none;
      transition: opacity .2s ease-in-out, width .2s ease-in-out;
    }

  /*** HEADER ***/
  .flyout-cart {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    width: 620px;
    background-color: #fff;
    height: 90vh;
    padding-bottom: 30px;
    overflow-y: auto;
    transform: translateX(100%);
    transition: .7s ease-in-out;
  }

    .flyout-cart.active {
      transform: translateX(0);
    }

  .html-rene-page .flyout-cart,
  .header.transparent-header .flyout-cart {
    height: 100vh;
  }


  #topcartlink {
    position: relative;
  }

  #topcartlink.active-cart:after {
    content: '';
    position: absolute;
    border-top: 50px solid transparent;
    bottom: -43px;
    width: 100%;
    left: 0;
    right: 0;
  }

  .bottom-cart-btn {
    position: fixed;
    top: calc(100% - 195px);
    background: #fff;
    padding: 25px 8.03%;
    border-top: 1px solid #E5E5E5;
    box-shadow: 0 -10px 10px -10px rgb(0 0 0 / 10%);
    right: 0;
    left: 0;
  }

  #flyout-cart {
      overflow-y: hidden;
  }

  .bottom-cart-btn .checkout-btn {
    margin: 15px auto;
  }

  #flyout-cart .mini-shopping-cart {
    padding-bottom: 123px;
    height: calc(100% - 195px);
    overflow-y: auto;
  }

  /*** GLOBAL TABLES ***/
  .cart tr {
    width: auto;
    margin: 0;
  }

  .cart label {
    display: none;
  }

  .order-details-page .data-table tr {
    width: auto;
    margin: 0;
  }

  .order-details-page .data-table label {
    display: none;
  }




  /*** COLUMN ***/


  .block {
    float: none;
    width: auto;
    margin: 0 0 20px;
  }

    .block .title {
      margin: 0;
      border-bottom: 1px solid #ddd;
      background: none;
      cursor: auto;
    }

      .block .title strong {
        font-weight: bold;
      }

    .block .listbox {
      display: block;
      border-bottom: none;
    }

    .block a.product-picture {
      display: inline-block;
      position: relative;
      width: 30%;
      margin: 0 0 0 -15px;
      vertical-align: middle;
    }

    .block a.product-name {
      vertical-align: middle;
    }

    .block a.product-picture + a.product-name {
      width: 70%;
    }

      .block a.product-picture + a.product-name:before {
        display: none;
      }


  /*** CATEGORY ***/




  .item-box .buttons {
    text-align: left;
  }


 

  /*** WISHLIST & COMPARE LIST ***/

  .compare-products-page .page-title {
    margin: 0 0 -1px;
  }

  .compare-products-page .clear-list {
    position: absolute;
    top: 7px;
    right: 0;
  }

  .compare-products-table .full-description td {
    display: table-cell;
  }

    .compare-products-table .full-description td p {
      margin-top: 0;
    }


  /*** TOPICS ***/


  .center-1 .topic-block-title {
    text-align: center;
  }

  /*** REGISTRATION, LOGIN, ACCOUNT ***/




  #check-availability-button {
    display: block;
    margin: 10px auto;
  }

  .login-page .customer-blocks {
    overflow: hidden;
  }

  .login-page .new-wrapper {
    float: left;
    width: 49%;
    margin: 0;
  }

    .login-page .new-wrapper .text {
      min-height: 200px;
    }





 

  

  /*** SEARCH & SITEMAP ***/


  .advanced-search .price-range {
    margin-left: 114px;
  }


  /*** BLOG & NEWS ***/


  .comment-list {
    margin: 0 0 50px;
  }

  .news-list-homepage .news-items {
    overflow: hidden;
    text-align: left;
  }

  .news-list-homepage .news-item {
    float: left;
    width: 31.33333%;
    margin: 0 1% 30px;
  }

    .news-list-homepage .news-item:nth-child(3n+1) {
      clear: both;
    }

    .news-list-homepage .news-item:only-child {
      float: none;
      width: auto;
      margin: 0 0 30px;
    }

  .news-list-homepage .news-head {
    text-align: center;
  }

  .news-list-homepage .news-body {
    text-align: justify;
  }
  
  /*** PRODUCT ***/
  .klarna-osm klarna-placement{
      margin: 30px 0 0;
  }

  .header.transparent-header .header-menu {
    background: none;
    color: #fff;
  }
}

@media only screen and (min-width: 769px) {
  html.overflow.topic-polo-page body,
  html.overflow.html-sneakers-page body {
    padding-right: 17px;
  }
}

@media all and (min-width: 769px) {


  .filter-content .color-squares:hover,
  .product-spec-size label:hover {
    background: #f4f4f4;
  }


  .item-box .picture a:hover .back-picture {
    opacity: 1;
    visibility: visible;
  }

  .general-spec label:hover {
    color: #292929;
  }



  /**** GLOBAL TABLES ***/


  .cart tr {
    width: 31.33333%;
    margin: 40px 1% 0;
  }

    .cart tr:nth-child(2n+1) {
      clear: none;
    }

    .cart tr:nth-child(3n+1) {
      clear: both;
    }

  .order-details-page .data-table tr {
    width: 31.33333%;
    margin: 40px 1% 0;
  }

    .order-details-page .data-table tr:nth-child(2n+1) {
      clear: none;
    }

    .order-details-page .data-table tr:nth-child(3n+1) {
      clear: both;
    }


  /*** BLOG & NEWS ***/


  .blog-posts .tags {
    float: right;
    width: 80%;
    text-align: right;
  }

  .blog-posts .buttons {
    float: left;
    width: 20%;
    text-align: left;
  }

  .new-comment {
    text-align: center;
  }

    .new-comment .buttons {
      text-align: center;
    }

  .comment-list .comment {
    display: table;
    width: 100%;
    margin: 0;
  }

    .comment-list .comment:last-child {
      border-bottom: 1px solid #ddd;
    }

  .comment-info {
    display: table-cell;
    width: 15%;
    margin: 0;
    vertical-align: top;
  }

    .comment-info .username {
      min-height: 40px;
      margin: 0;
      border: none;
      text-align: center;
    }

    .comment-info .avatar {
      border: none;
    }

      .comment-info .avatar img {
        max-width: 80%;
        max-height: 80%;
      }

  .comment-content {
    display: table-cell;
    width: 85%;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
  }

  .comment-time {
    min-height: 40px;
    margin: 0;
    background-color: #f6f6f6;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: normal;
  }

  .comment-title {
    margin: 0 0 -20px;
    padding: 20px;
  }

  .comment-body {
    padding: 20px;
  }


  /*** FORUM & PROFILE ***/


  .forum-actions,
  .topic-actions {
    overflow: hidden;
  }

    .forum-actions .actions,
    .topic-actions .actions {
      float: left;
    }

    .forum-actions .pager,
    .topic-actions .pager {
      float: right;
      max-width: 450px;
    }

      .forum-actions .pager li,
      .topic-actions .pager li {
        margin: 2px 4px;
      }

      .forum-actions .pager.upper {
        display: block;
      }

    .topic-actions.lower .actions {
      display: block;
    }

  .topic-posts {
    margin: 0 0 30px;
  }

  .topic-post {
    display: table;
    width: 100%;
    margin: 0;
  }

    .topic-post .post-info {
      display: table-cell;
      width: 15%;
      margin: 0;
      vertical-align: top;
      text-align: left;
    }

    .topic-post .user-info {
      width: auto;
    }

    .topic-post .username {
      min-height: 40px;
      margin: 0;
      border: none;
      text-align: center;
    }

    .topic-post .avatar {
      margin: auto;
      border: none;
    }

      .topic-post .avatar img {
        max-width: 80%;
        max-height: 80%;
      }

    .topic-post .user-stats li {
      margin: 0;
    }

    .topic-post .send-pm {
      margin: 0 0 20px;
    }

    .topic-post .pm-button,
    .profile-info-box .pm-button {
      padding: 8px 16px;
      font-size: 13px;
    }

    .topic-post .post-content {
      display: table-cell;
      width: 85%;
      border-left: 1px solid #ddd;
      vertical-align: top;
      text-align: left;
    }

    .topic-post .post-head {
      min-height: 40px;
      overflow: hidden;
      background-color: #f6f6f6;
    }

    .topic-post .post-time {
      float: left;
      margin: 0;
      font-size: 14px;
      font-weight: normal;
    }

    .topic-post .post-actions {
      float: right;
      margin: 0;
    }

      .topic-post .post-actions a {
        margin: 0;
        line-height: 20px;
      }

      .topic-post .post-actions .manage-post a {
      }

      .topic-post .post-actions .quote-post a {
        min-width: 70px;
      }

      .topic-post .post-actions a.post-link-button {
        margin: 0 0 0 10px;
        border-left: 1px solid #ddd;
        text-align: center;
      }

    .topic-post .post-text {
      padding: 20px 5px;
    }

    .topic-post .post-vote {
      padding: 20px 0 20px 15px;
    }

  .forum-table th.replies,
  .forum-table th.views,
  .forum-table th.votes,
  .forum-table td.replies,
  .forum-table td.views,
  .forum-table td.votes {
    display: table-cell;
  }

  .forum-table td.image {
    max-width: none;
  }

    .forum-table td.image div {
      max-width: none;
      background-size: initial;
    }

  .ui-tabs-nav {
    text-align: left;
  }

    .ui-tabs-nav li {
      margin: 0 10px -1px 0;
      /*override jQuery UI styles, do not delete doubled properties*/
      margin: 0 10px -1px 0 !important;
    }

  .profile-info-box .avatar {
    float: left;
    margin: 0 15px 15px 0;
  }

  .profile-info-box .profile-stats {
    float: left;
    text-align: left;
  }

  .profile-info-box .title {
    text-align: left;
  }

  .profile-info-box .send-pm {
    clear: both;
    text-align: left;
  }
}

@media all and (min-width: 770px) {
  .cart-text {
      display: none;
  }

  .sticky-sneak.top-sneak li a:hover {
    opacity: 1;
  }

  .commitment-page .zig-right {
    max-width: 890px;
    width: 36%;
  }

  .footer-block .title svg {
    display: none;
  }

  .further-info li.ship-info:hover {
    background-color: var(--grey2);
    border-radius: 15px;
  }
}

@media all and (min-width: 751px) {

  .video-mobile {
    display: none;
  }

  .video-desktop {
    display: block;
  }

}

@media all and (min-width: 481px) {


  /*** GLOBAL TABLES ***/


  .cart tr {
    width: 46%;
    margin: 40px 2% 0;
  }

    .cart tr:nth-child(2n+1) {
      clear: both;
    }

  .order-details-page .data-table tr {
    width: 46%;
    margin: 40px 2% 0;
  }

    .order-details-page .data-table tr:nth-child(2n+1) {
      clear: both;
    }


  /*** FORUM & PROFILE ***/

  .forums-header {
    background-color: #f9f9f9;
    padding: 30px 20px 20px;
  }

  .ui-tabs-nav li {
    display: inline-block;
    min-width: 150px;
    margin: 0 5px -1px;
    /*override jQuery UI styles, do not delete doubled properties*/
    margin: 0 5px -1px !important;
  }

  .private-messages-page .buttons .button-1,
  .private-messages-page .buttons .button-2,
  .private-message-view-page .buttons .button-1,
  .private-message-view-page .buttons .button-2 {
    display: inline-block;
    width: auto;
    margin: 1px;
  }

  .topic-post .post-text {
    float: left;
    width: 90.5%;
    text-align: left;
  }

  .forum-group .forum-table th.latest-post,
  .forum-group .forum-table th.topics,
  .forum-group .forum-table th.posts,
  .forum-group .forum-table td.latest-post,
  .forum-group .forum-table td.topics,
  .forum-group .forum-table td.posts {
    display: table-cell;
  }

  .topic-group .forum-table th.latest-post,
  .topic-group .forum-table td.latest-post {
    display: table-cell;
  }

  .forum-table td.image {
    max-width: 40px;
  }

    .forum-table td.image div {
      max-width: 100%;
      background-size: contain;
    }
}

@media all and (max-width: 1700px) {
  .fixed-panel {
      width: 45%;
  }

}

@media all and (max-width: 1580px) {
  .mini-container {
      max-width: 90%;
  }

  .profile-title button {
      font-size: 13px;
  }

  .sneakers-page .head-title h2,
  .shoes-title,
  .top-sneaker-banner h1 {
    font-size: clamp(3.6rem,4.48vw,8.6rem);
    line-height: clamp(3.6rem,4.48vw,8.6rem);
  }
}

@media all and (max-width: 1400px) {
  .checkout-back-page {
    background: linear-gradient(90deg,#fafafa 64%,#f4f4f4 0);
  }

  .checkout-sides {
    grid-template-columns: 64% 1fr;
  }

  .left-checkout > div {
    max-width: 80%;
  }

  .completed-container {
      width: 85%;
  }

}

@media all and (max-width: 1200px) {
  .hide1200 {
      display: none !important;
  }

  .page {
    padding-top: 140px;
  }

  .marginBottom,
  .complete-look-section {
    margin-bottom: 80px;
  }

  #main-homepage {
    padding-top: 80px;
  }

  .header-upper {
    padding: 6px 0 54px;
    height: unset;
    transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
  }


  #header.header-up #header-upper {
    padding-bottom: 7px;
  }

  #header-checkout .header-upper {
    padding: 7px 0;
    height: 54px;
  }

  .page.checkout-page {
    padding-top: 100px;
  }

    .header-upper .content-wrapper {
        width: 100%;
    }

  .store-search-box {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    transition: transform 0.3s ease-in-out, opacity 1s ease-in-out;
    transform: translateY(0) scaleY(1);
    margin: 0;
  }

  .search-box input {
    border-bottom: 1px solid var(--primary);
  }

  .searchbox-content,
  #search-result-products {
    top: 100%;
  }

  #header.header-up .store-search-box {
    opacity: 0;
    visibility: hidden;
    width: 0;
    transform: translateY(-100%) scaleY(0);
    transition: transform 0.3s ease-in-out, opacity .3s ease-in-out;
  }

  .html-account-page #header.header-up #header-upper {
    padding-bottom: 54px !important;
  }

  .html-account-page #header.header-up .store-search-box {
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    transform: translateY(0) scaleY(1) !important;
  }

  .block-account-navigation .listbox.sticky {
      top: 140px;
  }

  .header-logo img {
    width: 45px;
  }

  .menu-toggle {
    cursor: pointer;
  }

  .first-categories {
    display: none;
  }

  #header-checkout .menu-toggle {
    display: none;
  }

  .menu-toggle > button {
    height: 24px;
    width: 24px;
    position: relative;
  }

  li img.open-menu {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .2s linear;
  }


  .header.transparent-header li img.open-menu {
    filter: brightness(0) invert(1);
  }

  li img.open-menu.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 0;
    width: 0;
  }

  li .close-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 0;
    width: 0;
    transition: all .4s ease-in-out;
  }

    li .close-menu.closed {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      height: 24px;
      width: 24px;
    }

  .header-menu {
    height: 100vh;
    padding: 0;
  }

    .header-menu .content-wrapper {
      height: 100%;
      overflow-y: auto;
      padding: 0 0 150px;
      overflow-x: hidden;
      width: 100%;
    }

  .top-menu {
    justify-content: left;
    align-items: start;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-behavior: smooth;
    gap: 0;
    border-bottom: 1px solid var(--green1);
  }

    .top-menu > li > a {
      display: flex;
      padding: 16px;
      font-size: 28px;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      text-transform: uppercase;
      white-space: nowrap;
      position: relative;
    }

    .top-menu > li > a:after {
      content: "";
      position: absolute;
      background: var(--white);
      bottom: 0;
      height: 2px;
      left: 0;
      transition: all .3s ease;
      width: 0;
    }

      .top-menu > li > a.active-cat:after {
        width: 100%;
      }

  .searchbox-content .content-wrapper > .flex-cl {
    flex-direction: column;
    row-gap: 50px;
  }

  .right-search {
    width: calc(100% + 30px);
    grid-template-columns: repeat(2, 1fr);
    margin-left: -15px;
  }

  .left-search ul.grid-cl {
    display: flex;
  }

  .left-search li {
    text-decoration: underline;
  }

  .top-menu > li.header-mobile-menu-btn a,
  .header-mobile-menu-btn {
    font-size: 16px;
    line-height: 24px;
  }

  .header-mobile-menu-btn {
    padding: 16px;
    border-bottom: 1px solid var(--green1);
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--primary);
  }

    .header-mobile-menu-btn button {
      color: #fff;
    }

    .header-mobile-menu-btn span {
        display: inline-flex;
        line-height: 25px;
    }

    .return-home span {
      padding-left: 12px;
    }

  .breadcrumb-cat {
    opacity: .6;
    text-transform: var(--text-upper);
  }

  button.return-home img {
    display: inline-block;
    vertical-align: top;
  }

    .submenu.active-menu {
      opacity: 1;
      visibility: visible;
      width: 100%;
      height: 90vh;
    }

  .top-category svg,
  .sublist.first-level li a svg {
    transform: scale(2) rotate(-90deg) !important;
  }


  .submenu {
    top: 68px;
  }

    .submenu.active-menu .panel {
      height: calc(100% - 157px);
      padding: 0 0 50px;
      overflow: auto;
      scrollbar-width: none;
    }

  .panel .content-wrapper {
    position: relative;
  }

  .sublist.first-level {
    display: grid;
    justify-content: unset;
  }

  a.child-category {
      padding: 16px;
      font-size: 20px;
      justify-content: space-between;
      opacity: 1;
  }

  .sublist.sec-level {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    visibility: hidden;
    background-color: var(--primary);
    transform: translateX(-50%);
    transition: transform .4s ease-in-out,opacity .4s ease-in-out;
  }

    .sublist.sec-level.opened {
      visibility: visible;
      width: 100%;
      height: 100%;
      z-index: 2;
      transform: translateX(0);
      max-height: calc(100% - 157px);
      overflow-y: scroll;
      scrollbar-width: none;
    }


  .random-links li a {
      padding: 16px;
      min-height: unset;
  }

  .last-level-categories-mob {
      padding: 8px 0;
  }

    .last-level-categories-mob a {
        padding: 16px;
        display: block;
    }

  .bottom-menu span {
      padding: 20px 16px;
  }

  .extra-menu-links {
      margin: 0 16px;
  }

  .extra-menu-links li {
      padding: 24px 0;
  }

    .extra-menu-links li:not(:last-child) {
        border-bottom: 1px solid var(--green1);
    }

    .extra-menu-links li button {
      color: var(--white);
    }

    .extra-menu-links li .flex-cl {
        gap: 10px;
        align-items: center;
    }


    .footer-right-part > .flex-cl:first-child {
      flex-wrap: wrap;
    }

  .footer-block {
      width: 33.333%;
  }

    .footer-block.social {
      width: 100%;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: calc(1 * (100vw - 15px) / 25);
      border-top: 1px solid var(--border-low-opacity);
      border-bottom: 1px solid var(--border-low-opacity);
    }

  .social ul.networks li {
      margin-bottom: 0;
  }

    .social ul.networks li span {
        display: none;
    }

    .footer-block.social ul {
      display: flex;
      justify-content: space-evenly;
      width: 100%;
      gap: 10px;
    }

    .footer-middle .footer-block {
      width: auto;
    }


  .add-to-cart-panel img {
    display: none;
  }

  .bottom-fixed-info {
    width: 100%;
    margin: 0;
  }

    .bottom-fixed-info ul {
        height: 64px;
    }

  .fix-cart {
      flex: 100% 0 0;
  }

  .gallery-scroll-wrapper {
    max-height: 720px;
  }

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

  .owl-dots {
      top: 150px;
  }


  .gallery,
  .overview {
    width: 50%;
  }

  .overview {
      padding: 32px 40px;
  }

  .prod-spec-panel {
      margin: 32px 0;
  }

  .size-guide-btn {
      margin-bottom: 32px;
  }

  .deliver-info .flex-cl {
      margin-top: 32px;
  }

  .product-essential {
    margin-bottom: 46px;
  }

  .product-collateral {
    margin-bottom: 35px;
  }

    .product-collateral .content-wrapper {
      border-top: 1px solid #c8c8c8;
      width: 100%;
      padding: 0;
    }

  .further-info ul {
      flex-direction: column;
  }

  .further-info ul > li.flex-cl {
    padding: 2.9% 3.8%;
    border-bottom: 1px solid #c8c8c8;
  }

  .complete-look-section .mini-container > div.flex-cl {
    flex-direction: column;
    min-height: unset;
  }

  .complete-look-section {
    background-color: #fff;
    padding: 0;
  }

  .compl-products-grid {
    position: relative;
    width: 100%;
    max-width: unset;
    padding: 80px 3.8% 35px;
    bottom: unset;
    min-width: unset;
    top: unset;
  }

  .complete-look-section .picture {
    width: unset;
  }

  .complete-look-section .mini-container .left-look {
    width: 100%;
  }

  .complete-look-section .owl-nav {
      top: 20px;
  }

  #counter7 {
      top: 30px;
  }

  .mini-container {
    max-width: 100% !important;
  }

  .complete-look-section > .content-wrapper {
      padding: 0;
      width: 100%;
  }

  .complete-look-section .product-item img {
    width: auto;
    height: auto;
    max-width: 235px;
  }

  .complete-look-section h2 {
    margin: 0 auto;
    text-align: left;
    padding: 30px 3.8%;
  }

  .full-tab {
    padding: 15px 20px;
  }

  .profile-tabs.grid-cl {
      gap: 10px 15px;
  }

  .profile-tabs.three-tabs {
    grid-template-columns: repeat(2, 1fr);
  }


  .dash-tabs.two-flex {
    flex-direction: column;
  }
  .dash-tabs.two-flex > div {
      width: 100%;
      margin: 0;
  }

  .profile-tabs.two-tabs {
      display: flex;
      overflow-x: auto;
      padding-bottom: 30px;
  }


  #form-dashboard > .content-wrapper {
    width: 100%;
    padding: 0;
  }

    .acc-mob-content {
      padding-left: calc(2.8% + 15px);
    }

  .mob-title-content {
    padding: 0 15px;
    margin: auto;
    width: 94.4%;
  }

  .content-wrapper-mobile {
    padding: 0 15px;
    margin: auto;
    width: 94.4%;
  }

  .two-cards > div {
      padding: 8% 0;
  }

    .two-cards > div:last-child {
        padding-left: 8%;
    }

  .pad-card.up-card {
    padding-top: 8%;
    padding-bottom: 8%;
  }

  .pad-card {
    padding: 0 8%;
  }

  .checkout-back-page {
    background: #fafafa;
    padding-bottom: 0;
  }

  .checkout-sides {
      grid-template-columns: unset;
  }

  .checkout-back-page .content-wrapper {
      width: 100%;
      padding: 0;
  }

  .opc .step-title,
  .white-card > div,
  .checkout-buttons,
  .opc .buttons{
    padding: 0 15px;
    margin: auto;
    width: 94.4%;
  }

  #checkout-step-payment-method > p,
  #step-cart > p {
    padding: 0 15px;
    margin: 0 auto 16px;
    width: 94.4%;
  }

  .white-card,
  .completed-container .white-card {
    padding: 40px 0;
  }

  .viva-environment .white-card {
      padding-left: 7%;
      padding-right: 7%;
  }

  .left-checkout > div {
    max-width: unset;
  }

  .right-checkout {
      background: #f4f4f4;
      padding: 0;
  }

    .right-checkout .order-summary-content {
        width: 94.4%;
        padding: 40px 15px;
        margin: auto;
    }

  .estimate-shipping-row.shipping-address.inputs {
      max-width: unset;
  }

  .checkout-data .right-checkout {
      margin-top: 32px;
  }

  .section.order-completed {
      flex-direction: column;
  }

  .left-completed-section{
    width: 100%;
  }

  .right-completed-section {
    width: 94.4%;
    margin: 24px auto 0;
  }


  .grey-back-completed .content-wrapper {
      width: 100%;
      padding: 0;
  }

  .completed-container {
      width: 100%;
  }

  .wishlist-cartItems {
      column-gap: 16px;
  }

  .contact-page .content-wrapper > div {
      padding: 0;
  }

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

  .size-page-content {
      width: 94.4%;
  }

  .back-img .content-wrapper {
      width: 94.4%;
      text-align: center;
  }


  .sneakers-item-grid .item-box .picture a:before {
    padding-top: 206%;
  }

  .sneakers-item-grid .item-box .picture a img {
    object-fit: cover;
  }

  .sneakers-page .head-title h2, .shoes-title,
  .top-sneaker-banner h1 {
    font-size: clamp(2.5rem,4.48vw,8.6rem);
    line-height: clamp(2.5rem,4.48vw,8.6rem);
  }

  .commitment-page .hero-banner h1 {
      bottom: 10%;
  }

  .commitment-page h2.text-align {
      padding-right: 4%;
      padding-left: 4%;
  }

  .flagship-page .content-wrapper {
      max-width: 70%;
  }

  .flagship-page h1 {
    font-size: 60px;
    line-height: 60px;
  }

}

@media all and (max-width: 1024px) {
  
  .hide1024 {
    display: none !important;
  }
    .footer-upper .foot {
      flex-wrap: wrap;
    }


    .footer-upper .footer-block.follow-us {
      width: 100%;
      padding: 0;
      min-width: unset;
    }

  .footer-newsletter-title {
      padding-top: 20px;
  }

  .newsletter-email button {
      height: 48px !important;
  }

  .footer-right-part {
    width: 100%;
    padding-top: 20px;
  }

  .footer-logos {
    padding-right: calc(1 * (100vw - 15px) / 25);
    padding-left: calc(1 * (100vw - 15px) / 25);
  }

  .footer-middle .content-wrapper {
      padding: 0;
      width: 100%;
  }

  .social-title {
    text-align: center;
  }

  .hero-content h1 {
    font-size: 40px;
    line-height: 40px;
  }

  .zig-right {
    padding-left: 8%;
    padding-right: 40px;
  }

  .color-item p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 66px;
  }

  .cat-banner {
    flex-direction: column;
  }

  .left-el {
    max-height: 500px;
  }

    .left-el:before {
      padding-top: 48%;
    }

  .left-el,
  .right-el {
    width: 100%;
  }


  .prod-numbs.sticky {
    top: 93px;
  }


  .picture-grid .product-grid, .picture-grid .product-list {
    margin-top: 0;
    margin-bottom: 70px;
  }

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

  .plp-description {
      flex-direction: column;
  }

  .sub-category-grid ul {
    overflow-x: auto;
    width: 100%;
    flex-flow: unset;
    height: unset;
  }

    .sub-category-grid li {
      white-space: nowrap;
    }

    .sub-category-grid ul::-webkit-scrollbar {
      height: 5px; /* width of the entire scrollbar */
      width: 100%;
    }

    .sub-category-grid ul::-webkit-scrollbar-track {
      background: rgba(229,229,229, 0.4); /* color of the tracking area */
      border-radius: 25px;
    }

    .sub-category-grid ul::-webkit-scrollbar-thumb {
      background-color: #C8C8C8; /* color of the scroll thumb */
      border-radius: 25px; /* roundness of the scroll thumb */
      border: 3px solid #C8C8C8; /* creates padding around scroll thumb */
    }

  .panel-filters.fixed-panel,
  .prod-page-colors.openColors,
  .fixed-panel,
  .mini-product.openMiniProduct {
    width: 100% !important;
    max-width: unset !important;
    padding-top: 0;
  }

    .fixed-panel h3,
    .product-filters.panel-list,
    .grey-bottom,
    .panel-list,
    .mini-product-content,
    .panel-login .panel-list > div:nth-child(odd),
    .order-mob-content,
    .header-profile-title,
    .mini-bottom,
    .modal-btns {
      padding-right: 4.69%;
      padding-left: 4.69%;
    }

  .panel-desc *, .panel-shipping *, .panel-filters * {
    line-height: 18px;
  }

  .fixed-panel {
    transform: translateY(100%);
  }

  .panel-desc.openDesc,
  .panel-shipping.openShipping,
  .panel-filters.openFilters,
  .prod-page-colors.openColors,
  .attributes.openSizes,
  .mini-product.openMiniProduct,
  .panel-sizeGuide.openSizeGuide {
    transform: translateY(0);
  }

  .fix-cart {
    width: 100%;
  }

  .bottom-fixed-info ul {
    height: 64px;
  }

  .bottom-fixed-info {
    border: none;
  }


    .overview div.prod-all > .add-to-cart {
      position: absolute;
      top: -82px;
      margin: 0;
      right: 0;
    }

      .overview div.prod-all > .add-to-cart .add-to-cart-panel button {
        font-size: 0;
        max-width: unset;
        line-height: 0;
        width: 56px;
        height: 56px;
        min-width: unset;
        border-radius: 50%;
        position: relative;
      }

        .overview div.prod-all > .add-to-cart .add-to-cart-panel button:before {
          content: '';
          position: absolute;
          width: 24px;
          height: 24px;
          background: url(../imgs/basket-white.svg) no-repeat center;
          right: 0;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto;
        }

        .overview div.prod-all > .add-to-cart .add-to-cart-panel button:after {
          content: '+';
          position: absolute;
          font-size: 14px;
          color: #000;
          width: 14px;
          height: 14px;
          background-color: #fff;
          border-radius: 50%;
          right: 11px;
          top: 14px;
          line-height: 14px;
        }

  .product-essential {
    margin-bottom: 45px;
  }

  .deliver-info .flex-cl:first-child {
    justify-content: start;
  }

  .deliver-info .flex-cl:nth-child(2) {
    margin-top: 30px;
  }

 

  .child-color img {
    width: 100%;
    height: auto;
  }

  .attributes li label {
    width: 100%;
  }

  .profile-tabs.three-tabs {
    display: flex;
    overflow-x: auto;
  }

  .two-last-cards .grid-cl {
    grid-template-columns: unset;
  }

  .dashboard-page .content-wrapper > .profile-tabs {
    padding-bottom: 30px;
  }

  .dashboard-page .content-wrapper > .profile-tabs {
    margin-bottom: 22px;
  }

  #customer-nav-mob {
    display: none;
  }

  .block-account-navigation .listbox {
    border: none;
    bottom: -27px;
  }

  #nav-selected {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    color: #292929;
    padding: 11px 20px;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
  }

  .nav-list {
    position: relative;
  }

  #customer-nav-mob.opened-nav {
    display: block;
    position: absolute;
    background-color: rgb(255, 255, 255);
    width: 100%;
    color: rgb(0, 0, 0);
    z-index: 2;
    border-radius: 5px;
    border: 1px solid rgb(204, 204, 204);
    overflow: hidden;
  }

  .block-account-navigation .list a {
    padding: 7px 20px;
    border: none;
  }

  .block-account-navigation .listbox.sticky {
    padding: 5px 0;
  }

  .block-account-navigation .list li.active a {
    background: rgb(10,71,123, 0.3);
    color: #fff;
  }

  .block-account-navigation .listbox.sticky #nav-selected {
    background-color: var(--primary);
    color: #fff;
    border-color: transparent;
  }

  .block-account-navigation .listbox #nav-selected.selected-tab {
    border-style: dashed;
  }

  .block-account-navigation .listbox.sticky #nav-selected.selected-tab {
    border: 1px dashed rgba(255,255,255,0.3);
  }

  .block-account-navigation .listbox.sticky #nav-selected svg * {
    fill: #fff;
  }

  .block-account-navigation h1 {
    text-align: center;
  }

    .block-account-navigation h1 span {
      display: block;
    }

  .mob-full {
    width: 100%;
    padding: 0;
  }

    .mob-full > div {
      padding-left: calc(2.8% + 15px);
    }

  .profile-tab.bigger-pad .two-sides {
    flex-direction: column;
  }

  .profile-tab .left-side,
  .profile-tab .right-side {
    width: 100%;
  }

  .middle-title {
    margin-top: 40px;
  }

  .grey-back-account p {
    margin-top: 5px;
  }

  .profile-tab.order-tab {
    grid-template-columns: unset;
    height: unset;
    min-height: 190px;
    overflow: hidden;
    padding: 15px 20px;
    position: relative;
  }

    .profile-tab.order-tab > div:not(:last-child) {
      justify-content: unset;
    }

    .profile-tab.order-tab > div {
      padding: 0 !important;
    }

      .profile-tab.order-tab > div:nth-child(2) {
        border: none;
        padding: 0;
      }

  .numb-items {
    display: block;
    padding-bottom: 20px;
    position: relative;
  }

    .numb-items:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: -100%;
      right: -100%;
      border-bottom: 1px solid #e5e5e5;
    }

  .profile-tab.order-tab button {
    top: 20px;
    position: absolute;
    right: 15px;
    transform: rotate(-90deg);
  }

  .profile-tab .order-status {
    margin-left: auto;
  }

  .order-details-tab {
    position: fixed;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .header-profile-title {
    padding-top: 150px;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 2;
  }

    .header-profile-title button {
      position: absolute;
      top: 29px;
      right: 4.69%;
    }

    .header-profile-title img {
      vertical-align: middle;
    }

    .header-profile-title .numb-items {
      margin-top: 5px;
      padding-bottom: 15px;
      font-weight: 400;
    }


  .pad-card.up-card {
    padding: 13px 23px 20px;
    grid-template-columns: unset;
    border: none;
    display: none;
  }

    .pad-card.up-card > div {
      position: relative;
      width: fit-content;
    }

  .up-card .line {
    height: 236px;
    margin: 0;
    width: 4px;
  }

  .line.shipped:before {
    height: 50%;
    width: 100%;
  }

  .dots {
    flex-direction: column;
    left: -6px;
    height: 100%;
    top: 0;
  }

    .dots li:nth-child(2) {
      top: 0;
      bottom: 0;
      margin: auto;
      position: absolute;
    }

    .dots li:last-child {
      bottom: 0;
      position: absolute;
    }

  .date-info {
    position: absolute;
    top: 0;
    left: 20px;
    height: 100%;
    margin-top: 0;
    text-align: left;
  }

    .date-info ul:nth-child(2) {
      position: absolute;
      top: 23px;
      bottom: 0;
      margin: auto;
      height: fit-content;
    }

    .date-info ul:last-child {
      position: absolute;
      bottom: -23px;
    }

  .two-cards {
    grid-template-columns: unset;
    padding: 0;
  }

    .two-cards > div,
    .two-cards > div:first-child {
      border: none;
      padding: 40px 0 0 !important;
    }

  .order-details-tab .order-status strong {
    font-size: 15px;
    line-height: 30px;
  }

  .order-details-tab .order-status {
    position: relative;
    padding: 12px 24px;
  }

    .order-details-tab .order-status::after {
      content: '';
      position: absolute;
      right: 31px;
      top: 0;
      background: url(../imgs/arrow-down.svg) no-repeat center;
      height: 8px;
      width: 16px;
      bottom: 0;
      margin: auto;
    }

    .order-details-tab .order-status.opened-info:after {
      transform: scaleY(-1);
    }



    .order-details-tab .order-status.shipped strong:before {
      transform: scale(1.3);
    }

  .mob-tab-order {
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    margin-top: 30px;
  }

  .order-overview-content {
    margin-top: 31px;
  }

  .profile-tab.order-tab.opened-order button img {
    transform: none;
  }

  .order-mob-content .actions {
    background-color: #f4f4f4;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 20px 4.69%;
    justify-content: right;
  }

  .order-mob-content {
    padding-top: 15px;
    padding-bottom: 100px;
  }

  .section.totals {
    margin: 40px 0;
  }

  .order-mob-content .hide1025 .order-total {
    margin-bottom: 5px;
  }

  .white-box,
  .white-bottom-box {
    width: 70%;
  }

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

  .eu-cookie-bar-notification .content {
    max-width: unset;
    width: 100%;
    margin-bottom: 0;
  }

  .eu-cookie-bar-notification .text p span,
  .eu-cookie-bar-notification .text {
    font-size: 14px;
  }

  .eu-cookie-bar-notification h1{
      font-size: 18px;
      line-height: 22px;
  }

  #search-result-products .content-wrapper > div:first-child {
      text-align: center;
      font-size: 15px;
  }

  .sitemap-page h1 {
      font-size: 30px;
  }

  .durable-page h1 {
      font-size: 30px;
      line-height: 40px;
  }

  .topic-padding {
      padding: 36px 0;
  }
/*  #sync1 .owl-item {
    max-width: 672px;
  }*/

  #sync2 {
      display: none;
  }

  #sync1 .owl-dots {
    /*   position: absolute;
    bottom: 15px;
    left: 5px;
    display: flex;*/
    position: absolute;
    bottom: -10px;
    left: 5px;
    flex-direction: unset;
    top: unset;
    right: unset;
    gap: 2px;
  }
    #sync1 .owl-dots button {
      display: flex;
      margin: 4px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background-color: #000;
      opacity: .3;
    }

  #sync1 .owl-dots button.active {
      opacity: 1;
  }

  .pop-in-box1, .pop-in-box2, .pop-in-box3, .pop-in-box4,
  .pop-in-countries {
    max-width: unset;
    max-height: unset;
    transform: translateY(100%);
  }

    .pop-in-box1.openBox, .pop-in-box2.openBox, .pop-in-box3.openBox, .pop-in-box4.openBox,
    .pop-in-countries.openCountries {
      transform: translateX(0);
    }

  .polo-video .content-wrapper h1 {
      font-size: 38px;
  }
}


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


  /*** GLOBAL TABLES ***/


    .cart {
    display: block;
  }

    .cart colgroup,
    .cart thead {
      display: none;
    }

    .cart tbody {
      display: block;
      overflow: hidden;
    }

    .cart tr {
      display: block;
      float: left;
      width: 100%;
      margin: 40px 0 0;
      border: 1px solid #ddd;
    }

    .cart td {
      display: block;
      border: none;
      padding: 10px;
    }

      .cart td.remove-from-cart {
        margin: 0 0 15px;
        border-bottom: 1px solid #ddd;
        background-color: #eee;
        padding: 10px;
      }

      .cart td.product-picture {
        border-top: 1px solid #ddd;
        padding: 15px 10px 5px;
      }

      .cart td.product {
        min-width: 0;
        border-bottom: 1px solid #ddd;
        padding: 5px 10px 15px;
        text-align: center;
      }

      .cart td.quantity {
        display: inline-block;
        padding: 0 10px;
        vertical-align: middle;
      }

      .cart td.unit-price,
      .cart td.subtotal {
        display: inline-block;
        padding: 20px 10px;
        vertical-align: middle;
      }

  .order-details-page .data-table {
    display: block;
  }

    .order-details-page .data-table colgroup,
    .order-details-page .data-table thead {
      display: none;
    }

    .order-details-page .data-table tbody {
      display: block;
      overflow: hidden;
    }

    .order-details-page .data-table tr {
      display: block;
      float: left;
      width: 100%;
      margin: 40px 0 0;
      border: 1px solid #ddd;
    }

    .order-details-page .data-table td {
      display: block;
      border: none;
      padding: 10px;
    }

      .order-details-page .data-table td.product,
      .order-details-page .data-table td.tracking-number {
        min-width: 0;
        border-bottom: 1px solid #ddd;
        padding: 5px 10px 15px;
        text-align: center;
      }


  /*** MOBILE NAVIGATION ***/

  .block-category-navigation {
    display: none;
  }

  .block-account-navigation {
    float: none;
    margin: auto !important;
  }


}


@media all and (max-width: 769px) {

  .marginBottom {
    margin-bottom: 60px;
  }

  #main-homepage {
    padding-top: 60px;
  }

  .bar-notification-container {
    top: unset;
    bottom: 20px;
    max-width: 95%;
    right: 0;
    left: 0;
    margin: auto;
  }

  .home-page h2,
  .category-page h1,
  .html-product-details-page h2,
  .cart-empty-wish-items h2,
  .green-back-page h1,
  .checkout-page .cross-sells h2,
  .recentlyViewed-products-grid h2,
  .wishlist-page h1,
  .right-contact-content h2,
  .sitemap-page .entity-title h2,
  .polo-page-product-grid h2,
  .grid4-info h2,
  .featured-product-grid h2,
  .durable-page h2,
  .rene-page h2,
  .rene-banner h1,
  .topic-grey-back .page-title h1,
  .size-page-content h2,
  .faq-page h1,
  .polo-video .content-wrapper h1 {
    font-size: 24px;
    line-height: 24px;
  }

  .grey-back-account h2,
  .completed-header h2,
  .viva-environment h2 {
    font-size: 18px;
    line-height: 28px;
  }

  .two-last-cards .grid-cl > div h3 {
    font-size: 15px;
    line-height: 28px;
  }

  .back-img h1 {
      font-size: 32px;
      line-height: 40px;
  }

  .owl-nav,
  .counter:not(#counter, #counter7) {
    display: none;
  }

  .extra-box {
      display: none !important;
      width: 0 !important;
      min-width: 0 !important;
      margin-right: 0 !important;
  }


  /*** ESTIMATE SHIPPING POPUP ***/


  .shipping-address {
    flex-flow: column;
  }

  .address-item {
    width: 100%;
  }

  .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
    padding-left: 0px;
    padding-top: 8px;
  }

  .footer {
      position: relative;
  }

  .footer-middle .foot.flex-cl {
    flex-direction: column;
    gap: 50px;
  }

  .footer-middle .footer-block {
      padding-right: 0;
  }

  .footer-info {
      flex-wrap: wrap;
  }

  .footer-lower div.flex-cl:first-child {
    flex-direction: column;
  }

  .last4-content {
    padding: 26px 0 24px;
    position: relative;
  }

  .last4-content .flex-cl {
    flex-wrap: wrap;
    gap: 32px 0;
  }

  .last4-content .flex-cl > div {
    width: 50%;
  }

  .hero-content h1 {
    font-size: 30px;
    margin-bottom: 12px;
  }

  .hero-content > div.content-wrapper {
      bottom: 110px;
  }

  .zigZag-section {
      flex-direction: column;
  }

  .zig-left{
      width: 100%;
  }

  .zig-right,
  .zig-pad-left .zig-left.rotate-left,
  .zig-pad-left .zig-right div{
    padding: 0 15px;
    margin: 24px auto 0;
    width: 94.4%;
  }

  .grid4-content .flex-cl {
      flex-direction: column;
  }

  .bottom-imgs {
      margin-top:15px;
  }

  .grid4-content .content-wrapper {
      padding: 0;
      width: 100%;
  }

  .color-item .flex-cl {
    flex-wrap: wrap;
    padding: 60px 0 112px;
    width: 100%;
  }

  .clr-left {
      width: 100%;
      min-width: unset;
  }

  .colorSlider-content .owl-nav {
    bottom: 93px;
    top: unset;
    right: 60px;
  }

  .clr-right,
  .clr-left h2{
    padding: 0 15px;
    width: 94.4%;
    max-width: unset;
  }

    .clr-left h2 {
        margin: 0 auto 24px;
    }

  .color-item h2 {
      margin-bottom: 16px;
  }

  .clr-right {
    margin: 24px auto 0;
  }

  #counter {
    top: unset;
    bottom: 70px;
    right: 83px;
  }

  .picture-grid .product-grid, .picture-grid .product-list {
      margin-bottom: 40px;
  }

  .category-page .breadcrumb,
  .product-details-page .breadcrumb {
    display: none;
  }

  .gallery, .overview {
      padding: 0;
      width: 100%;
  }

  .gallery {
    position: fixed;
    max-height: 70%;
  }

  .gallery.go-up {
      margin-top: -48px; 
  }

  .overview {
      margin-top: 70vh;
      background-color: #fff;
  }

  .pp-border {
    height: 1px;
    width: 40px;
    margin: 8px auto 15px;
    background-color: var(--primary);
  }

  .pp-head {
    margin-top: 12px;
  }

  .mob-content {
    padding: 0 15px;
    margin: auto;
    width: 95%;
  }

  .prod-spec-panel {
    padding: 0 15px;
    margin: 0 auto 0;
    width: 95%;
  }

  .grey-overview,
  .klarna-osm {
    margin: auto;
    width: calc(95% - 30px);
  }

    .klarna-osm {
        margin-bottom: 16px;
    }

    .size-guide-btn {
      margin-right: auto;
      margin-left: auto;
      width: calc(95% - 30px);
    }

  .product-essential,
  .overview-buttons {
    margin-bottom: 0;
  }

  .prod-spec-panel button {
    padding-right: 4.8%;
    padding-left: 4.8%;
  }

      .prod-spec-panel button::after {
          right: 4.8%;
          transform: scale(0.8)
      }

  .grey-overview {
    background-color: #f4f4f4;
    padding: 20px 4.8%;
  }

  .product-review-links button {
      font-size: 13px;
  }

  .product-review-box {
      justify-content: space-between;
  }

  .deliver-info .flex-cl:first-child,
  .deliver-info .flex-cl:nth-child(2) {
    margin: 0;
    padding: 20px 0;
  }

  .deliver-info .flex-cl:first-child {
    border-top: 1px solid #e5e5e5;
/*    border-bottom: 1px solid #e5e5e5;*/
  }

    .product-reviews-overview {
      padding-bottom: 20px;
    }

  .full-description {
      display: none;
  }

  .further-info h4 {
      width: 100%;
      padding-right: 10px;
  }

  .product-collateral {
    margin-bottom: 0;
    padding-top: 16px;
    position: relative;
    background: #fff;
  }

    .product-collateral .content-wrapper {
      width: calc(95% - 30px);
    }

  #desc-area h4 {
      position: relative;
  }

    #desc-area h4::after {
      content: '';
      position: absolute;
      right: 4px;
      top: 0;
      bottom: 0;
      background: url(../imgs/carousel-arrow.svg) no-repeat center;
      width: 8px;
      height: 18px;
      margin: auto;
      background-size: 70%;
      transform: rotate(90deg);
      transition: .3s ease-in-out;
    }

  #desc-area.opened h4::after {
    transform: rotate(-90deg);
  }
  
  .desc-content {
    display: none;
  }

  .further-info ul > li.flex-cl {
    padding: 8% 0;
  }

      .further-info ul > li::after {
        right: 4.8%;
        transform: scale(0.8);
      }

  .product-details-page .carousel-grid {
      position: relative;
      background-color: #fff;
  }


  .product-details-page .related-products-grid,
  .cross-sells {
      padding-top: 25px;
    margin-top: 0;
  }

  .carousel-grid {
      padding-bottom: 40px;
      margin-bottom: 0;
  }

  .complete-look-section {
    margin-bottom: 0;
    position: relative;
  }

  .complete-look-section .product-item img {
    max-width: 165px;
  }

  .complete-look-section .owl-nav button svg{
      transform: scale(0.8)
  }

  .complete-look-section .owl-nav button {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    border: 1px solid #e5e5e5;
  }
  .complete-look-section .owl-nav {
      top: 20px;
  }

  #counter7 {
      top: 26px;
  }


  .complete-look-section .owl-nav .owl-prev svg {
    transform: rotate(180deg) scale(0.8);
  }

  .mini-product-content {
      padding-bottom: 245px;
  }

  .mini-bottom {
    flex-direction: column;
    gap: 0;
    padding: 0;
    border: none;
  }

    .mini-bottom a {
      padding: 21px 15px;
      width: 100%;
      text-align: center;
    }

    .mini-bottom .add-to-cart {
        width: 100%;
    }

    .mini-bottom .add-to-cart-panel button,
    .attributes.openSizes .mini-bottom .add-to-cart-panel button {
      min-width: unset;
      width: 100%;
      border-radius: 0;
      padding: 22px 15px;
      border: none;
    }

  .dashboard-page .profile-tab {
    min-height: 225px;
  }

  .profile-tabs.flex-cl {
      flex-direction: column;
      margin-bottom: 10px;
  }

  .order-details-area {
      gap: 40px;
  }

    .order-details-area > div {
      grid-template-columns: unset;
      gap: 40px;
    }

  .order-items-grid {
      gap: 10px;
  }

  .html-customer-info-page .profile-tabs.grid-cl {
      row-gap: 10px;
  }

  .html-customer-info-page .profile-tabs.grid-cl a {
      margin-left: auto;
      margin-bottom: 15px;
  }

  .green-back-page .green-img {
      display: none;
  }


  .white-box, .white-bottom-box {
    width: 94.4%;
    box-shadow: none;
    border-radius: unset;
    padding: 0;
    background: none;
    margin: 0 auto;
  }

  .green-back-page .content-wrapper {
    width: 100%;
  }

  .green-back-page > .content-wrapper {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .green-back-page .content-wrapper.find-order-content {
    background-color: #fafafa;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 5px;
    border: 1px solid #e5e5e5;
  }

  .white-bottom-box h2 {
      font-size: 18px;
      line-height: 28px;
  }

  .green-back-page {
      padding-bottom: 0;
  }

    .green-back-page h1 {
        margin-bottom: 5px;
    }

  .external-authentication {
      border: none;
      position: relative;
  }

    .external-authentication:after {
      content: '';
      position: absolute;
      left: -100%;
      border-bottom: 1px solid #e5e5e5;
      right: -100%;
      bottom: 0;
    }

  .checkout-page .cross-sells {
      margin: 60px 0;
  }

  .completed-header {
      margin-bottom: 34px;
  }

  .recentlyViewed-products-grid {
      margin-top: 40px;
  }

    .recentlyViewed-products-grid h2 {
        margin-bottom: 24px;
    }

  .wish-pad {
      padding: 40px 0 60px;
  }

  .wishlist-cartItems {
    grid-template-columns: repeat(1, 1fr);
  }

    .wishlist-cartItems .product-item {
      display: grid;
      grid-template-columns: 1fr 1.5fr 24px;
      gap: 16px;
      padding-bottom: 60px;
    }

    .wishlist-cartItems .add-to-cart {    
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
    }


      .wishlist-cartItems .add-to-cart button {
        padding: 12px 24px;
        color: #fff;
        width: 100%;
        background-color: #105A33;
        border-radius: 22px;
      }

    .wishlist-cartItems .item-box .details{
        padding: 0;
    }

    .wishlist-cartItems .item-box .picture a img {
      border-radius: 8px;
    }

  .cart .remove-from-cart {
    position: unset;
  }


  .wishlist-cartItems .add-to-cart svg {
    display: none;
  }

  .footer-description {
      padding: 40px 0;
  }

  .contact-page .grid-cl {
      grid-template-columns: unset;
  }

  .left-contact-content {
    border-bottom: 1px solid #e5e5e5;
    border-right: none;
    padding: 0;
  }

  .right-contact-content {
      padding: 0;
  }

    .right-contact-content > div {
        padding: 20px 0 0;
    }


    .right-contact-content > div:last-child {
      border-top: 1px solid #e5e5e5;
    }
  .contact-us-faq-btn{
      width: 100%;
  }

  .contact-page h1 {
      padding: 10px 0 10px;
  }

  .eu-cookie-bar-notification .text {
      max-height: 70px;
  }

  .multiple-cols {
    grid-template-columns: repeat(1, 1fr);
  }

  .trois-cols,
  .deux-cols{
      grid-template-columns: 1fr;
  }

  .topic-polo-page .item-box .picture a:before {
    padding-top: 120%;
  }

  .topic-polo-page .item-box .picture a img {
      max-width: 95%;
  }

  .polo-video {
      margin-bottom: 30px;
  }

  .topic-collections {
      padding: 36px 0;
  }

  .topic-polo-page .bottom-imgs,
  .sneakers-page .bottom-imgs {
    flex-direction: column;
  }

  #search-result-products .product-grid, #search-result-products .product-list, #search-result-products .grid-no-products {
      margin-bottom: 40px;
  }

  #search-result-products .content-wrapper {
      padding-bottom: 50px;
  }

  #search-result-products .search-pager button {
      margin-bottom: 50px;
  }

  .featured-product-grid {
      margin: 36px 0;
  }

  .zigZag-section.zig-rotate {
      flex-direction: column-reverse;
  }

  .zig-pad-left .zig-right.rotate-right,
  .zig-pad-left .zig-left,
  .zig-pad-left .zig-right {
    width: 100%;
    padding: 0;
  }

  .zig-pad-left .zig-left.rotate-left,
  .zig-pad-left .zig-right {
    max-width: unset;
  }

  .durable-page .grid4-content h2 {
      width: 94.4%;
      padding: 0 15px;
      margin-right: auto;
      margin-left: auto;
  }

  .rene-banner .content-wrapper {
    position: relative;
    background-color: #fff;
    width: 100%;
    padding: 0;
  }

  .rene-banner h1 {
    position: absolute;
    top: -36px;
    background-color: #fff;
    width: 94.4%;
    left: 0px;
    padding: 15px 4.8% 0;
    margin: auto;
  }

  .rene-banner p {
    width: 94.4%;
    margin: auto;
    padding: 25px 15px;
  }

  .topic-titles.content-wrapper {
      width: 92%;
  }

  .overview div.prod-all > .add-to-cart {
      top: -58px;
  }

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

  .topic-grey-back .page-body .content-wrapper,
  .faq-page .page-body .content-wrapper {
    width: 100%;
    padding: 0;
  }

  .topic-grey-back,
  .faq-page {
    padding: 45px 0;
  }

  .faq-boxes {
      grid-template-columns: 1fr;
      row-gap: 20px;
  }

  .sneaker-section:nth-child(even) > div.flex-cl
  {
      flex-direction: column;
  }

  .sneaker-section:nth-child(odd) > div.flex-cl {
    flex-direction: column-reverse;
  }

  .sneaker-left {
    width: 100%;
    top: 60px;
    margin-bottom: -1px;
  }

  .sneaker-right {
    width: 97%;
    margin: 0 auto 10px;
    background-color: #fff;
    z-index: 1;
    border-radius: 5px;
  }

  .sneakers-item-grid .item-box .picture a:before {
    padding-top: 100%;
  }

  .sneakers-item-grid .item-box .picture a img {
    object-fit: unset;
  }

  .flag-content {
    padding: 8% 4%;
  }

  .sneakers-page .head-title {
    padding: 19% 0;
    max-width: 70%;
  }

/*  .sneaker-link img {
      height: 100%;
  }*/

  .top-sneaker-banner .content-wrapper {
      bottom: 45px;
  }

  .sticky-sneak li {
    flex: 0 0 auto;
    width: calc(18 * 100vw / 25);
  }

    .sticky-sneak img,
    .sticky-sneak li a {
        width: 100%;
        min-width: unset;
    }

/*  .item-car .owl-item {
    max-width: 285px;
  }

  .homecarousel-items .owl-item {
    max-width: 345px;
    width: 100% !important;
  }*/

  .commitment-page .hero-banner {
      margin-bottom: 14%;
  }

    .commitment-page h2.text-align,
    .commitment-page .zigZag-section h2,
    .commitment-page .hero-banner h1 {
      font-size: 24px;
      line-height: 24px;
    }

/*      .commitment-page .hero-banner h1 {
          bottom: 5%;
      }
*/
      .commitment-page .zig-right:not(.rotate-right),
      .commitment-page .zig-left.rotate-left {
        margin-top: 8%;
      }

  .commitment-page .hero-banner img {
    max-height: 370px;
  }

  .percentage-items {
    grid-template-columns: unset;
  }

  .extra-titles {
     padding: 9% 0;
  }

  .commitment-page #sticky-polo {
    margin-bottom: 60px;
  }

  .flagship-page .flex-cl {
      flex-direction: column;
  }

  .flagship-page .content-wrapper {
      max-width: unset;
  }

  .flagship-page h1 {
    font-size: 40px;
    line-height: 40px;
    padding-top: calc(2 * (100vw - 15px) / 25);
  }

  .flagship-page h2 {
    font-size: 24px;
    line-height: 24px;
    padding-top: calc(2 * (100vw - 15px) / 25);
  }


  .flagship-page p,
  .last-4-items h3 {
    padding: calc(2 * (100vw - 15px) / 25) 0;
  }

  .last-4-items {
    padding-bottom: calc(2 * (100vw - 15px) / 25);
  }

  .footer-block:not(.social) {
    width: 100%;
    padding: 0 !important;
    margin-bottom: 0;
  }

  .footer-block.social {
    margin-top: 20px;
  }


  .footer-right-part > .flex-cl:first-child .footer-block:first-child {
    padding: 0;
  }

  .footer-block .title {
    font-size: 20px;
    padding: 12px 0;
    padding-right: calc(1 * (100vw - 15px) / 25);
    padding-left: calc(1 * (100vw - 15px) / 25);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }

    .footer-block .title svg {
      transform: scaleY(1);
      transition: transform ease .6s;
    }

    .footer-block .title.opened svg {
      transform: scaleY(-1);
    }


    .footer-block .list {
      padding-right: calc(2 * (100vw - 15px) / 25);
      padding-left: calc(2 * (100vw - 15px) / 25);
      margin-bottom: 15px;
      display: none;
    }

    .footer-block .list a {
      line-height: 30px;
    }

  .footer-logos ul {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .right-search {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }

    .right-search li {
      padding: 20px;
      border-top: 1px solid var(--primary);
    }

      .right-search li span {
          padding: 10px 0 0;
      }

  .middle-cat-area {
      padding: 22px 0;
  }

  .middle-picture-area {
      margin-top: 22px;
  }

    .middle-picture-area h3 {
        margin-bottom: 22px;
    }

    .middle-pics {
      flex-direction: column;
      gap: 30px;
    }

  .middle-picture-area h3,
  .video-hd h3 {
      font-size: 24px;
      line-height: 24px;
  }

}


@media all and (max-width: 640px) {
  .bottom-menu ul,
  .sublist.topic-menu {
    display: flex;
    flex-direction: column;
  }

  .item-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 15px;
  }

  .item-box .product-title,
  .old-price,
  .actual-price {
    line-height: 22px;
    font-size: 14px;
  }

  .checkout-item .price.flex-cl .old-price {
    margin: 0 0 0 10px;
  }

  .pager {
    margin-bottom: 30px;
  }

  .wish-pad .cart-top-content {
    padding: 32px 3.8%;
  }
  .mini-shopping-cart .picture {
    width: 30%;
    margin-right: 12px;
  }

    .mini-shopping-cart .picture a:before {
      padding-top: 110%;
    }

    .mini-shopping-cart .picture img {
        height: 100%;
    }


  .white-back-guide .flex-cl {
      flex-direction: column;
      row-gap: 10px;
  }
  .left-img,
  .right-info {
      width: 100%;
      padding: 0;
  }

  .top-message-item p,
  .top-message-item {
    font-size: 14px;
    line-height: 16px;
    white-space: normal;
    text-align: center;
  }
  /* .top-message-items {
    animation: moveSlideshow 12s linear infinite;
  }*/
  @keyframes moveSlideshow {
    100% {
      transform: translateX(-640px);
    }
  }

}

@media all and (max-width: 559px) {
 /* .item-car .owl-item {
      max-width: 285px;
  }

  .homecarousel-items .owl-item {
      max-width: 345px;
  }*/
}

  @media all and (max-width: 480px) {
    .top-message-item p,
    .top-message-item {
     font-size: 13px;
    }

    .left-el {
      max-height: 210px;
    }

    .complete-look-section h2 {
      font-size: 18px;
      line-height: 22px;
    }

    .complete-look-section .product-item img {
      max-width: 105px;
    }

    .grey-back {
      padding: 15px 0;
    }

    .cart-top-content {
      padding: 15px;
    }

    .profile-tab li,
    .order-info > div:last-child,
    .grey-back-account p {
      font-size: 13px;
      line-height: 23px;
    }

    .profile-tab ul {
      margin-top: 17px;
    }

    .order-info {
      padding-bottom: 15px;
    }

    .dashboard-page h2 {
      margin-bottom: 10px;
    }

    .grey-back-account {
      padding: 67px 0 40px;
    }


    .two-last-cards {
      padding: 40px 0;
    }

      .two-last-cards .grid-cl > div p {
        margin: 13px auto 15px;
      }

      .two-last-cards .grid-cl > div {
        padding: 30px 15px;
      }

    .block-account-navigation .nav-title {
      width: 90%;
    }

    .order-info .profile-title button {
      font-size: 0;
      background: url(../imgs/arrow-down.svg) no-repeat center;
      width: 30px;
      height: 30px;
      transform: rotate(-90deg);
    }

    .order-items-grid li {
      font-size: 13px;
      line-height: 21px;
    }

    .header-profile-title .numb-items {
      font-size: 13px;
    }

    .order-mob-content .actions button {
      padding: 10px 22px;
    }

    .order-mob-content .hide1025 .order-total + div,
    .numb-items,
    .profile-tab.order-tab * {
      font-size: 13px;
    }

    .html-customer-info-page .profile-title {
      font-size: 15px;
      margin-bottom: 10px;
    }

    .topic-block-content .topic-block-body .faq-title {
      font-size: 14px;
    }

    .faq-btn {
      margin-bottom: 15px;
    }

    .checkout-page .cross-sells {
      margin: 40px 0;
    }

    .checkout-back-page {
      padding-top: 40px;
    }

    .white-card {
      padding: 30px 0;
    }

    .grey-back-completed {
      padding: 40px 0;
    }

    .cart-top-content a {
      width: 100%;
    }

    .buttons-more {
      flex-direction: column-reverse;
      row-gap: 16px;
      align-items: center;
    }

      .buttons-more * {
        max-width: 200px;
        width: 100%;
        margin: auto;
      }

      .buttons-more .btn {
        padding: 9px 12px;
      }

    .not-found-overlay {
      min-height: 360px;
      padding: 80px 0 60px;
    }

      .not-found-overlay img {
        object-position: top;
      }

    .zig-right,
    .content-wrapper,
    .complete-look-section h2,
    .mob-title-content,
    .content-wrapper-mobile,
    .opc .step-title,
    .white-card > div,
    .checkout-buttons,
    .opc .buttons,
    #checkout-step-payment-method p,
    #step-cart p,
    .right-checkout .order-summary-content,
    .right-completed-section,
    .right-el,
    .gallery,
    .overview,
    .zig-right,
    .clr-right,
    .clr-left h2,
    .mob-content,
    .white-box, .white-bottom-box {
      width: 100%;
    }

    .video-mobile {
      min-height: 350px;
    }

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

    .write-review {
      max-width: 100%;
    }

    .pop-in-countries ul.flex-cl {
      column-gap: 30px;
    }

    .sneakers-page .head-title {
        max-width: 86%;
    }

    .sticky-sneak li {
        width: 80%;
    }
      .sticky-sneak li a span {
          font-size: 22px;
      }

    .checkout-item .picture img {
      width: 85px;
      height: auto;
      aspect-ratio: 1/1.5;
    }

    #sec-flyout-cart .mini-shopping-cart .attributes,
    #sec-flyout-cart .mini-shopping-cart .quantity {
      font-size: 13px;
    }

    .commitment-page .hero-banner {
      margin-bottom: 8%;
      max-height: 300px;
      min-height: unset;
    }

      .commitment-page .hero-banner img {
        object-position: 50% 34%;
        max-height: 300px;
      }

    .footer-lower .content-wrapper {
        padding: 0 30px;
    }

  }

@media all and (max-width: 400px) {
  #search-result-products .search-pager {
    margin-bottom: 80px;
    flex-direction: column-reverse;
  }

    #search-result-products .search-pager button {
        margin-bottom: 0;
    }
}

  @media all and (max-width: 350px) {
    .item-grid {
      grid-template-columns: repeat(1, 1fr);
    }

    .attributes .option-list {
      grid-template-columns: repeat(2, 1fr);
    }
  }

@media (max-width: 767px) {
  .footer-block.follow-us .newsletter-email > div .flex-cl {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .footer-block.follow-us .newsletter-subscribe-button {
    margin-left: 0;
    align-self: flex-start;
  }

  .footer-block.follow-us #newsletter-email {
    border-right: none;
    border-bottom: 1px solid var(--green1);
  }
}