Bilder in Slideshow bei Bildschirmgröße kleiner 480px ausblenden

Hallo,
Auf der Webseite:
https://www.fahrrad-workshop-sprockhoevel.de/mtb-trekkingrad-workshop.htm gibt es eine Slideshow.
Die Show möchte ich bei einer Bildschirmgröße kleiner 480 px ausblenden.
In der CSS responsive-1.css habe ich eingefügt:
@media(max-width:480px)
.slideshow-container {
display: none;}
Die Sildeshow beginnt mit <div class="slideshow-container">
Leider klappt das nicht mit dem ausblenden !!!
Woran liegt das ??

Vielen Dank das hatte ich übersehen.
Die Bilder werden jetzt nicht mehr angezeigt bei einer Bildschirmgröße kleiner 480px aber anstatt der Bilder werden 7 runde Kreise (untereinander ) angezeigt. Wie kann ich das verhindern?
https://www.fahrrad-workshop-sprockhoevel.de/mtb-trekkingrad-workshop.htm

[quote=Jörg]Mit Rechtsklick auf einen Kreis und "Untersuchen" wird in den Entwicklertools des Browsers das HTML und CSS angezeigt:

<div style="text-align: center"><span class="dot"></span></div>

.dot {
    height: 13px;
    width: 13px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

Die Kreise müssten eigentlich entstehen hier:
<div style="text-align: center">
<span class="dot"></span></div>
<div style="text-align: center">
<span class="dot"></span></div>
<div style="text-align: center">
<span class="dot"></span></div>
<div style="text-align: center">
<span class="dot"></span></div>
<div style="text-align: center">
<span class="dot"></span></div>
<br>
<div style="text-align: center">
<span class="dot"></span></div>

Zitat von Jörg

Ja, genau darauf verweist der Inspektor von Firefox.

Wenn die Kreise (vom Slider?) nicht benötigt werden, kann das HTML samt zugehörigem CSS entfernt werden. Andernfalls können diese auch mit "display: none" unterhalb einer Bildschirmbreite von 480px ausgeblendet werden.

@media (max-width:480px) {
  .dot {
    display: none;
  }
}

Danke !!!

Habe den Code in der Css unter kleiner Bildschirmgröße 480px eingefügt.
.dot {
display: none;
}

Ich kann ihn nicht sehen.