Пример CSS для разных разрешений
Пример:
@media (min-width: 1200px){
/*lg*/
}
@media (min-width: 992px) and (max-width:1199px){
/*md*/
}
@media (min-width: 768px) and (max-width: 991px){
/*sm*/
}
@media (max-width: 767px){
/*xs*/
}