how to make widgets responsive

I am working on this site: https://2stalbania.al/alltech/ .The problem is that every time I fix the parameters of the widget to fit the phone they don’t fit the desktop version anymore.Can you help me?
here is an image on how it looks on my mobile: https://1.1m.yt/jmVTb7.jpg
here is how it looks on desktop: https://4.1m.yt/W7CQ8rF.png

Media I have used are:

/* Tablet Landscape */
@media screen and (max-width: 960px) {
#primary { width:80%; }
#secondary { width:20%; }
}

/* Tabled Portrait */
@media screen and (max-width: 200px) {
#primary { width:80%; }
#secondary { width:20%; }
}