/* Buttons */
@media only screen and (max-width:768px) {
  .StdBlueLrgBtn.FloatLeft                                      {float:none;}
  .StdBlueLrgBtn.FloatLeft.SpaceLeft                            {margin-left:0px; margin-right:20px;}
  .StdBlueLrgBtn.FloatLeft.SpaceRight                           {margin-right:0px; margin-left:20px;}
  .StdBlueLrgBtn.FloatRight                                     {float:none;}
  .StdBlueLrgBtn.FloatRight.SpaceLeft                           {margin-left:0px; margin-right:20px;}
  .StdBlueLrgBtn.FloatRight.SpaceRight                          {margin-right:0px; margin-left:20px;}

  .StdLightBlueLrgBtn                                           {font-size:1.4em;}
  .StdLightBlueLrgBtn.FloatLeft                                 {float:none;}
  .StdLightBlueLrgBtn.FloatLeft.SpaceLeft                       {margin-left:0px; margin-right:20px;}
  .StdLightBlueLrgBtn.FloatLeft.SpaceRight                      {margin-right:0px; margin-left:20px;}
  .StdLightBlueLrgBtn.FloatRight                                {float:none;}
  .StdLightBlueLrgBtn.FloatRight.SpaceLeft                      {margin-left:0px; margin-right:20px;}
  .StdLightBlueLrgBtn.FloatRight.SpaceRight                     {margin-right:0px; margin-left:20px;}

  .StdWhiteLrgBtn                                               {font-size:1.4em;}
  .StdWhiteLrgBtn.FloatLeft                                     {float:none;}
  .StdWhiteLrgBtn.FloatLeft.SpaceLeft                           {margin-left:0px; margin-right:20px;}
  .StdWhiteLrgBtn.FloatLeft.SpaceRight                          {margin-right:0px; margin-left:20px;}
  .StdWhiteLrgBtn.FloatRight                                    {float:none;}
  .StdWhiteLrgBtn.FloatRight.SpaceLeft                          {margin-left:0px; margin-right:20px;}
  .StdWhiteLrgBtn.FloatRight.SpaceRight                         {margin-right:0px; margin-left:20px;}

  .InfoIconSm                                                   {display:inline-block;}

  .InfoIconLrg                                                  {display:none;}

  .TimerIconSm                                                  {display:inline-block;}

  .TimerIconLrg                                                 {display:none;}

  .SideBtnDivider                                               {display:block;}
}

@media only screen and (max-width:480px) {
  .StdBlueLrgBtn                                                {max-width:none;}
  .StdBlueLrgBtn.TextWidth                                      {width:100%;}
  .StdBlueLrgBtn.SpaceLeft                                      {margin-left:0px;}
  .StdBlueLrgBtn.FloatLeft.SpaceLeft                            {margin-right:0px;}
  .StdBlueLrgBtn.FloatLeft.SpaceRight                           {margin-left:0px;}
  .StdBlueLrgBtn.SpaceRight                                     {margin-right:0px;}
  .StdBlueLrgBtn.FloatRight.SpaceLeft                           {margin-right:0px;}
  .StdBlueLrgBtn.FloatRight.SpaceRight                          {margin-left:0px;}

  .StdLightBlueLrgBtn                                           {max-width:none;}
  .StdLightBlueLrgBtn.TextWidth                                 {width:100%;}
  .StdLightBlueLrgBtn.SpaceLeft                                 {margin-left:0px;}
  .StdLightBlueLrgBtn.FloatLeft.SpaceLeft                       {margin-right:0px;}
  .StdLightBlueLrgBtn.FloatLeft.SpaceRight                      {margin-left:0px;}
  .StdLightBlueLrgBtn.SpaceRight                                {margin-right:0px;}
  .StdLightBlueLrgBtn.FloatRight.SpaceLeft                      {margin-right:0px;}
  .StdLightBlueLrgBtn.FloatRight.SpaceRight                     {margin-left:0px;}

  .StdWhiteLrgBtn                                               {max-width:none;}
  .StdWhiteLrgBtn.TextWidth                                     {width:100%;}
  .StdWhiteLrgBtn.SpaceLeft                                     {margin-left:0px;}
  .StdWhiteLrgBtn.FloatLeft.SpaceLeft                           {margin-right:0px;}
  .StdWhiteLrgBtn.FloatLeft.SpaceRight                          {margin-left:0px;}
  .StdWhiteLrgBtn.SpaceRight                                    {margin-right:0px;}
  .StdWhiteLrgBtn.FloatRight.SpaceLeft                          {margin-right:0px;}
  .StdWhiteLrgBtn.FloatRight.SpaceRight                         {margin-left:0px;}
}

/* Structure */
@media only screen and (max-width:1300px) {
  .SiteContainer .SiteHeader.TwoIcons .HdrLayoutTable .InfoCell .ClientLogoLg   {display:none;}
}

@media only screen and (max-width:1200px) {
  .SiteContainer .SiteContent                                                   {padding:50px;}
  .SiteContainer .SiteHeader .HdrLayoutTable                                    {padding:0px 50px;}
  .SiteContainer .SiteFooter                                                    {padding:0px 50px;}
}

@media only screen and (max-width:1024px) {
  .SiteContainer .SiteContent                                                   {padding:40px; min-height:unset;}
  .SiteContainer .SiteHeader .HdrLayoutTable                                    {padding:0px 40px;}
  .SiteContainer .SiteFooter                                                    {padding:0px 40px;}

  .SiteContainer .SiteFooter .FtrLayoutTable                                    {display:block; box-sizing:border-box; height:auto; padding:10px 0px;}
  .SiteContainer .SiteFooter .FtrLayoutTable .CopyrightCell                     {display:block; text-align:center;}
  .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo                        {display:block; text-align:center;}
  .SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell                        {display:block; text-align:center;}
}

@media only screen and (max-width:768px) {
  .SiteContainer .SiteHeader                                                    {}
  .SiteContainer .SiteHeader .MobileMenuIcon                                    {display:inline-block;}
  .SiteContainer .SiteHeader .ClientLogoLg                                      {display:none;}
  .SiteContainer .SiteHeader .SecondLogoLg                                      {display:none;}
  .SiteContainer .SiteHeader .HdrLayoutTable                                    {padding:0px;}
  .SiteContainer .SiteHeader .HdrLayoutTable .MobileCell                        {width:21%;}
  .SiteContainer .SiteHeader .HdrLayoutTable .LogoCell                          {text-align:center; padding-right:0px;}
  .SiteContainer .SiteHeader .HdrLayoutTable .LanguageCell                      {display:none;}
  .SiteContainer .SiteHeader .HdrLayoutTable .InfoCell                          {width:20%; padding-right:17px;}
  .SiteContainer .SiteHeader.TwoIcons .HdrLayoutTable .InfoCell                 {width:27%;}

  .SiteContainer .SiteContent                                                   {padding:40px 30px;}

  .SiteContainer .SiteFooter                                                    {padding:0px 30px;}
}

@media only screen and (max-width:600px) {
  .SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell .AccessLink            {display:block; margin-bottom:10px;}
  .SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell .FooterDivider         {display:none;}
  .SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell .WebDevCompany         {display:block;}
}

@media only screen and (max-width:480px) {
  .SiteContainer .SiteHeader .HdrLayoutTable .InfoCell                          {padding-right:17px;}

  .SiteContainer .SiteContent                                                   {padding:20px 20px;}

  .SiteContainer .SiteFooter                                                    {padding:0px 20px;}
}

@media only screen and (max-width:360px) {
  .SiteContainer .SiteContent                                                   {padding:10px 10px;}

  .SiteContainer .SiteFooter                                                    {padding:0px 10px;}
}

/* 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;}
}

/* Landing Page */
@media only screen and (max-width:1200px) {
  .LandingPage                                                {height:calc(100vh - 170px);}
  .LandingPage .LandingIntro                                  {width:60%;}
  .LandingPage .LandingImg                                    {width:40%;}

  .LandingPageBanners .BannerTable                            {padding:50px 0px;}
  .LandingPageBanners .BannerTable.NoBorder                   {padding:50px 0px 10px 0px;}

  .BtmBannerImg                                               {height:400px;}
}


@media only screen and (max-width:1024px) {
  .LandingPage                                                {height:auto; padding:100px 0px;}

  .LandingPage .BtnDownArow                                   {display:none;}


  .BtmBannerImg                                               {height:300px;}

  .LandingPageBanners .BannerTable                            {padding:40px 0px;}
  .LandingPageBanners .BannerTable.NoBorder                   {padding:40px 0px 0px 0px;}

  .LandingPageBanners                                         {display:block; margin:0px; box-sizing:border-box;}
  .LandingPageBanners .BannerTable.FirstRow                   {display:block; padding:40px 0px; -webkit-transform:scaleY(-1); -ms-transform:scaleY(-1); transform:scaleY(-1); border-top:1px solid #eaeaea;}
  .LandingPageBanners .BannerTable.FirstRow .BannerCellLg     {display:block; width:100%; padding-right:0px; padding-right:0px; -webkit-transform:scaleY(-1); -ms-transform:scaleY(-1); transform:scaleY(-1);}
  .LandingPageBanners .BannerTable.FirstRow .BannerCellSm     {display:block; width:100%; padding-right:0px; -webkit-transform:scaleY(-1); -ms-transform:scaleY(-1); transform:scaleY(-1);}
  .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg   {height:180px; width:166.5px; margin:30px auto 0px auto;}

  .LandingPageBanners .BannerTable .TestListLg                {margin-top:20px;}
  .LandingPageBanners .BannerTable .TestListSm                {display:none; visibility:visible; overflow:inherit; height:auto; width:auto; margin-top:35px; padding-bottom:10px; box-sizing:border-box;}
}

@media only screen and (max-width:768px) {
  .LandingPage                                                {display:block;}
  .LandingPage .LandingIntro                                  {display:block; width:100%;}
  .LandingPage .LandingImg                                    {display:none;}

  .LandingPageBanners .BannerTable .TestListLg                {width:100%; display:block; margin-top:20px;}
  .LandingPageBanners .BannerTable .TestListLg .TestBlock p   {text-align:left; padding:0px 0px 0px 20px; display:table-cell; vertical-align:middle;}
  .LandingPageBanners .BannerTable .TakeTestImg1              {height:60px; width:60px; display:table-cell; vertical-align:middle;}
  .LandingPageBanners .BannerTable .TakeTestImg2              {height:60px; width:60px; display:table-cell; vertical-align:middle;}
  .LandingPageBanners .BannerTable .TakeTestImg3              {height:60px; width:60px; display:table-cell; vertical-align:middle;}
  .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer   {padding:20px; display:table; width:100%;}

  .LandingPageBanners .BannerTable.SecondRow .BannerCellLg    {width:100%; padding:0px;}
  .LandingPageBanners .BannerTable.SecondRow .BannerCellSm    {display:none;}
}

@media only screen and (max-width:600px) {
  .BtmBannerImg                                               {display:none; height:170px;}
}

@media only screen and (max-width:480px) {
  .LandingPage .LandingIntro                                  {margin:0px; padding:0px;}

  .BtmBannerImg                                               {height:130px;}
}





/* Register / Log In / Update Details / Start Activity */
@media only screen and (max-width:1200px) {
  .UserForm                                                   {height:calc(100vh - 230px);}
}
@media only screen and (max-width:1024px) {
  .UserForm                                                   {display:block; height:auto;}
  .UserForm .FormCol1                                         {display:block; width:100%; margin-bottom:30px; padding-right:0px;}
  .UserForm .FormCol2                                         {display:block; width:100%;}
  .UserForm .FormCol3                                         {display:block; width:100%; margin-bottom:30px; padding-right:0px;}
  .UserForm .FormCol4                                         {display:block; width:100%;}
}
@media only screen and (max-width:480px) {
  .FormLayout                                                 {padding:40px 20px;}
}
@media only screen and (max-width:360px) {
  .FormLayout                                                 {padding:40px 10px;}
}




/* Test Taking Pages */
@media only screen and (max-width:1024px) {
  .TestTakeBlocks                                             {display:block;}
  .TestTakeBlocks .LeftBlock                                  {display:block; width:100%; border-right:none; padding-right:0px;}
  .TestTakeBlocks .RightBlock                                 {display:block; width:100%; padding-left:0px;}
}

/* Respondent Instructions */
@media only screen and (max-width:1024px) {
  .SliderToggle                                               {display:block;}
}

@media only screen and (max-width:480px) {
  .InstructionBtns .Btns                                            {-webkit-transform:scaleY(-1); -ms-transform:scaleY(-1); transform:scaleY(-1);}
  .InstructionBtns .Btns a:first-child,                       
  .InstructionBtns .Btns a:nth-child(2),                      
  .InstructionBtns .Btns a:nth-child(3)                             {-webkit-transform:scaleY(-1); -ms-transform:scaleY(-1); transform:scaleY(-1);}
  .InstructionBtns .Btns.NoSwap                                     {-webkit-transform:inherit; -ms-transform:inherit; transform:inherit;}
  .InstructionBtns .Btns.NoSwap a:first-child,                       
  .InstructionBtns .Btns.NoSwap a:nth-child(2),                      
  .InstructionBtns .Btns.NoSwap a:nth-child(3)                      {-webkit-transform:inherit; -ms-transform:inherit; transform:inherit);}
  .InstructionBtns .Btns .FloatRight                                {float:none; width:100%;}
}

/* Forms */
@media only screen and (max-width:1024px) {
  .TwoColumnForm .Col1                                        {float:none; width:100%; margin-bottom:30px;}
  .TwoColumnForm .Col2                                        {float:none; width:100%;}
}

@media only screen and (max-width:768px) {
  .FileUploadBtn                                              {padding:0px;}
  .FileUploadBtn .FileName                                    {height:auto; display:block; line-height:initial; padding-top:57px;}

  .FormField .EditBoxW1                                       {font-size:1.4em;}
  .FormField .DropDownW1                                      {font-size:1.4em;}
  .FormField .TextAreaW6                                      {font-size:1.4em;}

  .FormBox .FormLabel2                                        {font-size:1em;}
}

@media only screen and (max-width:600px) {
  .FormBox.L10                                                {width:100%;}
  .FormBox.L15                                                {width:100%;}
  .FormBox.L20                                                {width:100%;}
  .FormBox.L25                                                {width:100%;}
  .FormBox.L27-5                                              {width:100%;}
  .FormBox.L30                                                {width:100%;}
  .FormBox.L35                                                {width:100%;}
  .FormBox.L40                                                {width:100%;}
  .FormBox.L35                                                {width:100%;}
  .FormBox.L47-5                                              {width:100%;}
  .FormBox.LFixed                                             {width:100%;}
  .FormBox.NoSpaceBtm                                         {margin-bottom:30px;}
  .FormBox.NoSpaceBtmLast                                     {margin-bottom:0px;}

  .FormFieldSpacer                                            {display:none;}

  .TwoColumnForm .FormColSpacer                               {display:none;}
}

/* FAQ page */
@media only screen and (max-width:768px) {
  #FAQListContainer h2            {font-size:2.0em;}
  #FAQListContainer .Question     {font-size:1.4em;}
  #FAQListContainer .Answer       {font-size:1.4em;}
}

/* Assesment Questions */
@media only screen and (max-width:1024px) {
  .QuestionGroup .GroupQuestion .QuestionNumber                                         {vertical-align:top; padding-right:10px; top:30px;}
  .QuestionGroup .GroupQuestion .QuestionNumber .Trail                                  {top:initial; left:-10px;}
  .QuestionGroup .GroupQuestion .Answers .AnswerSet .Answer .InfoTxt                    {display:block; margin:30px 0px 10px 0px;}
  .QuestionGroup .GroupQuestion .Answers .AnswerSet .Answer:first-child .InfoTxt        {margin:0px 0px 10px 0px;}
  .QuestionGroup .GroupQuestion .Answers .AnswerSetSwiper                               {visibility:visible; height:auto;}
  .QuestionGroup .GroupQuestion .QuestionImg                                            {text-align:left;}
  .QuestionGroup .GroupQuestion .QuestionImg img                                        {margin-bottom:20px;}
  .QuestionGroup .GroupQuestion .AnswerImg                                              {margin-bottom:0px;}
  .QuestionGroup .GroupQuestion .AnswerImg img                                          {margin-bottom:10px;}

  .QuestionGroup.MobAnswersViaSlider .GroupQuestion .Answers .AnswerSetSlider           {display:block;}

  .QuestionGroup.Centrica                                                                       {table-layout:fixed;}
  .QuestionGroup.Centrica .GroupQuestion .QuestionNumber                                        {width:40px;}
  .QuestionGroup.Centrica .GroupQuestion .QuestionTable                                         {display:block;}
  .QuestionGroup.Centrica .GroupQuestion .QuestionTable .QuestionTableRow                       {display:block;}
  .QuestionGroup.Centrica .GroupQuestion .QuestionTable .Question                               {display:block; width:100%; padding:35px 0px 0px 0px;}
  .QuestionGroup.Centrica .GroupQuestion .QuestionTable .Answers                                {display:block; width:100%;}
  .QuestionGroup.Centrica .GroupQuestion .Answers .AnswerSet                                    {display:none;}
  .QuestionGroup.Centrica .GroupQuestion.ErrorMsg .QuestionTable .Question                      {padding:30px 20px 0px 25px;}
  .QuestionGroup.Centrica.FirstRowQ .GroupQuestion:first-child .QuestionNumber                  {}
  .QuestionGroup.Centrica.FirstRowQ .GroupQuestion:first-child .QuestionTable .Question         {padding-bottom:20px;}
  .QuestionGroup.Centrica.FirstRowQ .GroupQuestion:first-child .QuestionTable .Answers          {display:none;}
  .QuestionGroup.Centrica.MobRadioBtn .GroupQuestion .Answers .AnswerSet                        {display:block;}
  .QuestionGroup.Centrica.MobRadioBtn .GroupQuestion .Answers .AnswerSetSwiper                  {visibility:hidden; height:0px;}
  .QuestionGroup.Centrica.MobRadioBtn .GroupQuestion .Answers .AnswerSet .Answer                {display:block; text-align:left; border-right:none; width:100%; padding:0px; margin-bottom:15px;}
  .QuestionGroup.Centrica.MobRadioBtn .GroupQuestion .Answers .AnswerSet .Answer:last-child     {margin-bottom:0px;}
  .QuestionGroup.Centrica.MobRadioBtn .GroupQuestion .Answers .AnswerSet .Answer label          {display:inline-block; vertical-align:middle; width:70%; margin-top:0px; margin-left:15px;}

  .QuestionGroup.Utopia .GroupQuestion .Answers .AnswerSet                              {display:block;}
  .QuestionGroup.Utopia .GroupQuestion .Answers .AnswerSet .Answer                      {display:block; text-align:left; border-right:none; width:100%; padding:0px; margin-bottom:15px;}
  .QuestionGroup.Utopia .GroupQuestion .Answers .AnswerSet .Answer:last-child           {margin-bottom:0px;}
  .QuestionGroup.Utopia .GroupQuestion .Answers .AnswerSet .Answer label                {display:inline-block; vertical-align:middle; width:70%; margin-top:0px; margin-left:15px;}

  .QuestionGroup.TopRowAnswers .GroupQuestion p                                         {font-size:1.2em;}
  .QuestionGroup.TopRowAnswers .GroupQuestion .QuestionTable .Question                  {width:50%;}
  .QuestionGroup.TopRowAnswers .GroupQuestion .QuestionTable .Answers                   {width:50%;}
  .QuestionGroup.TopRowAnswers .GroupQuestion .Answers .AnswerSet .Answer               {padding:0px;}
  .QuestionGroup.TopRowAnswers .GroupQuestion:first-child .Answers .AnswerSet .Answer   {padding:0px 5px;}

  .QuestionGroup .AnswerInfoRow table                                                   {display:none;}

  .QuestionGroup.Practice .GroupQuestion .Answers .AnswerSet .Answer                    {margin-bottom:0px;}
  .QuestionGroup.Practice .GroupQuestion .Answers .AnswerSet .Answer:last-child         {display:none;}
  .QuestionGroup.Practice .DVDIcon                                                      {margin:15px 2px 0px 2px;}
  .QuestionGroup.Practice .CDIcon                                                       {margin:15px 2px 0px 2px;}
  .QuestionGroup.Practice .VinylIcon                                                    {margin:15px 2px 0px 2px;}
  .QuestionGroup.Practice .PhoneIcon                                                    {margin:15px 2px 0px 2px;}
  .QuestionGroup.Practice .PencilIcon                                                   {margin:15px 2px 0px 2px;}

  .QuestionGroup.PQ .AnswerSetSlider                                                    {display:block;}
}

@media only screen and (max-width:768px) {
  .QuestionGroup.PQ .AnswerSetSlider                                                    {width:240px;}
  .QuestionGroup.PQ .AnswerSetSlider .noUi-connects                                     {background-size:100% 100%;}
  .QuestionGroup.PQ .AnswerSetSlider .AnswerLabels .LabelCell .Txt                      {font-size:10px;}
  .QuestionGroup.PQ .AnswerSetSlider .AnswerLabels .LabelCell.Three .Txt                {display:inline-block; width:55px;}
}

@media only screen and (max-width:768px) {
  .QuestionGroup .GroupQuestion .Answers .AnswerSet .Answer label   {font-size:1.2em;}
}

/* Answer Option Blocks */
@media only screen and (max-width:1024px) {
  .WrongOrRightAnw p                                                                    {margin-top:30px;}

  .AnsOptInfoList .AnsOptionInfo .ImgAnswerExp img                                      {max-width:70px;}
}

/* Error 404 Page */
@media only screen and (max-width:768px) {
  .Error404Page                                               {padding:0px;}
}

/* CMS WYSIWYG */
@media only screen and (max-width:768px) {
  img.LeftImage                                               {float:none; margin:0px 0px 20px 0px;}
  img.RightImage                                              {float:none; margin:0px 0px 20px 0px;}

  .ImgSideTxt                                                 {display:block;}
}

/* Dashboard */
@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:768px) {
  .UserIntroHeader .UserIntroText                             {width:100%; padding-right:0px;}
  .UserIntroHeader .UserBtns                                  {display:none;}
  .ActivityListIntro .ListIntroText                           {width:100%;}
  .ActivityListIntro .ListBtns                                {display:none;}

  .StartActivityBtnSm                                         {display:inline-block;}

  .DashAssessListLg .IntroContainer .Table_IC                                                               {display:block;}
  .DashAssessListLg .IntroContainer .Table_IC .Cell_IC                                                      {display:block;;}
  .DashAssessListLg .IntroContainer .Table_IC .Cell_IC_01                                                   {width:100%;}
  .DashAssessListLg .IntroContainer .Table_IC .Cell_IC_02                                                   {padding:20px 0px 0px 0px;}
  .DashAssessListLg .IntroContainer .Table_IC .Cell_IC_03                                                   {}

  .DashAssessListLg .AssessIntroItem .StdLightBlueLrgBtn                                                    {width:100%; display:block; margin-top:20px;}
  .DashAssessListLg .AssessIntroItem .StdBlueLrgBtn                                                         {width:100%; display:block; margin-top:20px;}

  .DashAssessListLg .AssessIntroItem .AssessPanelTop .Requirement .Icons .Item                              {height:20px; width:20px;}

  .FormLanguage                           {width:100%;}
}
@media only screen and (max-width:480px) {
  .DashAssessListLg .IntroContainer                                                                         {padding:20px;}
}

/* Sign Out */
@media only screen and (max-width:480px) {
  .SignOutLoginForm                                           {max-width:none;}
}

/* Question Information */
@media only screen and (max-width:1024px) {
  .QuestionInfo                                               {margin-bottom:30px;}

  .QuestionInfo.CloneContainer                                {margin-right:40px;}
}

@media only screen and (max-width:768px) {
  .QInfoHeader                                                {padding:20px;}
  .QInfoHeader .InfoName                                      {width:70%;}
  .QInfoHeader .InfoName h1                                   {font-size:1.6em; margin-top:2px;}
  .QInfoHeader .InfoName h2                                   {font-size:1.6em; margin-top:2px;}
  .QInfoHeader .InfoDisplay                                   {width:30%;}
  .QInfoHeader .PinIcon                                       {display:none;}
  .QInfoHeader .ExpandIcon                                    {height:30px; width:30px;}
  .QInfoHeader .CollapseIcon                                  {height:30px; width:30px;}

  .InfoContainer                                              {padding:0px 20px 20px 20px;}
  .InfoContainer .SideBySideInfo                              {flex-wrap:wrap;}
  .InfoContainer .SideBySideInfo .TxtInfo                     {padding-right:0px; flex:0 0 100%; order:2;}
  .InfoContainer .SideBySideInfo .ImgInfo                     {padding:0px 0px 30px 0px; flex:0 0 100%; order:1;}

  .TestInfoLgContainer                                        {display:none;}

  .TestInfoSmContainer                                        {visibility:visible; overflow:visible; height:auto; width:auto;}

  .QuestionInfoMob                                            {display:inline-block;}
}

/* Tests */
@media only screen and (max-width:1024px) {
  .AssessQuestionTracker .MotivationalTextLg                  {display:none;}

  .MotivationalTextSm                                         {display:block;}
}

@media only screen and (max-width:768px) {
  .TestTimer                                                  {position:relative; left:auto; width:auto;}
  .TestTimer .TestTimerContainer                              {display:block; border:1px solid #e5e5e5; border-radius:3px; padding:15px;}
  .TestTimer .TestTimerContainer div                          {display:inline-block;}
  .TestTimer .TestTimerContainer .TimeHdr                     {vertical-align:middle; font-size:1.2em; margin-right:5px;}
  .TestTimer .TestTimerContainer .Timer                       {vertical-align:middle; font-size:1.8em; font-weight:500;}

  .AssessQuestionTracker .QuestionsLeft h1                    {font-size:2em;}
  .AssessQuestionTracker .QuestionsLeft h2                    {font-size:2em;}
}

@media only screen and (max-width:480px) {
  .AssessQuestionTracker .QuestionsLeft                       {padding-right:10px;}
  .AssessQuestionTracker .QuestionsLeft h1                    {font-size:1.4em;}
  .AssessQuestionTracker .QuestionsLeft h2                    {font-size:1.4em;}
}

/* Application */
@media only screen and (max-width:768px) { 
  .QualifyList .DividerGrey                                                     {display:none;}
  .QualifyList .StdBlueLrgBtn                                                   {margin-top:0px;}

  .QualifyList .ValidationHighlighted .QualifyRow                               {padding-bottom:0px; margin-bottom:0px; border-bottom:none;}
  .QualifyList .ValidationHighlighted .QualifyRow .FormBox                      {margin-bottom:30px;}
  .QualifyList .ValidationHighlighted .QualifyRow .FormBox.NoSpaceBtmLast       {margin-bottom:0px;}

  .QualifyList.Nominees .QualifyRow .FormBox                                    {margin-bottom:30px;}
  .QualifyList.Nominees .QualifyRow .FormBox.NoSpaceBtmLast                     {margin-bottom:0px;}
  .QualifyList.Nominees .QualifyRow.Details                                     {padding-bottom:0px; margin-bottom:0px; border-bottom:none;}

  .QualifyRow                                                                   {padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #eaeaea;}
  .QualifyRow .FormBox                                                          {width:100%;}
  .QualifyRow .FormBox.NoSpaceBtmLast                                           {margin-bottom:0px;}
  .QualifyRow.Header                                                            {display:none;}
  .QualifyRow.Details .QualifyLabel                                             {display:block;}
}

/* Validation */
@media only screen and (max-width:1024px) { 
  .QuestionGroup.Utopia .ValidationHighlighted .GroupQuestion .Answers .AnswerSet .Answer label             {width:65%;}
}

@media only screen and (max-width:768px) {
  .QuestionGroup.TopRowAnswers .GroupQuestion .Answers .AnswerSet .Answer label.ValidationHighlighted       {padding:2px !important;}
}

/* Self-Assessment */
@media only screen and (max-width:1024px) { 
  .SelfAssessment .HeaderBar                                                    {padding:15px 40px;}
  .SelfAssessment .AssessmentContent                                            {padding:0px 40px;}
}

@media only screen and (max-width:768px) {
  .SelfAssessment .HeaderBar                                                    {padding:15px;}
  .SelfAssessment .HeaderBar .ProfileImg img                                    {width:42px;}
  .SelfAssessment .MsgInfo                                                      {margin:20px 0px;}
  .SelfAssessment .AssessmentContent                                            {padding:0px 29.5px;}
  .SelfAssessment .AssessmentContent .AnswerBlock                               {margin:40px 0px;}
  .SelfAssessment .SpeechBubble                                                 {padding:20px 25px; margin-bottom:20px;}
  .SelfAssessment .SpeechBubble .Txt                                            {font-size:14px; line-height:1.6em;}
  .SelfAssessment .SpeechBubble .Txt p                                          {font-size:14px; line-height:1.6em;}
  .SelfAssessment .BtmButton .Btn                                               {padding:15px; font-size:1.6em;}
  .SelfAssessment .AnswerRow:first-child                                        {margin-top:30px;}
  .SelfAssessment .AnswerRow .CheckButton                                       {width:30px;}
  .SelfAssessment .AnswerRow .Txt                                               {font-size:14px; line-height:1.6em;}
  .SelfAssessment .AnswerRow .Txt p                                             {font-size:14px; line-height:1.6em;}
}



/* Help Page */
@media only screen and (max-width:768px) {
  .HelpPanels                                   {width:100%; display:block;}
  .HelpPanels .HPBlock                          {width:100%; display:block; padding:0px 0px 10px 0px;}
  .HelpPanels .HPBlock .BlockInfo               {padding:20px; display:table; width:100%;}
  .HelpPanels .HPBlock .BlockInfo .Img          {height:60px; width:60px; display:table-cell; vertical-align:middle;}
  .HelpPanels .HPBlock .BlockInfo .Desc         {text-align:left; padding: 0px 0px 0px 20px; display:table-cell; vertical-align:middle;}
}



/* Cookie Policy */
@media only screen and (max-width:1200px) {
  .CookiePolicyBanner .BannerContent                                              {padding:30px 50px;}
}

@media only screen and (max-width:1024px) {
  .CookiePolicyBanner .BannerContent                                              {padding:30px 40px;}
}

@media only screen and (max-width:768px) {
  .CookiePolicyBanner .BannerContent                                              {padding:30px 30px;}
}

@media only screen and (max-width:480px) {
  .CookiePolicyBanner .BannerContent                                              {padding:20px;}
}

@media only screen and (max-width:360px) {
  .CookiePolicyBanner .BannerContent                                              {padding:20px 10px;}
}



/* Driving Experience Test */
@media only screen and (max-width:1024px) {
  .DrivingAssessment .DAQuestionContainer                                         {flex-wrap:wrap;}
  .DrivingAssessment .DAQuestionContainer .LeftSide                               {flex:0 0 100%; padding-right:0px;}
  .DrivingAssessment .DAQuestionContainer .RightSide                              {flex:0 0 100%; padding-left:0px;}
}

@media only screen and (max-width:600px) {
    #HazardPerceptionContainer .MouseClickQContainer {
        max-width: 320px;
    }
}