@media only screen and (max-width:1100px){     
     .mobile-hidden{display: none !important; }
     .Top { max-width: 100%; }
     .Header1 { min-width:800px; padding-right: 10%; padding-left: 10%;}
     .Header2 { min-width:800px; padding-right: 10%; padding-left: 10%;}
     .Header3 { min-width:800px; padding-right: 10%; padding-left: 10%;}
     .Body1 { padding-top: 10px; padding-right: 10%; padding-left: 10%;}
     .divTable { display: table; width: 800px;}
   } 
   
    @media only screen and (max-width:950px){     
     .Top { max-width: 100%; }
     .Header1 { min-width:800px; padding-right: 10%; padding-left: 10%;}
     .Header2 { min-width:800px; padding-right: 10%; padding-left: 10%;}
     .Header3 { min-width:800px; padding-right: 10%; padding-left: 10%;}
     .divSelector { width: 800px; min-width: 600px;}
   }
   
   @media only screen and (max-width:750px){
     body { margin:0 auto;min-width:600px;} 
     .mobile-hidden{display: none !important; }
     .Top { max-width: 100%; }
     .Header1 { min-width: 700px; padding-right: 5%; padding-left: 5%;}
     .Header2 { min-width: 700px; padding-right: 5%; padding-left: 5%;}
     .Header3 { min-width: 700px; padding-right: 5%; padding-left: 5%;}
     .Welcome { font-size: 32px; }
     .Body1 { padding-top: 10px; padding-right: 5%; padding-left: 5%;}
     .divSelector { width: 650px; min-width: 450px;}
     .divTable { display: table; width: 725px;}
     .divCell2 { height:30px; max-width:475px; font-size: 18px; padding-top: 8px;}
   } 
   
   @media only screen and (max-width:650px){
     body { margin:0 auto;min-width:450px; border: 1px solid #D4D4D4;} 
     .mobile-hidden{display: none !important; }
     .Top { max-width: 100%; padding-right: 5px; padding-left: 5px; }
     .Header1 { min-width:480px; padding-right: 5%; padding-left: 5%;}
     .Header2 { min-width:480px; padding-right: 5%; padding-left: 5%;}
     .Header3 { min-width:480px; padding-right: 5%; padding-left: 5%;}
     .HeaderText { min-width:480px; font-size: 30px; padding-top: 5px;}
     .Welcome { font-size: 28px; }
     .Body1 { padding-top: 10px; }
     .divSelector { width: 100%; min-width: 450px;}
     .divSelectorCell2 { width: 20px;}
     .divTable { width: 450px;}
     .divCell { height: 34px; padding-top: 5px;}
     .divCell2 { height: 34px; max-width: 255px; font-size: 15px; padding-top: 1px;}
     .TopOfPage { display: block;} 
     .TextUnsub { font-size: 12px; } 
   } 
   
   @media only screen and (max-width:480px){
     body { margin:0 auto;min-width:320px;}  
     .mobile-hidden { display: none !important; }
     .Top { max-width: 480px; padding-right: 5px; padding-left: 5px; }     
     .Header1 { min-width:320px; padding-right: 5%; padding-left: 5%; }
     .Header2 { min-width:320px; height:60px; padding-right: 5%; padding-left: 5%;}
     .Header3 { min-width:320px; height:60px; padding-right: 5%; padding-left: 5%;}
     .HeaderText { min-width:320px; font-size: 24px; color: #255881; padding-top: 5px; }
     .Body1 { min-width:320px; padding-top: 10px; }
     .Welcome { height: 60px; font-size: 24px; padding-top: 5px;}
     .WelcomeText, .SuccessText, .Btn { font-size: 16px;}
     .Text1 { font-size: 24px;}
     .Text2, .Text2_center, .Text3, .FieldLabel, .Input, .Select, .CheckBoxLabel, .divCellHeader, .TextUnsub { font-size: 16px; }     
     .divCellHeader { height: 30px; width: 45px; }
     .divCell { height: 30px; width: 30px; padding-left: 15px;}
     .divCell2 { height:30px; width:220px; font-size: 14px; padding-top: 2px;}
     .CheckboxRow { padding-left: 15px;}
     .Select { width: 100%; min-width:100%; max-width: 105%; }
     .CheckBoxLabel { font-size: 16px; }     
     .divSelector { width: 100%; min-width: 370px; }
     .divSelectorCell { width: auto; height: 25px; padding-top: 5px; font-size: 14px; }
     .divSelectorCell2 { width: 1px;}
     .Footer { text-align: left; }     
     .TopOfPage { display:none;} 
     .TextUnsub { font-size: 12px; }    
   }