/* Main structure */
@media only screen and (max-width:1200px) {
  .WidthContent                                       {padding:0px 20px;}
}
@media only screen and (max-width:1024px) {
  .WidthContent                               {padding:0px 20px;}
}


/* Header */
@media only screen and (max-width:480px) {
  .MainHeader .RightPanelDetails .Img           {display:none;}
}


/* Footer */
@media only screen and (max-width:768px){
  .MainFooter .RightSide                        {float:none; padding-top:15px; text-align:center;}
  .MainFooter .LeftSide                         {float:none; text-align:center;}
  .MainFooter                                   {padding:20px 0px;}
}

/* Nominees */
@media only screen and (max-width:600px) {
  .Nominees .BtnClose                         {top:0px;}
}

/* Home */
@media only screen and (max-width:1024px) {
  .RespondentRegistration                             {padding:0px 20px 0px 0px;}
  .RespondentLogIn                                    {padding:20px 20px 20px 20px;}
}
@media only screen and (max-width:768px){
  .HomeContent                                        {background-image:none;}
  .HomeContent .WidthContent                          {padding:0px 0px;}
  .HomeContent .TableIndex                            {display:block; margin:-25px 0px 0px 0px;}
  .HomeContent .TableIndex .TableCellIndex01          {display:block; width:100%;}
  .HomeContent .TableIndex .TableCellIndex02          {display:block; width:100%;}
  .RespondentRegistration                             {padding:0px 20px 20px 20px;}
  .RespondentLogIn                                    {border:none; padding:20px;}
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:500px){
  .RespondentRegistration .FormBox .GenderRadioField  {float:none; margin-bottom:10px;}
}
@media only screen and (max-width:480px) {
  .RespondentRegistration .FormBoxTitle                                       {float:none; width:100%;}
  .RespondentRegistration .FormBoxFirstName                                   {float:none; width:100%;}
  .RespondentRegistration .FormBoxLastName                                    {float:none; width:100%;}
  .RespondentRegistration .FormBoxSpacer01                                    {display:none;}
  .RespondentRegistration .FormBoxTwoColumn                                   {float:none; width:100%;}
  .RespondentRegistration .FormBoxTwoColumn[style*="visibility:hidden"]       {height:0px; margin-bottom:0px;}
  .RespondentRegistration .FormBoxSpacer02                                    {display:none;}
}

/* Page Content */
@media only screen and (max-width:1024px){
  .PageContent div.InfoBlock                    {float:none; width:100%;}
  .PageContent div.FullWidthBlockWithTopBorder  {float:none; width:100%; padding-right:0px;}
}

/* Dashboard */
@media only screen and (max-width:1024px){
  .Dashboard .NewCampaignCode                                 {padding:40px 20px 30px 20px;}
  .Dashboard .RegistrationDetails                             {padding:40px 20px 30px 20px;}
}
@media only screen and (max-width:480px) {
  .Dashboard .RegistrationDetails .FormBoxTitle               {float:none; width:100%;}
  .Dashboard .RegistrationDetails .FormBoxFirstName           {float:none; width:100%;}
  .Dashboard .RegistrationDetails .FormBoxLastName            {float:none; width:100%;}
  .Dashboard .RegistrationDetails .FormBoxSpacer01            {display:none;}
  .Dashboard .RegistrationDetails .FormBoxTwoColumn           {float:none; width:100%;}
  .Dashboard .RegistrationDetails .FormBoxSpacer02            {display:none;}
}

/* Account Home */
@media only screen and (max-width:600px) {
  .AssessmentTable                                               {display:block;}
  .AssessmentTable .AssessmentRow                                 {display:block; padding:15px 0px 15px 70px; position:relative;}
  .AssessmentTable .AssessmentRow .AssessmentCell                 {display:block; padding:0px; border-bottom:none;}
  .AssessmentTable .AssessmentRow .AssessmentCell01               {width:auto; text-align:left; position:absolute; top:50%; left:20px; margin-top:-15px;}
  .AssessmentTable .AssessmentRow .AssessmentCell02               {width:100%; text-align:left;}
  .AssessmentTable .AssessmentRow .AssessmentCell03               {width:100%; text-align:left;}
  .AssessmentTable .AssessmentRow .AssessmentCell04               {width:100%; text-align:left;}
  .AssessmentTable .AssessmentRow .Text                           {padding:5px 0px;}
}

/* General Info Form */
@media only screen and (max-width:1024px) {
  .PageContent div.LogColumnBlock.GenForm {width:100% !important; box-sizing:border-box; padding:40px 20px;}
}
@media only screen and (max-width:700px) {
  .PQTableBox .ColQuestion  {display:block; width:100%;}
  .PQTable01 td.GenFormFields {display:block; width:100%; margin-bottom:20px; text-align:left;}
}

/* Instruction Full Block */
@media only screen and (max-width:1024px){
  /*.InstructionFullBlock                       {padding:20px;}*/
}
@media only screen and (max-width:480px){
  .InstructionBtns                      {}
  .InstructionBtns .BtnLeft             {float:none; margin-top:10px;}
  .InstructionBtns .BtnLeft a,
  .InstructionBtns .BtnLeft input,
  .InstructionBtns .BtnLeft button,
  .InstructionBtns .BtnLeft span        {min-width:100%; width:100%; display:block;}
  .InstructionBtns .BtnRight            {float:none;}
  .InstructionBtns .BtnRight a,
  .InstructionBtns .BtnRight input,
  .InstructionBtns .BtnRight button,
  .InstructionBtns .BtnRight span       {min-width:100%; width:100%; display:block;}
}

/* PQTable02 */
@media only screen and (max-width:1024px){
  .PQBox                                      {padding:40px 20px;}
}
@media only screen and (max-width:600px){
  .PQTable02                                  {display:block;}
  .PQTable02 .PQTopRow02                      {display:none;}
  .PQTable02 .PQRow02                         {display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #EAEAEA;}
  .PQTable02 .PQRow02:last-child              {padding-bottom:0px; border-bottom:none;}
  .PQTable02 .PQRow02 .ColSpacer              {display:none}
  .PQTable02 .PQRow02 .Col1                   {display:block; width:100%;}
  .PQTable02 .PQRow02 .Col2                   {display:block; width:100%;}
  .PQTable02 .PQRow02 .Col3                   {display:block; width:100%;}
  .PQTable02 .PQRow02 .Col4                   {display:block; width:100%;}
  .PQTable02 .PQRow02 .Col5                   {display:block; width:100%; text-align:left;}
  .PQTable02 .PQRow02 .Col6                   {display:block; width:100%; text-align:left;}
  .PQTable02 .PQRow02 .Col7 .RespondFormLabel {display:none;}
  .PQTable02 .PQRow02 .FormField              {margin-bottom:20px;}
  .PQTable02 .PQRow02 .icheckbox_square-grey  {left:0px; margin-left:0px;}
  .PQTable02 .PQRow02 .RespondFormLabel       {display:block;}
  .PQTable02 .PQRow02 .FormLabel              {padding-top:10px;}
}

/* Block Questionnaire */
@media only screen and (max-width:1024px){
  .QuestionnaireBlock                         {margin-bottom:20px;}
}

/* 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 .Col6                {display:none;}
  .PQTable .PQTopRow .ColSpacer           {display:none;}
  .PQTable .PQRow                         {display:block; height:auto; background-color:#ffffff;}
  .PQTable .PQRow .ColQuestion            {display:block; width:auto; background-color:#ffffff; padding:10px 0px;} 
  .PQTable .PQRow .Col1                   {display:inline-block; width:15.5%; vertical-align:top; padding:10px 0px 20px 0px; border:none;}
  .PQTable .PQRow .Col2                   {display:inline-block; width:15.5%; vertical-align:top; padding:10px 0px 20px 0px; border:none;}
  .PQTable .PQRow .Col3                   {display:inline-block; width:15.5%; vertical-align:top; padding:10px 0px 20px 0px; border:none;}
  .PQTable .PQRow .Col4                   {display:inline-block; width:15.5%; vertical-align:top; padding:10px 0px 20px 0px; border:none;}
  .PQTable .PQRow .Col5                   {display:inline-block; width:15.5%; vertical-align:top; padding:10px 0px 20px 0px; border:none;}
  .PQTable .PQRow .Col6                   {display:inline-block; width:15.5%; vertical-align:top; padding:10px 0px 20px 0px; border:none;}
  .PQTable .PQRow .ColSpacer              {display:none;}
  .PQTable span.TitleTable                {display:block;}
  .PQTable .PQRow:nth-child(4n+0) .Col1            {background-color:#ffffff;}
  .PQTable .PQRow:nth-child(4n+0) .Col2            {background-color:#ffffff;}
  .PQTable .PQRow:nth-child(4n+0) .Col3            {background-color:#ffffff;}
  .PQTable .PQRow:nth-child(4n+0) .Col4            {background-color:#ffffff;}
  .PQTable .PQRow:nth-child(4n+0) .Col5            {background-color:#ffffff;}
  .PQTable .PQRow:nth-child(4n+0) .Col6            {background-color:#ffffff;}
  .PQTable .PQRow:nth-child(4n+0) .ColSpacer       {background-color:#ffffff;}
  .PQTable .PQValidationHighlighted                   {background-color:#fff7f7;}
  .PQTable .PQValidationHighlighted .ColQuestion      {padding:20px 10px 10px 10px;}
}
@media only screen and (max-width:768px) {
}
@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;}
}

/* Pop-up Boxes */
@media only screen and (max-width:768px) {
  .Positioning .PopupContent                                    {padding:35px 25px;}
  .Positioning .PopupContent .ContentToDisplay                  {font-size:1.4em;}

  .PopupContent .ContractTextLargeScreen                        {display:none;}
  .PopupContent .ContractTextSmallScreen                        {display:block;}
}

@media only screen and (max-width:600px) {
  .Positioning                                                  {padding:15px;}
  .Positioning .CloseForm                                       {width:20px; background-size:20px 20px; top:15px; right:23px;}
}

/* Progress Bar */
@media only screen and (max-width:1024px) {
  .ProgressBar {float:none; clear:both; margin:0px 0px 40px 0px; text-align:center; width:100%;}
}

/* Cookie Banner */
@media only screen and (max-width:768px) {
  #cookie-banner .CookieContent                                 {display:block;}
  #cookie-banner .CookieContent .CC_Cell                        {display:block;}
  #cookie-banner .CookieContent .CC_Cell.Txt                    {padding-right:0px; margin-bottom:15px;}
  #cookie-banner .CookieContent .CC_Cell.Btn                    {width:100%;}
}