@media all and (min-width: 1367px) {
  /*** PRODUCT REVIEWS ***/


  .product-review-item .review-title {
    max-width: 1050px;
  }

  .write-review .review-rating div.name-description {
    margin: 0 5px 0 0;
    /*    min-width: 375px;*/
  }


  /*** FORUM & PROFILE ***/


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

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

@media all and (min-width: 1201px) {
  .vision-section img {
    opacity: 0;
    visibility: hidden;
    transform: scaleX(0);
  }
}

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

  .top-banner a:hover:after {
    content: '';
    position: absolute;
    right: -25px;
    bottom: -35px;
    margin: auto;
    background-image: url(../imgs/carousel-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 138px;
    height: 138px;
  }

  .seasonal-banner:hover a {
    opacity: 1;
    visibility: visible;
    height: auto;
  }

  .top-menu.mobile {
    display: none !important;
  }


  .top-menu {
    column-gap: 40px;
    justify-content: center;
  }

  #small-search-box-form.activeSearch:after {
    content: '';
    position: absolute;
    bottom: -17px;
    left: -32px;
    background-color: #fff;
    border-radius: 20px;
    width: calc(100% + 47px);
    height: 67px;
    z-index: -1;
  }


  .product-filter .group .item.inputs-checkbox input[type="checkbox"]:hover + label {
    background-color: #EEF1F2;
  }

  .product-item:hover .item-cart-btn {
    visibility: visible;
    opacity: 1;
    bottom: 12px;
  }

  /*  .desktop-menu {
    column-gap: 36px;
  }*/

  .first-cat,
  .first-line > a {
    display: block;
    padding: 9px 0 16px;
    line-height: 22px;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    position: relative;
    font-family: 'Manrope Medium', Arial;
  }

  .first-li-cat {
    padding: 0 20px;
  }


  .first-cat:after,
  .first-line > a:after {
    content: '';
    position: absolute;
    background: #215732;
    height: 2px;
    width: 0;
    bottom: 16px;
    left: 0;
    transition: 0.3s ease-in-out;
  }

  .first-li-cat:hover .first-cat:after,
  .first-li-cat:focus .first-cat:after,
  .first-line a:hover:after {
    width: 100%;
  }

  .main-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: left;
    padding-top: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 100%;
    pointer-events: none;
  }

    .main-menu:after {
      background-color: rgba(43, 41, 38, 0.57);
      top: 0;
      bottom: 0;
      right: 0;
      /*left: 0px;*/ /* Adjusted the left margin */
      /*width: 180%;*/ /* Adjusted the width calculation */
      left: -16px;
      width: calc(100vw + 32px);
      height: 100vh;
      content: '';
      position: absolute;
      z-index: -1;
      pointer-events: none;
      backdrop-filter: blur(11px);
      -webkit-backdrop-filter: blur(11px);
    }

  .back-menu {
    box-shadow: 0px 10px 30px #00000029;
    background-color: #F4EFEA;
    width: 70%;
    margin: auto;
    border-radius: 0 0 30px 30px;
    min-height: 420px;
    pointer-events: auto;
    position: relative;
  }

  .first-li-cat:hover .main-menu {
    visibility: visible;
    opacity: 1;
    transition: 0.6s;
  }

  .left-menu {
    width: 35%;
  }

  .right-menu {
    width: 90%;
  }

  .left-menu {
    padding: 0 30px 50px 4.5%;
  }

  .right-menu {
    padding: 30px 4.5% 50px 0;
  }




  .first-level {
    display: block;
    moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-fill: balance;
    column-gap: 30px;
    row-gap: 20px;
    overflow-y: auto;
    height: 100%;
  }

    .first-level > li {
      display: inline-block;
      width: 100%;
      margin-top: 48px;
    }


    .first-level::-webkit-scrollbar {
      width: 3px;
      height: 100%;
    }

    .first-level::-webkit-scrollbar-track {
      background: #fff;
    }

    .first-level::-webkit-scrollbar-thumb {
      background-color: #9B9B9B;
      border-radius: 25px;
      border: 2px solid #9B9B9B;
    }

    .first-level > li > a {
      font-weight: bold;
      margin-bottom: 10px;
    }

  .discover-menu .left-menu {
      padding-top: 40px;
  }


  .header-menu .sublist li a {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    transition: .3s ease-in-out;
  }

  .first-level > li > a:hover {
    color: #215732;
  }


  .sec-level {
    row-gap: 12px;
  }

    .sec-level > li > a:hover {
      text-decoration: underline;
    }





  .center-2 {
    float: right;
    width: 73%;
  }

  .side-2 {
    float: left;
    width: 25%;
  }



  .search-box {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
  }

    .search-box input.search-box-text,
    .search-box .search-box-button {
      height: 40px;
    }


  /*** NAVIGATION ***/


  .menu-toggle,
  .sublist-toggle {
    display: none;
  }

  /*** PRODUCT PAGE ***/
  .picture-gallery .picture {
    width: auto;
  }

  .video-gallery {
    float: left;
    width: auto;
  }

  .rental-attributes {
    overflow: hidden;
  }

    .rental-attributes .attribute-item {
      float: left;
      margin: 0 20px 0 0;
    }

    .rental-attributes .datepicker {
      width: 160px;
      text-align: left;
    }

  .attribute-squares li {
    margin: 0 10px 10px 0;
  }

  .product-details-page .title {
    text-align: left;
  }


  /*** PRODUCT REVIEWS ***/


  .product-review-item .review-title {
    max-width: 850px;
  }

  .write-review .review-rating div.name-description {
    margin: 0 5px 0 0;
  }

  .product-review-item .review-text {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .product-review-item .avatar {
    display: table-cell;
    vertical-align: top;
    width: 120px;
  }

    .product-review-item .avatar img {
      max-width: 100%;
    }

  .product-review-item .text-body {
    display: table-cell;
    vertical-align: top;
  }

  .product-review-item .avatar + .text-body {
    padding: 0 0 0 20px;
  }


  /*** TOPICS ***/


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

  .topic-page p {
    text-align: justify;
  }


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

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

  .address-list-page .section,
  .order-list-page .section,
  .return-request-list-page .section {
    display: block;
    width: auto;
    margin: 0 0 40px;
  }

  .address-list-page .buttons,
  .order-list-page .buttons {
    position: absolute;
    top: 5px;
    right: 10px;
  }

  .avatar-page .message-error,
  .avatar-page .buttons {
    text-align: left;
  }

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

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

  .customer-info-page .vat-status {
    display: inline-block;
  }

  /*** SHOPPING CART ***/


  #shopping-cart-form .item .product {
    width: 40%;
  }



  #shopping-cart-form .items,
  #checkout-steps {
    width: 60%;
  }

  #shopping-cart-form .cart-footer,
  #order-summary-checkout {
    width: 40%;
  }

  .sticky-cart {
    position: sticky;
    top: 152px;
  }


  /*** SEARCH & SITEMAP ***/


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


  /*** BLOG & NEWS ***/

  .news-items:not(.homepage-news) .news-box:nth-last-child(-n+3) {
    margin-bottom: -1px;
  }

  .absolute-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
  }


  /*** FORUM & PROFILE ***/


  .forum-breadcrumb {
    margin: -30px 0 30px;
  }

  .current-time {
    float: right;
  }

  .forum-search-box {
    float: left;
  }

    .forum-search-box .advanced {
      text-align: left;
    }

      .forum-search-box .advanced a {
        line-height: normal;
      }

  .forums-table-section td {
    min-width: 150px;
  }

    .forums-table-section td:first-child {
      min-width: 90px;
    }

  .forums-table-section .view-all {
    text-align: right;
  }

  .topic-actions .pager.upper {
    display: block;
    max-width: 400px;
  }

  .forum-table .forum-details,
  .forum-table .topic-details {
    min-width: 225px;
  }

  .forum-table td {
    padding: 20px;
  }

  .forum-edit-page textarea,
  .private-message-send-page textarea {
    width: 600px;
    height: 250px;
  }

  .private-message-send-page .bb-code-editor-wrapper {
    display: inline-block;
    width: 400px;
    margin: 10px 0;
    vertical-align: middle;
  }
}

@media all and (min-width: 769px) and (max-width: 1024px) {
  .news-item-page .left-cat .full-img {
    height: 80vh;
  }
}

@media all and (min-width: 769px) {
  .none769 {
    display: none;
  }

  .left-cat,
  .right-cat {
    width: 50%;
  }

  /*
  .hero-section {
    height: 50vw;
  }*/


  .home-page-polls li {
    min-width: 100px;
  }

  .left-sec,
  .right-sec {
    width: 50%;
  }


  .write-product-review-button {
    margin-left: auto;
  }

  /**** 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;
    }




  /*** PRODUCT PAGE ***/

  .variant-picture {
    float: left;
  }

    .variant-picture + .variant-overview {
      width: auto;
      margin: 0 0 0 240px;
    }

  .variant-overview {
    text-align: left;
  }


  /*** PRODUCT REVIEWS ***/


  .product-review-item .review-title {
    float: left;
    max-width: 600px;
  }

  .product-review-item .product-review-box {
    float: right;
  }

  .write-review .review-rating div {
    display: inline-block;
    margin: 0 0 0 5px;
    cursor: default;
    vertical-align: middle;
    font-size: 14px;
    height: 17px;
  }

  /*** SHOPPING CART ***/

  /*** ORDER DETAILS & SHIPPING DETAILS ***/


  .order-details-page .section.options {
    text-align: right;
  }

  .order-details-page .selected-checkout-attributes {
    padding: 0 10px;
  }

  .order-details-page .tax-shipping-info {
    text-align: right;
  }

  .shipment-details-page .tracking-number .tracking-url {
    color: #4ab2f1;
  }


  /*** BLOG & NEWS ***/



  /*** 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: 481px) {

  .none481 {
    display: none;
  }



  .news-item-page .related-categories ul {
    gap: 24px 13px;
  }




  /*** 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;
    }


  /*** WISHLIST ***/


  .wishlist-content .button-2 {
    display: inline-block;
    width: auto;
    min-width: 140px;
    margin: 0 1px 5px;
  }


  /*** TOPICS ***/


  .enter-password-form input[type="password"] {
    width: 260px;
  }


  /*** 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;
    }


  /*** ESTIMATE SHIPPING POPUP ***/

  .estimate-shipping-popup {
    padding: 25px;
  }
}

@media all and (max-width: 2300px) {
  .html-all-shops-page .all-shops-page .content-wrapper {
    padding: 0;
  }
}



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

    .header-links ul {
      column-gap: 13px;
      justify-content: end;
    }

    .header-logo,
    .header-links-wrapper {
      width: 250px;
    }

    .top-menu {
      column-gap: 24px;
    }

    .first-li-cat {
      padding: 0 12px;
    }

    .eu-cookie-bar-notification .title {
      font-size: 30px;
    }

    /*homepage Bosto*/
    .seasonal-banner h2 {
      font-size: 45px;
      line-height: 60px;
    }

    .seasonal-banner .white-arrow-btn {
      font-size: 0;
    }

      .seasonal-banner .white-arrow-btn:hover {
        padding: 12px 23px;
        transform: translateX(0);
      }

    .seasonal-banner a {
      background-image: url(../imgs/arrow-arrow.svg);
      background-repeat: no-repeat;
      background-position: center;
    }

      .seasonal-banner a:hover:after {
        content: none;
      }

    /*end homepage Bosto*/

    /*product collection*/
    .product-banner .full-img {
      padding: 0 50px 45px;
      margin: auto;
    }

    .product-banner .collect-banner .flex-cl {
      padding: 140px 50px 40px;
    }
    /*end product collection*/
    /*account pages*/
    .block-account-navigation .title,
    .block-account-navigation li,
    #logout {
      padding: 0 5%;
    }

    .html-account-page .breadcrumb {
      padding: 15px 22px 25px;
    }

    .html-account-page .center-2 {
      width: 58%;
      margin: 0 22px 50px;
    }

    #logout a {
      margin: 30px auto 40px;
    }
    /*end account pages*/
  }

  @media all and (max-width: 1200px) {
    h1, .big-title,
    .hero-section h1 {
      font-size: 28px;
      line-height: 36px;
    }

    /*start footer Bosto*/

    .footer-lower {
      grid-template-columns: unset;
      justify-content: center;
      justify-items: center;
      row-gap: 12px;
      padding-right: 22px;
      padding-left: 22px;
      text-align: center;
    }

    /*end footer Bosto*/

    #shopping-cart-form .items, #checkout-steps {
      padding: 0px 8% 0 0;
    }



    .vision-section span {
      font-size: 10.07vw;
      line-height: 9.7vw;
    }



    .customer-blocks {
      max-width: 100%;
      padding: 0 8px;
    }

    .news-item-page .right-cat {
      padding-top: 10px;
      padding-left: 30px;
    }

    .absolute-content {
      width: 95%;
    }

    .share-btns {
      position: unset;
      margin-left: 16px;
      margin-right: unset;
    }

    .customer-blocks.guest-register {
      margin-top: 30px;
    }

    #back-guest-button {
      position: static;
      margin-top: 22px;
    }

    #main-pictures .product-tags-list {
      position: absolute;
      display: flex;
      gap: 10px;
      top: 30px;
      left: 15px;
      width: 150px;
      flex-wrap: wrap;
    }
  }

  @media all and (max-width: 1024px) {
    #zoom-gallery.active {
      padding: 0%;
    }

      #zoom-gallery.active > div {
        border-radius: 0;
        border: none;
        max-width: unset;
      }

    #home-myBtn {
      right: 45px;
      bottom: 45px;
    }

    .none1024 {
      display: none !important;
    }

    .address-item > .controls {
        opacity: 1;
    }
    /* header Bosto */
    .header {
      min-height: 80px;
    }

    .top-head {
      padding: 0;
      height: 0;
    }

    .mobile-header-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .header-lower {
      padding: 14px 0;
      height: 72px;
    }

    .header-links ul {
      gap: 0;
      justify-content: end;
    }

    .header-links li.search button {
      margin-bottom: -4px;
      width: 40px;
      height: 40px;
    }

    #small-search-box {
      display: none;
    }

      #small-search-box.hide-search {
        display: block;
      }

/*    .top-message p, .top-message > div {
      padding: 10.5px;
    }*/

    .top-message button {
      top: 10px;
    }


    .header-menu {
      order: -1;
    }

    .header-logo,
    .header-links-wrapper {
      width: fit-content;
    }

    .header-logo {
      position: absolute;
      right: 20px;
      left: 0;
      margin: auto;
      top: -6px;
      z-index: 3;
      bottom: 0;
      height: fit-content;
    }


    .menu-toggle {
      cursor: pointer;
      background-image: url('../imgs/burger_menu.svg');
      background-position: center;
      background-repeat: no-repeat;
      width: 20px;
      height: 16px;
    }

      .menu-toggle.exit {
        background-image: url('../imgs/exit-menu.svg');
      }

    .top-menu {
      display: none;
      position: absolute;
      left: 0;
      right: 0;
      background-color: #F4EFEA;
      height: 100vh;
      top: 72px;
      z-index: 2;
    }

    .admin-header-links + .header-lower .top-menu {
      top: 93px;
    }


    .mobile-menu {
      overflow: hidden auto;
      height: calc(100% - 250px);
    }

    .fixed-header .mobile-menu {
      height: calc(100% - 150px);
    }


      .mobile-menu > li {
        /*position: relative;*/
        padding: 0;
      }


        .mobile-menu > li:not(.bottom-menu-mob) > a,
        .mobile-menu > li:not(.bottom-menu-mob) > button,
        .mobile-menu .sublist li a,
        .mobile-menu .sublist li button {
          display: block;
          padding: 18px;
          font-size: 16px;
          line-height: 21px;
          color: #2B2926;
          text-align: left;
          width: 100%;
          font-family: 'Manrope', Arial;
          border-top: 1px solid #B6B5B4;
          background-color: #F4EFEA;
          font-weight: 500;
        }

      .mobile-menu .sublist.first-level > li > a,
      .mobile-menu .sublist.first-level > li > button {
        font-weight: 800;
      }

    ul.sublist.first-level > li:last-child > button,
    ul.sublist.first-level > li:last-child > a,
    ul.sublist.sec-level > li:last-child > button,
    ul.sublist.sec-level > li:last-child > a {
      border-bottom: 1px solid #B6B5B4;
    }

    .mobile-menu > li:not(.bottom-menu-mob) > button.center,
    .mobile-menu .sublist li button.center {
      display: flex;
      justify-content: space-between;
    }

    .sublist li button.close-sibling {
      padding: 14px 40px;
      text-align: center;
      position: relative;
      color: #215732;
      font-weight: bold !important;
    }

    .close-sibling .sublist-toggle {
      transform: rotate(180deg);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 18px;
      margin: auto;
    }


    .mobile-menu > li > a:focus {
      position: relative;
      z-index: 1;
    }

    .main-menu,
    .sec-level {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 0;
      opacity: 0;
      visibility: hidden;
      transition: transform .4s ease-in-out,opacity .4s ease-in-out;
    }

      .main-menu.active-menu,
      .sec-level.active-menu {
        opacity: 1;
        visibility: visible;
        width: 100%;
        height: calc(100vh - 120px);
        z-index: 2;
        background-color: #F4EFEA;
        overflow-y: auto;
      }

    li.bottom-menu-mob {
      background-color: #FFFFFF;
      padding: 27px 0 20px;
      border-radius: 20px 20px 0px 0px;
    }

    .left-menu {
      width: 100%;
    }

    .mobile-links {
      flex-direction: column;
      row-gap: 13px;
      align-items: start;
      padding: 0 18px;
    }

      .mobile-links a {
        column-gap: 7px;
      }

      .mobile-links span {
        letter-spacing: -.5px;
      }

    .bottom-images {
      padding: 86px 12px 25px;
      overflow-x: auto;
      column-gap: 16px;
    }

    .right-menu {
      padding: 38px 18px 60px;
    }

      .right-menu ul li img.arrow {
        right: -24px;
        z-index: 1;
        transform: scale(0.8);
      }

      .right-menu ul li a:after {
        background: transparent linear-gradient(180deg, #00000000 60%, #000000B3 100%) 0% 0% no-repeat padding-box;
        top: unset;
        left: 0;
        right: 0;
        bottom: 0;
      }

    .selected-lang {
      margin-left: 29px;
      margin-top: 20px;
      column-gap: 16px;
      font-family: 'Manrope', Arial;
    }

    .selected-lang {
      font-size: 16px;
    }

      .selected-lang > div img {
        vertical-align: top;
      }

      .selected-lang button {
        margin-left: 10px;
        font-size: 12px;
      }

    #panel-language {
      top: calc(100vh - 150px);
      left: 7px;
      right: unset !important;
    }

    .fixed-header #panel-language {
      top: calc(100vh - 50px);
    }

    .sublist-toggle {
      width: 20px;
      height: 20px;
      background: url('../imgs/arrow-arrow.svg') center no-repeat;
      cursor: pointer;
    }


    .sublist .sublist li {
      background-color: #f6f6f6;
    }

    .sublist .sublist .sublist li {
      background-color: #fff;
    }

    /*  #small-search-box {
    top: 58px;
  }*/

    #small-search-box.hide-search {
      padding: 24px 22px 28px;
      background: #fff;
      min-height: 60vh;
      top: calc(100% + 72px);
      border-radius: 0 0 20px 20px;
      position: absolute;
      left: 0;
      right: 0;
    }

    #small-search-box-form {
      max-width: 600px;
      margin: auto;
    }

    .ui-menu.ui-autocomplete {
      max-height: unset;
      padding: 0px 22px 0px;
      left: 0px !important;
      border-radius: 0 0 20px 20px;
      top: 70px !important;
      width: 100% !important;
      height: calc(100% - 70px);
    }

    #search-auto-btn {
      padding-bottom: 20px;
    }

    .fixed-back.fixed {
      top: 175px;
    }

    button.search-btn {
      order: -1;
      padding-right: 14px;
    }

    .search-close {
      margin-left: 16px;
    }

    .ui-menu .ui-menu-item-wrapper {
      padding: 3px 21px;
    }

    /* end header Bosto */


    /* start footer Bosto */

    .follow-us .newsletter {
      flex-direction: column;
    }

    .footer-upper {
      grid-template-columns: unset;
    }

    .sec-footer-col {
      border: none;
      border-top: 1px solid #B6B5B4;
      border-bottom: 1px solid #B6B5B4;
    }

    .footer-upper > div {
      padding: 30px 22px;
    }

    .footer-block.follow-us {
      margin-bottom: 20px;
      padding: 0;
    }

    /*end footer Bosto*/

    /* homepage Bosto */

    .hero-left {
      bottom: 84px;
      left: 55px;
    }

    .hero-item img, .hero-item video {
      border-radius: 50px 50px 25px 25px;
    }

    .seasonal-section {
      padding: 50px 0;
    }

    .seasonal-banner h2.active-tab {
      font-weight: bold;
    }

      .seasonal-banner h2.active-tab + .hide-btn {
        opacity: 1;
        visibility: visible;
        height: auto;
      }

    .seasonal-banners {
      flex-direction: column;
    }

      .seasonal-banners .grid-cl {
        padding-top: 0;
        margin-bottom: 20px;
      }

    #main-seasonal-img img {
      height: 65vw;
    }

    .seasonal-banners .light {
      position: unset;
      text-align: center;
      margin-top: 20px;
    }

    .our-story-section .smaller-content > div {
      flex: unset;
    }

    .our-story-section .smaller-content {
      justify-content: start;
    }


    /* end homepage Bosto */

    /* product list Bosto */

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

    .right-cat {
      padding-left: 30px;
    }

    .mobile-prices {
      margin-top: 16px;
    }

    .block-recently-viewed-products {
      margin-top: 80px;
    }

    .acc-content {
      max-width: 70%;
      padding-bottom: 150px;
    }

    .catalog-btns {
      flex-direction: column-reverse;
    }

    .product-selectors {
      justify-content: space-between;
      width: 100%;
      margin-bottom: 20px;
    }

    .itemsPerPage + .product-sorting {
      margin-left: auto;
    }

    .selected-filters {
      order: -1;
      padding-top: 26px;
    }

    .fixed-btns .white-border-btn,
    .fixed-btns .green-border-btn {
      padding-right: 10px;
      padding-left: 10px;
    }


    /* end product list Bosto */

    /* wishlist Bosto */

    .wishlist-page {
      margin-bottom: 30px;
    }

      .wishlist-page h1 {
        margin-top: 26px;
      }

      .wishlist-page .smaller-content {
        padding: 0;
      }

      .wishlist-page h1 button {
        margin-bottom: 16px;
      }


      .wishlist-page .block-recently-viewed-products {
        margin: 36px 0 20px;
      }

      .wishlist-page .no-data {
        margin: 16px auto;
      }


      .wishlist-page .block-recently-viewed-products h2 {
        margin-bottom: 30px;
      }


      .wishlist-page .block-recently-viewed-products .swiper-prods {
        padding-bottom: 30px;
      }

    /* end wishlist Bosto */

    /* cart Bosto */

    #shopping-cart-form .items, #checkout-steps {
      padding: 0;
    }

    #shopping-cart-form {
      flex-direction: column;
    }

    .cart-footer {
      margin-top: 48px;
    }

    .checkout-buttons {
      position: fixed;
      bottom: 0;
      background: #F3EFEB;
      left: 0;
      width: 100%;
      padding: 10px 22px 14px;
      box-shadow: 0px -10px 30px #00000029;
      z-index: 2;
    }

    /* cart: the legal guarantee notice lives inside the fixed bar, so it is on screen whenever the button is */
    .checkout-buttons .legal-guarantee-notice {
      margin-bottom: 10px;
    }

      .checkout-buttons .legal-guarantee-notice-text {
        font-size: 13px;
        line-height: 18px;
      }

    /* checkout: the order summary stacks right under the payment step here */
    #opc-payment_method > .legal-guarantee-notice {
      margin-bottom: 24px;
    }

    /* end cart Bosto */

    /*order details*/

    .html-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;
      }

    /*** ACCOUNT ***/

    .html-account-page .side-2 {
      display: none;
    }

    .html-account-page.navigation .side-2 {
      display: block;
      padding: 0 22px;
    }

    .block-account-navigation .title,
    .block-account-navigation li,
    #logout {
      padding: 0;
    }

    .html-account-page.navigation .center-2 {
      display: none;
    }

    .html-account-page .side-2,
    .html-account-page .center-2 {
      width: 100%;
      transition: all 0.5s;
      border: none;
      height: auto;
      padding: 0 9% 60px;
      margin: unset;
    }

    .html-account-page h1 a{
      padding: 28px 0 20px;
    }

      .html-account-page h1 a:after {
        content: "";
        display: block;
        background: url('../imgs/arrow-arrow.svg');
        background-repeat: no-repeat;
        background-position: left;
        transform: rotate(180deg);
        width: 15px;
        height: 27px;
        margin-top: -26px;
        margin-left: -17px;
      }

    .html-account-page #address-pop-up h1:after {
      background: none;
    }

    .html-account-page h1 a.details-close-button:after {
      content: none;
    }

    a.details-close-button {
      position: absolute;
      top: -28px;
      right: 0;
    }

    #address-pop-up.active {
      padding: 90px 0 0;
    }

      #address-pop-up.active .page-body {
        padding: 20px 40px 0;
      }

    .html-account-page .back-to-orders-button {
      display: none;
    }

    .delete-account {
      padding: 30px 0;
    }
    /*** PRODUCT PAGE ***/
    .overview .overview-container {
      margin: 0 8%;
    }

    #product-details details {
      transition: all 0.5s;
    }

    .related-prods {
      margin-bottom: 0;
      padding-bottom: 90px;
    }

    /* check out Bosto */
    #opc-shipping-payment {
      margin-bottom: 40px;
    }

    .checkout-content {
      flex-direction: column;
    }

    #checkout-header {
      height: 74px;
      padding: 10px 0;
    }

    #billing-buttons-container,
    #confirm-order-buttons-container {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 3;
      margin: 0;
      padding: 14px calc(7.8% + 16px);
      border-top: 1px solid #2B2926;
    }

    .completed-content {
      flex-direction: column;
      justify-content: center;
      margin: 50px auto 0;
    }

    .order-completed-page {
      margin: 30px auto;
    }
    /* blog */

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


    .news-item-page .breadcrumb {
      margin-bottom: 20px;
    }

    .news-item-page .duo-cat {
      flex-direction: column;
    }

    .news-item-page .left-cat,
    .news-item-page .right-cat {
      width: 100%;
    }

    .news-item-page .left-cat {
      padding: 0 0 12px 0;
      border-bottom: 1px solid #2B2926;
    }

    /* all shops page */

    .shops-content .grid-cl {
      grid-template-columns: unset;
    }

    .shops-map {
        order: -1;
    }

    .shops-content .store-locator-map-holder {
        height: 440px;
    }

    .shops-content .breadcrumb {
        position: unset;
        margin-left: 22px;
        margin-bottom: 30px;
    }

    .shops-content {
      border-radius: 0;
      background-color: #F4EFEA;
    }

    .html-all-shops-page .master-wrapper-content {
      border-top: 1px solid #B6B5B4;
    }

    .shops-content .shops-list-wrapper {
      background-color: #fff;
      padding: 44px 0px 10px;
      border-radius: 20px 20px 0 0;
      margin-top: -22px;
      position: relative;
      z-index: 1;
      height: auto;
    }

    .shops-content .page-title {
        margin: 0 0 38px 22px;
    }

    .shops-content .shops-item {
        padding: 30px 22px 40px;
    }

    /* end all shops page */
  }

  @media all and (max-width: 840px) {
    .news-over {
      padding-bottom: 15px;
    }

    .related-news {
      margin-bottom: 20px;
    }

    .html-category-page .news-list-homepage {
      margin-bottom: 23px;
    }
  }


  @media all and (max-width: 768px) {
    .content-wrapper {
      padding: 0 22px;
    }

    #scroll-head .content-wrapper {
      padding: 0 18px;
    }


    .smaller-content {
      padding: 0;
    }

    .breadcrumb.none769 {
      margin: 13px 0 30px;
    }

    .none768,
    .custom-arrow {
      display: none;
    }

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

    /*header Bosto*/

    .right-menu ul {
      flex-direction: column;
    }

      .right-menu ul li {
        width: 100% !important;
      }

    .menu-image-desc {
      font-size: 14px;
      left: 14px;
      bottom: 24px;
    }

    .right-menu ul li img.arrow {
      right: -36px;
      bottom: -42px;
    }

    /*end header Bosto*/


    /* start footer Bosto */

    .footer-block {
      min-width: 200px;
    }

    .follow-us {
      padding: 24px 0 42px;
    }


    /* end footer Bosto */


    /* homepage Bosto*/

    #hero-slider,
    .hero-section {
      height: auto;
    }

      #hero-slider .swiper-pagination {
        bottom: unset !important;
        top: calc(90vh - 50px);
      }

      .hero-section .flex-cl {
        flex-direction: column-reverse;
      }


    .hero-left {
      padding: 35px 22px 46px;
      position: relative;
      z-index: 1;
      top: unset;
      left: unset;
      bottom: unset;
      margin-top: -30px;
      background-color: #F4EFEA;
      border-radius: 20px 20px 0 0;
    }

    .slider-wrapper {
      margin-bottom: 0;
    }

    .hero-right {
      display: flex;
    }

    .slider-wrapper .content-wrapper {
      padding: 0;
    }

    .hero-section h1,
    .hero-desc {
      color: #215732;
    }

      .hero-section h1:after {
        background-color: #215732;
      }


    .hero-full-img img,
    .hero-item video {
      height: 90vh;
      object-fit: cover;
      object-position: center;
    }

    /* tablet portrait (481-768px): the mobile source is served from 768px, so the box
       no longer has to hold a 2.4:1 desktop image in a 90vh frame. Shorter box, and the
       pagination keeps the same 50px offset it has in every other tier. */
    @media all and (min-width: 481px) {
      .hero-full-img img,
      .hero-item video {
        height: 65vh;
      }

      #hero-slider .swiper-pagination {
        top: calc(65vh - 50px);
      }
    }

    .top-banners {
      flex-direction: column;
    }

    .top-banners-section {
      margin-bottom: 58px;
    }

    .top-banner h2 {
      right: 20px;
      bottom: 16px;
    }

    .top-banner a:after {
      content: '';
      position: absolute;
      right: -30px;
      bottom: -40px;
      margin: auto;
      background-image: url(../imgs/carousel-arrow.svg);
      background-repeat: no-repeat;
      background-position: center;
      width: 138px;
      height: 138px;
    }

    .our-story-section .smaller-content {
      flex-direction: column;
    }

    .our-story-section img {
      position: relative;
      left: -22px;
      width: calc(100% + 44px);
    }

    .our-story-section .smaller-content div:last-child {
      order: unset;
      width: 100%;
      margin: 0;
    }

    .our-story-section h3 {
      color: #215732;
    }

    .our-story-section p {
      color: #2B2926;
      margin: 18px 0 26px;
    }

    .our-story-section .smaller-content > div {
      width: 100%;
    }

    /* end homepage Bosto */


    /* product list Bosto */

    .html-category-page .header {
      border-bottom: 1px solid #B6B5B4;
    }

    .item-grid {
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: auto;
      gap: 30px 12px;
    }

    .category-description {
      margin-bottom: 26px;
    }

    .duo-cat {
      flex-direction: column;
      max-height: unset;
      border-radius: 0;
      margin-bottom: 0;
      min-height: unset;
    }

    .left-cat {
      order: -1;
    }

    .right-cat {
      padding: 25px 22px 80px;
      margin-top: -20px;
      border-radius: 20px 20px 0px 0px;
    }

    .full-cat {
      padding: 25px 22px 80px;
    }

    .category-body {
      margin: -40px 0 32px;
      border-radius: 20px 20px 0 0;
      background-color: #F4EFEA;
      position: relative;
      padding-top: 32px;
    }

    .search-results .category-body {
      margin: 0 0 32px;
      padding-top: 0;
    }

    .product-grid {
      margin-bottom: 32px;
    }

    .product-filter .filter-title {
      padding: 12px 0 12px 8px;
    }

    .filters-btn {
      background-color: #215732;
      color: #F9F9F9;
      position: fixed;
      bottom: 60px;
      right: 0;
      left: 0;
      width: fit-content;
      margin: auto;
      z-index: 2;
    }

    #panel-filters {
      border-radius: 0;
    }

      #panel-filters .panel-title,
      .product-filters {
        padding-right: 22px;
        padding-left: 22px;
      }

    .catalog-btns {
      margin-bottom: 10px;
    }

    .selected-filters {
      padding: 68px 0 16px;
      position: relative;
      width: 100%;
    }

      .selected-filters:before {
        content: '';
        position: absolute;
        width: calc(100% + 44px);
        height: 1px;
        background-color: #B6B5B4;
        top: 0;
        left: -22px;
        right: 0;
      }

    .column-filters {
      margin: 0;
      position: absolute;
      top: 18px;
    }

    .sub-category-grid ul {
      flex-wrap: unset;
      overflow: auto hidden;
      white-space: nowrap;
      padding-bottom: 15px;
    }

    .panel-fixed {
      max-width: unset;
      width: 100%;
      min-width: unset;
    }

    #added-to-cart-panel {
      width: initial;
      min-width: 360px;
    }

    .sort-filters {
      padding: 16px 22px 20px;
    }

    .mob-title-filter {
      padding: 18px 22px 14px;
      border-bottom: 1px solid #215732;
      font-size: 22px;
      line-height: 30px;
    }

    .sort-filters .item {
      display: flex;
      align-items: center;
      position: relative;
    }

      .sort-filters .item label {
        cursor: pointer;
        line-height: 20px;
        padding: 10px 0 10px 48px !important;
        font-size: 14px;
        margin: 0;
        width: 100%;
        color: #2B2926;
      }

      .sort-filters .item.inputs-radio input[type="radio"] {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 8px;
        top: 10px;
      }

    /* end product list Bosto */


    .collection-section .collection-head {
      flex-direction: column;
      row-gap: 17px;
      margin-bottom: 24px;
    }

    .insta {
      padding: 66px 0 56px;
    }

      .insta p {
        font-size: 18px;
      }

    .collection-section .swiper-wrapper {
      margin-bottom: 68px;
    }

    .review-rating .name-description {
      text-align: center;
      width: 100%;
      display: block;
    }

    .write-review .review-rating {
      text-align: center;
    }

    .write-product-review-button {
      margin: auto;
      width: 100%;
    }

    .write-review .review-rating div {
      text-align: center;
      padding-bottom: 10px;
      display: inline-block;
    }

    /* cart Bosto */

    .shopping-cart-page .smaller-content, .checkout-page .smaller-content {
      padding: 0;
      margin-bottom: 32px;
    }

    .shopping-cart-page .order-summary-content {
      margin-top: 32px;
    }

    #shopping-cart-form .item {
      border: none !important;
      position: relative;
    }

      #shopping-cart-form .item.first:before {
        content: '';
        position: absolute;
        width: calc(100% + 44px);
        left: -22px;
        right: 0;
        height: 1px;
        background-color: #215732;
        top: 0;
      }


      #shopping-cart-form .item:after {
        content: '';
        position: absolute;
        width: calc(100% + 44px);
        left: -22px;
        right: 0;
        height: 1px;
        background-color: #215732;
        bottom: 0;
      }

    .shopping-cart-page .cross-sells .swiper {
      padding-bottom: 30px;
    }


    /* end cart Bosto */

    /*** ACCOUNT ***/

    .html-account-page .breadcrumb,
    .html-account-page #header {
      display: none;
    }

    .html-account-page .breadcrumb {
      padding: 15px 22px 0;
    }

    .html-account-page.navigation .breadcrumb,
    .html-account-page.navigation #header {
      display: block;
    }

    .html-account-page .page-body {
      padding: 40px 22px 60px;
    }

    .html-account-page .center-2 .account-page {
      padding: 0;
      background-color: unset;
    }

    .html-account-page .side-2 {
      padding: 0 22px;
      margin-top: 36px;
    }

    .html-account-page .center-2 {
      padding: 0 0 30px;
    }

    .customer-info-page {
      max-width: 100%;
    }

    .block-account-navigation .title {
      padding: 0 0 0 30px;
    }

    .block-account-navigation li {
      padding: 0;
    }

    .customer-info-page button {
      width: 100%;
      max-width: 320px;
      margin: auto;
    }

    a.details-close-button {
      top: 0;
      right: 20px;
    }

    .address-list-page .add-button {
      padding: 0 8px;
      margin: 0 0 62px;
    }

    .html-account-page h1 {
      font-size: 20px;
      line-height: 25px;
      border-bottom: 2px solid #d4d2cf;
      padding: 25px 42px 25px;
      margin: 0;
    }

      .html-account-page h1::after {
        margin-top: -26px;
      }

    .order-list.fieldset {
      margin: 0;
    }

    .order-details-area {
      padding: 28px 8px 0;
      grid-template-columns: unset;
    }

    .section.products {
      padding: 0 8px;
      margin-bottom: 0;
    }

    .order-product-info {
      padding-right: 10px;
      flex-direction: column;
      row-gap: 15px;
    }

    .product-order-prices {
      width: 70%;
      margin-left: auto;
    }

    .order-section.totals {
      border-top: none;
      margin: 30px -22px;
      flex-direction: column-reverse;
    }

      .order-section.totals > div {
        padding: 0 22px 25px;
        border-bottom: 2px solid #B6B5B4;
      }

    .order-details-page .total-info {
      width: 100%;
      border-bottom: 2px solid #B6B5B4;
      margin-bottom: 20px;
    }

    .order-product-item {
      border-right: 1px solid #2B2926;
    }

    .order-status-info {
      flex-direction: column;
      border: none;
    }

    .return-text {
      padding: 0;
    }

    .order-details-btn {
      flex-direction: column;
      gap: 30px;
    }

      .order-details-btn button {
        margin: auto;
      }

    .order-list-page .info-headers,
    .address-list-page .info-headers {
      display: none;
    }

    .address-list-page .info,
    .order-list-page .info {
      display: block;
      padding: 25px 25px 25px;
      margin: 0 0 15px;
      background: none;
      border-radius: 20px;
    }

      .address-list-page .info .none769 {
        position: absolute;
        right: 21px;
        top: 25px;
        width: 23px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 110px;
      }

    .center-2 > .add-button {
      position: fixed;
      width: 100%;
      left: 0;
      bottom: 0;
      margin: 0;
      padding: 20px 22px;
      background: #F3EFEB;
      box-shadow: 0px -10px 30px #00000029;
      justify-content: center;
      z-index: 2;
    }

      .center-2 > .add-button .btn {
        margin: auto;
      }

    .address-item > .controls {
      display: none;
    }

    .address-list-page .info li {
      width: 100%;
      padding: 0;
    }

      .order-list-page .info li.controls,
      .address-list-page .info li.controls {
        width: 100%;
      }

    .address-list-page .info .last-name {
      margin-bottom: 20px;
    }

    .order-list-page .controls button,
    .address-list-page .controls button {
      text-align: center;
    }

    .address-list-page .controls .white-border-btn {
      margin-bottom: 20px;
    }

    .order-list-page .info li.controls {
      margin: 32px 0 0;
    }

      .order-list-page .info li.controls .btn {
        width: 100%;
      }

    .address-edit-page .edit-address .classic-inputs {
      width: 100%;
    }

    .address-edit-page .buttons {
      flex-direction: column-reverse;
    }

      .address-edit-page .buttons button {
        margin: auto;
      }

    .address-edit-page .black-border-btn {
      margin-bottom: 20px;
    }

    .order-list-page .info li,
    .order-list-page .info li.code {
      width: 100%;
      display: flex;
      align-items: center;
      margin-bottom: 22px;
      column-gap: 15px;
      padding: 0;
    }

      .order-list-page .info li div {
        width: 50%;
        font-weight: normal;
        flex-shrink: 0;
      }

    .order-finder .title + p {
      margin-top: 40px;
    }

    .footer-finder {
      padding-top: 20px;
    }

    /*** COOKIES ***/
    .eu-cookie-bar-notification .content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0;
    }

    .eu-cookie-bar-notification .buttons-more, .eu-cookie-bar-notification .text-wrapper {
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      width: 100%;
    }

    .eu-cookie-bar-notification .buttons-more {
      margin: 15px 0;
      justify-content: space-between;
    }

    .eu-cookie-bar-notification .btn {
      height: 40px;
      font-size: 11px;
      margin: 0;
      max-width: 40%;
      padding: 10px;
      width: 100%;
      text-align: center;
    }

    /*** PRODUCT PAGE ***/

    #product-details-form .breadcrumb {
      margin: 10px 0 30px 20px;
      font-size: 14px;
      overflow: auto;
      white-space: nowrap;
    }

    .product-essential {
      height: unset;
      flex-direction: column;
    }

      .product-essential > div {
        width: 100%;
      }

    .gallery {
      flex-direction: column-reverse;
    }

    .zoom-gallery .gallery {
      flex-direction: column-reverse;
      padding: 0 25px;
    }

    #thumb-pictures {
      display: flex;
      gap: 5px;
      overflow: auto;
      justify-content: center;
      margin: 15px 0 25px;
    }

    .zoom-gallery #thumb-pictures a {
      min-width: 100px;
    }

    .zoom-gallery #main-pictures .picture {
      padding: 0%;
    }

    .zoom-gallery #main-picture img {
      width: 100%;
      max-height: auto;
    }

    #gallery-header {
      padding: 58px 0 10px;
    }

    .gallery-mode #thumb-pictures {
      display: flex;
      position: absolute;
      padding: 30px 10px;
    }

      .gallery-mode #thumb-pictures .thumb-picture {
        margin: 0 10px 0 0;
      }

    .gallery-mode #close-gallery-mode-button {
      top: 130px;
      right: 10px;
      transition: all 0.5s;
    }

    .gallery .made-with-care {
      font-size: 12px;
      padding: 0;
      border-top: 2px solid #9fa0a1;
    }

    #main-pictures {
      display: flex;
      overflow: auto;
      margin: 0 -22px 10px;
    }

      #main-pictures .picture {
        flex-shrink: 0;
        width: 100%;
        transition: all 0.5s;
        border-bottom: none;
      }

    .related-prods {
      margin-top: 40px;
    }

    .related-prods-section .swiper {
        padding-bottom: 50px;
    }


    .overview .overview-container {
      margin: 0;
    }

    .overview .product-name {
      margin: 0 0 12px;
      text-align: left;
    }

    .product-banner {
      grid-template-rows: 1fr 1fr;
      grid-template-columns: unset;
    }

    .overview .action-buttons {
      position: fixed;
      width: 100%;
      left: 0;
      bottom: 0;
      margin: 0;
      padding: 12px 22px;
      background: #F3EFEB;
      box-shadow: 0px -10px 30px #00000029;
      justify-content: center;
      z-index: 2;
    }

    .product-banner .collect-banner .flex-cl {
      padding: 0 25px 40px;
    }

    .product-banner {
      display: flex;
      flex-direction: column-reverse;
    }

      .product-banner::after {
        height: 100%;
      }

      .product-banner .full-img {
        padding: 30px 25px 25px;
      }


    /* login - register */

    .login-page .tab-item .roboldo {
      font-size: 16px;
      padding: 0 10px 16px;
    }

    .customer-blocks,
    #back-guest-button {
      padding: 0 22px;
    }

    .acc-content .classic-inputs {
      margin-bottom: 28px;
    }

    .external-authentication .title {
      margin: 20px 0 15px;
    }

    #acc-blocks.register .login-fields {
      gap: unset;
    }

      #acc-blocks.register .login-fields .classic-inputs {
        width: 100%;
      }

    #acc-blocks.register .form-checkboxes {
      margin: 0;
    }

    .acc-content {
      max-width: 100%;
      padding: 10px 0 80px;
    }

      .acc-content .tab-items {
        overflow-x: auto;
        padding-bottom: 10px;
      }

    .login-page .content-wrapper {
      padding: 0;
    }

    .shipping-method li {
      position: relative;
    }

    #shipping-methods-form .method-name {
      margin-bottom: 0;
    }

    .shipping-method .method-description {
      position: absolute;
      bottom: 0;
      margin: 0;
      text-align: left;
      left: 0;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    /*search page - news products*/
    .search-page h1, .new-products-page h1 {
      font-size: 28px;
      line-height: 26px;
    }

    .search-header > div {
      margin: 30px 0 15px;
    }

    /* blog */
    .news-list-page .duo-cat {
      margin-bottom: 40px;
    }

    .news-body {
      margin: 35px 22px 50px;
    }

    .news-list-page .left-cat {
      padding-bottom: 9px;
      border-bottom: 1px solid #2B2926;
    }

    .news-list-page .right-cat {
      padding: 45px 22px;
    }

      .news-list-page .right-cat .btn {
        margin-bottom: 10px;
      }

    .first-blog-post {
        padding: 0;
    }

    .news-list-page h1 {
      margin: 10px 0 20px;
    }

    .news-list-page .category-description {
      width: 100%;
    }

    .html-blog-page .header {
      border-bottom: 1px solid #B6B5B4;
    }


    .news-items {
      grid-template-columns: repeat(1, 1fr);
      row-gap: 32px;
    }

    .news-head {
        padding-top: 22px;
    }

    .related-news .section-title {
      margin: 24px 0;
    }
    /* not found page */
    .not-found-page .acc-content {
      padding: 34px 0 25px;
    }

    .not-found-page img {
        margin-bottom: 20px;
    }

    .bestsellers {
      margin: 45px 0 50px;
    }

    .not-found-page .bestsellers h2 {
      margin-bottom: 17px;
    }

    .bestsellers .swiper-wrapper {
      padding-bottom: 35px;
    }

    /*checkout login*/

    .choose-block {
      grid-template-columns: unset;
      gap: 44px 16px;
    }

      .choose-block .none769 {
        font-weight: bold;
      }

    #guest-blocks {
      margin-top: 40px;
    }

      #guest-blocks strong.text-center {
        text-align: left;
      }

      #guest-blocks .btn {
        margin: auto;
      }

    /* checkout */

    #billing-buttons-container,
    #confirm-order-buttons-container {
      padding: 14px 22px;
    }

    .completed-content ul.grid-cl {
      gap: 30px 15px;
    }
    /*contact page */
      .text-contact-content p {
        margin-bottom: 25px;
      }

    #size-left-menu {
      width: 100%;
      background-color: #fff;
    }

    .size-page-content {
      padding-top: 50px;
      width: 100%;
    }

    #size-left-menu.fixed-guide {
      top: 58px;
      z-index: 1;
    }

    .size-guide-options {
      flex-direction: unset;
      overflow-x: auto;
    }

    /** TOPIC PAGES **/
    .topic-page .page-body,
    .contact-page .page-body {
      padding: 40px 22px 55px;
    }

    .about-us-page table,
    .about-us-page tbody,
    .about-us-page tr,
    .discover-template table,
    .discover-template tbody,
    .discover-template tr {
      display: flex;
      flex-direction: column;
    }

      .about-us-page tr:nth-child(2),
      .discover-template tr:nth-child(2) {
        flex-direction: column-reverse;
      }

    .about-us-page table,
    .discover-template table {
      margin-top: 20px;
      margin-bottom: 0;
    }

      .about-us-page table td,
      .discover-template table td{
        width: 100% !important;
        padding: 0 0 35px !important;
      }

    .about-us-page td div, .about-us-page td p,
    .discover-template td div, .discover-template td p {
      padding: 0;
    }

    .middle-banner tr {
        flex-direction: column-reverse;
    }

    .topic-page details > div {
      padding: 0 0 30px;
    }

    .html-topic-page .breadcrumb {
        margin-top: 13px;
    }

    /** END TOPIC PAGES **/

/*size guide*/

    .size-guide-panel {
      border-radius: 10px 10px 0 0;
      top: 96px;
      transform: translateY(100%);
    }

      .size-guide-panel.openedPanel {
        transform: translateY(0);
      }

      #size-guide-panel h3 {
        padding-top: 40px;
      }

    .size-guide-panel .panel-head {
      padding: 22px 27px 36px 22px;
    }

    .size-guide-panel .panel-body ul {
      column-gap: 8px;
      padding-right: 18px;
      padding-bottom: 36px;
      padding-left: 4px;
    }

    .size-guide-panel .panel-body {
      padding: 0px 0 20px 22px;
      height: calc(100vh - 224px);
    }

    .quick-tip-box {
        margin-right: 18px;
    }

/* end suize guide*/
}


@media all and (max-width: 640px) {
  .footer-upper .sec-footer-col {
    grid-template-columns: unset;
    justify-items: unset;
    padding: 0;
  }

  .footer .content-wrapper {
    padding: 0;
  }


  .follow-us {
    padding-right: 22px;
    padding-left: 22px;
  }

  .footer-block .third-footer-col {
    padding: 20px 22px;
  }

  .third-footer-col ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-upper .first-footer-col {
    padding: 20px 22px 30px;
  }

  .footer-block .title {
    margin-bottom: 0;
    position: relative;
    font-size: 18px;
    padding: 22px 40px 22px 22px;
  }

  .footer-block.helpful {
    border-top: 1px solid #B6B5B4;
    border-bottom: 1px solid #B6B5B4;
  }

  .footer-block .list {
    padding: 14px 22px 25px;
    display: none;
    border-top: 1px solid #B6B5B4;
  }

    .footer-block .list a {
      font-size: 16px;
      line-height: 38px;
    }


  .footer-block .title:after {
    content: '';
    position: absolute;
    background-image: url('../imgs/drop-down-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 8px;
    top: 30px;
    transform: rotate(180deg);
    right: 23px;
    transition: .3s ease-in-out;
  }

  .footer-block .title.opened:after {
    transform: rotate(180deg) scale(-1);
  }

  .news-list-homepage .news-items, .related-news .news-items {
    grid-template-columns: repeat(1, 1fr);
  }

  .our-story-section img {
    filter: grayscale(1);
  }

  .full-cat h1 {
    margin-top: 30px;
  }

  .full-cat h1, .full-cat #cat-desc-open,
  .full-cat .category-description {
      text-align: left;
    }

    .full-cat .category-description {
        margin-left: 0;
    }
  }


  @media all and (max-width: 480px) {
    .none480 {
      display: none;
    }

    /*  h1, .big-title,
  .hero-section h1,
  .product-reviews-page h1 {
    font-size: 24px;
    line-height: 32px;
  }*/

    /* header Bosto */

    .top-message-item p,
    .top-message a{
      font-size: 12px;
      line-height: 19px;
    }

    #scroll-head.fixed-header {
      top: 5px;
      right: 5px;
      left: 5px;
    }

    #added-to-cart-panel {
      width: 100%;
      min-width: unset;
      border-radius: 0;
    }

      #added-to-cart-panel .fixed-btns {
        padding-top: 18px;
        padding-bottom: 18px;
      }

    /*end header Bosto */

    /* homepage Bosto*/

    .hero-full-img img, .hero-item video {
      height: 50vh;
      min-height: 305px;
    }

    #hero-slider .swiper-pagination {
      top: calc(50vh - 50px);
    }

    .bestsellers .swiper {
      overflow: visible;
      scrollbar-width: none;
    }

      .bestsellers .swiper::-webkit-scrollbar {
        display: none;
      }

    #main-seasonal-img img {
      height: 112vw;
    }

    .seasonal-banner {
      column-gap: 22px;
    }

      .seasonal-banner h2 {
        font-size: 32px;
        line-height: 44px;
      }

    .counter {
      margin-right: 12px;
      line-height: 26px;
    }


    /* end Hoempage Bosto */
    .item-box .product-title a {
      font-size: 14px;
      line-height: 20px;
      height: 40px;
    }

    .item-box-colors {
      column-gap: 2px;
    }

      .item-box-colors .attribute-square {
        width: 11px;
        height: 11px;
      }

    .top-banner h2 {
      bottom: 15px;
    }

    .seasonal-banner2 a.grid-cl,
    .seasonal-banner3 a.grid-cl {
      padding: 22px 30px 20px;
    }

    .swiper-grid-column > .swiper-wrapper {
      flex-direction: unset;
    }

    .insta p {
      font-size: 16px;
      line-height: 21px;
      margin: 14px 0 36px;
    }

    .networks {
      margin-top: 23px;
    }

    /*** PRODUCT PAGE ***/

    .zoom-gallery #main-pictures .picture {
      padding: 0 5%;
    }

    /* product list */

    #load-more button {
      margin: 34px auto;
    }

    .sort-list {
      grid-template-columns: unset;
    }

    .mobile-prices {
      font-size: 14px;
      line-height: 19px;
    }

    .item-box .add-to-wishlist-button {
      top: 1px;
      right: 1px;
    }

    .prod-box-disc {
      left: 5px;
      bottom: 8px;
    }

    /* cart Bosto */

    .cartItem-details > div {
      flex-direction: column;
      align-items: start;
    }

      .cartItem-details > div:last-child {
        margin-top: 17px;
        flex-direction: column;
        align-items: start;
      }

    .edit-item {
      margin: 0;
    }

    #shopping-cart-form .remove-btn {
      margin-top: 7px;
    }

    .cart-item-details {
      justify-items: start;
      row-gap: 13px;
    }

    /* end cart Bosto */

    /* checkout */

    #checkout-steps {
      padding: 0 8px;
    }

    #checkout-breadcrumbs {
      margin: 0 0 20px;
    }

    #checkout-invoice {
      margin-top: 32px;
    }

    .address-select {
      flex-direction: column;
    }

      .address-select .address-item {
        width: 100%;
      }

    #checkout-step-shipping {
      margin-top: 48px;
    }

    #order-summary-checkout .mini-shopping-cart {
      padding: 5px 8px;
    }

    #order-summary-form .item {
      padding-right: 9px;
      padding-left: 9px;
    }

    #order-summary-form h2 {
      padding: 0 17px;
    }

    .opc .section.pickup-in-store {
      flex-direction: column;
      gap: 30px 0;
      align-items: flex-start;
    }

    .summary-coupon-card {
      margin: 22px 8px 0;
      text-align: center;
    }

      .summary-coupon-card > div:first-child {
        padding: 18px 10px 17px;
      }

    .cart-collaterals summary {
      display: flex;
      align-items: center;
      cursor: pointer;
      padding: 8px 36px 8px 27px;
    }

    #billing-buttons-container,
    #confirm-order-buttons-container {
      flex-direction: column;
      gap: 13px;
    }

    /*search page - news products*/

    /* blog */

    .news-list-page .block-blogtags ul {
      gap: 7px;
    }

    .general-details {
      margin: 40px 0;
    }

    .absolute-content {
      width: 98%;
    }

    .product-order-prices {
      width: 100%;
    }

    .order-finder .data-table ul {
      gap: 18px;
    }

    li.created-on.roboto.flex-cl > strong {
      font-size: 14px;
    }

    li.created-on.roboto.flex-cl > div {
      white-space: nowrap;
      font-size: 14px;
    }

    #size-guide-text {
      margin-top: 17px;
    }

    .product-reviews-page h1 a {
      font-size: 20px;
    }

    .product-reviews-page .title {
      font-size: 16px;
      line-height: 21px;
      margin: 0 0 20px;
    }

    .product-reviews-page .acc-content {
      padding-bottom: 0;
    }

    .left-table {
      min-width: 125px;
    }

    /** login/register page **/
    .login-page .customer-blocks .btn {
      max-width: 250px;
    }

    .login-page .customer-blocks #register-button {
      max-width: 330px;
    }

    .external-authentication {
      margin: 0 0 30px;
    }

    .external-buttons {
      flex-wrap: wrap;
      flex-direction: column;
      gap: 20px;
    }

    .footer-lower .footer-block {
      flex-wrap: wrap;
      justify-content: center;
    }
  }

  @media all and (max-width: 360px) {
    .fixed-btns {
      flex-direction: column;
    }

      .fixed-btns .white-border-btn,
      .fixed-btns .green-border-btn {
        width: 100%;
      }

    .product-filters {
      height: calc(100% - 200px);
    }

    .item-grid {
      grid-template-columns: unset;
    }

    .eu-cookie-bar-notification .buttons-more {
      justify-content: center;
    }
  }

/* New Footer Styling */
.footer-block .fourth-footer-col {
  padding: 20px 22px;
}

.fourth-footer-col ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 768px) {
  .fourth-footer-col {
    flex-direction: column; 
    gap: 30px; 
    align-items: center; 
  }

  .payment-methods-col,
  .shipping-methods {
    text-align: center; 
    width: 100%; 
  }

  .fourth-footer-col ul {
    justify-content: center;
    gap: 15px; 
  }
}

@media (max-width: 768px) {
  .footer-upper {
    display: flex;
    flex-direction: column;
  }

  .first-footer-col {
    order: 3; /* Move to third position */
  }

  .sec-footer-col {
    order: 2; /* Keep in the middle */
  }

  .third-footer-col {
    order: 1; /* Move to first position */
  }
}