/* rareway: headings and responsive layout over pea_style.css */
h1.pageHeading { margin: 0; font-size: 14px; line-height: 1.35; }
h1.ph2 { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; color: inherit; line-height: 1.35; }
#maininfo h2 { font-size: 13px; color: #385079; }
#maininfo h3 { font-size: 12px; color: #385079; }
img { max-width: 100%; height: auto; }
#maininfo, #column_l { overflow-wrap: anywhere; }

@media (max-width: 1040px) {
  #toptbl, #brandtbl, #maintbl, #footertbl { width: 100% !important; box-sizing: border-box; }
  #toptbl { height: auto; }
  #toptbl img { display: block; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; }
  #maininfo table, #maininfo [style*="width"] { max-width: 100% !important; }
  #maininfo [style*="width"] { width: auto !important; }
  #maininfo table { table-layout: auto; }
}

@media (max-width: 760px) {
  body { font-size: 14px; }
  #brandtbl { height: auto; padding: 6px 10px; }
  #brandtbl tr, #brandtbl td { display: block; width: auto !important; text-align: left !important; padding: 3px 0; }
  #brandtbl #brandinput { width: 100%; max-width: 100%; margin: 4px 0 0 0; font-size: 14px; }
  #maintbl { height: auto; border-spacing: 0; }
  #maintbl > tbody, #maintbl > tbody > tr { display: flex; flex-direction: column; width: 100%; }
  #maintbl > tbody > tr > td { display: block; width: auto !important; box-sizing: border-box; border-left: 0; border-right: 0; }
  #maintbl #maininfo { order: -1; font-size: 14px; line-height: 1.5; }
  #maintbl #column_l { font-size: 13px; line-height: 1.7; }
  #maininfo table, #maininfo tbody, #maininfo tr, #maininfo td { max-width: 100%; }
  #maininfo [style*="width"] { width: auto !important; }
  #itemtbl, #itemtbl > tbody, #itemtbl > tbody > tr, #itemtbl > tbody > tr > td { display: block; width: auto !important; }
  #itemtbl > tbody > tr > td[width="20"] { display: none; }
  #itemtbl > tbody > tr > td[width="130"] { text-align: center; padding-top: 10px; }
  #tovars_onmain, #tovars_onmain > tbody, #tovars_onmain > tbody > tr { display: block; width: 100%; }
  #tovars_onmain > tbody > tr > td { display: inline-block; width: 48%; vertical-align: top; box-sizing: border-box; padding: 8px 4px; }
  #tovarstbl th, #tovarstbl td { font-size: 12px; padding: 4px; }
  #tovarstbl img { max-width: 90px; }
  #price_html td { font-size: 13px; }
  .pageHeading2, .pageHeading2 > tbody, .pageHeading2 > tbody > tr { display: block; width: 100%; }
  .pageHeading2 > tbody > tr > td { display: block; width: auto; box-sizing: border-box; text-align: left !important; }
  #footertbl { height: auto; padding: 8px 10px; }
  #footertbl tr, #footertbl td { display: block; text-align: left !important; }
  #ordertbl, .contact_input, .contact_input_txtarea, .contact_input_select, #ordertbl .input, #ordertbl .input_big, #ordertbl .input_adres, .inputtxt, .input, .inputselect { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  #maininfo iframe, #maininfo object, #maininfo embed { max-width: 100%; }
}