[erp5_web_renderjs_ui] Make media queries exclusive

min-width and max-width overlap if the same value is used:
https://www.w3.org/TR/css3-mediaqueries/#media1

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -242,7 +242,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>957.46743.737.30583</string> </value>
+                <value> <string>958.18776.46267.41045</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1488377833.8</float>
+                        <float>1490632830.94</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -47,9 +47,9 @@
 @panelwidth: @margin-size * 30;
 // @panelwidth: 15em;
 
-@smartphone: ~"only screen and (max-width: 45em)";
+@smartphone: ~"not screen and (min-width: 45em)";
 @tablet: ~"only screen and (min-width: 45em) and (max-width: 90em)";
-@desktop: ~"only screen and (min-width: 90em)";
+@desktop: ~"not screen and (max-width: 90em)";
 
 
 /**********************************************