@media (max-width:1300px)
{
    #inicio, #marcas, #nosotros, #productos, #contacto
    {
        padding: 40px 120px;
    }
    #menuLateral
    {
        font-size: 13px;
    }
    #nosotros p
    {
        font-size: 22px;
    }
    #contProd a
    {
        width: 15%;
        margin: 20px 2px;
    }
    #contProd a span
    {
        font-size: 16px;
    }
}

@media (max-width:1180px)
{
    #nosotros p
    {
        font-size: 18px;
    }
    #marcas img
    {
        width: 120px;
    }
    #infoContacto h3
    {
        font-size: 28px;
    }
    #buttonsSubmit span
    {
        float: none;
        display: block;
        margin: 10px 0;
    }
}

@media (max-width:1100px)
{
    #nosotros h2, #marcas h2, #productos h2, #contacto h2
    {
        font-size: 36px;
    }
    #inicio p
    {
        font-size: 42px;
        margin: 180px 0;
    }
    #contProd a span
    {
        font-size: 14px;
    }
}

@media (max-width:1000px)
{
    #inicio, #marcas, #nosotros, #productos, #contacto
    {
        padding: 40px 105px;
    }
    #menuLateral
    {
        font-size: 12px;
    }
    .balls
    {
        width: 14px;
        height: 14px;
        margin-right: -5px;
    }
    #contProd a span
    {
        font-size: 12px;
    }
    #infoContacto
    {
        width: 100%;
        text-align: left;
    }
    #formContacto
    {
        margin: 20px 0 50px 0;
        width: 100%;
    }
    #buttonsSubmit span
    {
        float: left;
        display: inline-block;
        margin: 0;
    }
}
@media (max-width:940px)
{
    #marcas img
    {
        width: 150px;
    }
}

@media (max-width:820px)
{
    #contProd a
    {
        display: inline-block;
        width: 30%;
    }
    #contProd a span
    {
        font-size: 20px;
    }
    #buttonsSubmit span
    {
        float: none;
        display: block;
        margin: 10px 0;
    }
}

@media (max-width:750px)
{
    #inicio, #marcas, #nosotros, #productos, #contacto
    {
        padding: 40px 40px;
    }
    #menuLateral
    {
        display:none;
    }
    #inicio p
    {
        font-size: 34px;
        margin: 150px 0;
    }
}

@media (max-width:700px)
{
    section
    {
        padding:0px 0px 100px 0px;
    }
    #inicio, #marcas, #nosotros, #productos, #contacto
    {
        padding: 20px 30px;
    }
    #backgroundCont
    {
        background: url("../imagenes/fondoSM.png");
        background-position: center;
    }
    #nosotros
    {
        background: url("../imagenes/fondoNosotrosSM.png");
    }
    #productos
    {
        background: linear-gradient(#1f4199, #2b58d0);
    }
    #contProd a
    {
        margin: 30px 2px;
    }
    #contProd a span
    {
        font-size: 16px;
        bottom: -60px;
        opacity: 1;
    }
    #contProd img
    {
        width: 100%;
        transition: 0.2s all;
        opacity: 1;
    }
    #contProd .imagenProductos:hover img
    {
        opacity: 1;
    }
    #verTodos a
    {
        margin: 10px;
    }
    
}

@media (max-width:600px)
{
    #marcas img
    {
        margin: 20px;
    }
}

@media (max-width:500px)
{
    #inicio p
    {
        font-size: 32px;
        margin: 120px 0;
    }
    #nosotros h2, #marcas h2, #productos h2, #contacto h2
    {
        font-size: 32px;
    }
    #nosotros p
    {
        font-size: 16px;
    }
    #marcas img
    {
        margin: 10px;
    }
    #contProd a
    {
        width: 45%;
        margin: 30px 5px;
    }
    #verTodos a
    {
        margin: 10px 0;
        width: 100%;
    }
    #buttonsSubmit .btn
    {
        margin: 10px 0;
        width: 49%;
    }
}

@media (max-width:425px)
{
    #inicio, #marcas, #nosotros, #productos, #contacto
    {
        padding: 20px;
    }
    #nosotros h2, #marcas h2, #productos h2, #contacto h2
    {
        font-size: 26px;
        margin-bottom: 20px !important;
    }
    #inicio p
    {
        font-size: 24px;
    }
    #marcas img
    {
        width: 120px;
    }
    #nosotros p
    {
        font-size: 14px;
    }
    #contacto p
    {
        font-size: 13px;
    }
    #contacto b
    {
        font-size: 15px;
    }
    #contacto h3
    {
        font-size: 22px;
    }
    .contactoSM
    {
        width: 100% !important;
    }
}

@media (max-width:350px)
{
    #inicio, #marcas, #nosotros, #productos, #contacto
    {
        padding: 10px;
    }
    #marcas img
    {
        width: 100px;
    }
    #buttonsSubmit .btn
    {
        width: 48%;
    }    
}