diff --git a/ts/domtools.css.breakpoints.ts b/ts/domtools.css.breakpoints.ts
index 2c649d9..891fc75 100644
--- a/ts/domtools.css.breakpoints.ts
+++ b/ts/domtools.css.breakpoints.ts
@@ -2,13 +2,25 @@ import { DomTools } from './domtools.classes.domtools.js';
 
 import { CSSResult, unsafeCSS } from 'lit';
 
-export const desktop = 1240;
+export const desktop = 1600;
+export const notebook = 1240;
 export const tablet = 1024;
 export const phablet = 600;
 export const phone = 400;
 
 export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
 
+export const cssForNotebook = (cssArg: CSSResult) => {
+  return unsafeCSS(`
+    @container wccToolsViewport (max-width: ${notebook}px) {
+      ${cssArg.cssText}
+    }
+    @media (max-width: ${notebook}px) {
+      ${cssArg.cssText}
+    }
+  `);
+};
+
 export const cssForTablet = (cssArg: CSSResult) => {
   return unsafeCSS(`
     @container wccToolsViewport (max-width: ${tablet}px) {