/* Main structure */
@media only screen and (max-width:1024px){
  h1                                        {font-size:35px; line-height:35px;}
  h2                                        {font-size:35px; line-height:35px;}
}
@media only screen and (max-width:768px){
  h1                                        {font-size:30px; line-height:30px; margin:0px 0px 15px 0px;}
  h2                                        {font-size:30px; line-height:30px; margin:0px 0px 15px 0px;}
  p                                         {font-size:16px; line-height:19px;}
  ul li                                     {font-size:16px; line-height:19px;}
  ol li                                     {font-size:16px; line-height:19px;}
  .ClassicWidthContent                      {padding:20px;}
}
@media only screen and (max-width:480px){
  h1                                        {font-size:25px; line-height:25px; margin:0px 0px 12px 0px;}
  h2                                        {font-size:25px; line-height:25px; margin:0px 0px 12px 0px;}
  p                                         {font-size:13px; line-height:16px;}
  ul li                                     {font-size:13px; line-height:16px;}
  ol li                                     {font-size:13px; line-height:16px;}
}

/* Buttons */
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
  .BtnStd a                   {background-size:40px; padding-left:55px; font-size:16px; line-height:40px;}
  .BtnStd input               {background-size:40px; padding-left:55px; font-size:16px; line-height:40px;}
  .BtnStd button              {background-size:40px; padding-left:55px; font-size:16px; line-height:40px;}
}
@media only screen and (max-width:480px){
  .BtnStd a                   {background-size:30px; padding-left:42px; font-size:13px; line-height:30px;}
  .BtnStd input               {background-size:30px; padding-left:42px; font-size:13px; line-height:30px;}
  .BtnStd button              {background-size:30px; padding-left:42px; font-size:13px; line-height:30px;}
}

/* Main structure */
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
  .MainHeader .Logo                         {width:240px;}
  .MainFooter .Links                        {float:none;}
  .MainFooter .Links .Item a                {font-size:12px; line-height:15px;}
  .MainFooter .Developer                    {float:none;}
  .MainFooter .Developer a                  {font-size:12px; line-height:15px;}
}
@media only screen and (max-width:480px){
  .MainHeader .Logo                         {width:200px;}
}

/* Form */
@media only screen and (max-width:1024px){
  .FormBoxColumn4                 {width:48%;}
  .FormBoxColumn4SpacerBis        {display:none;}
}
@media only screen and (max-width:768px){
  .FormBox .FormLabel             {font-size:12px; line-height:15px;}
  .FormBox .LengthInfo            {font-size:12px; line-height:15px;}
  .FormField .EditBox01           {font-size:16px; line-height:21px;}
  .FormField .DropDown01          {font-size:16px; line-height:21px;}
  .FormField .TextArea01          {font-size:16px; line-height:21px;}
  .FormField .EditBox02           {font-size:16px; line-height:21px;}
  .FormField .DropDown02          {font-size:16px; line-height:21px;}
  .FormField .TextArea02          {font-size:16px; line-height:21px;}
  .ValidationInfo                 {font-size:12px; line-height:15px;}
  .ValidationMessage              {font-size:12px; line-height:15px;}
  .Asterisk                       {font-size:12px; line-height:15px;}
  .Denotes                        {font-size:12px; line-height:15px;}
  .ForgottenPassword              {font-size:12px; line-height:15px;}
  .ButtonBottom .Denotes          {padding:10px 10px 0px 0px;}
  .FormBoxColumn3                 {float:none; width:100%;}
  .FormBoxColumn3Spacer           {display:none;}
}
@media only screen and (max-width:480px){
  .FormBox                        {margin-bottom:12px;}
  .FormBox .FormLabel             {margin-bottom:5px;}
  .FormField .EditBox01           {font-size:13px; line-height:18px; padding:0px 0px 5px 0px;}
  .FormField .DropDown01          {font-size:13px; line-height:18px; padding:0px 0px 5px 0px;}
  .FormField .TextArea01          {font-size:13px; line-height:18px;}
  .FormField .EditBox02           {font-size:13px; line-height:18px; padding:0px 0px 5px 0px;}
  .FormField .DropDown02          {font-size:13px; line-height:18px; padding:0px 0px 5px 0px;}
  .FormField .TextArea02          {font-size:13px; line-height:18px;}
  .FormBoxColumn4                 {float:none; width:100%;}
  .FormBoxColumn4Spacer           {display:none;}
}

/* iCheck Plugin Square skin, grey */
@media only screen and (max-width:480px){
  .icheckbox_square-grey, .iradio_square-grey       {width:16px; height:16px; background: url(/Content/Images/grey@2x.png);}
}

/* Home */
@media only screen and (max-width:1024px){
  .TopHome .TopBlock                                {margin:50px 30px 50px 0px;}
  .TopHome .TopBlock .BigTitle                      {font-size:50px; line-height:50px;}
  .TopHome .TopBlock .BigTitle span                 {font-size:30px;}
  .HomeContent                                      {background-image:none;}
  .HomeContent .TableHome                           {display:block;}
  .HomeContent .TableHome .CellHome                 {display:block;}
  .HomeContent .TableHome .CellHome01               {width:100%;}
  .HomeContent .TableHome .CellHome02               {width:100%;}
  .HomeContent .ForgottenPassword                   {margin-bottom:20px;}
}
@media only screen and (max-width:768px){
  .TopHome .WidthContent                            {padding:0px 20px;}
  .TopHome .Logo                                    {width:240px;}
  .TopHome .TopBlock .BigTitle                      {font-size:35px; line-height:35px;}
  .TopHome .TopBlock .BigTitle span                 {font-size:20px;}
  .TopHome .TableTopHome                            {display:block;}
  .TopHome .TableTopHome .CellTopHome               {display:block;}
  .TopHome .TableTopHome .CellTopHome01             {width:100%;}
  .TopHome .TableTopHome .CellTopHome02             {display:none;}
  .TopHome .TopBlock .BigTxt                        {font-size:16px; line-height:19px;}
  .HomeContent .ColumnRegister                      {padding:20px;}
  .HomeContent .ColumnLogin                         {padding:20px;}
  .HomeContent .RememberMe label                    {font-size:16px; line-height:19px;}
  .HomeContent .ForgottenPassword a                 {font-size:16px; line-height:19px;}
}
@media only screen and (max-width:480px){
  .TopHome .Logo                                    {width:200px;}
  .TopHome .TopBlock .BigTitle                      {font-size:30px; line-height:30px;}
  .TopHome .TopBlock .BigTitle span                 {font-size:15px;}
  .TopHome .TopBlock .BigTxt                        {font-size:13px; line-height:16px;}
  .HomeContent .RememberMe label                    {font-size:13px; line-height:16px; top:-3px; margin-left:7px;}
  .HomeContent .ForgottenPassword a                 {font-size:13px; line-height:16px;}
  .HomeContent .FormBoxHomeSpacer01                 {display:none;}
  .HomeContent .FormBoxHomeTitle                    {float:none; width:100%;}
  .HomeContent .FormBoxHomeFirstName                {float:none; width:100%;}
  .HomeContent .FormBoxHomeSurname                  {float:none; width:100%;}
  .HomeContent .FormBoxHomeTelephoneNumber          {float:none; width:100%;}
  .HomeContent .FormBoxHomeEmailAddress             {float:none; width:100%;}
  .HomeContent .FormBoxHomeConfirmEmailAddress      {float:none; width:100%;}
  .HomeContent .FormBoxHomeCampaignCode             {float:none; width:100%;}
}

/* Contact Us */
@media only screen and (max-width:480px){
  .Contact .FormBoxContactSpacer01                  {display:none;}
  .Contact .FormBoxContactTitle                     {float:none; width:100%;}
  .Contact .FormBoxContactFirstName                 {float:none; width:100%;}
  .Contact .FormBoxContactLastName                  {float:none; width:100%;}
  .Contact .FormBoxContactEmailAddress              {float:none; width:100%;}
  .Contact .FormBoxContactPhoneNumber               {float:none; width:100%;}
}

/* PQTable */
@media only screen and (max-width:1024px){
  .PQTable                                {display:block;}
  .PQTable .PQTopRow                      {height:auto;}
  .PQTable .PQTopRow .ColQuestion         {display:block; width:100%; margin-bottom:20px; padding:0px;}
  .PQTable .PQTopRow .Col1                {display:none;}
  .PQTable .PQTopRow .Col2                {display:none;}
  .PQTable .PQTopRow .Col3                {display:none;}
  .PQTable .PQTopRow .Col4                {display:none;}
  .PQTable .PQTopRow .Col5                {display:none;}
  .PQTable .PQTopRow .ColSpacer           {display:none;}
  .PQTable .PQRow                         {display:block; height:auto; background-color:#f4f3f4; margin-bottom:20px;}
  .PQTable .PQRow .ColQuestion            {display:block; width:auto; background-color:#ffffff; padding:0px 0px 10px 0px;} 
  .PQTable .PQRow .Col1                   {display:inline-block; width:20%; vertical-align:top; padding:10px 0px;}
  .PQTable .PQRow .Col2                   {display:inline-block; width:20%; vertical-align:top; padding:10px 0px;}
  .PQTable .PQRow .Col3                   {display:inline-block; width:20%; vertical-align:top; padding:10px 0px;}
  .PQTable .PQRow .Col4                   {display:inline-block; width:20%; vertical-align:top; padding:10px 0px;}
  .PQTable .PQRow .Col5                   {display:inline-block; width:20%; vertical-align:top; padding:10px 0px;}
  .PQTable .PQRow .ColSpacer              {display:none;}
  .PQTable span.TitleTable                {display:block;}
  .PQTable .PQRow:nth-child(4n+0) .Col1            {background-color:#f4f3f4;}
  .PQTable .PQRow:nth-child(4n+0) .Col2            {background-color:#f4f3f4;}
  .PQTable .PQRow:nth-child(4n+0) .Col3            {background-color:#f4f3f4;}
  .PQTable .PQRow:nth-child(4n+0) .Col4            {background-color:#f4f3f4;}
  .PQTable .PQRow:nth-child(4n+0) .Col5            {background-color:#f4f3f4;}
  .PQTable .PQRow:nth-child(4n+0) .ColSpacer       {background-color:#f4f3f4;}
  .PQTable .PQValidationHighlighted                   {background-color:#FF9F9F;}
  .PQTable .PQValidationHighlighted .ColQuestion      {padding:10px 10px 10px 10px;}
}
@media only screen and (max-width:768px) {
  .PQTable .PQTopRow .ColQuestion         {font-size:16px; line-height:19px;}
  .PQTable .PQRow .ColQuestion            {font-size:16px; line-height:19px;}
}
@media only screen and (max-width:480px) {
  .PQTable .PQTopRow .ColQuestion         {font-size:13px; line-height:16px;}
  .PQTable .PQRow .ColQuestion            {font-size:13px; line-height:16px;}
  .PQTable span.TitleTable                {font-size:9px; line-height:12px;}
}

/* Progress Bar */
@media only screen and (max-width:1024px) {
  .ProgressBar                              {margin:10px 0px 0px 20px;}
  .ProgressBar .ProgressBlock               {width:15px; height:15px;}
}
@media only screen and (max-width:768px) {
  .ProgressBar                              {margin:8px 0px 0px 20px;}
  .ProgressBar .ProgressBlock               {width:12px; height:12px; margin-left:1px;}
}
@media only screen and (max-width:480px) {
  .ProgressBar                              {float:none; clear:both; margin:10px 0px 0px 0px; text-align:center;}
}


/* Table Origin */
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
  .TableOrigin                                                  {display:block; font-size:16px; line-height:19px;}
  .TableOrigin .RowOrigin                                       {display:block;}
  .TableOrigin .RowOrigin .CellOrigin                           {display:block;}
  .TableOrigin .RowOrigin .CellOrigin01                         {width:100%; padding-bottom:20px;}
  .TableOrigin .RowOrigin .CellOrigin02                         {padding-bottom:20px;}  
}
@media only screen and (max-width:480px) {
  .TableOrigin                                                  {font-size:13px; line-height:16px;}
  .TableOrigin .RowOrigin .CellOrigin .AnswerOrigin             {display:block;}
  .TableOrigin .RowOrigin .CellOrigin .FormFieldOrigin          {width:100%;}
}