Hola no se si te ayude de algo pero dentro de tu CSS ajustalo por el tamaño del dispositivo 

/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

AQUI COLOCAS CONFIGURACION PARA ESCRITORIO GRANDE
}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){
}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){
}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){
}

Dentro de cada bloque haces la configuracion que consideres pertinente de esta manera tienes un diseño responsivo espero que te sirva