Sections are not responding to my @media only screen and (max/min-width )

[gthegreat]

The code below suddenly stopped working for all my sections. I’ve tried to see if it had something to do with the padding changes I made but that was not the case. I’ve tried various things to get the sections to respond again but nothing is working :/. (It is the desktop-only mode that is not working)

I even tried targeting using min-device-width and max-device-width but it still did nothing. If there is anything I missed or tips on how to get this to work again please help.

This is the code in my base/theme.css

@media only screen and (max-width: 749px){
.mobile–device {
display: block !important;
}
.desktop–device {
display: none !important;
}
}

@media only screen and (min-width: 750px){
.mobile–device {
display: none !important;
}
.desktop–device {
display: block !important;
}
}
These are the options in each section. The mobile ONLY is working but the desktop ONLY won’t work

https://tzeaaaa4r39o5lox-58572865730.shopifypreview.com

password: plswork

Thank you

@LitCommerce @KetanKumar @ExpertRookie @oscprofessional

[ExpertRookie]

Hi @gthegreat
Just checked your store and I think your theme code missed a close tag.
The first is current your theme code look like

Try to add close tag like this image

[gthegreat]

@ExpertRookie

Thank you so much!!