@font-face {
    font-family: 'century';
    font-style: normal;
    font-weight: 700;
	 src: url("../fonts/centurybold.ttf")
    src: url('../fonts/centurybold.eot') format('embedded-opentype'),
         url('../fonts/centurybold.woff2') format('woff2'),
         url('../fonts/centurybold.woff') format('woff'),
         url('../fonts/centurybold.ttf') format('truetype'),
         url('../fonts/centurybold.svg#centurybold') format('svg');
}

.fontweight{font-weight:800;}
.topheader img {width: 100%;height: 100%;}
.topheader_text {padding: 160px 20px 160px 45px;}
.topheader_text span {display: block;font-size: 30px;text-transform: capitalize;line-height: normal;font-weight: 400;}
.topheader_text h1{font-weight: 700;font-size: 80px;color: #ffffff;line-height: normal;   position: relative; }
.topheader_text h1:before {position: absolute;bottom: 0;left: -60px;content: '';background: #fff;width: 100%;height: 1px;}
.topheader_text p {font-size: 18px;margin-top: 20px;line-height: 28px;}

.topwallmounted{background:url("../images/wallmounted_bg.png"); background-repeat:no-repeat;}
.redHeading{text-align: center;}
.topwallmounted h1.page-title {color: #ffffff;font-size: 45px;font-weight: 800; padding: 5px 10px; background: #ab1f3c;}
.topwallmounted h2.sub-page-title {color: #000000;font-size: 30px;font-weight: 800; margin-top: 30px;}
.topwallmounted p{font-size: 18px !important; line-height: 30px; margin-bottom: 20px;}

.topwallmounted-subicon {padding: 0;list-style: none;}
.topwallmounted-subicon li {display: inline-block;font-size: 14px;font-weight: 800;width: 32%;text-align: center;margin: 15px 0px 0px 0px;line-height: normal; vertical-align: top;}
.topwallmounted li span {font-size: 10px;}

.steppurification{ margin-top: 40px; margin-bottom: 40px;}
.steppurification h1.page-title {color: #ab1f3c;font-size: 35px;font-weight: 800; margin-bottom: 10px;}
.steppurification h2.sub-page-title {font-weight: 800; font-size: 25px;}
.steppurification p{text-align: center; font-size: 18px; line-height: 28px;}

.RO_membrane{padding-top: 40px; padding-bottom: 40px;}
.RO_membrane h1.page-title {color: #ab1f3c;font-size: 35px;font-weight: 800; margin-bottom: 10px;}
.RO_membrane h2.sub-page-title {font-weight: 800; font-size: 25px;}
.RO_membrane p{font-size: 18px !important; line-height: 30px; margin-bottom: 20px;}


.postid-4721 #specification.specification h2, .customheding  {color: #ab1f3c;font-size: 35px;font-weight: 800;margin-bottom: 20px;text-transform: uppercase;}

.specification .table-striped tbody tr:nth-of-type(odd) {background-color: #e8f5fd;}
.specification .table-bordered td, .specification .table-bordered th {border: none;}
.specification td:first-child { border-right: 1px solid #5070ad !important;}

.pre-installation{background: url(../images/pre-installation-bottombg.png) center bottom;background-size: 100%;background-repeat: no-repeat;padding-bottom: 300px;padding-top: 50px;}
.pre-installation ul {padding: 0;margin: 0;}
.pre-installation li {list-style: none;padding: 0;margin: 0 0 20px;}
.pre-installation li strong {display: block;font-size: 1.5rem;font-weight: 800;}
.pre-installation li span {display: block;margin-top: 10px;font-size: 1.0rem;}
.filterContainer{ background-image: url(../images/filter.jpg); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;padding: 50px 0px;}

.pre-installationbox {position: absolute;bottom: -175px;right: -6px;z-index:1;text-align: right;}
.trust-sharp{width: 200px;}

section.monthwarranty {padding: 80px 0;}
.monthwarranty-section{padding: 40px; background: #D2EDF3; border-radius: 60px;}
.monthwarranty-section h1.page-title {color: #ab1f3c;font-size: 45px;font-weight: 800; }
.monthwarranty-section h2.sub-page-title {color: #000000;font-size: 30px;font-weight: 800; }
.monthwarranty-section p{font-size: 18px !important; line-height: 30px; margin-bottom: 20px;}

/*.postid-4721 .viewSection {
	margin-top: 40px;
    float: none !important;
}
.viewSection a {
	display: inline-block;
	color: #fff;
	background: #e6000d;
	padding: 4px 10px;
	border-radius: 4px;
}*/
.responsiveTab {
    margin: 20px 15px 40px;
    font-family: Conv_georgia;
    font-size: 14px;
}
.responsive-table b {
    color: #333c56;
    display: block;
    font-weight: 600;
    font-size: 12px;
}
.responsive-table {
    width: 100%;
    margin-bottom: 1.5em;
}
.responsive-table thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
@media (min-width: 44em) {
    .responsive-table thead {
        position: relative;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto;
    }
}
.responsive-table thead th {
    background-color: #ab1f3c;
    border: 1px solid #ab1f3c;
    font-weight: 400;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.responsive-table thead img {
    display: block;
    width: 70px;
    margin: 0px auto;
}
.responsive-table thead th:first-of-type {
    text-align: left;
}
.responsive-table tbody,
.responsive-table td,
.responsive-table th,
.responsive-table tr {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
}
@media (min-width: 44em) {
    .responsive-table tr {
        display: table-row;
    }
}
.responsive-table td,
.responsive-table th {
    padding: 0.5em;
    vertical-align: middle;
}
@media (min-width: 30em) {
    .responsive-table td,
    .responsive-table th {
        padding: 0.75em 0.5em;
    }
}
@media (min-width: 44em) {
    .responsive-table td,
    .responsive-table th {
        display: table-cell;
        padding: 0.5em;
    }
}
@media (min-width: 62em) {
    .responsive-table td,
    .responsive-table th {
        padding: 0.75em 0.5em;
    }
}
@media (min-width: 75em) {
    .responsive-table td,
    .responsive-table th {
        padding: 10px 0.75em;
    }
}
.responsive-table caption {
    margin-bottom: 1em;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
}
@media (min-width: 44em) {
    .responsive-table caption {
        font-size: 1.5em;
    }
}
.responsive-table tfoot {
    font-size: 0.8em;
    font-style: italic;
}
@media (min-width: 62em) {
    .responsive-table tfoot {
        font-size: 0.9em;
    }
}
@media (min-width: 44em) {
    .responsive-table tbody {
        display: table-row-group;
        background: #ffffff;
    }
}
.responsive-table tbody tr {
    margin-bottom: 1em;
    border: 1px solid #bebebe;
}
@media (min-width: 44em) {
    .responsive-table tbody tr {
        display: table-row;
        border-width: 1px;
    }
}
.responsive-table tbody tr:last-of-type {
    margin-bottom: 0;
}
@media (min-width: 44em) {
    .responsive-table tbody tr:nth-of-type(even) {
        background-color: rgba(94, 93, 82, 0.1);
    }
}
.responsive-table tbody th[scope="row"] {
    background-color: #4d0a40;
    color: #fff;
}
@media (min-width: 44em) {
    .responsive-table tbody th[scope="row"] {
        background-color: transparent;
        color: #5e5d52;
        text-align: left;
    }
}
.responsive-table tbody td {
    text-align: right;
}
.responsive-table tbody td:first-child {
    text-align: left !important;
}
@media (min-width: 30em) {
    .responsive-table tbody td {
        border-bottom: 1px solid #bebebe;
        border-left: 1px solid #bebebe;
    }
    .responsive-table tbody td:last-child {
        border-right: 1px solid #bebebe;
    }
}
@media (min-width: 44em) {
    .responsive-table tbody td {
        text-align: center;
        color: #000;
    }
}
.responsive-table tbody td[data-type="currency"] {
    text-align: right;
}
.responsive-table tbody td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: 0.8em;
    color: rgba(94, 93, 82, 0.75);
}
@media (min-width: 30em) {
    .responsive-table tbody td[data-title]:before {
        font-size: 0.9em;
    }
}
@media (min-width: 44em) {
    .responsive-table tbody td[data-title]:before {
        content: none;
    }
}

/* Top Slider CSS */
.banner-subicon li {margin: 5px 0px 0px !important;vertical-align: top !important; width: 30%;}
.banner-subicon li img {display: block;margin: 0px auto;}
/* END */

@media only screen and (max-width: 767px){
.topwallmounted{background-color: #d4f0fe;}
.topheader_text h1{font-size: 35px;}
.postid-4721 #specification.specification h2,  .customheding {font-size: 30px;}
.topwallmounted h1.page-title{font-size: 30px;}
.steppurification h1.page-title{font-size: 30px;}
.steppurification h2.sub-page-title {font-size: 20px;padding: 0px 10px;line-height: normal;}
.RO_membrane h2.sub-page-title{font-size: 20px;padding: 0px 10px;line-height: normal;}
.RO_membrane h1.page-title{font-size: 30px;}
.pre-installation{padding-bottom: 120px;background-size: 100%;}
.pre-installationbox {position: inherit;top: 0;right: 0;}
.topwallmounted h2.sub-page-title{font-size: 20px;}
.monthwarranty-section{padding: 20px;}
.monthwarranty-section h1.page-title{font-size: 30px;}
.monthwarranty-section h2.sub-page-title{font-size: 20px;}
.steppurification img {margin-bottom: 30px;}
.topwallmounted{background-size: cover;}
.banner-subicon li{width: auto;}
}
@media (min-width: 768px) and (max-width: 1024px){
.pre-installation{padding-bottom: 110x;background-size: 100%;}
.topwallmounted h1.page-title{font-size: 25px;}
.topwallmounted h2.sub-page-title{font-size: 20px; margin-top: 10px;}
.steppurification h1.page-title{font-size: 25px;margin-bottom: 0px;}
.steppurification h2.sub-page-title{font-size: 20px;}
.RO_membrane{padding-top: 30px; padding-bottom: 0px;}
.steppurification{padding: 30px 0px;}
.postid-4721 #specification.specification h2, .customheding {font-size: 30px;}
.monthwarranty-section{padding: 20px;}
.monthwarranty-section h1.page-title{font-size: 30px;}
.monthwarranty-section h2.sub-page-title{font-size: 20px;}
.pre-installationbox {position: absolute;bottom: 0;right: 0px;}
.pre-installationbox img {width: 220px;}
}