[Resolved] CSS of a specific website translation not working

Guy you are having some issues when opening a ticket. The systems goes on a loop asking me to choose between the chat and the ticket (chat option does not load) and the ticket option brings me back to choose the category of the support I need and when I click on support, it brings me back to choose between chat and ticket.

Then, for some reason the chat opened and I started writing in the chat, the system blocked and forced me to send a ticket.

Anyway, the problem is that the css of the italian site is influencing the css of the english site.
Italian and english site have 2 separate and independent css pages.

This is the code I have in the italian site

See this /* Setting new position of Mega Menu */
#top #header .avia_mega_div {
right: -365px !important;
max-width: 1000px !important;
margin-right: 100% !important;
}

This is the code I have in the english site

See this /* Setting new position of Mega Menu */
#top #header .avia_mega_div {
right: -270px !important;
max-width: 1000px !important;
margin-right: 100% !important;
}

However, the english site is looking at the code I put in the italian site. This should not happen.

Why have I created the code for the 2 pages? because something wrong is happening at the beginning. The position of the mega menu in the italian website - without the newly added CSS code - is different than the position in the english site.

I believe there is a mis comunication when translating the website ITA / ENG

Could you please help? I hope everything is clear.

Thank you,
Marco