Disable specific CSS in Media Query

[Sora_Keyheart]

I want this to be in the big screens:

.fancybox-title {
    padding: 0 10px 10px 0;
    color: #7e7e7e;
    }

.fancybox-skin {
    display:flex;
}

.fancybox-skin>* {
      flex:1;
      margin:auto;
}

.fancybox-overlay.fancybox-overlay-fixed>div {
    width:70%!important;
}

.fancybox-skin {
    background-color: #151515 !important;
}

that code above is making the Fancybox title appear on the left, but I want to disable all of that in the media query and left fancybox display the title under the picture like it usually do…how so??

[SamA74]

@Sora_Keyheart

want this to be in the big screens:

Then put that css in a query.

@media screen and (min-width: 800px) { ... }

[Sora_Keyheart]

If I can like your post more than once, I would’ve done it.

Thank you very much!!!