/* Responsive layer – ROTOMAC ENGINEERING CO. */
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{height:auto;min-height:0;overflow-x:hidden}
img{max-width:100%;height:auto}
table{max-width:100%}
.bg{background-color:#fff}

/* fluid page frames */
table.rs-head{width:100%!important;max-width:1041px;margin:0 auto}
table.rs-page{width:100%!important;max-width:983px;margin:0 auto}
table[width="983"],table[width="1041"]{width:100%!important}
table[width="983"]{max-width:983px}
table[width="1041"]{max-width:1041px}
table[width="719"],table[width="724"],table[width="901"]{width:100%!important}
table[height="205"]{height:auto!important}
td.rs-logo img{display:block}

/* slider */
#wowslider-container1{width:100%!important;max-width:960px}
#wowslider-container1 .ws_images,#wowslider-container1 .ws_images ul li img{max-width:100%}
#wowslider-container1 .ws_images ul li img{width:100%!important;height:auto!important}
.glossymenu{width:100%!important;max-width:245px}
.glossymenu a.menuitem{width:auto}
td.rs-side table,table[width="245"]{width:100%!important;max-width:245px}

/* nav */
.top-nav{display:flex;flex-wrap:wrap}
.top-nav a{float:none!important;white-space:nowrap}

/* gallery cards */
td.rs-main img.sp_simple_gallery,img.sp_simple_gallery{max-width:100%;height:auto}
aside#sp-left{width:100%!important}

/* ---------- tablet & below ---------- */
@media (max-width:900px){
  table.rs-head,table.rs-head>tbody,table.rs-head>tbody>tr,table.rs-head>tbody>tr>td{display:block;width:100%!important}
  table.rs-head td.rs-logo{text-align:center}
  td.rs-logo img{margin:0 auto}
  table.rs-head>tbody>tr>td>table{width:100%!important;background:#b30b18}
  .top-nav{justify-content:center;padding:4px 0}
  .top-nav a{padding:12px 14px;font-size:15px}
  table.rs-page{padding:0 12px}
  /* stack content + sidebar */
  tr:has(>td.rs-side)>td{display:block;width:100%!important}
  td.rs-side{margin-top:16px}
  td.rs-side table,.glossymenu{max-width:100%!important}
  .glossymenu a.menuitem{padding:14px 10px;font-size:13px}
  .glossymenu div.submenu li a{display:block;padding:8px 6px}
  /* gallery grid */
  tr:has(>td>table[style*="0099FF"]){display:flex;flex-wrap:wrap;gap:12px}
  tr:has(>td>table[style*="0099FF"])>td{flex:1 1 200px;min-width:0}
  tr:has(>td>table[style*="0099FF"])>td:not(:has(table)){display:none}
  /* footer */
  td.footer{display:block;width:100%;text-align:center!important}
}

/* ---------- phones ---------- */
@media (max-width:700px){
  body{font-size:15px}
  p{font-size:14px;line-height:1.55;padding-bottom:8px}
  p a{font-size:13px}
  h2{font-size:18px}
  h3{font-size:15px}
  img[src*="welcome.gif"],img[src*="product-gallery"]{height:auto}
  /* home thumbnails: 2 per row */
  table[width="719"]>tbody{display:block}
  table[width="719"] tr{display:flex;flex-wrap:wrap;gap:8px}
  table[width="719"] td{flex:1 1 45%;min-width:0}
  table[width="719"] td[colspan]{display:none}
  /* product blocks */
  tr:has(>td[width="220"])>td{display:block;width:100%!important;text-align:center}
  td[width="220"] img{margin:8px auto;padding-top:0!important}
  td[width="105"]{display:none}
  table[width="98%"]{width:100%!important}
  /* about / generic two-column text rows */
  td[width="263"]{width:100%!important}
  /* enquiry form */
  table[cellpadding="10"] tr,table[cellpadding="10"] td{display:block;width:100%!important}
  table[cellpadding="10"] td{padding:6px 8px}
  input[type=text],input[type=email],input[type=tel],textarea,select{width:100%!important;max-width:100%;font-size:16px;padding:8px}
  input[type=submit],input[type=reset],button{min-height:44px;padding:8px 18px}
  iframe,embed,object,video{max-width:100%}
  .footer{font-size:11px}
}
@media (max-width:420px){
  .top-nav a{padding:11px 9px;font-size:14px}
  tr:has(>td>table[style*="0099FF"])>td{flex-basis:100%}
}