/*
    *hoja de estilos para definir diseño responsivo en las paginas de visualizar los prodcutos por una marca especifica
 */

/*
    *hoja de estilos para definio elementos adicionales en el detalle de los prpductos agregados (products overview) para un diseño responsivo
 */
.img-extra-brand {
    width: 200px;
    float: right;
    margin-top: -9%;
}

@media (max-width: 1300px) {
    .img-extra-brand {
        margin-top: -100px !important;
    }
}

@media (max-width: 800px) {
    .img-extra-brand {
        margin-top: -100px !important;
    }
}

@media (max-width: 700px) {
    .img-extra-brand {
        /*width: 40% !important;*/
        margin-top: -100px !important;
    }
}

@media (max-width: 500px) {
    .img-extra-brand {
        /*width: 40% !important;*/
    }
}

@media (max-width: 450px) {
    .img-extra-brand {
        width: 160px !important;
        margin-top: -30px !important;
        float: left; !important;
    }
}

@media (max-width: 375px) {
    .img-extra-brand {
        width: 160px !important;
        margin-top: -30px !important;
    }

    .container-img-extra-brand {
        float: left !important;
    }
}