.head-table td {width:112px;text-align: center;}
.head-table table {width:100%;}
.head-table li {float: left;list-style: none;width: 12.5%;border-right: 1px solid #A8E5F7;margin-right: -1px;text-align: center;padding-bottom: 10px;height: 150px;}
.head-table li.last-item {border-right:0px none;}
.head-table a {color:#000; text-transform:uppercase;font-size: 20px;letter-spacing: -0.2px;font-family: 'Open Sans Condensed', sans-serif;}
.fixed-6 .last {width:220px;}
footer .fixed-6 {text-align: center; width:620px;}
.fixed-26 {width: 180px; margin-right:0px;}
.fixed-27 a {color:#0365A3;}
.fixed-28 { width:100px;}
.head-table ul, ol {padding: 0px;}
.contact-left {float: left;width: 450px;}
.contact-right {float: right;width: 450px;}
.contact-main {width:900px;float: left;}
.right-system {font-size:20px;color:#53722c;}
.right-system a {font-size:20px;color:#53722c;}
.slider {display: inline-block;width: 100%;}
h2 { font-size: 1.2rem; padding-bottom:5px;color: #555;}
.footer-left {float: left;}
.footer-right {float: right;}
.footer-right li {float: left;list-style: none;margin-left:10px;}
.footer-right img {width:32px;height:32px;}
.footer-right ul {margin:0px;}
.meteor-slides .meteor-buttons {bottom: 10px;left: 10px;}
div.navpaged, div.navboth { margin-bottom: 0px;}

.head-table .underfloor a:hover {color:#E57301 !important;}
.head-table .heat-pump a:hover {color:#DF0404 !important;}
.head-table .solar a:hover {color:#E9D912 !important;}
.head-table .plumbing a:hover {color:#7ABFDD !important;}
.head-table .solar-pv a:hover {color:#0AADCA !important;}
.head-table .water a:hover {color:#1C9806 !important;}
.head-table .maintenance a:hover {color:#A401D3 !important;}
.head-table .gallery a:hover {color:#8A8A8A !important;}

.footer-1 ul {list-style:none;}
.footer-1 li {list-style:none;width: 24%;display: inline-block;}
.footer-1 .widget ul {padding: 0px;}
.widget { margin-bottom: 0px;}

.logos img {max-height:55px;}
.logos li {width:24%;}
.logos {margin-bottom:10px;}

@media only screen and (max-device-width: 480px) {
.container {width: 310px;}
img { max-width: 100%; height: auto;} 
#page {padding: 5px;}
#custom-header {height: 100%;width: 100%;}
  .head-table li {width: 25%;text-align: center;height: 110px;}
  .head-table li.middle-item {border-right:0px none;}
  .head-table a {font-size: 14px;}
  .head-table table {width: 100%;}
  .head-table img {  max-width: 70px;}
  .slideshow_container { height: 85px !important;}
  .slideshow_container .slideshow_content {height: 85px !important;}
  .fixed-18 { width: 80px;}
  .fixed-6 { width: 150px;}
  .main-navigation #searchform input[type="text"] {width: 205px;}
  .fixed-24 {margin-right: 0px;}
  .fixed-28 {margin-right: 0px;width: 130px;}
  .fixed-24 {width: 310px;}
 #colophon .fixed-6 {width: 310px;margin-right: 0px;line-height: 12px;margin-bottom: 15px;}
  #colophon h2 {margin-bottom:10px;}
  img.underfloor {width:150px;}
  img.maintenance {width:150px;}
  .entry-content table {width: 310px;}
  ul, ol {padding: 0px 0px 0px 10px;}
  .contact-left {width: 310px;}
.contact-right {width: 310px;}
.contact-main {width:310px;float: left;}
#ufo-form-id-2.ufo-form { max-height: 1000px !important;}
  .cell01-right {left: 0px !important;top: 0px !important;}
    div.ufo-form span.ufo-cell-center input, div.ufo-form span.ufo-cell-center textarea, div.ufo-form span.ufo-cell-center select, div.ufo-form div.ufo-cell-center input, div.ufo-form div.ufo-cell-center textarea, div.ufo-form div.ufo-cell-center select {max-width: 290px;}
  .slideshow_container .slideshow_content { width: 310px !important;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.container {width: 700px;}
img { max-width: 100%; height: auto;} 
#page {padding: 5px;}
#custom-header {height: 100%;width: 100%;}
  .head-table li {width: 25%;text-align: center;height: 110px;}
  .head-table li.middle-item {border-right:0px none;}
  .head-table table {width: 100%;}
  .head-table img {  max-width: 70px;}
    .head-table a {font-size: 20px;}
  .slideshow_container { height: 195px !important;}
  .slideshow_container .slideshow_content {height: 195px !important;}
  .fixed-18 { width: 470px;}
  .fixed-6 { width: 150px;}
  .main-navigation #searchform input[type="text"] {width: 205px;}
  .fixed-24 {margin-right: 0px;}
  .fixed-28 {float: left;margin-right: 0px; width: 120px;}
  .fixed-24 {width: 697px;}
 #colophon .fixed-6 {width: 440px;margin-right: 0px;line-height: 12px;}
  .fixed-26 { width: 130px;}
  img.underfloor {width:250px;}
  img.maintenance {width:250px;}
  .entry-content table {width: 310px;}
  ul, ol {padding: 0px 0px 0px 10px;}
  .contact-left {width:350px;}
.contact-right {width: 345px;}
.contact-main {width:700px;float: left;}
  .cell01-right {left: 385px !important;top: -185px !important;}
    div.ufo-form span.ufo-cell-center input, div.ufo-form span.ufo-cell-center textarea, div.ufo-form span.ufo-cell-center select, div.ufo-form div.ufo-cell-center input, div.ufo-form div.ufo-cell-center textarea, div.ufo-form div.ufo-cell-center select {max-width: 290px;}
  .slideshow_container .slideshow_content { width: 700px !important;}
}