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){ }
/*=============================================
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.