@media (min-width: 1023px) {
  body {
    position: relative;
  }

  .desktop-menu {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 10px;
    top: 6px;
  }
  .desktop-menu {
    top: 12.25px;
    right: 14px;
  }
  .menu-section {
    background: #00b742;
    padding: 17px 50.7px;
    box-shadow: 0px 12.5px 25px 0px rgba(0, 183, 66, 0.25);
  }

  .desktop-menu a:first-of-type .menu-section {
    border-radius: 12.5px 0px 0px 12.5px;
  }

  .desktop-menu a {
    appearance: none;
    text-decoration: none;
    color: #fff;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 29.167px;
  }
  .body-homepage .mobile-navbar-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* max-width: calc(100% - 10px - 10px); */
    width: 100%;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    position: relative;
  }
  .main-logo img {
    /* width: 43.877px; */
    width: 90px;
    height: 68.75px;
  }
  .body-homepage .main-logo {
    top: 4px;
    margin-left: -3px;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .body-homepage .main-logo {
    margin-left: 10px;
    border-radius: 0px 0px 5000px 5000px;
  }
  .main-logo {
    margin-top: -4px;
    margin-left: 7px;
  }
  .main-logo {
    display: inline-flex;
    padding: 20px 20px 25px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 0px 0px 37.55px 37.55px;
    background: #fff;
    position: absolute;
    top: 0;
  }
  .desktop-menu a:last-of-type .menu-section {
    border-radius: 0px 12.5px 12.5px 0px;
  }
  .navbar-buttons button {
    visibility: hidden;
  }
  .body-homepage .navbar {
    margin-bottom: 15px;
  }
  .body-homepage .mobile-navbar-content {
    padding: 16px;
  }
  .body-homepage .section-home.green-section {
    margin-bottom: 95px;
    max-width: 89.5%;
    align-self: center;
    padding: 67px;
  }
  .how-to-order.green-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 66px;
  }
  .how-to-order.green-section h2 {
    color: #fff;
    margin-bottom: 46px;
    font-family: "Fira Sans";
    font-size: 37.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 42.5px;
  }
  .section-home .order-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .section-home.how-to-order .txt-order.order-desc {
    margin-bottom: 30px;
  }
  .how-to-order.green-section .txt-order {
    color: #fff;
    margin-bottom: 10px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
  }
  .section-home.how-to-order .steps {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .section-home.how-to-order .steps {
    align-items: center;
    max-width: 81%;
    gap: 4px;
  }
  .how-to-order.green-section .step {
    color: #fff;
    text-align: center;
    gap: 20px;
    font-family: "Fira Sans";
    font-size: 25px;
    font-style: italic;
    font-weight: 700;
    line-height: 31.25px;
  }
  .body-homepage .reviews-content.multiple-reviews {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: calc(100% + 25px);
  }
  .body-homepage .reviews-content.multiple-reviews {
    justify-content: center;
    width: 100%;
    gap: 12.5px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .body-homepage .product-page .reviews-content.multiple-reviews,
  .body-homepage #caini-de-vanzare .reviews-content.multiple-reviews{
    display: flex;
  }
  .body-homepage .review {
    padding: 37.5px;
    /* max-height: 354px; */
    max-height: 100%;
    height: 100%;
  }
  .body-homepage .review {
    /* height: 284px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px;
    padding: 30px;
    position: relative;
    margin-right: 10px;
  }
  .tracks {
    margin-bottom: 15px;
  }
  .review .tracks img {
    width: 18px;
    height: 15px;
  }
  /* .txt-review p {
    max-height: 150px;
  } */
  .txt-review p {
    color: #595959;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: italic;
    font-weight: 500;
    line-height: 29.125px;
    /* overflow: auto; */
  }
  .body-homepage .review .txt-review{
    padding-bottom: 30px;
  }
  .body-homepage .review .person-name {
    color: #595959;
    text-align: right;
    font-family: Satoshi;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 31.25px;
    padding: 0px;
    position: absolute;
    bottom: 20px;
    right: 37px;
  }
  .body-homepage .review .person-name {
    width: 100%;
    text-align-last: end;
  }
  .route-map {
    margin-top: 24px;
    align-self: flex-start;
    color: #595959;

    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 31.25px; /* 208.333% */
  }
  .route-map a {
    text-decoration: none;
  }
  .body-homepage .section-home.green-section.contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .body-homepage .section-home.green-section.contact h2 {
    color: #fff;
    font-family: "Fira Sans";
    font-size: 37.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 42.5px;
  }
  .section-home.contact .buttons-contact {
    flex-direction: row;
    gap: 15px;
  }
  .section-home.contact .contact-btn a {
    color: #00b742;
    appearance: none;
    gap: 39px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.25px;

    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
  }
  .section-home.contact .contact-btn span {
    height: 68.5px;
    width: 68.5px;
  }
  .section-home.contact .contact-btn span img {
    height: 68.5px;
    width: 68.5px;
  }

  .section-home.contact .contact-btn {
    border-radius: 10px;
    background-color: #ebfff2;
    display: flex;
    padding: 0px 0 0px 22px;
    justify-content: center;
    align-items: center;
    max-width: 312px;
  }
  footer {
    background-color: #00b742;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -538px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 55px;
  }
  .footer-links {
    color: #fff;
    font-family: Satoshi;
    font-size: 18.75px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.25px;
    display: flex;
    gap: 39px;
    margin-bottom: 48px;
  }
  .right,
  .left {
    display: flex;
    gap: 50px;
    margin-top: 20px;
    margin-bottom: 54px;
  }
  .footer-links a {
    color: #fff;
    font-family: Satoshi;
    font-size: 18.75px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.25px;
  }
  a {
    appearance: none;
    text-decoration: none;
  }
  .body-homepage .btn-more-breeds img {
    width: 5.543px;
    height: 11.086px;
  }
  .body-homepage .btn-more-breeds {
    color: #fff;
    padding: 31.25px 25.5px;
    gap: 23.5px;

    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 29.167px; /* 166.667% */
  }

  .copyright {
    color: #fff;
    margin-bottom: 20px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.25px;
  }
  .legal {
    position: relative;
    width: 350px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 90px;
    padding: 20px;
    padding-bottom: 13px;
    margin-bottom: 70px;
  }
  .fci {
    margin-right: 14px;
    height: 101.62px;
  }
  .anpc {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 179.77px;
    height: 44.58px;
  }
  .litigii {
    width: 179.77px;
    height: 44.58px;
    position: absolute;
    bottom: 26px;
    right: 25px;
  }
  .desktop-menu .menu-section:hover,
  .btn-see-more:hover {
    /* text-shadow: 1px 1px 2px rgb(80, 80, 80); */
    box-shadow: none;
    cursor: pointer;
  }

  .tb button:hover {
    cursor: pointer;
    box-shadow: none;
  }

  /* .menu-section:hover {
  } */
  input.search-text:focus {
    outline: none;
  }

  .item-waist:hover {
    cursor: pointer;
  }
  .item-waist:hover button {
    box-shadow: none;
  }
  .btn-see-more:hover,
  .card:hover {
    cursor: pointer;
    box-shadow: none;
  }
  /* .txt-review p {
    max-height: 150px;
  } */
  a:hover {
    cursor: pointer;
  }
  a {
    appearance: none;
    text-decoration: none;
  }
  .route-map {
    margin-top: 24px;
    align-self: flex-start;
    color: #595959;
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 31.25px;
  }
  .route-map a {
    text-decoration: none;
    color: #595959;
  }
  .main-flex-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .title-div h1 {
    color: #00b742;
    font-family: "Fira Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 56.25px;
  }
  .body-homepage .section-home.green-section {
    margin-bottom: 95px;
    max-width: 89.5%;
    align-self: center;
    padding: 67px;
  }
  .green-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 66px;
    width: 100%;
  }
  .second-title-green {
    text-align: center;
    color: #00b742;
    font-family: "Fira Sans";
    font-size: 37.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 37.5px;
    margin-bottom: 70px;
    margin-top: 40px;
  }
  input {
    width: 100%;
    border-radius: 10px;
    background: #f0f0f0;
    color: #595959;
    padding: 20px 0px;
    border: none;
    text-indent: 20px;
    text-align: left;
    border-radius: 12.5px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 29.167px; /* 166.667% */
  }
  label {
    color: #595959;

    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 29.167px; /* 194.444% */
  }

  .contact-button-large {
    border-radius: 12.5px;
    background: #00b742;
    box-shadow: 0px 12.5px 25px 0px rgba(0, 183, 66, 0.25);
  }
  .form-button {
    border-radius: 12.5px;
    background: #00b742;
    box-shadow: 0px 12.5px 25px 0px rgba(0, 183, 66, 0.25);
  }
  select:focus {
    outline: none;
  }
  input:focus {
    appearance: none;
    outline: none;
  }

  .content-5 .pay-button,
  .order-form .pay-button {
    width: fit-content;
    margin: 60px auto 0 auto;
    display: flex;
    gap: 33px;
    padding: 0px;
    padding-left: 33px;
    color: #fff;

    font-family: Satoshi;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.25px; /* 156.25% */
    border-radius: 12.5px;
    background: #ff9500;
    box-shadow: 0px 12.5px 25px 0px rgba(255, 149, 0, 0.2);
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  .place-order .content-5 a{
    width: fit-content;
  }

  .content-5 .pay-button span,
  .order-form .pay-button span {
    display: flex;
    width: 75px;
    height: 75px;
    justify-content: center;
    align-items: center;
    border-radius: 0px 12.5px 12.5px 0px;
    background: #ffa01a;
  }
  .content-5 .pay-button span img,
  .order-form .pay-button span img {
    width: 8.815px;
    height: 15px;
    flex-shrink: 0;
  }
  .btn-see-more:hover,
  .card:hover,
  .btn-more-breeds:hover,
  .contact-button-large:hover,
  .form-button:hover,
  .pay-button:hover,
  .order-btn:hover {
    cursor: pointer;
    box-shadow: none;
  }
}