div.slSurveyHeader {
 background-image: url(https://survey2.eqr1.com/assets/ClientProto1/ShopperTalk.jpg);
 background-repeat: no-repeat;
 background-position: left;
 background-color: #fff;
 max-width: 987px;
 height: 80px;
 background-size: contain;
 margin:0; 
 padding:0;
} /* Mobile Responsive Adjustments */
@media (max-width: 600px) {
    div.slSurveyHeader {  max-width:100px;
        height: 50px; /* Allow height to adjust naturally */
        padding-top: 25%; /* Maintain aspect ratio - adjust as needed */ margin:5px!important;
        background-size: 100% auto; /* Stretch width to 100%, auto height */
    }
}
label {font-weight:normal!important;}

#rowItems > li {
	display:inline!important;
} 
.toc {
  overflow: auto!important;
  max-width: 900px!important;
}
@media only screen 
and (min-device-width : 321px)
and (max-device-width : 480px)  {/*div.slSurveyHeader { width:380px;  height:95px;   background-image:url("http://survey.eqr1.com/assets/pcmag/banner28_mobile.jpg"); margin:0; padding:0;
*/}
/* Styles */.toc {
  overflow: auto!important;
  max-width: 100%!important;
}
@media only screen

 and (max-device-width : 320px)  {/*div.slSurveyHeader { width:380px;  height:95px;   background-image:url("https://survey2.eqr1.com/assets/pcmag/banner28_mobile.jpg"); margin:0; padding:0;
*/}
/* Styles */.toc {
  overflow: auto!important;
  max-width: 300px!important;
}
}
*/
.Grid1HeaderA {
    padding: 5px!important;
    font-weight: bold!important;
    text-align: center!important;
}
.toc {
  overflow: auto!important;
  max-width: 900px!important;
}
#rowItems li:nth-child(1) { margin:2px;border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px!important;border-top-left-radius: 0px!important;border-top-right-radius: 0px!important;color: #fff; background-color: #120A8F;border-color: #120A8F;}
#rowItems li:nth-child(2) { margin:2px;border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px!important;border-top-left-radius: 0px!important;border-top-right-radius: 0px!important;color: #fff;background-color: #6A5ACD;border-color: #6A5ACD;}
#rowItems li:nth-child(3) {margin:2px;border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px!important;border-top-left-radius: 0px!important;border-top-right-radius: 0px!important;color: #fff;background-color: #836FFF;border-color: #836FFF;}

.questionText2 {  font:15px/1.6 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;  color: #000!!important;  margin-top: 20px; padding: 2px;min-width:200px!important}
.PageText { font:15px/1.6 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif; color: #000!important; margin-top: 20px; padding: 2px;}
.questionText {  font:15px/1.6 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;  color: #000!!important;  margin-top: 20px; padding: 2px;}
.QuestionInstruction {  font:'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif; font-style:italics;  font-weight: 500;  color: #444;  margin-top: 20px;  margin-bottom: 10px;}
.PageComment {  margin: 10px; font-weight: bold;  color: red;}
.err {  color: red;}
form {background-color:#FFF!important;padding:5px;  border: 1 px solid;
  border-color: gray;
  max-width:  987px;
  border-radius: 3px;
}
#footer, #kfooter
{background-color: #eaefe0!important;
    margin: 10px 10px 0 10px;
}
#links {font:12px "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; }
#footer p, #footer #links
{ background-color: #eaefe0!important;
    max-width: 987px;
    font-size: 9px;
}


.multi_choice {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
.header {
  color: blue;
  font-variant: normal;
  font-weight: bold;
}
.subheader {
  font-style: italic;
}
html {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  color: #333!important;
  background-color: #eaefe0!important;
  font-weight: 300!important;
  color: #333!important;
  font-family: 'Lato',"Helvetica Neue",Helvetica,Arial!important;
  font-size: 11pt!important;
  line-height: 1.2em!important;
  text-align: center!important;
  line-height: 1.42857143;
}
.align-right {
  float:right; 
  margin: 0px 0px 0px 0px; 
}
.align-left {
  float:left; 
  margin: 0 0px 0px 0;
}
.errorText {
  font-weight: bold;
  color: red;
}
#label {
  font-weight: 700;
} 
.question-type-single-choice label:hover,
.question-type-multiple-choice label:hover,
.highlight-on-focus:focus, /* textboxes */
.hover
{
  border: 1px solid #F0E68C;
  background: url(../images/ui-bg_glass_55_fbf5d0_1x400.png) 50% 50% repeat-x;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-weight: bold;
  background-color: #F0E68C;
}
.err {
  color: red;
}
.multi_choice {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
.header {
  color: blue;
  font-variant: normal;
  font-weight: bold;
}
.subheader {
  font-style: italic;
}
html {
  margin: 0;
  padding: 0;
}
.Layout3ColumnTable {
  border-collapse: collapse;
}
.Layout3ColumnRow {
}
.Layout3ColumnCell {
  border: 1px solid black;
}
.Layout3ColumnFirstRow {
  border: 1px solid black;
  font-weight: 500;
  text-align: center;
}
.Layout3ColumnFirstCol {
  border: 1px solid black;
}
.Layout3ColumnRowA {
  border: 1px solid black;
  background-color: #ffffee;
}
.Layout3ColumnRowB {
  border: 1px solid black;
  background-color: #dedad5;
}
.errorText {
  font-weight: bold;
  color: red;
}
#label {
  font-weight: 700;
} 
.multi_choice {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
.header {
  color: blue;
  font-variant: normal;
  font-weight: bold;
}
.subheader {
  font-style: italic;
}
html {
  margin: 0;
  padding: 0;
}
div#wrapper {
  margin: 0 auto;
  width: 866px;
  text-align: left;
  display: block;
  background-position: right top;
}
div#wrapper2 {
  margin: 0 auto 0 0;
  padding: 0;
  width: 850px;
  text-align: right;
  display: inline-block;
}
.align-right {
  float:right; 
  margin: 0px 0px 0px 0px; 
}
.align-left {
  float:left; 
  margin: 0 0px 0px 0;
}
.frame {
  padding: 0 22px 0px 0; 
  border: 0px solid #aaa;
}
.QuestionSubmitDiv { text-align: left; font:14px/1.5 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;  font-weight: 900;}
.nextbutton {  text-align: right;  font:'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;}
.CheckboxTableCheckboxCellA {
  padding: 4px;
  background-color: #ffffee;
}
.CheckboxTableCheckboxCellAOver {  padding: 4px; background-color: #ffffcd;}
.CheckboxTableCheckboxCellB {  padding: 4px;  background-color: #dedad5;}
.CheckboxTableCheckboxCellBOver {padding: 4px;  background-color: #ffffcd;}
.CheckboxTableLabelCellA {  padding: 4px;  background-color: #ffffee;  font-size: 10pt;}
CheckboxTableLabelCellAOver {  padding: 4px;  background-color: #ffffcd;  font-size: 10pt;}
.CheckboxTableLabelCellB {  padding: 4px;  background-color: #dedad5;  font-size: 10pt;}
.CheckboxTableLabelCellBOver {  padding: 4px;  background-color: #ffffcd;  font-size: 10pt;}
.RadioTableRadioCellA {  padding: 4px;background-color: orange;}
.RadioTableRadioCellAOver {  padding: 4px;  background-color: #ffffcd;}
  .RadioTableRadioCellB {  padding: 4px;  background-color: #dedad5;}
.RadioTableRadioCellBOver {  padding: 4px; background-color: #ffffcd;}
.RadioTableLabelCellA {  padding: 4px;background-color: #ffffee;  font-size: 10pt;}
.RadioTableLabelCellAOver {  padding: 4px; background-color: #ffffcd;font-size: 10pt;}
.RadioTableLabelCellB { padding: 4px;background-color: #dedad5;  font-size: 10pt;}
 .RadioTableLabelCellBOver {  padding: 4px; background-color: #ffffcd; font-size: 10pt;}
.tables1table {
  border-collapse: collapse;
}

.Tables1Header {
  padding: 0px 8px 2px;
  font-weight: 300;
  text-align: center;
  vertical-align: bottom;
  font-size: 10pt;
}
.Tables1HeaderA {
  padding: 0px 8px 2px;
  background-color: #ffffee;
  font-weight: 400;
  text-align: center;
  vertical-align: bottom;
  font-size: 10pt;
}
.Tables1HeaderB {
  padding: 0px 8px 2px;
  background-color: #dedad5;
  font-weight: bold;
  text-align: center;
  vertical-align: bottom;
  font-size: 10pt;
}
.Tables1LabelA {
  padding: 4px;
  background-color: #ffffee;
  font-weight: 400;
  font-size: 10pt;
}
.Tables1LabelB {
  padding: 4px;
  background-color: #dedad5;
  font-size: 10pt;
}
.Tables1LabelAOver {
  padding: 4px;
  background-color: #ffffcd;
}
.Tables1LabelBOver {
  padding: 4px;
  background-color: #ffffcd;
}
.Tables1CellA {
  padding: 4px;
  background-color: #ffffee;
  text-align: center;
}
.Tables1CellB {
  padding: 4px;
  background-color: #dedad5;
  text-align: center;
}
.Tables1CellAOver {
  padding: 4px;
  background-color: #ffffcd;
  text-align: center;
}
.Tables1CellBOver {
  padding: 4px;
  background-color: #ffffcd;
  text-align: center;
}
.PageText {
  font:14px/1.5 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 800;
  color: #555;
  margin-top: 5px;
  border: 1 px solid;
  border-color: #489cdf;
  background:  #eaefe0;
  border-radius: 3px;
  padding: 2px;
}
#label {
  font-weight: 700;
} 
.question-type-single-choice label:hover,
.question-type-multiple-choice label:hover,
.highlight-on-focus:focus, /* textboxes */
.hover
{
  border: 1px solid #F0E68C;
  background: url(../images/ui-bg_glass_55_fbf5d0_1x400.png) 50% 50% repeat-x;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-weight: bold;
  background-color: #F0E68C;
}
.submit:after {
    font-family: 'FontAwesome';
    content: '\f054';
    padding-left: 5px;
    position: relative;
    font-size: 90%;
}
.questionText{
  margin-bottom:10px;
}
.submit{
  color: #000!important;
  background-color: #e7e7e7!important;
  border-color: #e7e7e7!important;
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 8px 5px!important;
  border: 1px solid;
  font-size: 30px!important;
  line-height: 1.5;
  border-radius: 3px;
  margin-right:2px;
}
.submit:hover, .submit:focus, .submit:active, .submit.active, .open > .dropdown-toggle.submit {
color: #000!important;
  background-color: #e7e7e7!important;
  border-color: #e7e7e7!important;
}
/*Custom Radio Buttons and Checkboxes using Font Awesome*/
input[type=radio],
input[type='checkbox'] {
  display: none;
}
input[type=checkbox] + label,
input[type=radio] + label {
  display: block;
}
input[type="checkbox"] + label:hover:before,
input[type="radio"] + label:hover:before{
    font-size: 25px;
  
    color:#000;
}
label.VerticalCheckboxListLabelA:hover,
label.VerticalCheckboxListLabelB:hover,
label.VerticalRadioMapLabelA:hover,
label.VerticalRadioMapLabelB:hover {
    padding:1px;
    border:1px solid #000;
    border-radius:5px;
}
label.VerticalRadioMapLabelA,
label.VerticalRadioMapLabelB {
}
div.questionText:before{
}
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
}
input[type=radio] + label:before {
      font-size: 25px;
      color:#000;
  content: "\f10c"; /* Radio Unchecked */
}
input[type="checkbox"] + label:before {
  content: "\f096"; /* Checkbox Unchecked */
      font-size: 25px;
       color:#000;
}
input[type=radio]:checked + label:before {
  content: "\f05d"; /* Radio Checked */
     font-size: 25px;
}
input[type="checkbox"]:checked + label:before {
  /*padding-right: 4px; */
}
input[type="checkbox"]:checked + label:before {
  content: "\f14a"; /* Checkbox Checked */
  font-size: 25px;
}
div { /*padding:10px!important;*/
  border-radius:5px;
}
table{
  border-collapse:separate!important;
  padding:2px;
}
.Grid1CellB  {text-align:center!important;padding-top:5px;padding-left: 5px;}


#content {border:none!important;}
.Grid1LabelA {  padding-bottom:10px!important;background: #EEE; }  .Grid1LabelB {  padding-bottom:10px!important; }
.Grid1CellA  {text-align:center!important;padding-left: 5px;padding-top:5px;background: #EEE; }
.Grid1Header {  padding:5px;font-weight: bold!important;text-align:center;}
.Grid1CellBOver {background-color: #FFFFCD!important;padding-top:5px;padding-left:5px!important;text-align: center!important;}
.Grid1CellAOver {background-color: #FFFFCD!important;padding-top:5px;padding-left:5px!important;text-align: center!important;}


.GridQuestionText {  font:15px/1.6 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;  color: #000!important;  margin-top: 20px; padding: 2px;}
.VerticalCheckboxListLabelCellAOver {padding: 0px!important;}
.VerticalRadioMapLabelCellAOver {padding: 0px!important;}
/* responsive table */

@media screen and (max-width:720px) {    
 table.Grid1Table,
    tbody {
        display: block;
        width: 100%;
    }
.slSurveyHeader{max-width:720px!important;} 
.slSurveyHeader{max-width:720px!important;}
.questionText{max-width:300px!important;}
.content-padding p:first-child{font-size:20px!important;}
.content-padding p:nth-child(2){font-size:25px!important;}
.mobileLabel
    { display: inline!important; }
table.Grid1Table  tr:nth-child(1) {display : none!important;}
 table.Grid1Table tr,
    table.Grid1Table th,
    table.Grid1Table td{
        display: block!important;
        padding: 0!important;
        text-align: left!important;
        white-space: normal!important;
    }
thead { display: none!important; }
td.Grid1Header { display: none!important; }

td.Grid1CellB, td.Grid1CellA {
    width:300px!important;
}

table.Grid1Table td  {
    width:300px!important;
}
td.Grid1LabelA,td.Grid1LabelB{
    width:300px!important;
    margin-top:3px!important;
    margin-bottom:3px!important;
    font-weight:bold!important; color:red;font-style:italic;
}
td.Grid1CellB:nth-child(2), td.Grid1CellA:nth-child(2) {
  border-top-style: solid;
  border-top-width: 1px; 

   border-top-left-radius: 3px;
    border-top-right-radius: 3px; 
}
td.Grid1CellB, td.Grid1CellA {
  
   border-left-style: solid;
  border-left-width: 1px;  
 border-right-style: solid;
  border-right-width: 1px;  
 
}
label {
    margin-bottom:0px!important;
}
td.Grid1CellB:last-child, td.Grid1CellA:last-child {
  
  border-bottom-style: solid;
  border-bottom-width: 1px; 
 
   border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; 
 
}
  
td.Grid1CellB, td.Grid1CellA {  width:300px!important;text-align:left!important;
}
table.Grid1Table td  {  width:300px!important;}td.Grid1LabelA,td.Grid1LabelB{   width:300px!important;}
.Grid1LabelB,.Grid1LabelA{
background: #FFF!important; } 
}


img{
 width:900px;
  padding:2px;
}
.QuestionDropDown.form-control.btn-primary {width:inherit;}
/* responsive table */

@media screen and (max-width:480px) {    
 table.Grid1Table,
    tbody {
        display: block;
        width: 100%;
    }.slSurveyHeader{max-width:480px!important;} .slSurveyHeader{max-width:480px!important;}
.questionText{max-width:480px!important;}
.mobileLabel
    { display: inline!important; }
table.Grid1Table  tr:nth-child(1) {display : none!important;}
 table.Grid1Table tr,
    table.Grid1Table th,
    table.Grid1Table td{
        display: block!important;
        padding: 0!important;
        text-align: left!important;
        white-space: normal!important;
    }
thead { display: none!important; }
td.Grid1Header { display: none!important; }

td.Grid1CellB, td.Grid1CellA {
    width:300px!important;
}

table.Grid1Table td  {
    width:300px!important;
}
td.Grid1LabelA,td.Grid1LabelB{
    width:300px!important;
    margin-top:3px!important;
    margin-bottom:3px!important;
    font-weight:bold!important; color:red;font-style:italic;
}
td.Grid1CellB:nth-child(2), td.Grid1CellA:nth-child(2) {
  border-top-style: solid;
  border-top-width: 1px; 

   border-top-left-radius: 3px;
    border-top-right-radius: 3px; 
}
td.Grid1CellB, td.Grid1CellA {
  
   border-left-style: solid;
  border-left-width: 1px;  
 border-right-style: solid;
  border-right-width: 1px;  
 
}

label {
    margin-bottom:0px!important;
}
td.Grid1CellB:last-child, td.Grid1CellA:last-child {
  
  border-bottom-style: solid;
  border-bottom-width: 1px; 
 
   border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; 
 
}
  
td.Grid1CellB, td.Grid1CellA {  width:300px!important;text-align:left!important;
}
table.Grid1Table td  {  width:300px!important;}td.Grid1LabelA,td.Grid1LabelB{   width:300px!important;}
.Grid1LabelB,.Grid1LabelA{
background: #FFF!important; } 
}