/*
 * Hoisin.scss
 * CSS responsive framework boilerplate
 * Create your own grids, plugin anything
 * Version: 0.9.7
 * Created by: Cyber-Duck Ltd <info@cyber-duck.co.uk>,
 *             Ramon Lapenta <me@ramonlapenta.com>
 *
 */


@media (min-width: 1025px) {

  #aqueladivdastabs{
    width: 50%;
    margin: 0 25%;
  }
  #titulosdasseccoes{
    margin-top: 80px;
  }
  #lastsectionmargin{
    margin: 50px 100px;
    width: 500px;
  }
  #weirdcolumnsmargin{
    margin-top: 40px;
  }
  #tabsimage1{
    height: 600px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #section1divstuff{
    margin-top: 80px;
  }
  #imagesversussection{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #sectionaccordion{
  }
  #pedrotest:hover{
    opacity:1.0;
  }
  #pedroimg1{
    width:50%;
  }
  #pedroimg2{
    margin: 10% 2%;
  }

  .container2 {
    margin: 0 0 0 -10px;
    width: 160px;
  }

  .container3 {
    margin: 0 0 0 -10px;
    width: 240px;
  }

  .container4 {
    margin: 0 0 0 -10px;
    width: 320px;
  }

  .container5 {
    margin: 0 0 0 -10px;
    width: 400px;
  }

  .container6 {
    margin: 0 0 0 -10px;
    width: 480px;
  }

  .container7 {
    margin: 0 0 0 -10px;
    width: 560px;
  }

  .container8 {
    margin: 0 0 0 -10px;
    width: 640px;
  }

  .container9 {
    margin: 0 0 0 -10px;
    width: 720px;
  }

  .container10 {
    margin: 0 0 0 -10px;
    width: 800px;
  }

  .container11 {
    margin: 0 0 0 -10px;
    width: 880px;
  }

  .container12 {
    margin: 0 0 0 -10px;
    width: 960px;
  }

  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    float: left;
    margin: 0 10px;
  }

  .col12 {
    margin: 0 10px;
  }

  .col2 {
    width: 137px;
  }

  .col3 {
    width: 308px;
  }

  .col4 {
    width: 300px;
  }

  .col5 {
    width: 380px;
  }

  .col6 {
    width: 460px;
  }

  .col7 {
    width: 540px;
  }

  .col8 {
    width: 620px;
  }

  .col9 {
    width: 700px;
  }

  .col10 {
    width: 780px;
  }

  .col11 {
    width: 860px;
  }

  .col12 {
    width: 100%;
  }

  .pre1 {
    margin-left: 90px;
  }

  .pre2 {
    margin-left: 170px;
  }

  .pre3 {
    margin-left: 250px;
  }

  .pre4 {
    margin-left: 330px;
  }

  .pre5 {
    margin-left: 410px;
  }

  .pre6 {
    margin-left: 490px;
  }

  .pre7 {
    margin-left: 570px;
  }

  .pre8 {
    margin-left: 650px;
  }

  .pre9 {
    margin-left: 730px;
  }

  .pre10 {
    margin-left: 810px;
  }

  .suf1 {
    margin-right: 80px;
  }

  .suf2 {
    margin-right: 160px;
  }

  .suf3 {
    margin-right: 240px;
  }

  .suf4 {
    margin-right: 320px;
  }

  .suf5 {
    margin-right: 400px;
  }

  .suf6 {
    margin-right: 480px;
  }

  .suf7 {
    margin-right: 560px;
  }

  .suf8 {
    margin-right: 640px;
  }

  .suf9 {
    margin-right: 720px;
  }

  .suf10 {
    margin-right: 800px;
  }

  .colr {
    float: right;
    margin: 0 10px;
  }

  .alpha {
    margin-left: 0;
  }

  .omega {
    margin-right: 0;
  }

  .clear {
    clear: both;
  }

  .center {
    margin: 0 auto;
    float: none;
  }

  .banner-home {
    width: 100%;
    height: 100%;
    background: url(../img/banners/home-banner-holder.jpg) no-repeat top center;
    background-size: cover;
  }
  .banner-home .container {
    position: relative;
    height: 100%;
  }

  .slogon {
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
  }
  .slogon h2 {
    font-size: 45px;
    color: white;
    font-weight: 300;
    text-shadow: 0px 0px 35px #000;
  }
  .slogon h4 {
    display: inline-block;
  }
  .slogon p {
    color: white;
  }
  .slogon span {
    float: left;
    color: white;
    line-height: 50px;
  }

  .video-exp {
    display: none;
    background-color: #a61721;
    overflow: hidden;
    margin: 0px;
    padding: 30px 0;
  }

  .video-wrap {
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 56.25%;
    position: relative;
  }
  .video-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .home-product-cats img {
    width: 23%;
    height: auto;
    margin: 0px 1%;
  }

  .calculator {
    margin-top: 0px;
    padding-bottom: 13px;
  }
  .calculator.domestic-calc {
    margin-top: 18px;
  }
  .calculator.domestic-calc .annual-costs {
    height: 184px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .calculator input[type="number"] {
    width: 50px;
    padding: 10px;
    margin-right: 10px;
  }
  .calculator .calc-input {
    padding: 10px 0;
  }
  .calculator .calc-input .btn {
    margin-top: 1px !important;
  }
  .calculator .output {
    margin: 0 0 10px 0;
    padding: 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
  }
  .calculator .annual-costs {
    float: left;
    width: 60%;
    padding: 34px 0px;
    border-right: solid 1px #cccccc;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .calculator .install-costs {
    width: 30%;
    padding: 20px 0;
    overflow: auto;
  }
  .calculator .install-costs p {
    margin-bottom: 0;
  }
  .calculator .install-costs span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 50px;
    font-weight: normal;
    line-height: 1;
    color: #797979;
  }
  .calculator .small-text {
    display: block;
    padding: 10px;
  }

  .scroll-down {
    width: 24px;
    height: 28px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: 20px;
    background: url(../img/scroll-down.gif) no-repeat;
  }

  .mobile-menu-link, .mobile-menu {
    display: none !important;
  }

  .top-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: black;
    background: transparent\9;
    background: rgba(0, 0, 0, 0.48);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7a000000,endColorstr=#7a000000);
    zoom: 1;
    z-index: 10;
  }
  .top-nav .colr {
    *zoom: 1;
  }
  .top-nav .colr:before, .top-nav .colr:after {
    content: " ";
    display: table;
  }
  .top-nav .colr:after {
    clear: both;
  }
  .top-nav .colr div {
    float: left;
    height: 47px;
  }
  .top-nav ul {
    margin: 0;
    padding: 0;
  }
  .top-nav li {
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0 10px;
  }
  .top-nav li a {
    line-height: 47px;
  }
  .top-nav a {
    font-size: 12px;
    color: white;
    text-decoration: none;
    display: block;
  }
  .top-nav a:hover {
    text-decoration: underline;
  }
  .top-nav .btn-country {
    width: 24px;
    height: 20px;
    display: block;
    margin: 12px 14px;
  }
  .top-nav:nth-child(n) {
    filter: none;
  }

  .menu-container {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 200;
    /* @include transition(width);
    @include transition-dur(0.15s); */
  }
  .menu-container.stick-menu {
    position: fixed;
    top: 0px;
    width: 100%;
    border-radius: 0;
    border-bottom: solid 1px #cccccc;
    background-color: white;
  }
  .search {
    float: right;
    position: relative;
    width: 130px;
  }
  .search input[type="text"] {
    margin-right: 0;
    margin-top: 6px;
    border-radius: 5px;
    float: right;
    width: 100%;
  }
  .search .action {
    position: absolute;
    right: 2px;
    top: 8px;
    width: 30px;
    height: 18px;
    margin: 13px 0px;
    text-indent: -2000px;
    overflow: hidden;
    background: url("../img/sprite-header.png") no-repeat -176px 0;
    cursor: pointer;
  }
  .search .action:hover {
    background: url("../img/sprite-header.png") no-repeat -176px 0;
  }

  .professionals-bar {
    padding: 10px 0;
  }
  .professionals-bar h4 .icon-plus {
    display: none;
  }
  .professionals-bar li {
    float: left;
    font-size: 14px;
    line-height: 30px;
  }
  .professionals-bar li:first-child a {
    padding: 0 10px 0 0;
  }
  .professionals-bar li:last-child a {
    border: none;
  }
  .professionals-bar a {
    padding: 0 10px;
    text-decoration: none;
    color: #797979;
    border-right: solid 1px #797979;
    font-size: 14px;
  }
  .professionals-bar a:hover {
    text-decoration: underline;
  }

  .tabs {
    background: #797979;
    height: 40px;
  }
  .tabs ul {
    padding: 0;
  }
  .tabs li {
    float: left;
    list-style: none;
    padding: 0;
    color: white;
    line-height: 40px;
  }
  .tabs li:first-child a {
    padding-right: 12px;
  }
  .tabs li:last-child a {
    padding-left: 12px;
    border-right: none;
  }
  .tabs a {
    display: block;
    padding: 0px 8px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-right: solid 1px #cccccc;
  }
  .tabs a:first {
    border: none;
  }
  .tabs a:hover {
    text-decoration: underline;
  }

  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .tab-pane.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity 0.15s linear;
  }
  .tab-content > .tab-pane.fade.in {
    opacity: 1;
  }
  .tab-content > .active {
    display: block;
  }

  .resp-tabs-container {
    *zoom: 1;
  }
  .resp-tabs-container:before, .resp-tabs-container:after {
    content: " ";
    display: table;
  }
  .resp-tabs-container:after {
    clear: both;
  }

  .resp-tabs-container {
    background-color: transparent;
    padding: 20px 0 60px;
  }

  .resp-tab-content {
    border: none;
  }

  .resp-tab-active {
    padding: 0px !important;
    border: none;
    margin: 0 !important;
    background: url("../img/product_tabs-active_triangle.png") no-repeat center bottom;
  }

  .content-area {
    padding: 50px 0;
  }

  .watch-video {
    padding: 10px;
    display: block;
    width: 240px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
  }
  .watch-video p {
    line-height: 60px;
  }

  .product-widgets {
    padding: 40px 0;
  }

  .widget {
    padding: 4px 16px;
    background: white;
    background: transparent\9;
    background: rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
    zoom: 1;
  }
  .widget h2 {
    line-height: 1;
  }
  .widget p {
    margin: 0;
  }
  .widget:nth-child(n) {
    filter: none;
  }

  .widget.inline-content h2, .widget.inline-content h4, .widget.inline-content p {
    float: left;
  }
  .widget.inline-content h2 {
    margin: 0 30px 0 50px;
  }

  .btn-pause {
    width: 42px;
    height: 42px;
    position: absolute;
    bottom: 30px;
    left: 0px;
    background: url(../img/sprite.png) no-repeat;
    background-position: -132px -247px;
    z-index: 20;
  }

  .btn-play, .btn-play-start {
    background-position: -180px -247px;
  }

  .login-out {
    line-height: 26px;
  }

  .color-picker {
    height: 500px;
  }
  .color-picker .container {
    position: relative;
    height: 100%;
  }
  .color-picker .col5 {
    padding-top: 120px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .color-picker img {
    position: absolute;
    bottom: 0;
    right: 10px;
    display: none;
  }
  .color-picker img.active-color {
    display: block;
  }

  .keyword-search {
    margin: 20px 0;
  }
  .keyword-search .input-holder {
    max-width: 240px;
  }

  .country-select {
    padding-top: 60px;
    *zoom: 1;
  }
  .country-select:before, .country-select:after {
    content: " ";
    display: table;
  }
  .country-select:after {
    clear: both;
  }
  .country-select > a {
    min-height: 50px;
    padding: 6px;
    text-decoration: none;
    margin-bottom: 15px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .country-select > a .country-info {
    position: relative;
    padding-left: 65px;
    text-align: left;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .country-select > a img {
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -25px;
  }
  .country-select > a h4 {
    margin: 0;
  }
  .country-select > a p {
    margin: 0;
    font-size: 12px;
  }
  .country-select > a:hover {
    outline: 2px solid #d2202f;
  }
  .country-select > a:hover p {
    text-decoration: underline;
  }

  .category-side form, .category-side .archive-list, .category-side .filters, .product-filter form, .product-filter .archive-list, .product-filter .filters {
    height: 45px;
    overflow: hidden;
    cursor: pointer;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    *zoom: 1;
  }
  .category-side form:before, .category-side form:after, .category-side .archive-list:before, .category-side .archive-list:after, .category-side .filters:before, .category-side .filters:after, .product-filter form:before, .product-filter form:after, .product-filter .archive-list:before, .product-filter .archive-list:after, .product-filter .filters:before, .product-filter .filters:after {
    content: " ";
    display: table;
  }
  .category-side form:after, .category-side .archive-list:after, .category-side .filters:after, .product-filter form:after, .product-filter .archive-list:after, .product-filter .filters:after {
    clear: both;
  }
  .category-side label, .product-filter label {
    display: block;
    width: 100%;
    font-weight: normal;
  }
  .category-side input[type="checkbox"], .category-side label, .product-filter input[type="checkbox"], .product-filter label {
    cursor: pointer;
  }
  .category-side h4, .product-filter h4 {
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .category-side h4 .arrow-dd, .product-filter h4 .arrow-dd {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
  }
  .category-side h4 .arrow-dd.open-dd, .product-filter h4 .arrow-dd.open-dd {
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 50%;
    -ms-transform: rotate(180deg);
    -ms-transform-origin: 50% 50%;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
  }
  .category-side .filter, .product-filter .filter {
    text-decoration: none;
    font-weight: bold;
  }
  .category-side .inactive, .product-filter .inactive {
    text-decoration: underline;
    font-weight: normal;
  }
  .category-side .inactive:hover, .product-filter .inactive:hover {
    text-decoration: none;
  }

  .open-tab {
    height: auto !important;
  }

  .loggedin .loggedin-dd {
    display: none;
  }

  .product-grid .product {
    width: 30%;
    margin: 0 1.6% 20px;
    float: left;
    background-color: #f4f4f4;
    outline: 1px solid #ececec;
  }
  .product-grid .product:hover .view-product .icon-small-next {
    margin-right: -2px !important;
  }
  .product-grid .product .product-title {
    padding: 10px;
  }
  .product-grid .product .product-title .icon-small-next {
    display: none;
  }
  .product-grid .product .product-desc {
    padding: 10px;
    height: 128px;
    overflow: hidden;
  }
  .product-grid .product .view-product {
    display: block;
    padding: 10px;
    background-color: #ececec;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .product-grid .product .view-product .icon-small-next {
    margin: 0px;
  }
  .product-grid .product .view-product h4 {
    height: auto;
  }
  .product-grid .product h4 {
    height: 40px;
    overflow: hidden;
  }
  .product-grid .product img {
    display: block;
    position: static;
    width: 250px;
    max-width: 100%;
    margin: 10px auto;
  }

  .product-full-desc img {
    min-width: 270px;
  }

  .full-article img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .blog-teaser, .career-teaser {
    border-bottom: solid 1px #cccccc;
    margin-top: 0px !important;
    margin-bottom: 22px !important;
  }
  .blog-teaser h3, .career-teaser h3 {
    padding: 8px 0;
    line-height: 24px;
    height: 68px;
    overflow: hidden;
  }
  .blog-teaser h3 a:hover, .career-teaser h3 a:hover {
    text-decoration: underline;
  }
  .blog-teaser img, .career-teaser img {
    width: 100%;
    margin: 0 auto;
  }
  .blog-teaser p, .career-teaser p {
    height: 119px;
    overflow: hidden;
    margin: 12px 0;
  }
  .blog-teaser .blog-date, .career-teaser .blog-date {
    display: block;
    margin: 12px 0;
  }

  .career-teaser .blog-date {
    height: 20px !important;
  }

  .archive-list {
    width: 80%;
    padding: 14px 0;
    border-bottom: solid 1px #858585;
  }
  .archive-list:first-child {
    border-top: solid 1px #858585;
  }
  .archive-list li {
    list-style: none;
    margin: 8px 0;
    line-height: 26px;
  }
  .archive-list a {
    color: #d2202f;
  }

  .news .btn {
    float: none;
    display: block;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .blog-date, .tags {
    height: 50px !important;
    font-size: 14px;
    line-height: 21px;
    color: #cccccc;
  }
  .blog-date a, .tags a {
    font-size: 14px;
    line-height: 21px;
  }

  .contact-info h3 {
    margin-bottom: 20px;
  }

  .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    margin: 8px 0;
    width: 70%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .contact-form label {
    float: left;
    width: 30%;
    line-height: 47px;
  }
  .contact-form .action {
    float: right;
    width: 36%;
  }
  .contact-form select {
    padding: 6px;
  }

  .office-address p {
    margin: 0;
  }

  .live-chat-bar {
    z-index: 99999999;
    width: 240px;
    height: 63px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #bc1a26;
    padding: 10px;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .live-chat-bar .btn {
    float: left;
    margin: 0 !important;
  }
  .live-chat-bar img {
    float: right;
    width: 100px;
    height: 33px;
    margin-top: 5px;
  }
  .live-chat-bar.show-chat {
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  .live-chat-bar.qq-page {
    width: 130px;
    height: 50px;
  }
  .live-chat-bar.qq-page .btn {
    display: none;
  }
  .live-chat-bar.qq-page img {
    margin: 0;
  }

  .socials h3 {
    /* margin-top: 24px; */
    /* margin-bottom: 8px; */
  }

  .accreditations {
    padding: 40px 0;
    text-align: center;
  }
  .accreditations img {
    display: inline-block;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1360px) and (min-device-width: 1360px) {
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10 {
    float: left;
    margin: 0 15px;
  }

  .container2 {
    margin: 0 0 0 -15px;
    width: 200px;
  }

  .container3 {
    margin: 0 0 0 -15px;
    width: 300px;
  }

  .container4 {
    margin: 0 0 0 -15px;
    width: 400px;
  }

  .container5 {
    margin: 0 0 0 -15px;
    width: 500px;
  }

  .container6 {
    margin: 0 0 0 -15px;
    width: 600px;
  }

  .container7 {
    margin: 0 0 0 -15px;
    width: 700px;
  }

  .container8 {
    margin: 0 0 0 -15px;
    width: 800px;
  }

  .container9 {
    margin: 0 0 0 -15px;
    width: 900px;
  }

  .container10 {
    margin: 0 0 0 -15px;
    width: 1000px;
  }

  .container11 {
    margin: 0 0 0 -15px;
    width: 1100px;
  }

  .container12 {
    margin: 0 0 0 -15px;
    width: 1200px;
  }

  .col12 {
    margin: 0 15px;
    width: 1170px;
  }

  .col2 {
    width: 165px;
  }

  .col3 {
    width: 270px;
  }

  .col4 {
    width: 370px;
  }

  .col5 {
    width: 470px;
  }

  .col6 {
    width: 570px;
  }

  .col7 {
    width: 670px;
  }

  .col8 {
    width: 770px;
  }

  .col9 {
    width: 870px;
  }

  .col10 {
    width: 970px;
  }

  .col11 {
    width: 1070px;
  }

  .pre1 {
    margin-left: 115px;
  }

  .pre2 {
    margin-left: 215px;
  }

  .pre3 {
    margin-left: 315px;
  }

  .pre4 {
    margin-left: 415px;
  }

  .pre5 {
    margin-left: 515px;
  }

  .pre6 {
    margin-left: 615px;
  }

  .pre7 {
    margin-left: 715px;
  }

  .pre8 {
    margin-left: 815px;
  }

  .pre9 {
    margin-left: 915px;
  }

  .pre10 {
    margin-left: 1015px;
  }

  .suf1 {
    margin-right: 115px;
  }

  .suf2 {
    margin-right: 215px;
  }

  .suf3 {
    margin-right: 315px;
  }

  .suf4 {
    margin-right: 415px;
  }

  .suf5 {
    margin-right: 515px;
  }

  .suf6 {
    margin-right: 615px;
  }

  .suf7 {
    margin-right: 715px;
  }

  .suf8 {
    margin-right: 815px;
  }

  .suf9 {
    margin-right: 915px;
  }

  .suf10 {
    margin-right: 1015px;
  }

  .colr {
    float: right!important;
    margin: 0 15px;
  }

  .alpha {
    margin-left: 0;
  }

  .omega {
    margin-right: 0;
  }

  .clear {
    clear: both;
  }

  .center {
    margin: 0 auto;
    float: none;
  }

  .search input[type="text"] {
    -o-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
  }
  .search input[type="text"]:focus {
    width: 120%;
  }

  .efficiency .versus {
    right: -23px;
    bottom: 35px;
  }

  .product-full-desc img {
    min-width: 340px;
  }

  .quote-me .col12 {
    padding-right: 190px;
  }

  .cost-calculator .question h3 {
    margin-left: 15px;
  }

  .career-teaser h3 {
    height: auto;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {

  .wrap {
    overflow: hidden;
    width: 100%;
  }

  .col12, .col11, .col10, .col9, .col8, .col7 {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .col12 .col12, .col12 .col11, .col12 .col10, .col12 .col9, .col12 .col8, .col12 .col7, .col11 .col12, .col11 .col11, .col11 .col10, .col11 .col9, .col11 .col8, .col11 .col7, .col10 .col12, .col10 .col11, .col10 .col10, .col10 .col9, .col10 .col8, .col10 .col7, .col9 .col12, .col9 .col11, .col9 .col10, .col9 .col9, .col9 .col8, .col9 .col7, .col8 .col12, .col8 .col11, .col8 .col10, .col8 .col9, .col8 .col8, .col8 .col7, .col7 .col12, .col7 .col11, .col7 .col10, .col7 .col9, .col7 .col8, .col7 .col7 {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .col6, .col5, .col3 {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .col2, .col4 {
    width: 33.33%;
    float: left;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .full-medium {
    width: 100%;
  }

  .half-medium {
    width: 50%;
    float: left;
  }

  .one-third-medium {
    width: 33.33%;
    float: left;
  }

  .two-thirds-medium {
    width: 66.66%;
    float: left;
  }

  .colr {
    float: right;
  }

  .alpha {
    margin-left: 0;
  }

  .omega {
    margin-right: 0;
  }

  .clear {
    clear: both;
  }

  .center {
    margin: 0 auto;
    float: none;
  }


  .search {
    position: relative;
    margin-right: 10px;
  }
  .search input[type="text"] {
    width: 140px;
    margin-top: 6px;
    border-radius: 5px;
    float: right;
    -o-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
  }
  .search input[type="text"]:focus {
    width: 220px;
  }
  .search input[type="submit"]:hover {
    background-color: transparent;
  }
  .search .action {
    position: absolute;
    right: 2px;
    top: 8px;
    width: 30px;
    height: 18px;
    margin: 13px 0px;
    text-indent: -2000px;
    overflow: hidden;
    background: url("../img/sprite-header.png") no-repeat -176px 0;
  }

  .professionals-bar .col12.open ul {
    display: block;
  }
  .professionals-bar .col12.open h4 .icon-plus {
    background-position: -385px -88px !important;
  }
  .professionals-bar h4 {
    float: none;
    display: block;
    cursor: pointer;
    padding-right: 40px;
    position: relative;
    margin: 0;
  }
  .professionals-bar h4 .icon-plus {
    position: absolute;
    right: 0px;
    top: 5px;
  }
  .professionals-bar ul {
    display: none;
  }
  .professionals-bar li {
    float: none;
    font-size: 14px;
  }
  .professionals-bar a {
    line-height: 40px;
    text-decoration: none;
    color: #797979;
    font-size: 14px;
  }
  .professionals-bar a:hover {
    text-decoration: underline;
  }

  .loggedin li {
    display: none;
  }
  .loggedin li:first-child {
    padding-right: 30px;
    position: relative;
    display: block;
    cursor: pointer;
  }
  .loggedin li .loggedin-dd {
    width: 12px;
    height: 12px;
    background: url(../img/icon-plus-minus-white.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 13px;
  }
  .loggedin li.open {
    display: block;
  }
  .loggedin li.open .loggedin-dd {
    background: url(../img/icon-plus-minus-white.png) 0 -16px no-repeat;
  }

  .tabs ul {
    padding: 0;
  }
  .tabs li {
    margin-top: 0px;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    background: #797979;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .tabs a {
    display: block;
    padding: 4px 12px;
    font-family: "Source Sans Pro", sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-right: none;
    font-size: 14px;
  }
  .tabs a:first {
    border: none;
  }
  .tabs a:hover {
    text-decoration: underline;
  }

  .tab-content {
    position: relative;
    height: 540px;
  }
  .tab-content .tab-pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow-x: scroll;
  }
  .tab-content .tab-pane.active {
    display: block;
  }

  .resp-tabs-container {
    *zoom: 1;
  }
  .resp-tabs-container:before, .resp-tabs-container:after {
    content: " ";
    display: table;
  }
  .resp-tabs-container:after {
    clear: both;
  }
  .resp-tabs-container h2.resp-accordion {
    margin-top: 0px;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    border: none;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #acacac;
    background-image: -o-linear-gradient(top, #acacac 0%, #797979 100%);
    background-image: -ms-linear-gradient(top, #acacac 0%, #797979 100%);
    background-image: -moz-linear-gradient(top, #acacac, #797979);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#acacac), to(#797979));
    background-image: linear-gradient(top, #acacac 0%, #797979 100%);
  }
  .resp-tabs-container h2.resp-accordion a {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-right: none;
    font-size: 14px;
  }
  .resp-tabs-container h2.resp-accordion a:hover {
    text-decoration: underline;
  }
  .resp-tabs-container h2.resp-tab-active {
    text-transform: uppercase;
    color: white;
    border: none;
    background: #797979 !important;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .resp-tabs-container .tab-pane {
    border: 1px solid #797979;
    overflow-x: scroll;
    *zoom: 1;
  }
  .resp-tabs-container .tab-pane:before, .resp-tabs-container .tab-pane:after {
    content: " ";
    display: table;
  }
  .resp-tabs-container .tab-pane:after {
    clear: both;
  }

  .resp-tabs-container {
    background-color: transparent;
    padding: 20px 0 60px;
  }

  .resp-tab-content {
    border: none;
  }

  .resp-tab-active {
    padding: 0px !important;
    border: none;
    margin: 0 !important;
    background: url("../img/product_tabs-active_triangle.png") no-repeat center bottom;
  }

  ul.resp-tabs-list {
    display: none;
  }

  h2.resp-accordion {
    display: block;
  }

  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1;
  }

  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: initial;
    clear: none;
  }

  .resp-accordion-closed {
    display: none !important;
  }

  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }

  .banner-home {
    width: 100%;
    height: 50%;
    min-height: 340px;
    background: url(../img/banners/home-banner-holder.jpg) no-repeat top center;
    background-size: cover;
  }
  .banner-home .container {
    position: relative;
    height: 100%;
  }

  #wrapper_mbYTP_bgndVideo {
    display: none;
  }

  .slogon {
    position: absolute;
    top: 15%;
    width: 100%;
    text-align: center;
  }
  .slogon h2 {
    font-size: 45px;
    color: white;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 20px;
    text-shadow: 0px 0px 35px #000;
  }
  .slogon h4 {
    display: inline-block;
    width: 475px;
  }
  .slogon p {
    color: white;
  }
  .slogon span {
    display: block;
    color: white;
    line-height: 20px;
  }
  .slogon h4.pre3 {
    width: 80%;
    margin: 0 10%;
  }
  .slogon .btn {
    width: 90%;
    margin: 4px 5%;
    display: block;
  }

  .banner-home-large .content-area {
    padding-top: 10px;
  }
  .banner-home-large .content-block {
    width: 50%;
  }
  .banner-home-large .content-block:first-child {
    float: none;
    width: 100%;
  }

  .home-product-cats img {
    width: 23%;
    height: auto;
    margin: 0px 1%;
  }

  .calculator {
    font-size: 14px;
  }
  .calculator input[type="number"] {
    width: 30%;
    padding: 6px;
  }
  .calculator .btn {
    font-size: 11px;
    float: none;
    display: block;
    margin-top: 10px !important;
  }
  .calculator .calc-input {
    padding: 10px 0;
  }
  .calculator .calc-input .btn {
    margin-top: 8px !important;
  }
  .calculator .output {
    margin: 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
  }
  .calculator .annual-costs {
    float: left;
    width: 60%;
    padding: 30px 0;
    border-right: solid 1px #cccccc;
  }
  .calculator .install-costs {
    width: 36%;
    padding: 20px 0;
    overflow: auto;
  }
  .calculator .install-costs p {
    margin-bottom: 0;
  }
  .calculator .install-costs span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
    color: #797979;
  }
  .calculator .small-text {
    display: block;
    padding: 10px;
  }

  .video-exp {
    padding: 30px 0;
    display: none;
    background-color: #a61721;
    overflow: hidden;
    margin: 0;
    -o-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .video-exp.expand {
    display: block;
  }

  .video-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
  .video-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .html5-mobile.unstarted-mode:not(.ad-interrupting), div.html5-video-content {
    width: 100% !important;
    height: 100% !important;
  }

  .contact-info h3 {
    margin-bottom: 20px;
  }
  .contact-info .col6 {
    width: 60%;
  }
  .contact-info .col5 {
    width: 38%;
    float: right;
  }

  .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    margin: 8px 0;
    width: 60%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .contact-form label {
    float: left;
    width: 40%;
    line-height: 47px;
  }
  .contact-form .action {
    float: right;
    width: 40%;
  }
  .contact-form select {
    padding: 6px;
  }

  .office-address p {
    margin: 0;
  }

  .map {
    height: 400px;
  }

  .live-chat-bar {
    z-index: 1000;
    width: 143px;
    height: 63px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #bc1a26;
    padding: 10px 20px;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .live-chat-bar .btn {
    float: left;
    margin: 0 !important;
  }
  .live-chat-bar img {
    display: none;
  }
  .live-chat-bar.show-chat {
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  .live-chat-bar.qq-page {
    display: none;
  }

  .full-article {
    padding: 0;
  }
  .full-article img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .blog-teaser {
    width: 30%;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    margin: 15px 1.66% !important;
    padding: 0 !important;
  }
  .blog-teaser h3 {
    padding: 8px 0;
    line-height: 24px;
    height: 68px;
    overflow: hidden;
  }
  .blog-teaser img {
    width: 100%;
    margin: 0 auto;
  }
  .blog-teaser p {
    height: 180px;
    overflow: hidden;
    margin: 12px 0;
  }
  .blog-teaser .blog-date {
    display: block;
    margin: 12px 0;
  }

  .archive-list {
    width: 80%;
    padding: 14px 0;
    border-top: solid 1px #858585;
    border-bottom: solid 1px #858585;
  }
  .archive-list li {
    list-style: none;
    margin: 8px 0;
  }
  .archive-list a {
    color: #d2202f;
  }

  .news .btn {
    float: none;
    display: block;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .blog-date, .tags {
    height: 50px !important;
    font-size: 14px;
    line-height: 21px;
    color: #cccccc;
  }
  .blog-date a, .tags a {
    font-size: 14px;
    line-height: 21px;
    display: block;
  }

  .tags {
    height: 90px !important;
  }

  .career-teaser h3 {
    height: 58px;
    overflow: hidden;
  }
  .career-teaser p {
    height: 165px;
    overflow: hidden;
  }

  .video-bar .col3 {
    width: 30%;
  }
  .video-bar .product-carousel {
    height: 200px;
  }
  .video-bar .col6 {
    width: 45%;
    height: 190px;
  }
  .video-bar .col6 .btn-small-carousel {
    top: -20px;
    right: 20px;
  }

  .slick-prev {
    left: -60px !important;
  }
  .slick-prev:hover {
    left: -65px !important;
  }

  .slick-next {
    right: -60px !important;
  }
  .slick-next:hover {
    right: -65px !important;
  }

  .page-gallery {
    width: 60%;
    margin: 0 20% 20px;
  }
}
@media (min-width: 600px) and (max-width: 1024px) and (min-width: 240px) and (max-width: 820px) {
  .watch-video {
    display: block;
    font-size: 12px;
    text-decoration: none;
  }
  .watch-video .subtitle {
    float: left;
  }

  .video-bar .col3, .video-bar .col6 {
    width: 100%;
    float: none;
  }
  .video-bar .product-carousel {
    height: 160px;
    margin: 20px 0;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {
  .accreditations {
    padding: 40px 0;
    text-align: center;
  }
  .accreditations img {
    display: inline-block;
  }

  .banner-home {
    width: 100%;
    height: 50%;
    min-height: 340px;
    background: url(../img/banners/home-banner-holder.jpg) no-repeat top center;
    background-size: cover;
  }
  .banner-home .container {
    position: relative;
    height: 100%;
  }

  #wrapper_mbYTP_bgndVideo {
    display: none;
  }

  .slogon {
    position: absolute;
    top: 15%;
    width: 100%;
    text-align: center;
  }
  .slogon h2 {
    font-size: 45px;
    color: white;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 20px;
    text-shadow: 0px 0px 35px #000;
  }
  .slogon h4 {
    display: inline-block;
    width: 475px;
  }
  .slogon p {
    color: white;
  }
  .slogon span {
    display: block;
    color: white;
    line-height: 20px;
  }
  .slogon h4.pre3 {
    width: 80%;
    margin: 0 10%;
  }
  .slogon .btn {
    width: 90%;
    margin: 4px 5%;
    display: block;
  }

  .banner-home-large .content-area {
    padding-top: 10px;
  }
  .banner-home-large .content-block {
    width: 50%;
  }
  .banner-home-large .content-block:first-child {
    float: none;
    width: 100%;
  }

  .home-product-cats img {
    width: 23%;
    height: auto;
    margin: 0px 1%;
  }

  .calculator {
    font-size: 14px;
  }
  .calculator input[type="number"] {
    width: 30%;
    padding: 6px;
  }
  .calculator .btn {
    font-size: 11px;
    float: none;
    display: block;
    margin-top: 10px !important;
  }
  .calculator .calc-input {
    padding: 10px 0;
  }
  .calculator .calc-input .btn {
    margin-top: 8px !important;
  }
  .calculator .output {
    margin: 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
  }
  .calculator .annual-costs {
    float: left;
    width: 60%;
    padding: 30px 0;
    border-right: solid 1px #cccccc;
  }
  .calculator .install-costs {
    width: 36%;
    padding: 20px 0;
    overflow: auto;
  }
  .calculator .install-costs p {
    margin-bottom: 0;
  }
  .calculator .install-costs span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
    color: #797979;
  }
  .calculator .small-text {
    display: block;
    padding: 10px;
  }

  .video-exp {
    padding: 30px 0;
    display: none;
    background-color: #a61721;
    overflow: hidden;
    margin: 0;
    -o-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .video-exp.expand {
    display: block;
  }

  .video-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
  .video-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .html5-mobile.unstarted-mode:not(.ad-interrupting), div.html5-video-content {
    width: 100% !important;
    height: 100% !important;
  }

  body {
    padding-top: 64px;
  }

  .why-use-warmup .register-block.reg-open {
    min-height: 685px;
  }
  .why-use-warmup .register-block h4 {
    float: none;
  }
  .why-use-warmup .register-block .btn {
    margin: 10px 0 !important;
  }

  .login-out {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 26px;
  }

  .banner .container {
    padding-top: 20px;
  }
  .banner .watch-video {
    float: right;
    margin-top: 40px;
  }

  .banner-video .col9 {
    width: 60%;
    float: left;
  }
  .banner-video .col3 {
    width: 40%;
    float: left;
  }

  .page-title {
    width: 360px;
    float: left;
  }

  .content-area {
    padding: 30px 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .btn-next-step, .btn-next-room, .btn-prev-room {
    min-width: 160px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .red-bar .table-cell {
    height: 50px;
    padding-top: 10px;
  }
  .red-bar .btn-container {
    padding: 10px;
    height: auto;
    clear: both;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    *zoom: 1;
  }
  .red-bar .btn-container:before, .red-bar .btn-container:after {
    content: " ";
    display: table;
  }
  .red-bar .btn-container:after {
    clear: both;
  }
  .red-bar .btn-container .colr {
    width: 100%;
  }
  .red-bar .btn-container .btn {
    float: none;
    display: inline-block;
    width: 32%;
    margin: 0 0.4%;
  }
  .red-bar .btn-container .btn-long-link {
    width: 40%;
  }
  .red-bar p {
    line-height: 26px;
  }

  .watch-video {
    padding: 10px;
    display: block;
    width: 240px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
  }
  .watch-video p {
    line-height: 60px;
  }

  .product-widgets {
    padding: 40px 0;
  }

  .widget {
    padding: 4px 16px;
    background: white;
    background: transparent\9;
    background: rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
    zoom: 1;
  }
  .widget h2 {
    line-height: 1;
  }
  .widget p {
    margin: 0;
  }
  .widget:nth-child(n) {
    filter: none;
  }

  .widget.inline-content h2, .widget.inline-content h4, .widget.inline-content p {
    float: left;
  }
  .widget.inline-content h2 {
    margin: 0 30px 0 50px;
  }

  .category-side {
    width: 100% !important;
    padding: 10px;
  }
  .category-side h4 {
    position: relative;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 10px 30px 10px 0px;
    text-transform: uppercase;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .category-side h4 .arrow-dd {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
  }
  .category-side h4 .arrow-dd.open-dd {
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 50%;
    -ms-transform: rotate(180deg);
    -ms-transform-origin: 50% 50%;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
  }
  .category-side form, .category-side .archive-list {
    height: 45px;
    padding-bottom: 12px;
    overflow: hidden;
    cursor: pointer;
    float: none;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .category-side label {
    display: block;
    width: 100%;
    font-weight: normal;
  }
  .category-side input[type="checkbox"], .category-side label {
    cursor: pointer;
  }
  .category-side .archive-list {
    border-top: none;
    border-bottom: none;
    margin: 0;
    padding: 0;
  }
  .category-side .archive-list li {
    width: 100%;
    margin-left: 10px;
    float: left;
  }
  .category-side .filter {
    text-decoration: none;
    font-weight: bold;
  }
  .category-side .inactive {
    text-decoration: underline;
    font-weight: normal;
  }
  .category-side .inactive:hover {
    text-decoration: none;
  }

  .open-tab {
    height: auto !important;
  }

  .share {
    float: left;
    width: 100%;
    *zoom: 1;
  }
  .share:before, .share:after {
    content: " ";
    display: table;
  }
  .share:after {
    clear: both;
  }
  .share > div {
    padding: 16px 0;
  }

  .select-room {
    padding-left: 10px;
    padding-right: 10px;
  }
  .select-room .container {
    padding-right: 400px;
  }
  .select-room .rooms {
    width: 411px;
  }

  .tab-ui-content {
    height: 250px;
  }

  .info-box {
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .info-box .icon {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .info-box p {
    margin: 0;
  }

  .resources {
    margin-top: 30px;
  }
  .resources .col4 {
    width: 50%;
  }
  .resources header {
    height: 67px;
  }
  .resources .download-desc {
    height: 115px;
  }

  .survey-row {
    padding-right: 10px;
    padding-left: 10px;
  }
  .survey-row h4 span {
    display: block;
  }

  .q-option {
    margin-top: 20px;
  }

  .why-use-warmup .col6:first-child {
    width: 100%;
  }

  .color-picker {
    padding-top: 20px;
    height: 630px;
    text-align: center;
  }
  .color-picker .container {
    position: relative;
    height: 100%;
  }
  .color-picker .col5 {
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .color-picker img {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -268px;
    display: none;
  }
  .color-picker img.active-color {
    display: block;
  }
  .color-picker .color {
    width: 50px;
    height: 50px;
    margin: 10px;
    display: inline-block;
    float: none;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
  }

  .cost-calculator .col4, .register-warranty .col4 {
    width: 50%;
  }

  .register-block .btn, .register-block .action {
    clear: both;
    float: none;
    display: block;
    width: 100%;
  }

  .country-select {
    padding-top: 40px;
    *zoom: 1;
  }
  .country-select:before, .country-select:after {
    content: " ";
    display: table;
  }
  .country-select:after {
    clear: both;
  }
  .country-select > a {
    width: 48%;
    margin: 10px 1%;
    padding: 6px;
    text-decoration: none;
  }
  .country-select > a .country-info {
    position: relative;
    padding-left: 65px;
  }
  .country-select > a img {
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -25px;
  }
  .country-select > a h4 {
    margin: 0;
  }
  .country-select > a p {
    margin: 0;
    font-size: 12px;
  }
  .country-select > a:hover {
    outline: 2px solid #d2202f;
  }
  .country-select > a:hover p {
    text-decoration: underline;
  }

  #map-container {
    height: 400px !important;
  }

  .contact-map {
    position: absolute;
    top: 20px;
    width: 50%;
    left: 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .contact-map .map-info {
    width: 100%;
  }

  .parallax-open {
    margin-right: 10px;
  }
}
@media (min-width: 600px) and (max-width: 1024px) and (min-width: 240px) and (max-width: 820px) {
  .parallax, .category-parallax, .parallax-open, .rollover-msg, .cat-rollover-msg {
    display: none;
  }

  .parallax-side-content {
    width: 100%;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {
  .success-msg h3 {
    margin-bottom: 12px;
  }
  .success-msg .col3 {
    float: none;
    margin-bottom: 16px;
  }
  .success-msg .col1, .success-msg .col2 {
    width: 20%;
    border: solid 2px #ececec;
  }



  .search {
    position: relative;
    margin-right: 10px;
  }
  .search input[type="text"] {
    width: 140px;
    margin-top: 6px;
    border-radius: 5px;
    float: right;
    -o-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
  }
  .search input[type="text"]:focus {
    width: 220px;
  }
  .search input[type="submit"]:hover {
    background-color: transparent;
  }
  .search .action {
    position: absolute;
    right: 2px;
    top: 8px;
    width: 30px;
    height: 18px;
    margin: 13px 0px;
    text-indent: -2000px;
    overflow: hidden;
    background: url("../img/sprite-header.png") no-repeat -176px 0;
  }

  .professionals-bar .col12.open ul {
    display: block;
  }
  .professionals-bar .col12.open h4 .icon-plus {
    background-position: -385px -88px !important;
  }
  .professionals-bar h4 {
    float: none;
    display: block;
    cursor: pointer;
    padding-right: 40px;
    position: relative;
    margin: 0;
  }
  .professionals-bar h4 .icon-plus {
    position: absolute;
    right: 0px;
    top: 5px;
  }
  .professionals-bar ul {
    display: none;
  }
  .professionals-bar li {
    float: none;
    font-size: 14px;
  }
  .professionals-bar a {
    line-height: 40px;
    text-decoration: none;
    color: #797979;
    font-size: 14px;
  }
  .professionals-bar a:hover {
    text-decoration: underline;
  }

  .loggedin li {
    display: none;
  }
  .loggedin li:first-child {
    padding-right: 30px;
    position: relative;
    display: block;
    cursor: pointer;
  }
  .loggedin li .loggedin-dd {
    width: 12px;
    height: 12px;
    background: url(../img/icon-plus-minus-white.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 13px;
  }
  .loggedin li.open {
    display: block;
  }
  .loggedin li.open .loggedin-dd {
    background: url(../img/icon-plus-minus-white.png) 0 -16px no-repeat;
  }

  .tabs ul {
    padding: 0;
  }
  .tabs li {
    margin-top: 0px;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    background: #797979;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .tabs a {
    display: block;
    padding: 4px 12px;
    font-family: "Source Sans Pro", sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-right: none;
    font-size: 14px;
  }
  .tabs a:first {
    border: none;
  }
  .tabs a:hover {
    text-decoration: underline;
  }

  .tab-content {
    position: relative;
    height: 540px;
  }
  .tab-content .tab-pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow-x: scroll;
  }
  .tab-content .tab-pane.active {
    display: block;
  }

  .resp-tabs-container {
    *zoom: 1;
  }
  .resp-tabs-container:before, .resp-tabs-container:after {
    content: " ";
    display: table;
  }
  .resp-tabs-container:after {
    clear: both;
  }
  .resp-tabs-container h2.resp-accordion {
    margin-top: 0px;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    border: none;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #acacac;
    background-image: -o-linear-gradient(top, #acacac 0%, #797979 100%);
    background-image: -ms-linear-gradient(top, #acacac 0%, #797979 100%);
    background-image: -moz-linear-gradient(top, #acacac, #797979);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#acacac), to(#797979));
    background-image: linear-gradient(top, #acacac 0%, #797979 100%);
  }
  .resp-tabs-container h2.resp-accordion a {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-right: none;
    font-size: 14px;
  }
  .resp-tabs-container h2.resp-accordion a:hover {
    text-decoration: underline;
  }
  .resp-tabs-container h2.resp-tab-active {
    text-transform: uppercase;
    color: white;
    border: none;
    background: #797979 !important;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .resp-tabs-container .tab-pane {
    border: 1px solid #797979;
    overflow-x: scroll;
    *zoom: 1;
  }
  .resp-tabs-container .tab-pane:before, .resp-tabs-container .tab-pane:after {
    content: " ";
    display: table;
  }
  .resp-tabs-container .tab-pane:after {
    clear: both;
  }

  .resp-tabs-container {
    background-color: transparent;
    padding: 20px 0 60px;
  }

  .resp-tab-content {
    border: none;
  }

  .resp-tab-active {
    padding: 0px !important;
    border: none;
    margin: 0 !important;
    background: url("../img/product_tabs-active_triangle.png") no-repeat center bottom;
  }

  ul.resp-tabs-list {
    display: none;
  }

  h2.resp-accordion {
    display: block;
  }

  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1;
  }

  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: initial;
    clear: none;
  }

  .resp-accordion-closed {
    display: none !important;
  }

  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }

  .product-holder {
    width: 70%;
  }
  .product-holder.col12 {
    width: 100%;
  }

  .product {
    position: relative;
    background-color: #ececec;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
  }
  .product .icon-small-next {
    margin: 10px;
  }

  .product-full-desc .col4 {
    width: 35%;
  }
  .product-full-desc .col8 {
    width: 65%;
  }

  .product-grid .product {
    width: 48%;
    margin: 0 1% 20px;
    float: left;
    background-color: #f4f4f4;
    outline: 1px solid #ececec;
  }
  .product-grid .product:hover .view-product .icon-small-next {
    margin-right: -2px !important;
  }
  .product-grid .product .product-title {
    padding: 10px;
  }
  .product-grid .product .product-title .icon-small-next {
    display: none;
  }
  .product-grid .product .product-desc {
    padding: 10px;
    height: 150px;
    overflow: hidden;
    background-color: #f4f4f4;
  }
  .product-grid .product .view-product {
    display: block;
    padding: 10px;
    background-color: #ececec;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .product-grid .product .view-product .icon-small-next {
    margin: 0px;
  }
  .product-grid .product .view-product h4 {
    height: auto;
  }
  .product-grid .product h4 {
    height: 40px;
    overflow: hidden;
  }
  .product-grid .product img {
    display: block;
    position: static;
    width: 250px;
    max-width: 100%;
    margin: 10px auto;
  }

  .product-filter {
    width: 30% !important;
  }
  .product-filter .arrow-dd {
    display: none;
  }

  .product-price .inner {
    width: 100%;
    margin: 5px 0;
    padding: 10px 0;
  }
  .product-price .inner input[type="number"] {
    max-width: 96%;
  }

  .product-cta-buttons a {
    width: 49%;
    margin: 0 0.5%;
  }

  .option {
    width: 30%;
    margin-right: 1.33%;
    padding: 4px 10px;
    float: left;
    text-align: center;
    color: #797979;
    text-decoration: none;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .option span {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
  }
  .option i {
    display: block;
    float: none;
    margin: 0 auto;
  }

  .quote-me {
    padding-bottom: 20px;
  }
  .quote-me .col12 {
    *zoom: 1;
  }
  .quote-me .col12:before, .quote-me .col12:after {
    content: " ";
    display: table;
  }
  .quote-me .col12:after {
    clear: both;
  }
  .quote-me .domestic-price {
    margin-top: 46px;
  }
  .quote-me .btn {
    width: 140px !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
  }
  .quote-me h3 {
    width: 43%;
  }
  .quote-me .refer-terms {
    width: 43%;
  }

  .already-purchased {
    padding: 5px 10px;
  }
  .already-purchased p {
    font-size: 13px;
  }
  .already-purchased a {
    font-size: 13px;
    margin-left: 4px;
  }

  .efficiency {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 85px;
  }
  .efficiency .versus {
    right: 50%;
    margin-right: -8px;
    bottom: -37px;
  }

  #Form_QuickQuote .room-detail-results {
    min-height: 450px;
  }

  .wizard-filters {
    height: auto;
  }
  .wizard-filters .col4 {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .wizard-filters .col2 {
    position: relative;
    width: 23%;
    margin: 0 1%;
  }
  .wizard-filters ul a {
    font-size: 12px;
  }
  .wizard-filters ul .with-icon {
    padding-left: 33px;
  }
  .wizard-filters ul .with-icon .icon {
    left: 5px;
  }

  .map-content .map-info {
    margin-bottom: 0px !important;
  }
  .map-content .container {
    position: relative;
    height: auto;
  }
}
@media (min-width: 240px) and (max-width: 599px) {

  * {
    -webkit-tap-highlight-color: transparent;
  }

  .wrap {
    overflow: hidden;
    width: 100%;
  }


  .col12, .col11, .col10, .col9, .col8, .col7, .col6, .col5, .col4, .col3 {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .col12 .col12, .col12 .col11, .col12 .col10, .col12 .col9, .col12 .col8, .col12 .col7, .col12 .col6, .col12 .col5, .col12 .col4, .col12 .col3, .col11 .col12, .col11 .col11, .col11 .col10, .col11 .col9, .col11 .col8, .col11 .col7, .col11 .col6, .col11 .col5, .col11 .col4, .col11 .col3, .col10 .col12, .col10 .col11, .col10 .col10, .col10 .col9, .col10 .col8, .col10 .col7, .col10 .col6, .col10 .col5, .col10 .col4, .col10 .col3, .col9 .col12, .col9 .col11, .col9 .col10, .col9 .col9, .col9 .col8, .col9 .col7, .col9 .col6, .col9 .col5, .col9 .col4, .col9 .col3, .col8 .col12, .col8 .col11, .col8 .col10, .col8 .col9, .col8 .col8, .col8 .col7, .col8 .col6, .col8 .col5, .col8 .col4, .col8 .col3, .col7 .col12, .col7 .col11, .col7 .col10, .col7 .col9, .col7 .col8, .col7 .col7, .col7 .col6, .col7 .col5, .col7 .col4, .col7 .col3, .col6 .col12, .col6 .col11, .col6 .col10, .col6 .col9, .col6 .col8, .col6 .col7, .col6 .col6, .col6 .col5, .col6 .col4, .col6 .col3, .col5 .col12, .col5 .col11, .col5 .col10, .col5 .col9, .col5 .col8, .col5 .col7, .col5 .col6, .col5 .col5, .col5 .col4, .col5 .col3, .col4 .col12, .col4 .col11, .col4 .col10, .col4 .col9, .col4 .col8, .col4 .col7, .col4 .col6, .col4 .col5, .col4 .col4, .col4 .col3, .col3 .col12, .col3 .col11, .col3 .col10, .col3 .col9, .col3 .col8, .col3 .col7, .col3 .col6, .col3 .col5, .col3 .col4, .col3 .col3 {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .col2 {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .full-small {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .half-small {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .clear {
    clear: both;
  }

  .search {
    float: right;
    position: relative;
    margin-right: 10px;
  }
  .search input[type="text"] {
    width: 100px;
    margin-top: 6px;
    border-radius: 5px;
    float: right;
    -o-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
  }
  .search input[type="text"]:focus {
    width: 110px;
  }
  .search input[type="submit"]:hover {
    background-color: transparent;
  }
  .search .action {
    position: absolute;
    right: 0px;
    top: 8px;
    width: 30px;
    height: 18px;
    margin: 13px 0px;
    text-indent: -2000px;
    overflow: hidden;
    background: url("../img/sprite-header.png") no-repeat -176px 0;
  }

  .professionals-bar {
    padding: 0;
  }
  .professionals-bar .col12.open ul {
    display: block;
  }
  .professionals-bar .col12.open h4 .icon-plus {
    background-position: -385px -88px !important;
  }
  .professionals-bar h4 {
    float: none;
    display: block;
    cursor: pointer;
    padding-right: 40px;
    position: relative;
    margin: 0;
    line-height: 50px;
  }
  .professionals-bar h4 .icon-plus {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -7px;
  }
  .professionals-bar ul {
    display: none;
  }
  .professionals-bar li {
    float: none;
    font-size: 14px;
  }
  .professionals-bar a {
    line-height: 40px;
    text-decoration: none;
    color: #797979;
    font-size: 14px;
  }
  .professionals-bar a:hover {
    text-decoration: underline;
  }

  .loggedin li {
    display: none;
  }
  .loggedin li:first-child {
    padding-right: 30px;
    position: relative;
    display: block;
    cursor: pointer;
  }
  .loggedin li .loggedin-dd {
    width: 12px;
    height: 12px;
    background: url(../img/icon-plus-minus-white.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 13px;
  }
  .loggedin li.open {
    display: block;
  }
  .loggedin li.open .loggedin-dd {
    background: url(../img/icon-plus-minus-white.png) 0 -16px no-repeat;
  }

  .tabs ul {
    padding: 0;
  }
  .tabs li {
    margin-top: 0px;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    background: #797979;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .tabs a {
    display: block;
    padding: 4px 12px;
    font-family: "Source Sans Pro", sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-right: none;
    font-size: 14px;
  }
  .tabs a:first {
    border: none;
  }
  .tabs a:hover {
    text-decoration: underline;
  }

  .tab-content {
    position: relative;
    height: 700px;
  }
  .tab-content .tab-pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    padding: 0 10px;
    overflow-x: scroll;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .tab-content .tab-pane.active {
    display: block;
  }

  .resp-tabs-container {
    *zoom: 1;
  }
  .resp-tabs-container:before, .resp-tabs-container:after {
    content: " ";
    display: table;
  }
  .resp-tabs-container:after {
    clear: both;
  }
  .resp-tabs-container h2.resp-accordion {
    margin-top: 0px;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    border: none;
    background: #797979;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .resp-tabs-container h2.resp-accordion a {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-right: none;
    font-size: 14px;
  }
  .resp-tabs-container h2.resp-accordion a:hover {
    text-decoration: underline;
  }
  .resp-tabs-container h2.resp-tab-active {
    text-transform: uppercase;
    color: white;
    border: none;
    background-color: #797979 !important;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .resp-tabs-container .tab-pane {
    overflow-x: scroll;
  }

  .resp-tabs-container {
    background-color: transparent;
    padding: 20px 0 60px;
  }
  .resp-tabs-container .tab-pane {
    border: 1px solid #797979;
  }

  .resp-tab-content {
    border: none;
  }

  .resp-tab-active {
    padding: 0px !important;
    border: none;
    margin: 0 !important;
    background: url("../img/product_tabs-active_triangle.png") no-repeat center bottom;
  }

  .banner-home {
    width: 100%;
    height: 400px;
    background: url(../img/banners/home-banner-holder.jpg) no-repeat top center;
    background-size: cover;
  }
  .banner-home .container {
    position: relative;
    height: 100%;
  }

  #wrapper_mbYTP_bgndVideo {
    display: none;
  }

  .slogon {
    position: absolute;
    top: 90px;
    width: 100%;
    text-align: center;
  }
  .slogon h2 {
    font-size: 30px;
    color: white;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 20px;
    text-shadow: 0px 0px 35px #000;
  }
  .slogon h4 {
    display: inline-block;
    min-width: 240px;
  }
  .slogon p {
    color: white;
  }
  .slogon span {
    display: block;
    color: white;
    line-height: 20px;
  }
  .slogon h4.pre3 {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .slogon .btn {
    width: 90%;
    margin: 4px 5%;
    display: block;
  }

  .banner-home-large .content-area {
    padding-top: 10px;
  }
  .banner-home-large .content-block {
    width: 100%;
    float: none;
  }
  .banner-home-large .content-block:first-child {
    float: none;
    width: 100%;
  }

  .home-promotion {
    padding: 20px 10px 10px;
    height: 250px;
  }
  .home-promotion .btn {
    width: auto;
  }

  .home-product-cats img {
    width: 48%;
    height: auto;
    margin: 0px 1%;
  }

  .calculator {
    font-size: 14px;
  }
  .calculator input[type="number"] {
    float: left;
    width: 90%;
    padding: 6px;
    margin-left: 0px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .calculator .btn {
    font-size: 11px;
  }
  .calculator .calc-input {
    padding: 10px 0px;
    position: relative;
    *zoom: 1;
  }
  .calculator .calc-input:before, .calculator .calc-input:after {
    content: " ";
    display: table;
  }
  .calculator .calc-input:after {
    clear: both;
  }
  .calculator .calc-input span {
    width: 10%;
    float: left;
    line-height: 32px;
    text-align: right;
  }
  .calculator .calc-input .btn {
    float: left;
    margin-top: 8px !important;
  }
  .calculator .output {
    margin: 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
  }
  .calculator .annual-costs {
    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .calculator .install-costs {
    width: 100%;
    padding: 10px;
    overflow: auto;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .calculator .install-costs p {
    margin-bottom: 0;
  }
  .calculator .install-costs span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
    color: #797979;
  }
  .calculator .small-text {
    display: block;
    padding: 10px;
  }

  .domestic-calc {
    width: 96%;
    margin: 20px 2% 0;
    padding: 0;
  }

  .video-exp {
    display: none;
    background-color: #a61721;
    overflow: hidden;
    margin: 0;
    padding: 20px 0;
    -o-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .video-exp.expand {
    display: block;
  }
  .video-exp .html5-mobile.unstarted-mode:not(.ad-interrupting) {
    width: 100% !important;
    height: 100% !important;
  }

  .video-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
  .video-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .li-large-icon li {
    padding-left: 0px !important;
  }
  .li-large-icon li h4 {
    padding-left: 40px;
    padding-bottom: 12px;
  }
  .li-large-icon li img {
    left: 0;
    width: 30px;
  }

  .blog-teaser {
    border-top: none;
  }
  .blog-teaser:last-child {
    border-bottom: none;
  }

  .contact-form * {
    margin: 8px 0;
    float: none;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .contact-form label {
    float: none;
    display: block;
  }
  .contact-form select {
    padding: 6px;
  }

  .contact-info h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .contact-info .col5 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .office-address p {
    margin: 0;
  }

  .map {
    height: 300px;
  }

  .live-chat-bar {
    z-index: 99999999;
    width: 100%;
    height: 63px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #bc1a26;
    padding: 10px 20px;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .live-chat-bar .btn {
    float: left;
    margin: 0 !important;
  }
  .live-chat-bar img {
    display: none;
  }
  .live-chat-bar.show-chat {
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  .live-chat-bar.qq-page {
    display: none;
  }

  .full-article img {
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .blog-teaser {
    width: 100% !important;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    margin: 0 0 30px !important;
    padding: 0 10px !important;
  }
  .blog-teaser h3 {
    padding: 8px 0;
    line-height: 24px;
  }
  .blog-teaser img {
    width: 100%;
    margin: 0 auto;
  }
  .blog-teaser .blog-date {
    height: auto !important;
    display: block;
    margin: 12px 0;
  }
  .blog-teaser .tags {
    height: auto !important;
  }

  .archive-list {
    width: 80%;
    padding: 14px 0;
    border-top: solid 1px #858585;
    border-bottom: solid 1px #858585;
  }
  .archive-list li {
    list-style: none;
    margin: 8px 0;
  }
  .archive-list a {
    color: #d2202f;
  }

  .news {
    padding: 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .news .btn {
    float: none;
    display: block;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .blog-date, .tags {
    height: 50px !important;
    font-size: 14px;
    line-height: 21px;
    color: #cccccc;
  }
  .blog-date a, .tags a {
    font-size: 14px;
    line-height: 21px;
  }

  .tags {
    height: 90px !important;
  }

  .video-bar .col2 {
    width: 100%;
    float: none;
  }

  .product-carousel {
    width: 100%;
    margin: 20px 0;
  }
  .product-carousel .btn-small-carousel {
    top: -20px;
    right: 0px;
  }

  .testimonials .comment {
    padding: 20px;
  }
  .testimonials .comment .hero {
    line-height: 1.4;
  }

  .slick-prev {
    top: auto;
    bottom: -30px;
    left: 0px !important;
  }
  .slick-prev:hover {
    left: 0px !important;
  }

  .slick-next {
    top: auto;
    bottom: -30px;
    right: 0px !important;
  }
  .slick-next:hover {
    right: 0px !important;
  }
  .accreditations {
    padding: 40px 0;
    text-align: center;
  }
  .accreditations img {
    display: inline-block;
  }

  .banner-home {
    width: 100%;
    height: 400px;
    background: url(../img/banners/home-banner-holder.jpg) no-repeat top center;
    background-size: cover;
  }
  .banner-home .container {
    position: relative;
    height: 100%;
  }

  #wrapper_mbYTP_bgndVideo {
    display: none;
  }

  .slogon {
    position: absolute;
    top: 90px;
    width: 100%;
    text-align: center;
  }
  .slogon h2 {
    font-size: 30px;
    color: white;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 20px;
    text-shadow: 0px 0px 35px #000;
  }
  .slogon h4 {
    display: inline-block;
    min-width: 240px;
  }
  .slogon p {
    color: white;
  }
  .slogon span {
    display: block;
    color: white;
    line-height: 20px;
  }
  .slogon h4.pre3 {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .slogon .btn {
    width: 90%;
    margin: 4px 5%;
    display: block;
  }

  .banner-home-large .content-area {
    padding-top: 10px;
  }
  .banner-home-large .content-block {
    width: 100%;
    float: none;
  }
  .banner-home-large .content-block:first-child {
    float: none;
    width: 100%;
  }

  .home-promotion {
    padding: 20px 10px 10px;
    height: 250px;
  }
  .home-promotion .btn {
    width: auto;
  }

  .home-product-cats img {
    width: 48%;
    height: auto;
    margin: 0px 1%;
  }

  .calculator {
    font-size: 14px;
  }
  .calculator input[type="number"] {
    float: left;
    width: 90%;
    padding: 6px;
    margin-left: 0px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .calculator .btn {
    font-size: 11px;
  }
  .calculator .calc-input {
    padding: 10px 0px;
    position: relative;
    *zoom: 1;
  }
  .calculator .calc-input:before, .calculator .calc-input:after {
    content: " ";
    display: table;
  }
  .calculator .calc-input:after {
    clear: both;
  }
  .calculator .calc-input span {
    width: 10%;
    float: left;
    line-height: 32px;
    text-align: right;
  }
  .calculator .calc-input .btn {
    float: left;
    margin-top: 8px !important;
  }
  .calculator .output {
    margin: 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
  }
  .calculator .annual-costs {
    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .calculator .install-costs {
    width: 100%;
    padding: 10px;
    overflow: auto;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .calculator .install-costs p {
    margin-bottom: 0;
  }
  .calculator .install-costs span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
    color: #797979;
  }
  .calculator .small-text {
    display: block;
    padding: 10px;
  }

  .domestic-calc {
    width: 96%;
    margin: 20px 2% 0;
    padding: 0;
  }

  .video-exp {
    display: none;
    background-color: #a61721;
    overflow: hidden;
    margin: 0;
    padding: 20px 0;
    -o-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .video-exp.expand {
    display: block;
  }
  .video-exp .html5-mobile.unstarted-mode:not(.ad-interrupting) {
    width: 100% !important;
    height: 100% !important;
  }

  .video-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
  .video-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .li-large-icon li {
    padding-left: 0px !important;
  }
  .li-large-icon li h4 {
    padding-left: 40px;
    padding-bottom: 12px;
  }
  .li-large-icon li img {
    left: 0;
    width: 30px;
  }

  .blog-teaser {
    border-top: none;
  }
  .blog-teaser:last-child {
    border-bottom: none;
  }

  .hero {
    font-size: 16px;
  }

  .title {
    padding: 30px 10px 10px;
  }

  .btn {
    width: 100%;
    float: none;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 12px;
  }

  .btn-next-step {
    float: right;
  }

  .prev-room {
    width: 100%;
    margin-top: 0 !important;
  }

  .table .table-cell {
    height: auto;
  }

  .red-bar {
    padding: 0 10px;
  }
  .red-bar p {
    line-height: 26px;
  }
  .red-bar .btn-container {
    height: auto;
    padding: 10px 0;
  }
  .red-bar .btn {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .red-bar .table-cell {
    padding-top: 16px;
  }

  .login-out {
    text-align: right;
    line-height: 26px;
  }
  .login-out span {
    display: none;
  }

  .banner .container {
    padding-top: 20px !important;
  }

  .why-use-warmup {
    *zoom: 1;
  }
  .why-use-warmup:before, .why-use-warmup:after {
    content: " ";
    display: table;
  }
  .why-use-warmup:after {
    clear: both;
  }
  .why-use-warmup .register-block.reg-open {
    min-height: 560px;
  }

  .page-title {
    width: 360px;
    float: left;
  }

  .content-area {
    padding: 30px 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .content-block header {
    padding: 10px;
  }
  .content-block .content {
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .watch-video {
    display: block;
    font-size: 12px;
    text-decoration: none;
  }
  .watch-video .play-medium {
    float: left;
    width: 30px;
    height: 30px;
    background-size: 100%;
    margin: -5px 0 0 18% !important;
  }
  .watch-video .subtitle {
    float: left;
  }

  .video-bar .watch-video {
    display: block;
    height: 50px;
    margin-top: 0 !important;
    padding: 15px 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .video-bar .watch-video p {
    float: right;
    margin: 0;
    width: 70%;
    text-align: left;
  }

  .product-widgets {
    padding: 40px 0;
  }

  .widget {
    padding: 4px 16px;
    background: white;
    background: transparent\9;
    background: rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
    zoom: 1;
  }
  .widget h2 {
    line-height: 1;
  }
  .widget p {
    margin: 0;
  }
  .widget:nth-child(n) {
    filter: none;
  }

  .widget.inline-content h2, .widget.inline-content h4, .widget.inline-content p {
    float: left;
  }
  .widget.inline-content h2 {
    margin: 0 30px 0 50px;
  }

  .parallax, .category-parallax, .parallax-open, .rollover-msg, .cat-rollover-msg {
    display: none;
  }

  .category-side {
    width: 100% !important;
    padding: 10px;
  }
  .category-side h4 {
    position: relative;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 10px 30px 10px 0px;
    text-transform: uppercase;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .category-side h4 .arrow-dd {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
  }
  .category-side h4 .arrow-dd.open-dd {
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 50%;
    -ms-transform: rotate(180deg);
    -ms-transform-origin: 50% 50%;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
  }
  .category-side form, .category-side .archive-list {
    height: 45px;
    padding-bottom: 12px;
    overflow: hidden;
    cursor: pointer;
    float: none;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .category-side label {
    display: block;
    width: 100%;
    font-weight: normal;
  }
  .category-side input[type="checkbox"], .category-side label {
    cursor: pointer;
  }
  .category-side .archive-list {
    border-top: none;
    border-bottom: none;
    margin: 0;
    padding: 0;
  }
  .category-side .archive-list li {
    width: 100%;
    margin-left: 10px;
    float: left;
  }
  .category-side .filter {
    text-decoration: none;
    font-weight: bold;
  }
  .category-side .inactive {
    text-decoration: underline;
    font-weight: normal;
  }
  .category-side .inactive:hover {
    text-decoration: none;
  }

  .share {
    float: left;
    width: 100%;
    *zoom: 1;
  }
  .share:before, .share:after {
    content: " ";
    display: table;
  }
  .share:after {
    clear: both;
  }
  .share > div {
    padding: 16px 0;
  }

  .product-filter {
    padding: 0;
  }
  .product-filter h3 {
    padding-left: 10px;
  }
  .product-filter h4 {
    position: relative;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 10px 30px 10px 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .product-filter h4 .arrow-dd {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
  }
  .product-filter h4 .arrow-dd.open-dd {
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 50%;
    -ms-transform: rotate(180deg);
    -ms-transform-origin: 50% 50%;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
  }
  .product-filter .filters {
    height: 45px;
    padding-bottom: 12px;
    overflow: hidden;
    cursor: pointer;
    float: none;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .product-filter input {
    margin-left: 10px;
  }

  .open-tab {
    height: auto !important;
  }

  .select-room {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  .select-room .container {
    padding-right: 10px !important;
  }
  .select-room .rooms {
    position: static;
    width: 100%;
    top: 0;
    right: 0;
    margin-top: 10px;
  }
  .select-room .rooms .room {
    float: none;
    display: inline-block;
    margin-top: 10px;
    border: 2px solid #ececec;
  }
  .select-room .rooms .room:hover {
    border: 2px solid red;
    height: 80px;
    width: 80px;
  }

  .survey-row {
    padding-right: 10px;
    padding-left: 10px;
  }
  .survey-row .col4 {
    padding-bottom: 10px;
  }

  .q-option {
    margin-top: 20px;
  }

  .success-msg .col3 {
    float: none;
    margin-bottom: 16px;
  }
  .success-msg .col1, .success-msg .col2 {
    width: 48%;
    margin: 5px 1%;
  }

  .pagination .prev {
    width: 30px;
  }
  .pagination .next {
    width: 30px;
  }
  .pagination li {
    width: 30px;
  }

  .register-block {
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .register-block .btn, .register-block .action {
    clear: both;
    float: none;
    display: block;
    width: 100%;
  }
  .register-block h4 {
    margin-bottom: 6px;
  }

  .info-box {
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .info-box .icon {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .info-box p {
    margin: 0;
  }

  .systems {
    margin-bottom: 40px;
  }

  .install {
    width: 96%;
    padding: 20px 0 30px;
    margin: 0 2%;
    border-bottom: solid 1px #cccccc;
  }
  .install h3 {
    border: none;
  }

  .resources {
    margin-bottom: 20px;
  }
  .resources .download-desc {
    height: 110px;
  }
  .resources h4 {
    position: relative;
    padding-right: 30px;
  }
  .resources .icon-plus {
    display: block;
    position: absolute;
    right: 10px;
    top: 15px;
  }
  .resources .open-tab .icon-plus {
    background-position: -385px -88px !important;
  }

  .cost-calculator input[type="text"], .cost-calculator select, .cost-calculator label {
    width: 100%;
    float: none;
    display: block;
  }
  .cost-calculator .btn-finish {
    clear: both;
    padding-top: 10px !important;
  }

  .accordian-faq h2 {
    line-height: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
  }
  .accordian-faq .icon-plus {
    top: 17px;
    margin-top: 0;
  }

  .store-search input[type="text"] {
    width: 96%;
    margin: 0 2%;
  }

  .color-picker {
    padding-top: 20px;
  }
  .color-picker .container {
    position: relative;
    height: 100%;
  }
  .color-picker .col5 {
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .color-picker img {
    position: absolute;
    bottom: 0;
    height: 100%;
    right: 50%;
    margin-right: -137px;
    display: none;
  }
  .color-picker img.active-color {
    display: block;
  }
  .color-picker .color {
    width: 50px;
    height: 50px;
    margin: 10px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
  }
  .color-picker .thermostats {
    height: 240px;
    position: relative;
  }

  #map-container {
    height: 290px !important;
  }

  .map-content {
    top: 60px;
  }
  .map-content .supplier-info {
    padding: 12px 100px 12px 77px;
  }
  .map-content .supplier-info img {
    display: none;
  }
  .map-content .map-phone {
    position: static;
  }

  .contact-map {
    position: absolute;
    top: 20px;
    width: 60%;
    left: 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .professionals-bar {
    padding-top: 0;
  }
  .professionals-bar span {
    float: none;
    display: block;
    margin-bottom: 12px;
  }
  .professionals-bar .colr {
    float: none;
    display: block;
  }

  .country-select {
    padding-top: 30px;
    *zoom: 1;
  }
  .country-select:before, .country-select:after {
    content: " ";
    display: table;
  }
  .country-select:after {
    clear: both;
  }
  .country-select > a {
    display: block;
    width: 96%;
    margin: 16px 2%;
    padding: 6px;
    text-decoration: none;
  }
  .country-select > a .country-info {
    position: relative;
    padding-left: 65px;
  }
  .country-select > a img {
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -25px;
  }
  .country-select > a h4 {
    margin: 0;
  }
  .country-select > a p {
    margin: 0;
    font-size: 12px;
  }
  .country-select > a:hover {
    outline: 2px solid #d2202f;
  }
  .country-select > a:hover p {
    text-decoration: underline;
  }

  .tab-ui-block {
    height: auto;
    padding: 16px 0;
  }
  .tab-ui-block .icon {
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .search {
    float: right;
    position: relative;
    margin-right: 10px;
  }
  .search input[type="text"] {
    width: 100px;
    margin-top: 6px;
    border-radius: 5px;
    float: right;
    -o-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
  }
  .search input[type="text"]:focus {
    width: 110px;
  }
  .search input[type="submit"]:hover {
    background-color: transparent;
  }
  .search .action {
    position: absolute;
    right: 0px;
    top: 8px;
    width: 30px;
    height: 18px;
    margin: 13px 0px;
    text-indent: -2000px;
    overflow: hidden;
    background: url("../img/sprite-header.png") no-repeat -176px 0;
  }

  .professionals-bar {
    padding: 0;
  }
  .professionals-bar .col12.open ul {
    display: block;
  }
  .professionals-bar .col12.open h4 .icon-plus {
    background-position: -385px -88px !important;
  }
  .professionals-bar h4 {
    float: none;
    display: block;
    cursor: pointer;
    padding-right: 40px;
    position: relative;
    margin: 0;
    line-height: 50px;
  }
  .professionals-bar h4 .icon-plus {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -7px;
  }
  .professionals-bar ul {
    display: none;
  }
  .professionals-bar li {
    float: none;
    font-size: 14px;
  }
  .professionals-bar a {
    line-height: 40px;
    text-decoration: none;
    color: #797979;
    font-size: 14px;
  }
  .professionals-bar a:hover {
    text-decoration: underline;
  }

  .loggedin li {
    display: none;
  }
  .loggedin li:first-child {
    padding-right: 30px;
    position: relative;
    display: block;
    cursor: pointer;
  }
  .loggedin li .loggedin-dd {
    width: 12px;
    height: 12px;
    background: url(../img/icon-plus-minus-white.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 13px;
  }
  .loggedin li.open {
    display: block;
  }
  .loggedin li.open .loggedin-dd {
    background: url(../img/icon-plus-minus-white.png) 0 -16px no-repeat;
  }

  .tabs ul {
    padding: 0;
  }
  .tabs li {
    margin-top: 0px;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    background: #797979;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .tabs a {
    display: block;
    padding: 4px 12px;
    font-family: "Source Sans Pro", sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-right: none;
    font-size: 14px;
  }
  .tabs a:first {
    border: none;
  }
  .tabs a:hover {
    text-decoration: underline;
  }

  .tab-content {
    position: relative;
    height: 700px;
  }
  .tab-content .tab-pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    padding: 0 10px;
    overflow-x: scroll;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .tab-content .tab-pane.active {
    display: block;
  }

  .resp-tabs-container {
    *zoom: 1;
  }
  .resp-tabs-container:before, .resp-tabs-container:after {
    content: " ";
    display: table;
  }
  .resp-tabs-container:after {
    clear: both;
  }
  .resp-tabs-container h2.resp-accordion {
    margin-top: 0px;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    border: none;
    background: #797979;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .resp-tabs-container h2.resp-accordion a {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-right: none;
    font-size: 14px;
  }
  .resp-tabs-container h2.resp-accordion a:hover {
    text-decoration: underline;
  }
  .resp-tabs-container h2.resp-tab-active {
    text-transform: uppercase;
    color: white;
    border: none;
    background-color: #797979 !important;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .resp-tabs-container .tab-pane {
    overflow-x: scroll;
  }

  .resp-tabs-container {
    background-color: transparent;
    padding: 20px 0 60px;
  }
  .resp-tabs-container .tab-pane {
    border: 1px solid #797979;
  }

  .resp-tab-content {
    border: none;
  }

  .resp-tab-active {
    padding: 0px !important;
    border: none;
    margin: 0 !important;
    background: url("../img/product_tabs-active_triangle.png") no-repeat center bottom;
  }

  .option {
    width: 30%;
    margin-right: 1.33% !important;
    padding: 4px 10px;
    float: left;
    text-align: center;
    color: #797979;
    text-decoration: none;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .option span {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
  }
  .option i {
    display: block;
    float: none;
    margin: 0 auto;
  }

  .product-main-link .icon-small-next {
    margin: 6px;
  }
  .product-main-link:hover .icon-small-next {
    margin-right: 0px !important;
  }

  .product img {
    max-height: 50px;
    width: auto;
    top: 10px;
    left: 10px;
  }

  .product-benefits li {
    padding-left: 50px !important;
  }
  .product-benefits img {
    left: 0px;
  }

  .product-title {
    padding-left: 90px;
  }

  .product-desc {
    padding: 10px;
  }

  .product-full-desc {
    padding: 20px 10px;
  }
  .product-full-desc img {
    float: none;
    margin-bottom: 20px;
  }
  .product-full-desc .col7 {
    width: 100%;
    padding: 0;
  }

  .list-grid-container {
    display: none;
  }

  .quote-me {
    padding: 10px;
  }
  .quote-me .container {
    padding-right: 0px;
    position: relative;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .quote-me .col12 {
    padding: 0;
  }
  .quote-me h3 {
    float: none;
    display: block;
    font-size: 22px;
    padding: 0 10px 10px;
    width: 100%;
    line-height: 1.4;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .quote-me .refer-terms {
    width: 100%;
    float: none;
    padding: 0 10px 10px;
    max-width: none;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .quote-me .domestic-price {
    float: none;
    display: inline-block;
    width: 70px;
    margin: 10px 0 20px 0;
    text-align: center;
  }
  .quote-me .domestic-price * {
    float: none;
    display: block;
  }
  .quote-me .domestic-price i {
    display: inline-block;
    *zoom: 1;
  }
  .quote-me .domestic-price i:before, .quote-me .domestic-price i:after {
    content: " ";
    display: table;
  }
  .quote-me .domestic-price i:after {
    clear: both;
  }
  .quote-me .domestic-price span {
    font-size: 10px;
  }
  .quote-me .btn {
    clear: both;
    display: block;
    position: static;
    right: 0;
    top: 0;
    margin-top: 20px !important;
  }

  .product-price {
    width: 100% !important;
    float: left;
  }
  .product-price > div {
    margin-bottom: 10px !important;
  }

  .product-cta-buttons {
    width: 100%;
    float: left;
    padding-top: 0px !important;
  }
  .product-cta-buttons a {
    margin-bottom: 10px;
  }

  .already-purchased {
    padding: 5px 10px;
  }
  .already-purchased p {
    font-size: 13px;
  }
  .already-purchased a {
    font-size: 13px;
    margin-left: 4px;
    display: block;
    text-align: center;
    height: 30px;
  }
  .already-purchased a.exit-bar {
    height: auto;
  }

  .efficiency {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding: 10px !important;
    float: left;
  }
  .efficiency .versus {
    right: 50%;
    margin-right: -8px;
    bottom: -36px;
  }
  .efficiency .heat-chart {
    position: static;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
  }
  .efficiency .heat-chart i {
    margin-top: 6px;
  }

  #Form_QuickQuote .room-detail-results {
    height: 897px;
  }
  #Form_QuickQuote .room-detail-results.error-container {
    height: 1070px;
  }

  .register-warranty .room-detail-results {
    min-height: 610px;
  }
  .register-warranty .room-detail-results.error-container {
    height: 760px;
  }

  .room-detail-results {
    min-height: 750px;
  }
  .room-detail-results .next-step h4:first-child {
    float: none;
  }

  .my-details, .project-timeframe {
    *zoom: 1;
  }
  .my-details:before, .my-details:after, .project-timeframe:before, .project-timeframe:after {
    content: " ";
    display: table;
  }
  .my-details:after, .project-timeframe:after {
    clear: both;
  }

  .wizard-filters {
    height: auto;
  }
  .wizard-filters .col4 {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .wizard-filters .col2 {
    position: relative;
    width: 48%;
    margin: 10px 1%;
  }
  .wizard-filters ul a {
    font-size: 12px;
  }

  .banner {
    width: 100%;
    min-height: 0;
    height: auto;
    background: #777777;
    padding: 20px 0 30px;
  }
  .banner * {
    color: white;
  }
  .banner .container {
    height: 100%;
    padding: 110px 0 0;
  }
  .banner h1 {
    line-height: 1;
    margin: 0 0 10px;
  }
  .banner.bannertall {
    height: auto;
    padding: 20px 0 30px;
  }
  .banner.bannertall h1 {
    margin: 0 0 10px;
  }
  .banner.banner-video {
    padding: 20px 0 0px;
  }

  .background-holder {
    background: #cccccc;
  }

  .background {
    display: none;
  }

  .heating-mat,
  .downloads {
    padding: 20px 0;
  }

  .banner-video .col3 {
    background: #bc1a26;
  }
  .banner-video .video {
    display: block;
    height: 30px;
    margin-top: 40px !important;
    padding: 10px 0;
  }
  .banner-video .video .play-large {
    float: left;
    width: 30px;
    height: 30px;
    background-position: -129px -189px;
    cursor: pointer;
  }
  .banner-video .video p {
    line-height: 30px;
  }

  table {
    width: 96% !important;
    margin: 0 2% !important;
    padding: 0 !important;
  }

  .question {
    padding-right: 10px!important;
  }

  .survey h3 {
    color: #ff0000;
    font-size: 14px!important;
	  line-height: 22px !important;
}

.que-media{
	margin-top:20px;
	}

  .survey-row h4 {
    margin-top: 20px;
    font-size: 16px;
  }
  .survey-row .progress {
    display: none;
  }
  .survey-row input[type="text"], .survey-row input[type="email"], .survey-row select {
    float: none;
  }
  .survey-row li span {
    padding: 5px 0;
  }

  .wizard-options {
    margin-left: -60px;
    margin-top: 20px;
  }

  .map-content .map-info {
    margin-bottom: 0px !important;
  }
  .map-content .container {
    position: relative;
    height: auto;
  }

  .ui-timepicker-table .ui-timepicker-hours {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  .ui-timepicker-table .ui-timepicker-minutes {
    display: block;
    width: 100%;
  }
  .ui-timepicker-table .ui-timepicker-minutes .ui-timepicker {
    border-left: solid 1px #797979;
  }
  .ui-timepicker-table .ui-timepicker {
    margin: 0 !important;
    width: 100% !important;
  }
}


@media (min-width: 1300px) and (max-width: 1960px) {
  .col2{
    float: left;
    margin: 0 17px;
  }
  .col3{
	  width:342px;
  }

 .get-quote-success .col2{
    float: left;
    margin: 0 5px;
  }

  .col4{
    float: left;
    margin: 0 5px;
	width:28%;
	}
.col4.qq-floor-type{
	margin-left:50px;
}

.col9 {
    width: 742px;
}


  }

 @media (max-width: 1300px) {
  .col2 {
    width: 33%; padding-bottom:20px;
}

}

@media (max-width: 1024px) {
 .product-head{
   width: 100%;
   margin-bottom: 10px;
 }
 }

 @media (min-width: 1890px) {
   .container{
     max-width: 1189px;
   }
 }