.master-column-wrapper, .topic-block {

    margin: 0;

}



/* h2 {

    font-size: 34px;

    margin-bottom: 30px;

} */



/* banner */



.banner {

    width: 100%;

    padding: 100px 0;

    text-align: center;

    background-size: cover;

    background-repeat: no-repeat;

    display: block;

    background-image: url(/Themes/QETTLE-IE/Content/images/installation-header.png); 

    background-position-y: 80%; 

    /* opacity: 0.6; */

}

@media all and (max-width: 767px) {

    #hero .title-container h1 {font-size: 45px;}}

.banner h1 {

    font-size: 60px;

    color: #ffffff;

}



/* .banner h3 {

    color: #fff;

    max-width: 320px;

    margin: 0 auto;

    background: rgba(66,66,66,0.5);

    padding: 3px;

} */





/* top nav */



.top-nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 auto;

    background-color: #F7F7F6; 

    padding: 10px 0;

    margin-bottom: 100px;

}



.top-nav-inner {

    max-width: 1200px;    

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.top-nav-item {

    margin: 10px;

    padding: 25px 25px 0 25px;

    max-width: 500px;

    background: #f7f7f7;

}



.top-nav-item h3 {font-size: 14px;}



.top-nav-item img {

    max-width: 100px;

    margin: 20px auto 0 auto;

    display: block;

    height: auto;

}



@media all and (max-width: 700px) {

    .top-nav { padding-top: 0; }

    .top-nav, .top-nav-inner {display: block;}

    .top-nav-item {margin: 0 auto;}

    .top-nav-item img { margin: 10px auto 0; }

}



/* TAP TECHNICAL SECTION */



#tap-technical {

    max-width: 1200px;

    margin: 100px auto;

}



#tap-technical h2 {

    margin-bottom: 20px;

    padding-top: 20px;

}



/*



REMOVED MASONRY GRID, REPLACED WITH NORMAL FLEXBOX



#tap-technical .tap-grid {

    display: flex;

    flex-flow: column wrap;

    max-height: 800px;

    margin: 0 auto;

    padding: 0 8px;

}



#tap-technical .tap-item {

    margin: 0 8px 8px 0;

    background: #f7f7f7;

    max-width: calc(50% - 4px);

}



*/



#tap-technical .tap-grid {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row wrap;

            flex-flow: row wrap;

    padding-left: 2%;

}



#tap-technical .tap-item {

    background: #f7f7f7;

    width: 48%;

    margin: 0 2% 2% 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

}



#tap-technical .picture-details-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto;

}



#tap-technical .picture {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    padding: 15px;

}



#tap-technical img {

    display: block;

    max-width: 200px;

    height: auto;

}



#tap-technical .details {

    width: auto;

    padding: 20px;

    color: #ff6600;

}



#tap-technical .details tr {

    border-bottom: 1px solid #ccc;

}



#tap-technical .details td {

    padding: 5px 0;

}



#tap-technical .details td:first-child {

    width: 100px;

    vertical-align: top;

}



#tap-technical .details td:last-child {

    padding-left: 30px;

}



#tap-technical h3 {

    padding: 10px;

    text-align: center;

    margin-bottom: 5px;

    /* text-transform: uppercase; */

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

}



/* NEW FAQ STYLE LAYOUT */

.specifications.faq-list {width: 1200px; max-width: 95%;}

.full-specs {display: flex;align-items: center;justify-content: space-between;}

.measurement-row {

    display: flex;

    border-bottom: thin solid #ddd;

    width: 100%;

    padding: 3px 0;

}

span.measurement-no {width: 15px;padding-right: 20px;}

span.measurement-name {width: 193px;padding-right: 20px;}

span.measurement-num {width: 55px;text-align: right;}

.tanks span.measurement-num {width: 70px;}





@media all and (max-width: 767px) {

    .full-specs {flex-direction: column; align-items: center;}

}









@media all and (max-width: 1000px) {

    /*

    #tap-technical .tap-item { max-width: 100%; margin: 0 0 8px 0; }

    #tap-technical .tap-grid { max-height: unset; }

    */

    #tap-technical .picture-details-wrapper { display: block; }

    #tap-technical img { margin: 0 auto; }

}



@media all and (max-width: 600px) {

    /* #tap-technical .tap-item { margin-bottom: 15px; display: flex; flex-direction: column-reverse; } */

    #tap-technical .tap-grid { display: block; padding: 0 4%;}

    #tap-technical .tap-item { width: 100%; margin: 0 0 4% 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}

}

#technical h2.center {

    margin-bottom: 30px;

}

/* TANKS GRID */



#technical {

    margin: 100px 0;

}



#technical table {

    margin: 0 auto 50px;

    max-width: 996px;

}



#technical tr {

    border: 1px solid #ccc;

    border-top-width: 0;

    line-height: 40px;

    text-align: center;

}



#technical tr:first-child { border: none; }



#technical tr:nth-child(odd) {

    background: #eeeeee;

}



#technical th {

    font-weight: normal;

    text-transform: uppercase;

    border-width: 0 1px 0 1px;

    color: #ffffff;

    background: #ffffff;

}



#technical tr:nth-child(2) th {

    background: #636F7B;

    border: 1px solid #636F7B;

}



#technical td:first-child {

    color: #444;

}



#technical td {

    color: #ff6600;

}



@media all and (max-width: 1000px) {

    #technical { padding: 0 8px; }

    #technical .scrollable-table { overflow-x: scroll; margin: 50px 0; }

    #technical table { 

        /* width: 750px;  */

        width: 1000px;

        margin: 0 0 25px; }

}



/* Filter Cartridges */



.cartridge-grid {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.cartridge-grid .cartridge {

    background: #f7f7f7;

    display: block;

    margin: 30px;

    padding: 30px;

    width: 50%;

    max-width: 460px;

}



.cartridge-grid .cartridge img {

    display: block;

    max-width: 100%;

    height: auto;

    margin: 0 auto;

}



.cartridge-grid .cartridge h3 {

    /* text-transform: uppercase; */

    margin: 30px 0 15px;

}



.cartridge-grid .cartridge ul {

    list-style-type: disc;

    padding-left: 30px;

    max-width: 400px;

}



.cartridge-grid .cartridge li {

    margin-bottom: 15px;

}



@media all and (max-width: 600px) {

    .cartridge-grid .cartridge { margin: 15px; padding: 15px; }

}



@media all and (max-width: 480px) {

    .cartridge-grid { display: block; }

    .cartridge-grid .cartridge { width: calc(100% - 30px); }

    .cartridge-grid .cartridge h3 { text-align: center; }

}