@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
          /*Todo lo que añadamos dentro de los corchetes solo se aplicará si la pantalla es de 700px o menos.*/
          .left{
            max-width: 204px;
            max-height: 107px;

          }

          .productos_recomendados{
            max-width: 180px;
            max-height: 96px;

          }


                 .cards_productos{
    width: 50%;
  }


         .cards_recomendado{
            width: 100%;
          }

         .imagenes_bloque{
            height: auto;
            width: auto;;
            max-height: 82px;
            display:block;
            margin: auto;
         }



        }
        @media only screen and (min-width : 321px) and (max-width : 376px) {
          /*Todo lo que añadamos dentro de los corchetes solo se aplicará si la pantalla es de 700px o menos.*/
          .left{
            max-width: 250px;
            max-height: 132px;

          }
           .productos_recomendados{
            max-width: 204px;
            max-height: 107px;

          }
                 .cards_productos{
    width: 50%;
  }
   .cards_recomendado{
            width: 100%;
          }
          .imagenes_bloque{
            height: auto;
            width: auto;
            max-height: 111px;
            display:block;
            margin: auto;
         }
        }


        @media only screen and (min-width : 377px) and (max-width : 501px) {
          /*Todo lo que añadamos dentro de los corchetes solo se aplicará si la pantalla es de 700px o menos.*/
          .left{
            max-width: 300px;
            max-height: 157px;

          }
           .productos_recomendados{
            max-width: 214px;
            max-height: 110px;

          }
                 .cards_productos{
    width: 50%;
  }
   .cards_recomendado{
            width: 100%;
          }
          .imagenes_bloque{
            height: auto;
            width: auto;
            max-height: 125px;
            display:block;
            margin: auto;
         }
        }


        @media only screen and (min-width : 502px) and (max-width : 768px) {
          /*Todo lo que añadamos dentro de los corchetes solo se aplicará si la pantalla es de 700px o menos.*/
          .left{
            max-width: 350px;
            max-height: 186px;

          }
           .productos_recomendados{
            max-width: 212px;
            max-height: 125px;

          }
                 .cards_productos{
    width: 33%;
  }
   .cards_recomendado{
            width: 100%;
          }
          .imagenes_bloque{
            height: auto;
            width: auto;
            max-height: 124px;
            display:block;
            margin: auto;
         }

          .padding_de_los_lados_pc{
            padding-right: 2rem!important;
            padding-left: 2rem!important;
          }
          
        }



         @media only screen and (min-width : 769px) and (max-width : 1100px) {
          /*Todo lo que añadamos dentro de los corchetes solo se aplicará si la pantalla es de 700px o menos.*/
          .left{
            max-width: 450px;
            max-height: 236px;

          }
           .productos_recomendados{
            max-width: 221px;
            max-height: 120px;

          }

                 .cards_productos{
    width: 25%;
  }
   .cards_recomendado{
            width: 50%;
            padding-right: 1.5rem !important;
          }
          .imagenes_bloque{
            height: auto;
            width: auto;
            max-height: 122px;
            display:block;
            margin: auto;
         }

          .padding_de_los_lados_pc{
           padding-right: 3rem!important;
           padding-left: 3rem!important;
          }
        }



         @media only screen and (min-width : 1101px) and (max-width : 2000px) {
          /*Todo lo que añadamos dentro de los corchetes solo se aplicará si la pantalla es de 700px o menos.*/
          .left{
            max-width: 475px;  
            max-height: 255px;

          }
           .productos_recomendados{
            max-width: 315px;
            max-height: 155px;

          }

                 .cards_productos{
    width: 20%;
  }
  .cards_recomendado{
            width: 50%;
          padding-right: 0.7rem !important;
          }
          .imagenes_bloque{
            height: auto;
            width: auto;
            max-height: 140px;
            display:block;
            margin: auto;
         }

          .padding_de_los_lados_pc{
            padding-right: 4rem!important;
            padding-left: 4rem!important;
          }
        }
        
        
@media only screen and (min-width : 1px) and (max-width : 800px) {
        .imagen_publicidad{
             width: 100%;
        }
}
 @media only screen and (min-width : 800px) and (max-width : 2000px) {
        .imagen_publicidad{
            height: auto;
            width: auto;
            max-height: 70px;
            display:block;
            margin: auto;
        }
}