@media (max-width: 1199px) {
}

@media (max-width: 1234px) {
  .box-products .image-left .description {
    width: 800px;
    height: 260px;
  }

  .box-products .image-right .description {
    width: 800px;
    height: 260px;
  }

  .box-products .description h2 {
    font-size: 22px;
    line-height: 140%;
  }
  .box-products .description p {
    font-size: 12px;
    line-height: 18px;
  }

  #app > section.box-products > div > div > div.description.container > div {
    justify-content: center;
  }

  .box-products img.product {
    height: 320px;
  }
}

@media (max-width: 991px) {
  .box-products .image-left .description {
    height: 260px;
  }
  .box-products .image-right .description {
    height: 230px;
    margin: 15px -60px 0 0px;
  }
  .btn.btn-orange {
    width: 150px;
    height: 27px !important;
    padding: 12px 22px;
  }

  a.btn.btn-orange {
    justify-content: left;
  }
}

@media (max-width: 875px) {
  .box-products .image-left .description {
    padding: 15px;
}
}

@media (max-width: 769px) {
  .box-products {
    gap: 40px;
  }
  .box-products .container.flex {
    flex-direction: column;
  }
  #app > section.box-products > div:nth-child(2) > div, 
  #app > section.box-products > div:nth-child(4) > div, 
  #app > section.box-products > div:nth-child(6) > div, 
  #app > section.box-products > div:nth-child(8) > div, 
  #app > section.box-products > div:nth-child(10) > div {
    flex-direction: column;
  }

  #app > section.box-products > div:nth-child(2),
  #app > section.box-products > div:nth-child(4), 
  #app > section.box-products > div:nth-child(6), 
  #app > section.box-products > div:nth-child(8), 
  #app > section.box-products > div:nth-child(10) {
    background: #f2f4f7;
    box-shadow: none;
    padding: 36px 60px;
    margin: 0;
  }

  #app > section.box-products > div:nth-child(2) > div > div.description.container,
  #app > section.box-products > div:nth-child(4) > div > div.description.container,
  #app > section.box-products > div:nth-child(6) > div > div.description.container,
  #app > section.box-products > div:nth-child(8) > div > div.description.container,
  #app > section.box-products > div:nth-child(10) > div > div.description.container {
    background: #f2f4f7;
    
  }

  #app > section.box-products > div:nth-child(2) > div > div.description.container,
  #app > section.box-products > div:nth-child(4) > div > div.description.container,
  #app > section.box-products > div:nth-child(6) > div > div.description.container,
  #app > section.box-products > div:nth-child(8) > div > div.description.container,#app > section.box-products > div:nth-child(2) > div > div.description.container,
  #app > section.box-products > div:nth-child(10) > div > div.description.container {
    width: auto!important;
  }


  .box-products .image-left .description {
    width: 100%;
    margin: 0;
  }

  .box-products .image-right .description {
    width: 100%;
    margin: 0;
  }

  .box-products img.product {
    margin: 0 auto;
    display: flex;
  }

  .box-products .image-right img.product {
    float: none;
  }

  .box-products .image-left .description {
    background: #ffffff;
    box-shadow: none;
    padding: 0;
    margin: 0;
  }

  .image-left {
    background: #ffffff;
    padding-top: 24px;
  }

  .image-right {
    background: #f2f4f7;
    padding: 24px 0;
  }
  #app > section.box-products {
    height: auto!important;
  }

  #app > section.box-products > div:nth-child(1) {
    padding-top: 0px;
  }

  .box-products h2 {
    font-size: 24px;
    line-height: 36px;
    margin: 32px 0 16px 0;
  }

  .box-products .image-right .container.flex {
    flex-direction: column-reverse;
  }

  #app > section.box-products > div:nth-child(2) > div > div.description.container,
  #app > section.box-products > div:nth-child(4) > div > div.description.container,
  #app > section.box-products > div:nth-child(6) > div > div.description.container,
  #app > section.box-products > div:nth-child(8) > div > div.description.container,
  #app > section.box-products > div:nth-child(10) > div > div.description.container {
    padding: 0px !important;
  }
  .btn.btn-orange {
    width: 179px !important;
    height: 47px !important;
  }

  .box-products img.product {
    width: 100%;
    height: 400px;

}

#app > section.box-products > div:nth-child(2), #app > section.box-products > div:nth-child(4), #app > section.box-products > div:nth-child(6), #app > section.box-products > div:nth-child(8), #app > section.box-products > div:nth-child(10) {
  padding: 0!important;
}

#app > section.box-products > div:nth-child(2) > div,
#app > section.box-products > div:nth-child(4) > div,
#app > section.box-products > div:nth-child(6) > div,
#app > section.box-products > div:nth-child(8) > div,
#app > section.box-products > div:nth-child(10) > div {
  padding: 24px auto!important;
}

#app > section.box-products > div:nth-child(2) > div > div.col-lg-6,
#app > section.box-products > div:nth-child(4) > div > div.col-lg-6,
#app > section.box-products > div:nth-child(6) > div > div.col-lg-6,
#app > section.box-products > div:nth-child(8) > div > div.col-lg-6,
#app > section.box-products > div:nth-child(10) > div > div.col-lg-6  {
  margin-top: 24px;
}

#app > section.box-products > div:nth-child(2) > div > div.description.container, #app > section.box-products > div:nth-child(4) > div > div.description.container, #app > section.box-products > div:nth-child(6) > div > div.description.container, #app > section.box-products > div:nth-child(8) > div > div.description.container, #app > section.box-products > div:nth-child(2) > div > div.description.container, #app > section.box-products > div:nth-child(10) > div > div.description.container {
  width: auto!important;
  margin: 0 0 24px 0;
}

#app > section.box-products > div:nth-child(6) > div > div.description.container {
  margin: 0 0 56px 0;
}

.box-products .image-left .description p {
  width: 100%;
}
}

@media (max-width: 425px) {
  .box-products .description h2 {
    font-size: 24px;
    line-height: 36px;
  }

  .box-products .description {
    height: 250px !important;
  }

  .image-left {
    height: auto;
  }

  .image-right {
    height: auto;
    padding: 24px 0 54px 0;
  }

  .box-products img.product {
    width: 100%;
    height: 270px;
  }

  .box-products img.packing {
    width: 79px;
    height: auto;
    position: relative;
    margin-top: -80px;
    float: right;
    margin-right: 20px;
}

}

@media (max-width: 320px) {
  .box-products .description {
    height: 300px !important;
  }
}