.product-gallery-title {
    max-width: 1270px;
    margin: 0 auto;
}
.product-gallery-container a{
    text-decoration: none;
    cursor: pointer;
    color: #313131;
    font-family:'Figtree-SemiBold';
}
.product_gallery .product-gallery-title h2 + * {
    margin-bottom: 20px;
    display: inline-block;
    color: #000000;
    font-size: 1em;
    font-family: 'Figtree-Light';
    font-weight: 400;
}
.product_gallery .product-gallery-title h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 1em;
    font-family:'Figtree-SemiBold';
}
/*.product-gallery-container .icon {
    background: url(/file/media/Schrock/global/favorite.svg) no-repeat;
    background-size: contain;
    float: left;
}*/
.product-gallery-container a.fav-isActive .icon.heart {
     background: url(/file/media/Schrock/global/sprite-images.png) no-repeat;
     background-position: -545px -277px; 
}
.product-gallery-container .icon.heart { 
    background: url(/file/media/Schrock/global/sprite-images.png) no-repeat;
    background-position: -521px -276px;
    width: 21px;
    height: 20px;
    display: block;
    float: left;
}
.product-gallery-container input[type=radio]{
    width: 0;
    height: 0;
    visibility: hidden;  
}
.product-gallery-container input[type=radio]+span:before {
    content: "";
    background: url(/file/media/Schrock/global/sprite-images.png) no-repeat -515px -84px;
    display: inline-block;
    position: relative;
    top: -2px;
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    /* border: solid 1px red; */
}
.product-gallery-container input[type=radio]:checked+span:before {
    background-position: -536px -84px;
}
.product-gallery-container input[type=checkbox]{
    width: 0;
    height: 0;
    visibility: hidden;  
}
.product-gallery-container input[type=checkbox]:checked+span:before, input[type=checkbox]:checked+span:before {
    background-position: -496px -85px;
}
.product-gallery-container input[type=checkbox]+span:before {
    content: "";
    background: url(/file/media/Schrock/global/sprite-images.png) -473px -85px;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.product-nav-content-list label.disabled > input[type=checkbox]+span:before {
  opacity:0.3;
}
.prod-tile-compare a.compare-submit{   
    float: left;    
}
.product-gallery-title h1{
    color: #000; 
    padding: 25px 0 0;
    font: 35px 'Philosopher-Bold';
    margin-bottom: 10px;
}
.product-gallery-container{
    width: 100%;
    padding: 0;
    float: none;
    margin: 0 auto 90px;
    max-width: 1270px;
    /* border: solid 1px red; */
    display: block;
}
/*Product Gallery Left side column Style Start here*/
.product-left-Nav{
    width: 21%;
    float: left;
    border: 1px solid #ddd;
    margin-right: 2%;
    background: #fff;
}
.product-left-Nav .product-nav-container{
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.product-nav-header, .product-comparelist-header{
    display: table;
    width: 100%;
    padding: 15px 0 15px 20px;
    cursor:pointer;
    box-sizing: border-box;
}
.product-nav-header h4, .product-nav-header span, .product-comparelist-header h4,.product-comparelist-header span{
    float: left;
}
.product-nav-header h4{
    margin: 0;
    float: left;
    font-size: 0.8em;
    font-family:'Figtree-SemiBold';
}
.product-nav-header .collapse, .product-mobile-filter .collapse,.product-comparelist-header .collapse{
    background: url('/file/media/Schrock/global/sprite-images.png') no-repeat -292px -329px;
    width: 15px;
    height: 3px;
    padding-top: 7px;
    float: right;
    position: relative;
    top: 5px;
    right: 15px;
}
.product-nav-header .expand, .product-mobile-filter .expand,.product-comparelist-header .expand{
    background: url('/file/media/Schrock/global/sprite-images.png') no-repeat -291px -303px;
    width: 15px;
    height: 15px;
    position: relative;
    right: 15px;
    float: right;
}
.product-nav-content-list label span{
    float: left;
    padding: 2px 5px;
}
.product-nav-content-list input[type="checkbox"] {
    margin-right: 0px;
}
.product-comparelist-header h4{
    margin: 0;
    float: left;
    width: 85%;
    font-size: 0.8em;
}
.product-nav-header span{
    width: 15%;
}
.product-nav-content{
    display: table;
    width: 100%;
}
.product-nav-content-list{
    float: left;
    width: 90%;
    padding: 1.5% 5%;
    font-size: 13px;
}
.product-nav-content-list:last-child{
    margin-bottom: 20px;
}
.product-nav-content-list label{
    color: #56565a;
    display: inline-block;
    vertical-align: middle;
}
.product-nav-content-list label.disabled {
     color: #ccc;
}
.product-nav-content-list img{
    /*max-width: 18px;
    float:left;
    padding: 0 5%;
    width: 10%;*/
    display: inline-block;
    vertical-align: middle;
    max-width: 19px;
}
.product-comparelist-content{
    display: table;
    width: 100%;    
}
.product-compare-bucket-list{
     float: left;
     width: 96%;
     padding: 10px;
     /* box-sizing: border-box; */
}
.product-compare-image-list{
    float: left;
    width: 29%;
    margin: 2%;
    position: relative;
    height: auto;
    font-size: 0;
    min-height: 121px;
    background: #ccc;
}
.product-compare-image-list.finisher{
    min-height: 72px;
    max-width:72px;
}
.product-compare-image-list img {
    width: 100%;
    float: left;
    height: 121px;
}
.product-compare-image-list.finisher img{
    height: 72px;
    max-width:72px;
}
.product-compare-image-list a.remove {
    position: absolute;
    top: 1px;
    right: 1px;    
    font-size: 0;
    line-height: 0;
    background: url(/file/media/Schrock/global/sprite-images.png) no-repeat -189px -233px;
    width: 21px;
    height: 21px;
}

.product-compare-bucket-action{
    float: left;
    width: 96%;
    padding: 10px;     
}
.product-compare-bucket-action .compare-submit.disabled, .prod-tile-compare a.compare-submit.disabled {
    color: #d4d3c9;
}
.product-compare-bucket-action .compare-submit, .prod-tile-compare a.compare-submit{
    color: #56565a;
    text-transform: capitalize;
    font-size: 0.825em;
    cursor: default;       
}
.prod-tile-compare a.compare-submit{    
     padding-left: 5px;
     font-family: 'Figtree-SemiBold';
}
.product-getstartnow-container{
    float: left;
    width: 100%;
    padding: 20px 0;
    background-color: #f5f5f5;
    border: 1px solid #F5F5F4;
    margin-left: -1px;
    margin-bottom: -1px;
}
.product-getstartnow-banner{
    float: left;
    /* background: url(/file/media/Schrock/global/prod-gs-bkg.png) no-repeat #FFF;*/
    background: #fff;
    border: 1px solid #ddd;
    height: 290px;
    background-size: contain;
    background-position: 100px 0;
    color: #272324;
    font-size: 25px;
}
.product-getstartnow-banner h4{
    padding: 5px 10px;
    margin: 20px 5px;
}
.product-getstartnow-banner p a{
    padding: 0 0px 2px 0px;
    float: left;
    font-size: 0.8em;
    margin: 0 0 30px 20px;
    text-transform: none;
}
.product-right-Nav{
    width: 100%;
    float: left;
    background: #fff;
    width: 76%;
}

.product-right-header{
    float: left;
    width: 96%;
    margin: 20px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px 0;
}
.product-viewing{
    float:left;
}
.product-viewing span{
    padding-right: 5px;
}
.product-sort-container{
    float:right;
}
.product-right-prodlist-container{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 3.5%;
}
.finishContainer {
    display: table;
    width:100%;
}
.category-type {
    display: inline-block;
    width: 93%;
    margin: 0 2%;
    background: #f6f4f1;
}
.category-type h2 {
    padding: 0 2%;
    text-transform: capitalize;
}
.prod-tile{
    float:left;
    width: 27%;
    padding: 2%;
}

.prod-tile-image{
    width: 100%;
    float:left;
}
.prod-tile-image img{
    width:100%;
    float:left;
    /*max-height: 465px;*/ 
    /*min-height: 465px;*/    
}

.nopreviewimg{
    width: 100%;
    float: left;
    min-height: 395px;
    text-align: center;
    background: #eeeeee;
    padding-top: 50px
}

.hardware-tile.nopreviewimg {
    min-height: 341px;
}

.finish-tile.nopreviewimg {
    min-height: 211px;
}
.prod-tile-header{
    float: left;
    width: 100%;
    padding: 10px 0;
}
.prod-tile-header h2{ 
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    font-size: 1.3em;
}
.prod-tile-header p{
    width: 100%;
    float: left;
    padding-top:10px;
    font-size: 1em;
    font-family:'Figtree-Light';
}
.prod-tile-action {
    float: left;
    width: 100%;
}
.prod-tile-compare{
    float: left;
    width: 50%;
}
.prod-tile-share{
    float: left;
}
.prod-tile-share a {
    display: block;
}
.prod-tile-share span{
    color: #56565a;
    text-transform: capitalize;
    font-size: 0.825em;
    padding-left: 5px;
    font-family: 'Figtree-SemiBold';
}
.prod-showmore-container{
    display:table;
    width:100%;
    margin: 30px 0;
    cursor:pointer;
}

.prod-showmore-container .showmore-button{
    background: #FFF;
    border: 2px solid #006aa6;
    border-radius: 0;
    color: #006aa6;
    padding: 10px 0;
    width: 350px;
    margin: 0 auto;
    /*display: block;*/
    text-align: center;
    font: 1.3em 'Figtree-SemiBold';
}

.prod-Loading-container{
    display:table;
    width:100%;
     margin: 30px 0px 30px 0px;
}

.prod-Loading-container .Loading-Message{
    background: #FFF;
    border-radius: 0;
    color: #006aa6;
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    font: 1.3em 'Figtree-SemiBold';
}

.product-drop-down{
   position:relative;
   float: right;
}
.product-drop-down .selected a{
  background:#fff no-repeat scroll right center;
  display:block; 
  padding-right:20px;  
  border-radius:2px;
  text-decoration:none;
  color:#3179ac;
}
.product-drop-down .selected a span{
    cursor: pointer;
    display: block;
    padding: 1px 5px;
    float: left;
    color: #006aa6;
    min-width: 135px;
}
.product-drop-down .option{ 
  position:absolute;
  left:42%;
  top:40%; 
}
.product-drop-down .options ul{
  background:#fff none repeat scroll 0 0;
  display:none;
  list-style:none;
  padding:0px 0px;
  position:absolute;
  left:0px;
  top:32px;
  width:auto;
  min-width: 150px;
  margin: 0;
  border: 1px solid #d7d7d7;
  font-size: 12px;
  color: #212529;
  border-radius: .25rem;
  padding: 10px 5px;
}
.product-drop-down .selected span.value, .product-drop-down .options span.value{
  display: none;
}
.product-drop-down .options ul li a{
  padding:10px 5px; 
  display:block;
  text-decoration:none;
  color:#212529;
}
.product-drop-down .options ul li a:hover{
  background:#f3f3f3;
  color:#212529;
  transition:0.2s ease;
}
.product-dropdown-toggle::after {
    display: inline-block;
    content: "";
    width: 15px;
    height: 11px;
    background: url(/file/media/Schrock/global/down-arrow.svg) no-repeat;
    background-size: contain;
    position: relative;
    top: 2px;
}
.product-mobile-filter, .product-btn-done, .product-btn-clear{
    display:none;
}
.emptyresult {
    font-family: 'Figtree-Light';
    font-size: 15px;
    margin-left: 20px;
    display:none;
    margin-bottom:20px;
}
.prod-tile:nth-child(3n+1){
  clear:both;
} 
@media only screen and (max-width: 1024px) and (min-width: 768px){
    .product-nav-header .collapse, .product-mobile-filter .collapse,.product-comparelist-header .collapse{
        right: 10px;
    }
    .product-nav-header .expand, .product-mobile-filter .expand,.product-comparelist-header .expand{
        right: 10px;
        float: right;
        position: relative;
    }
    .product-getstartnow-banner p a{
        margin: 0 0 30px 15px;
    }
    .product-compare-image-list{
        width: 25%;
        margin: 4%;
    }
    .product-compare-bucket-list{
        padding: 5px;
    }
    .product-compare-image-list img{
        height: 65px;
    }

    .product-compare-image-list{
        min-height: 65px;
    }
    .product-compare-image-list.finisher{
        min-height: 45px;
    }
    .product-compare-image-list.finisher img{
        height: 45px;
    } 
    .prod-tile-image img{
        max-height:350px;
    }
    .prod-tile-image .nopreviewimg{
        min-height:277px;
    }

    .finish-tile.nopreviewimg {
        min-height: 147px;
    }

    .prod-tile-compare a.compare-submit {
        padding-left: 0px;
        padding-top: 2px;
    }
    .product-getstartnow-banner p a {
      font-size: 0.7em;
    }
    .product-left-Nav{
      width: 25.5%;
      margin-right: 10px;
    }
    .product-right-Nav {
      width: 71.96%;
    }
    .prod-tile-share span,.prod-tile-compare a.compare-submit{
        font-size:0.75em;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .product-compare-image-list.finisher {
        min-height: 60px;
    }
    .product-compare-image-list.finisher img {
        height: 60px;
    }
}
@media screen and (max-width: 800px) {
    .prod-tile-image img {
        max-height: 261px;
    }
    .prod-tile-image .nopreviewimg{
        min-height:197px;
    }
    .finish-tile.nopreviewimg {
        min-height: 94px;
    }
}
@media screen and (max-width: 767px){

    .product-nav-container .product-comparelist-header,
    .product-nav-container .product-comparelist-content, 
    .prod-tile-compare, 
    .product-getstartnow-container,
    .product-viewing, .product-nav-header span{
        display:none;
    }
    .product-gallery-container{
        position: relative;
    }
    aside.product-left-Nav{
        position: absolute;
        width: 98%;
        z-index: 100;
        display: none;
        top:40px;
    }
    .product-right-Nav{
        width: 100%;
        margin-top: 55px;
    }
    .prod-tile{
        width: 45%;
    }
    .prod-tile:nth-child(3n+1){
  clear:none;
} 
    .prod-tile:nth-child(2n+1){
      clear: both !important;
    } 
    .product-mobile-filter{
        float: left;
        border: 1px solid #ddd;
        margin-right: 2%;
        background: #fff;
        width: 98%;
        position: absolute;
        padding: 10px 0;
        z-index: 100;
        display:block;
    }    
    .product-mobile-filter .product-mobile-flt{
        padding-left: 10px;
        color: #88898c;
        float: left;
    }
    .product-mobile-filter .product-mobile-fltvalue{
        padding-left: 2px;
        float: left;
    }
    .product-mobile-filter span.expand, .product-mobile-filter span.collapse{
        float: right;
        padding-right: 10px;
    } 
    .product-right-header{
        width: 98.2%;
        padding: 12px 0px 12px 9px;
        border: 3px solid #006aa6;
        margin-bottom: 20px;
        margin-left: 0;
        margin-top:0px;
    }
    .prod-showmore-container {
        /*margin:0;* fix for 253*/
    }
    .prod-showmore-container .showmore-button{
        width: 90%;
    }
    .product-btn-done{
        position: absolute;
        right: 0;
        top: 10px;
        background: #0f4876;
        color: #fff;
        padding: 10px 20px;
        display: block;
        min-width: 65px;
    }
    .product-btn-clear{
        position: absolute;
        right: 0;
        top: 65px;
        background: #0f4876;
        color: #fff;
        padding: 10px 20px;
        display: block;
        min-width: 65px;
    }
    .product-btn-done span:first-child{
        background: url(/file/media/Schrock/global/sprite-images.png) no-repeat -550px -204px;
        width: 21px;
        height: 21px;
        float: left;
        border-radius: 25px;
        margin: 0 4px 0 0;
    }
    .product-btn-clear span:first-child{
        background: url('/file/media/Schrock/global/sprite-images.png') no-repeat -189px -233px;
        width: 21px;
        height: 21px;
        float: left;
        margin: 0 4px 0 0;
        border-radius: 25px;
    }
    .product-nav-content .product-series{
        position: relative;
    }
    .prod-tile-image img{
        max-height:305px;
    }
    .prod-tile-image .nopreviewimg{
        min-height:400px;
    }
    .product-drop-down .options ul {
        min-width: 100%;
        width: 100%;
        border: 3px solid #006aa6;
        border-top: none;
        left: 4px;
        padding: 0 2px 0 2px;
    }
    .product-drop-down .options ul li:first-child {
        border-top: 1px solid #ccc;
    }
    .product-drop-down .options ul li {
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
    }
    .product-drop-down .options ul li:last-child {
        border-bottom:none;
        padding-bottom:0;
    }
    .product-sort-container {
        width: 100%;
    }
    .product-drop-down {
        width: 80%;
    }
    .product-sort-container .options {
        min-width: 42.77em;
        width: 100%;
        position: absolute;
        top: 0px;
        left: -152px;
    }
    .product-drop-down .options ul li a {
        padding: 10px 5px 10px 10px;
    }
    .product-dropdown-toggle::after{
        position: absolute;
        right: 10px;
        top: 6px;
    }
}
@media screen and (max-width: 667px) {
    .product-sort-container .options{
        min-width: 38.55em;
        left: -139px;
    }
    .product-right-header{
        width: 98%;
    }
}
@media screen and (max-width: 650px) {
    
    .prod-tile-image .nopreviewimg{
        min-height:244px;
    }
    
    .finish-tile.nopreviewimg {
        min-height: 124px;
    }
    .product-sort-container .options {
        min-width: 32.66em;
        left: -120px;
    }
    .product-right-header {
        width: 98%;
    }
}
@media screen and (max-width: 500px) {
    .product-sort-container .options {
        min-width: 22.9em;
        left: -88px;
    }
    .product-right-header {
        width: 96%;
    }
}

@media screen and (max-width: 400px) {
    
    .prod-tile-image .nopreviewimg{
        min-height:214px;
    }
        
    .finish-tile.nopreviewimg {
        min-height: 108px;
    }
    .product-sort-container .options {
        min-width: 20.6em;
        width: 100%;
        position: absolute;
        top: 0px;
        left: -81px;
    }
    .product-right-header {
        width: 96%;
    }
}

@media screen and (max-width: 320px) {
    
    .prod-tile-image .nopreviewimg{
        min-height:172px;
    }

    .finish-tile.nopreviewimg {
        min-height: 82px;
    }
    .product-drop-down {
        width: 77%;
    }
    .product-sort-container .options {
        min-width: 17.17em;
       
        left: -78px;
    }
    .product-right-header {
        width: 95%;
    }
}

@media screen and (max-width: 414px) {
    .product-gallery-title h1 {
        font: 31px 'Philosopher-Bold'!important;
    }
}
/*ps - UAT #20*/
.doorGrpContainer {
    width:100%;
}

@media (max-width:1180px) {
    .product-gallery-title h1 {
        padding-top: 10px;
    }
}