/*    /CSS/responsive.css  --  2024-09-14  --  Version 12.61    */

* { -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; }

html, body, div, object, iframe, fieldset { margin: 0;  padding: 0;  border: 0; }
 xol, xul                                 { list-style: none; } 
 ximg, object, video                      { max-width: 100%; }
.container                                { max-width: 70em;  margin: 0 auto;  padding: 0 1em;  overflow: hidden; }

input       { font-size: 18px; padding: 5px; border:1px solid; border-color:red; border-radius:5px; }
textarea    { font-size: 16px; padding: 5px; border:1px solid; border-color:red; border-radius:5px; width:100%; }

Cell_1      { float: left;  width: 100%;     margin: 0;  padding: 0%;  text-align: center; display: inline-block; vertical-align: center; }
Cell_2      { float: left;  width:  50%;     margin: 0;  padding: 0%;  text-align: left;   display: inline-block; }
Cell_3      { float: left;  width:  33.333%; margin: 0;  padding: 0%;  text-align: left;   display: inline-block; }
Cell_4      { float: left;  width:  25%;     margin: 0;  padding: 0%;  text-align: left;   display: inline-block; }
Cell_6      { float: left;  width:  16.665%; margin: 0;  padding: 0%;  text-align: left;   display: inline-block; }
Cell_8      { float: left;  width:  12.25%;  margin: 0;  padding: 0%;  text-align: left;   display: inline-block; }
Cell        { float: left;                   margin: 0;  padding: 0%;  text-align: center; display: inline-block; vertical-align: center; }
Cell_Thirds { float: left;  width:  33.333%; margin: 0;  padding: 0%;  text-align: left;   display: inline-block; }

Cell_CN, Cell_SN, Cell_SSN { float: left;  width:  16.665%; margin: 0;          padding: 2%;  display: inline-block; }

Menu        { float: left;  width:  25%;     margin: 0 0 5px 0;  padding: 0%;  display: inline-block; text-align-last: left; }
Menu_1      { float: left;  width: 100%;     margin: 0 0 5px 0;  padding: 0%;  display: inline-block; text-align-last: left; }
Menu_2      { float: left;  width:  50%;     margin: 0 0 5px 0;  padding: 0%;  display: inline-block; text-align-last: left; }
Menu_3      { float: left;  width:  33.333%; margin: 0 0 5px 0;  padding: 0%;  display: inline-block; text-align-last: left; }
Menu_4      { float: left;  width:  25%;     margin: 0 0 5px 0;  padding: 0%;  display: inline-block; text-align-last: left; }
Menu_5      { float: left;  width:  20%;     margin: 0 0 5px 0;  padding: 0%;  display: inline-block; text-align-last: left; }
Menu_6      { float: left;  width:  16.665%; margin: 0 0 5px 0;  padding: 0%;  display: inline-block; text-align-last: left; }
Menu_8      { float: left;  width:  12.5%;   margin: 0 0 5px 0;  padding: 0%;  display: inline-block; text-align-last: left; }

LinearMenu                 { float: left;                   margin: 0 0 5px 0;  padding: 0%;  display: inline-block; text-align-last: left }

.spacer      { border: 0; margin: 0; }
    
.after-box   { clear: all; }

.rounded     { border-radius: 15px; }
.rounded15px { border-radius: 15px; }
.rounded5px  { border-radius:  5px; }

.edge        { border: 1px solid; border-color: #444444; }

@media all and (max-width: 3000px) { set_page_gap { width: 98% }
                                     Cell_CN, Cell_SN, Cell_SSN { width: 16.655% } 
                                     Menu         { width:  25%;     }
                                     Menu_1       { width: 100%;     }
                                     Menu_2       { width:  50%;     }
                                     Menu_3       { width:  33.333%; }
                                     Menu_4       { width:  25%;     }
                                     Menu_5       { width:  20%;     }
                                     Menu_6       { width:  16.665%; }
                                     Menu_8       { width:  12.5%;   }
	                                #RM_button    { display: none;   }
                                  	 LinearMenu   { }
                                     .sticky      { z-index:99; position: fixed; top: 0px;    left: 0px; width: 100%; }
                                     .stuck       { z-index:99; position: fixed; bottom: 0px; left: 0px; width: 100%; }
                                     .sticky + .content  { padding-top: 0px; }
                                   }

@media all and (max-width:  980px) { set_page_gap { width:  98%     }
                                     Cell_CN, Cell_SN, Cell_SSN { width: 33.33% } 
                                     Cell_8       { width:  25%     } 
                                     Cell_6       { width:  33.333% } 
                                     Cell_4       { width:  50%     } 
                                     Cell_3       { width: 100%     } 
                                     Cell_2       { width: 100%     } 
                                     Cell         { width:  50%     } 
                                     Menu         { width:  50%     }
                                     Menu_1       { width: 100%     }
                                     Menu_2       { width:  50%     }
                                     Menu_3       { width:  33.333% }
                                     Menu_4       { width:  50%     }
                                     Menu_5       { width:  33.333% }
                                     Menu_6       { width:  33.333% }
                                     Menu_8       { width:  25%     }
	                                #RM_button    { display: none;  }
                                  	 LinearMenu   { } 
                                     Cell_Thirds  { width:  33.333% } 
                                     .sticky      { z-index:99; position: fixed; top: 0px;    left: 0px; width: 100%; }
                                     .stuck       { z-index:99; position: fixed; bottom: 0px; left: 0px; width: 100%; }
                                     .sticky + .content  { padding-top: 0px; }
                                   }

@media all and (max-width:  380) { set_page_gap { width: 98% }
                                     Cell_CN, Cell_SN, Cell_SSN   { width: 50% }
                                     Cell_4,  Cell_2,  Cell, Cell_Thirds { width: 50% }
                                     Cell_3       { width: 100% }
                                     Cell_6       { width:  50% }
	                                 Cell_8       { width:  50% }
	                                #myTopnav     { display: none; } /* <<=== 9.25 */
                                     Menu         { width:  40% }
                                     Menu_1       { width:  40% }
                                     Menu_2       { width:  40% }
                                     Menu_3       { width:  40% }
                                     Menu_4       { width:  40% }
                                     Menu_5       { width:  40% }
                                     Menu_6       { width:  40% }
                                     Menu_8       { width:  40% }
	                                #RM_button    { display: inline-block; font-size: 25px; 
										            border:2px solid; border-radius:7px; border-color:#e0e0e0;
										            background-color:#eeeeee; padding:2px 5px 5px 5px; }
                                  	 LinearMenu   { } 
                                     .sticky      { z-index:0; position: relative; top: 0 left: 0; }
                                     .stuck       { z-index:0; position: relative; top: 0 left: 0; }
                                     .sticky + .content  { }
                                   }