Yo siento que te estas complicando demasiado... si lo que pretendes es mostrar una imagen en funcion al tamaño de pantalla, vas a terminar haciendo todo otra vez, trabajando el doble o triple solo por empeñarte y no querer hacer las cosas con CSS.
Cita: @media all and (max-width:650px) cuanto tengo que dejar de margen top, el padding y que altura tiene que tener para que se adapte al menu y parte del slide, etc...
Usa tu editor de imágenes y cambia el tamaño de tu diseño a 650px y obtendrás las nuevas medidas, o bien puedes manejar porcentajes.... por ejemplo si tu ancho total sera 1024px y tu elemento mide 300px + 15px margen
los 300px en porcentaje lo sacas haciendo una simple regla de 3
1024px = 100%
300px = ?
300/1024 = 0.29 x 100 = 29%
Aunque esto ya no es tanto un diseño responsivo sino fluido pero igual sirve bastante bien.