@media (max-width: 1024px) {

}

@media (max-width: 991.98px) {
  .center-menu  .menu {
    padding-left: 0;
    gap: 0px;
  }

  .center-menu .menu li {
    margin-right: 0;
  }
}

@media (min-width: 771px) and (max-width: 991.98px) {
  .toscanas--img__logo {
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;
    position: relative;
    z-index: 9;
  }

  .toscanas .content {
    padding-left: 70px;
    padding-right: 70px;
  }

  .toscanas--empaque {
    width: 100% !important;
    max-width: 100%;
    position: relative;
    top: 200px;
  }

  .toscanas--col {
    position: relative;
    z-index: 9;
  }

  .section p {
    max-width: 510px;
    font-size: 20px;
  }

  .toscanas--button, .doraditas--button, .marias--button, .betunadas--button
  .animalitos--button, .tapatias--button {
    font-size: 20px;
    height: 45px;
    width: 160px;
  }

  .doraditas .content {
    padding-left: 70px;
    padding-right: 70px;
  }

  .doraditas--img__logo {
    position: relative;
    z-index: 9;
  }

  .doraditas-right {
    right: 0;
  }

  .doraditas--img {
    width: 100% !important;
    max-width: 100%;
  }

  .tapatias--col {
    order: 1;
  }

  .tapatias--img.img2 {
    order: 2;
  }

  .tapatias .content {
    padding-left: 70px;
    padding-right: 70px;
  }

  .tapatias--img__logo {
    position: relative;
    z-index: 9;
  }

  .tapatias-right {
    left: inherit;
    right: 0;
  }

  .tapatias--img {
    width: 100% !important;
    max-width: 100%;
  }

  .marias--col {
    order: 1;
  }

  .marias--img {
    order: 2;
  }

  .marias .content {
    padding-left: 70px;
    padding-right: 70px;
  }

  .marias--img {
    width: 100% !important;
    max-width: 100%;
  }

  .marias--empaque {
    position: relative;
    top: -100px;
  }

  .marias-left {
    left: -30px;
    max-width: 380px;
    width: 100% !important;
    height: auto !important;
    top: -80px;
  }

  .marias-right {
    right: 0;
    top: -100px;
    max-width: 300px;
  }

  .betunadas .content {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 0px;
  }

  .betunadas--col {
    padding-left: 0px;
    padding-right: 0;
    padding-top: 0px;
    order: 1;
    position: relative;
    z-index: 9;
    width: 100%;
  }

  .betunadas--row {
    display: flex;
    flex-wrap: wrap;
  }

  .betunadas--div__pack {
    width: 100%;
    flex: 1 100%;
    order: 2;
  }

  .betunadas--img.betunadas--order__2 {
    order: 2;
  }

  .betunadas--img__logo {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;
    position: relative;
    z-index: 9;
  }

  .betunadas--img__3.img--desk {
    right: 0;
    left: inherit;
  }

  .betunadas--img.img--desk {
    position: relative;
    top: 70px;
    z-index: 9;
  }

  .betunadas--img__3.img5.img--desk {
    display: none;
  }

  .animalitos--row {
    flex-wrap: wrap;
  }

  .animalitos.section {
    z-index: 9;
  }

  .animalitos--row div {
    order: 2;
  }

  .animalitos--row .animalitos--col {
    order: 1;
    padding: 0;
  }

  .animalitos--col, .animalitos--row div {
    max-width: 100%;
    width: 100%;
  }

  .animalitos .content {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 70px;
  }

  .animalitos--img__logo {
    max-width: 100%;
  }

  .animalitos-right {
    width: 100% !important;
    height: auto !important;
    max-width: 300px;
    position: absolute;
    right: -50px;
  }

  .animalitos-right__2.img8 {
    bottom: -500px;
    right: -0px;
    max-width: 200px;
  }

  .animalitos--img {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    transition: transform 0.5s ease;
  }

  .empaques {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 70px;
  }

  .footer--div__redes {
    bottom: 10px;
  }

}

@media (max-width: 771px) {
  /* Menú */
  

  /* Slider */
  .slider {
    padding-top: 0px;
    background-color: #8e45a7;
  }

  .content {
    padding: 60px;
  }

  /* TOSCANAS */
  .toscana-left {
    max-width: 130px;
  }

  .toscana-right {
    max-width: 125px;
  }

  .img--toscana__top {
    top: -8px;
  }

  .toscanas--img {
    max-width: 100%;
    margin-top: 50px;
  }

  .toscanas .content, .doraditas .content, .tapatias .content, .marias .content, .betunadas .content, .animalitos .content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .toscanas--col {
    position: relative;
    z-index: 99999999;
  }

  .toscanas--empaque {
    position: relative;
    bottom: -100px
  }
  
  /* DORADITAS */
  .doraditas-left {
    max-width: 130px;
  }

  .doraditas-right {
    max-width: 125px;
  }

  .img--doraditas__top {
    top: -80px;
    right: 0;
  }

  .doraditas--img {
    max-width: 100%;
  }

  .doraditas--col {
    position: relative;
    z-index: 99999;
  }

  .doraditas--empaque {
    position: relative;
    bottom: -100px
  }
  
  /* TAPATIAS */
  .tapatias-left {
    max-width: 130px;
  }

  .img--tapatias__top {
    top: -50px;
  }

  .tapatias-right {
    max-width: 125px;
    top: 0;
  }

  .tapatias-right-2 {
    max-width: 100px;
    top: 0;
  }

  .tapatias--img {
    max-width: 100%;
  }

  .tapatias--col {
    order: 1;
    position: relative;
    z-index: 9;
    padding-bottom: 65px;
  }

  .tapatias--img.img2 {
    order: 2;
  }

  /* MARIAS */
  .marias-left {
    max-width: 220px;
    left: 0;
  }

  .marias .content {
    padding-top: 60px;
  }

  .img--marias__top {
    top: -50px;
  }

  .marias-right {
    max-width: 200px;
    top: 0;
    right: 0;
  }

  .marias--img {
    max-width: 100%;
  }

  .marias--img__logo {
    max-width: 280px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
  }

  .marias--img.img2 {
    order: 2;
  }

  .marias--col {
    order: 1;
    position: relative;
    z-index: 20;
    width: 100%;
    padding-right: 50px;
  }

  .marias--empaque {
    position: relative;
    bottom: -50px;
  }
  
  /* BETUNADAS */
  .betunadas {
  }

  .betunadas--row {
    display: flex;
    flex-wrap: wrap;
  }

  .img--betunadas__top {
    top: -50px;
  }

  .betunadas-left {
    max-width: 220px;
    left: 0;
    top: -100px;
  }

  .betunadas-right {
    max-width: 150px;
    top: -50px;
    right: 0;
  }

  .betunadas--img {
    max-width: 100%;
    padding-left: 0;
    max-width: 500px;
  }

  .betunadas--img__3 {
    position: absolute;
    left: initial;
    right: 0;
    top: initial;
    bottom: -100px;
    max-width: 180px;
  }

  .betunadas .content {
    padding: 0;
    padding-top: 50px;
  }

  .betunadas--col {
    padding: 0 30px;
    order: 1;
    position: relative;
    z-index: 99999;
    width: 100%;
  } 

  .betunadas--order__2 {
    order: 2;
  }

  .betunadas--img__logo {
    max-width: 300px;
    margin: 0 auto;
    display: block;
  }
  
  .betunadas .img--desk, .betunadas .img--desk {
    display: none;
  }

  .betunadas--img__logo {
    max-width: 200px;
  }

  .betunadas--col {
    order: 1;
  }

  .betunadas--div__pack {
    order: 2;
  }

  .betunadas--img.img--mobile {
    order: 2;
    position: relative;
    bottom: -50px;
  }

  /* ANIMALITOS */
  .animalitos {
    z-index: 9;
    padding: 0;
  }

  .img--animalitos__top {
    top: -50px;
  }

  .animalitos-left {
    max-width: 220px;
    left: 0;
    top: -100px;
  }

  .animalitos-right {
    max-width: 260px;
    top: inherit;
    right: 0;
    bottom: 0;
    transform: none;
    left: initial;
    margin: 0 auto;
    display: block;
  }

  .animalitos--img {
    max-width: 100%;
    max-width: 300px;
  }

  .animalitos--row {
    flex-wrap: wrap;
  }

  .animalitos-left__2 {
    max-width: 180px;
    display: none;
  }

  .animalitos-right__2 {
    margin-top: 20px;
    max-width: 200px;
  }

  .animalitos--order__2 {
    order: 2;
  }

  .animalitos .img1 {
    display: none;
  }

  .animalitos .content {
    padding-bottom: 0px;
    padding-top: 100px;
  }
  
  .animalitos-right__2 {
    display: none;
  }

  .animalitos--img__logo {
    margin: 0 auto;
    display: block;
  }

  .img--mobile {
    display: block;
  }
  
  .img--desk {
    display: none;
  }

  .animalitos-right.img5 {
    order: 2;
  }

  .animalitos--row div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .animalitos--p, .animalitos--button, .animalitos--img.animalitos--img__logo{
    order: 1;
    display: flex;
    flex-wrap: wrap;
  }

  .animalitos--col {
    padding-top: 0px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    order: 1;
    max-width: 100%;
  }

  .animalitos--camello {
    position: absolute;
    top: -300px;
  }

  .animalitos--empaque {
    position: relative;
    left: 0;
    top: 120px;
    max-width: 100%;
  }

  /* SOCIOS */
  .socios {
    padding: 100px 0;
  }

  .socios--grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 315px;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  /* FORMULARIO */
  .formulario {
    padding: 160px 50px;
  }

  .formulario--reorder .form-group{
    justify-content: center !important;
    padding: 0;
  }

  .formulario--grid__datos {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }

  .form-control {
    margin-bottom: 10px !important;
  }
  

  /* EMPAQUES */
  .empaques {
    padding: 50px 15px 0 15px;
  }

  /* FOOTER */
  .footer--logo {
    position: relative;
    margin-bottom: 10px;
  }

  .footer--p__legales {
    font-size: 15px;
    max-width: 260px;
    margin: 0 auto;
  }

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

  .footer--div:first-child {
    flex-grow: inherit;
    order: 2;
    width: 100%;
  }

  .footer--div__redes {
    position: relative;
    order: 1;
    width: 100%;
  }

  .footer--ul {
    display: flex;
    list-style: none;
    gap: 20px;
    align-items: center;
    padding: 0;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 5px;
  }

  /*Productos*/
  .productosTitulo--p span{
    font-size: 30px;
  }
  
  .productosTitulo--p {
    font-size: 50px;
  }

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

  /* Detalle Producto */
  .descripcion--img__bottom, .descripcion--img__top {
    margin-top: 0;
  }

  .descripcion--h1 {
    font-size: 30px;
    margin-bottom: 0;
  }

  .descripcion--h1 span, .descripcion--h2 span {
    font-size: 40px;
  }

  .descripcion--h2 { 
    font-size: 40px;
  }

  #nutrimental {
    width: 100% !important;
    height: auto !important;
    max-width: 400px;
  }

  .descripcion--div__order2 {
    order: 1;
  }

  /* Historia */
  .inicios--div {
    margin-bottom: 20px;
  }

  .inicios--img {
    margin-top: 30px;
  }

  .tercera {
    padding-top: 0px;
  }

  .tercera--col {
    order: 2;
  }

  .inicios--img__big {
    max-width: 300px;
  }

  .union--col__img {
    padding-top: 35px;
  }

  .union--img__logo {
    position: relative;
  }
  
  .maribel--row:last-child {
    padding: 0;
  }

  .maribel--img__tapatias {
    top: 0
  }

  .section-5 {
    padding: 30px 0 0 0;
  }

  .variedad--h2 {
    font-size: 20px;
  }

  .maribel--img {
    margin-bottom: 0px;
  }

  .maribel--col {
    order: 2;
  }

  .maribel--col__maribel {
    order: 1;
    padding-bottom: 20px;
  }

  .maribel--img__cafe {
    margin-bottom: 50px;
  }

  .union--row {
    padding-top: 30px;
  }

  .maribel--h2, .union--h2, .inicios--h2, .antonio--h2 {
    font-size: 35px;
  }

  .antonio {
    padding: 75px 0 80px 0;
  }

  .antonio--img__trigo {
    position: absolute;
    top: 0;
    left: -20px;
    max-width: 215px;
  }

  .antonio--img__tapatia {
    bottom: -55px;
    max-width: 120px;
  }

  .inicios--p {
    font-size: 16px;
  }

  .inicios--p span {
    font-family: 'quicksand-b';
    font-size: 18px;
  }

  .inicios--img__1950 {
    max-width: 100px;
    margin-left: 50px;
  }

  .historia-page .bg-fixed.fixed-top .navbar--collapse {
    background-color: transparent
  }

  /* Recetas */
  .instrucciones--row {
    grid-template-columns: repeat(1, 1fr);
  }

  .detalle-receta .recetas--principal {
    padding-top: 80px;
  }

  .recipe-info {
    padding-left: 15px;
    padding-bottom: 15px;
  }

  .recipe-title {
    font-size: 1.5rem;
  }

  .contenedor-volver p {
    font-size: 14px;
  }

  .recetas--h1 {
    font-size: 40px;
  }

  .recetas--h1 span {
    font-size: 60px;
  }

  .recetas--container {
    padding: 150px 0 20px 0;
  }

  .recetas--principal {
    padding: 0;
  }

}