diff --git a/projects/storefrontlib/recipes/config/default-media.config.ts b/projects/storefrontlib/recipes/config/default-media.config.ts
index 173010a32a3..063aaf221e9 100644
--- a/projects/storefrontlib/recipes/config/default-media.config.ts
+++ b/projects/storefrontlib/recipes/config/default-media.config.ts
@@ -21,16 +21,16 @@ export const mediaConfig: MediaConfig = {
   media: {
     pictureElementFormats: {
       mobile: {
-        mediaQueries: '(max-width: 767px)',
+        mediaQueries: '(max-width: 480px)',
       },
       tablet: {
-        mediaQueries: '(min-width: 768px) and (max-width: 1024px)',
+        mediaQueries: '(min-width: 481px) and (max-width: 770px)',
       },
       desktop: {
-        mediaQueries: '(min-width: 1025px) and (max-width: 1439px)',
+        mediaQueries: '(min-width: 771px) and (max-width: 960px)',
       },
       widescreen: {
-        mediaQueries: '(min-width: 1440px)',
+        mediaQueries: '(min-width: 961px)',
       },
     },
     pictureFormatsOrder: ['widescreen', 'desktop', 'tablet', 'mobile'],