Sticky header mobile css and I lose the other css

Hi. A very strange problem happens, I wasted a lot of time but I couldn’t solve it: I have to fix the sticky header on mobile, but if I use css https://kriesi.at/documentation/enfold/header/#sticky-header-on-mobile

/* STICKY HEADER MOBILE */
.html_header_top.html_header_sticky #header {
position: fixed !important;
}
@media only screen and (max-width: 767px) {
.responsive #main {
padding-top: 200 !important;
}
}
the desktop site loses all the css: in particular the index page, as shown in the image

https://trikego.com/
Thanks a lot. Bruno