@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */
    .logo-new {
        width:60%;
    }
}
@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .logo-new {
        width: 50%;
    }
}

@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .logo-new {
        width: 40%;
    }
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
    .logo-new {
        width: 35%;
    }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
    .logo-new {
        width: 25%;
    }
}