/*Common Style Start here*/
#main {
    max-width: 1330px;
    margin: 0 auto;
}
#container {
    /*max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    /* background: #FFF; */
    /*display: flex;
    flex-direction: column;
    margin-bottom: 50px;*/
}
.unselectable {
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.product-getstartnow-container {
    display: none;
}
.product-gallery-container a{
    text-decoration: none;
    cursor: pointer;
    color: #313131;
}
.product-gallery-container .icon {
    background: url(/Thomasville/images/global/sprite_image.png) no-repeat;
    float: left;
}
.product-gallery-container a.fav-isActive .icon.heart {
    background-position: -269px -291px; 
}
.product-gallery-container .icon.heart { 
    background-position: -299px -291px;
    width: 22px;
    height: 24px;
    display: block;
}
.product-getstartnow-container.mobile-view {
	    display: none;
}
/*.product-gallery-container input[type=radio]:checked:before {
    background-position: -534px -85px;
}
.product-gallery-container input[type=radio]:before {
    content: "";
    background: url(/-/media/Diamond/Common/sprite-images.png) -514px -85px;
    width: 0px;
    height: 0px;
    display: inline-block;
    position: relative;
    top: -2px;
    left: -4px;
    padding: 10px;
}
.product-gallery-container input[type=checkbox]:checked:before, input[type=checkbox]:checked:before {
    background-position: -496px -85px;
}
.product-gallery-container input[type=checkbox]:before {
    content: "";
    background: url(/-/media/Diamond/Common/sprite-images.png) -473px -85px;
    width: 16px;
    height: 23px;
    display: inline-block;
}*/
.product-gallery-container input[type=radio]{
    width: 0;
    height: 0;
    visibility: hidden;  
}
.product-gallery-container input[type=radio]:checked+span:before {
    background-position: -81px -342px;    
}
.product-gallery-container input[type=radio]+span:before {
    content: "";
    background: url(/Thomasville/images/global/sprite_image.png) -61px -342px; 
    width: 0px;
    height: 0px;
    display: inline-block;
    position: relative;
    top: -2px;
    left: -4px;
    padding: 10px;
    float: left;
}
.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: -271px -336px;   
}
.product-gallery-container input[type=checkbox]+span:before {
    content: "";
    background: url(/Thomasville/images/global/sprite_image.png) -294px -336px;  
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin-right: 5px;
    vertical-align:middle;
}

.prod-tile-compare a.compare-submit{   
    float: left;    
}
.three-column-banner {
    width: 876px;
    height: 200px;
    cursor: pointer;
}
.two-column-banner {
    width: 572px;
    height: 434px;
    margin-top: 30px;
    cursor: pointer;
}

.one-column-banner {
    height: 434px;
    width: 265px;
    margin-top: 32px;
    cursor: pointer;
}
.dummy-link {
    width: 100%;
    height: 100%;
    display: block;
}
/*Common Style End here*/
/*Product Gallery Style Start here*/
.product-gallery-title{
    padding: 0 1%;  
}
.product-gallery-title h1{
    color: #041C2C; 
    margin: 0;
    padding: 45px 0 20px 0;
    text-transform: uppercase;
}
.product-gallery-container{
    width: 98%;
    padding: 0 1%;
    float: left;
    margin-bottom: 66px;
}
/*Product Gallery Left side column Style Start here*/
.product-left-Nav{
    width: 20%;
    float: left;
    border: 1px solid #D4D4D4;
    margin-right: 3.5%;
    background: #fff;
}
.product-left-Nav .product-nav-container{
    float: left;
    width: 100%;
    border-bottom: 1px solid #D4D4D4;
}

.product-nav-header, .product-comparelist-header{
    /*display: table;
    width: 92.5%;
    padding: 15px 0 10px 20px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding:15px 0 10px 0;
    width: 100%;
    cursor: pointer;
    background: #F3F4F4;
}
.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;
    width: 83%;
    padding-left:20px;
    font-size: 0.8em;
    font-family: 'Raleway', sans-serif;
}
.product-nav-header .collapse, .product-mobile-filter .collapse,.product-comparelist-header .collapse,.product-mobile-sorter .collapse{
    background: url('/Thomasville/images/global/sprite_image.png') no-repeat -110px -349px; 
    width: 15px;
    height: 3px;
    padding-top: 7px;
    float: left;
    position: relative;
    top: 5px;
    right: 5px;
}
.product-nav-header .expand, .product-mobile-filter .expand,.product-comparelist-header .expand,
    .product-mobile-sorter .expand{
    background: url('/Thomasville/images/global/sprite_image.png') no-repeat -130px -343px;
    width: 15px;
    height: 15px;
    position: relative;
    right: 5px;  
}
.product-nav-content-list input[type="radio"] {
    float: left;
}
.product-nav-content-list label span{
    padding: 2px 5px;
    display:inline-block;
    width: 85%;   
}
.product-nav-content-list input[type="checkbox"] {
    margin-right: 0px;
}
.product-comparelist-header h4{
    margin: 0;
    float: left;
    width: 83%;
    padding-left: 20px;
    font-size: 0.8em;
    font-family: 'Raleway', 'sans-serif' ;
}
.product-nav-header span{
    /*width: 15%;*/
}
.product-nav-content{
    display: table;
    width: 100%;
    margin-top:20px;
}
.product-nav-content-list{
    float: left;
    width: 90%;
    padding: 1.5% 5%;
    font-size: 0.8em;
    font-weight: 500;
}
.product-nav-content-list:last-child{
    margin-bottom: 20px;
}
.product-nav-content-list label{
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    width:100%;
}
.product-nav-content-list label.disabled {
     color: #ccc;
}
.product-nav-content-list img{
    max-width: 14px;
    /*float: left;
    padding: 0 3%;
    padding: 0 5%;*/
    vertical-align: middle;
    /*width: 10%;*/
    display: inline-block;
    position: relative;
    top: -2px;
    left: 5px;
}
.product-comparelist-content{
    display: table;
    width: 100%;    
}
.product-compare-bucket-list{
    float: left;
    width: 96%;
    padding: 10px; 
}
.product-compare-image-list{
    float: left;
    width: 29%;
    margin: 2%;
    position: relative;
    height: auto;
    font-size: 0;
    /*min-height: 116px;*/
    height: 116px;
    background: #ccc;
}
.product-compare-image-list.finisher{
    height: 70px;
    width: 70px;
}
.product-compare-image-list img {
    width: 100%;
    float: left;  
    /*max-height: 117px;*/ 
    height: 100%;
    object-fit: cover;
}
.product-compare-image-list.finisher img{
   /* height: 75px;*/
}
.product-compare-image-list a.remove {
    position: absolute;
    top: 1px;
    right: 1px;    
    font-size: 0;
    line-height: 0;
    background: url(/Thomasville/images/global/sprite_image.png) no-repeat -148px -338px;
    width: 21px;
    height: 21px;
}


.product-compare-bucket-action{
    float: left;
    width: 96%;
    padding: 10px 15px;     
}
.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: #041C2C;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 500;
    cursor: default;       
}
.prod-tile-compare a.compare-submit{    
     padding-left: 5px; 
     padding-top: 2px;
}
.product-getstartnow-container{
    float: left;
    width: 100%;
    padding: 20px 0;
    background-color: none;
    border: 1px solid #FFF;
    margin-left: -1px;
    margin-bottom: -1px;
}
.product-getstartnow-banner{
    float: left;
    /*background: url(../images/products/pink-bg.jpg);*/
    background: #051C2C;
    width:100%;
}
.product-getstartnow-banner h4{
    padding: 5px 10px;
    color: #fff;
    /*font-size: 1.2em;*/
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 300;
    margin: 20px 5px 15px 5px;
}
.product-getstartnow-banner p a{
    font-weight: 500;
    color: #fff;
    padding: 0 0px 2px 0px;
    float: left;
    font-size: 0.8em;
   /* border-bottom: 5px solid;*/
    margin: 0 0 23px 16px;
}
/*Product Gallery Left side column Style End here*/

/*Product Gallery Right side column Style Start here*/
.product-right-Nav,#door-styles{
    width: 76%;
    max-width: 958px;
    float: left;
    background: #F3F4F4;
    border :1px solid #D4D4D4;
}

.product-right-header{
    /*float: left;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
     justify-content: space-between;
    width: 92%;
    /*margin: 20px 20px 20px 35px;*/
    margin: 20px auto;
    border-bottom: 1px solid #D4D4D4;
    padding: 0 0 10px 0;
    font-weight: 600;
    margin-bottom: 0px;
}
.product-viewing{
    float:left;
    /*padding-left: 15px;*/
}
.product-viewing h2{
    margin:0;
    font-size: 35px;
    font-weight: normal;
}
.product-viewing span{
    padding-right: 5px;
}
.product-sort-container{
    float:right;
}
.product-right-prodlist-container{
    /*display:table;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width: 100%;
    /*justify-content: space-between;*/
    max-width: 92%;
    margin: 0 auto;
    /*padding-left: 2%;*/
}
.doorCategoryContent{
	    display:-webkit-box;
	    display:-ms-flexbox;
	    display:flex;
	   -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        /*justify-content:center;*/
	}
	.doorGrpContainer ,.hardwareContainer{
	    width:100%;
	}
.finishContainer {
    display: table;
    width:100%;
     /*margin-left: 3.5%;*/
}
.category-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 2% auto;
    padding: 0 20px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #e2e3e3;
    border-top: 1px solid #e2e3e3;
}
.category-type h2 {
    color: #041c2c;
    text-transform: uppercase;
    font-weight: normal;

}
.prod-tile {
    float:left;
    width: 30%;
    margin: 2% 0;
    max-width: 263px;
}
.prod-tile:nth-child(3n+1){
    clear:both;
	}

.prod-tile:nth-child(3n+2){
    margin:2% 5%;
}
.prod-tile-image{
    width: 100%;
    float:left;
}
.prod-tile-image img{
    width:100%;
    float:left;
   /* max-height: 456px;*/
}

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

.finish-tile.nopreviewimg{
    min-height: 216px!important;
}

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

.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;
    font-family: 'Raleway', sans-serif;
}
.prod-tile-header h2 a{
    text-transform: uppercase;
    color:#333333;
    font-size:0.87em;
}
.prod-tile-header p{
    width: 100%;
    float: left;
    padding-top:10px;
    font-size: 1em;
    font-weight: 500;
}
.prod-tile-action {
    float: left;
    width: 100%;
}
.prod-tile-compare{
    float: left;
    width: 50%;
}
.prod-tile-share{
    float: left;
    margin-bottom:5px;
}
.prod-tile-share span{
    color: #313131;
    text-transform: capitalize;
    font-size: 0.8em;
    padding-left: 5px;
    font-weight: 500; 
}
.prod-showmore-container{
    display:table;
    width:100%;
    margin: 40px 0 70px 0;
    cursor:pointer;
}

.prod-showmore-container .showmore-button{
    background: #041C2C;
    /*border: 2px solid #F49890;*/
    border-radius: 0;
    color: #FFF;
    padding: 11px 0;
    width: 232px;
    margin: 0 auto;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1em;
}

.prod-Loading-container{
    display:table;
    width:100%;
    text-align: center;
    margin: 40px 0 70px 0;
    /*cursor:pointer;*/
}

.prod-Loading-container .Loading-Message{
    width: 100%;    
    font-size: 18px;        
    border-radius: 0;
    padding: 11px 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    color: #041C2C;
}

div.prod-Loading-container div.Loading-Message img{
    vertical-align: middle;
}


/*Product Gallery Right side column Style End here*/
/*Sort Dropdown style start here*/

.product-drop-down{
   position:relative;
   float: right;
   /* width: 185px; */
}
.product-drop-down .selected a{
  /*background:#fff no-repeat scroll right center;*/
  display:block; 
  padding-right:5px;  
  border-radius:2px;
  text-decoration:none;
  color:#3179ac;
}
    
.product-drop-down .selected a span{
    cursor: pointer;
    display: block;
    padding: 1px 5px;
    float: left;
    color: #041C2C;;
    /*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;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.14);
    webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.14);
  display:none;
  list-style:none;
  padding:0px 0px;
  position:absolute;
  right:-30px;
  top:25px;
  width:auto;
  min-width: 150px;
  margin: 0;
  border: 1px solid #d7d7d7;
  font-size: 12px;
  color: #212529;
  border-radius: .25rem;
  padding: 10px 15px;
}
.product-drop-down .options ul:before{
    position: absolute;
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-bottom-color: #D7D7D7;
    right: 34px;
    top: -7px;
    content: '';
}

.product-drop-down .options ul:after{
    position: absolute;
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    right: 35px;
    top: -5px;
    content: '';
}
.sort-mob .options ul:before,.sort-mob .options ul:after{
    display:none;
}
.product-drop-down .options ul.act,.product-drop-down-mob .options ul.act{
    display: block;
}
/*.product-drop-down .dropdown-arrows {
    position: absolute;
    top: 19px;
    left: 87px;
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
}*/
.product-drop-down .selected span.value, .product-drop-down .options span.value{
  display: none;
}
.product-drop-down .options ul li:last-child{
    border-bottom: none;
}
.product-drop-down .options ul li{
    border-bottom:1px solid #D7D7D7;
}
.product-drop-down .options ul li.noBorder{
    border-bottom:none;
}
.product-drop-down .options ul li a,.mobile-sort-options ul li a{
  padding:10px 5px; 
  display:block;
  text-decoration:none;
  color:#212529;
  white-space:nowrap;
}
.product-drop-down .options ul li a:hover{
  background:#f3f3f3;
  color:#212529;
  transition:0.2s ease;
}
.product-dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    content: "";
    background: url(/Thomasville/images/global/sprite_image.png) no-repeat -333px -299px;
    width: 10px;
    height: 5px;
}
.product-mobile-filter, .product-btn-done, .product-btn-clear,.product-mobile-sorter ,.mobile-sort-options{
    display:none;
}
	.emptyresult{
      display:none;
      margin: 15px auto 30px;
      width: 92%;
	}
.product-right-series-container {
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-ms-flex-wrap:wrap;
        flex-wrap:wrap;
    width: 100%;
    padding-left: 1.5%;
}
.series-tile {
    float: left;
    width: 44.5%;
    padding: 2%;
}
.series-tile h3{
    font-size: 25px;
    font-weight: normal;
}
.series-image{
    position: relative;
}
.series-tile h4{
   font-family: 'Raleway', 'sans-serif';
   font-size: 18px;
}
.series-image .series_img{
    width:100%;
}
.series_img_icon{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.tvl-btn {
    background: #041c2c;
    display: table;
    color: white;
    text-transform: uppercase;
    border: none;
    padding: 10px 12px;
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
    font-weight: 600;
}
.series-btn-section  .tvl-btn{
    color: #fff;
}
.series-btn-section {
    margin-top:20px;
}
.product-mobile-only{
        display:none;
    }
.product-sort-container.mobile-sort {
	    display: none;
}
/*Sort Dropdown style start here*/
/*Product Gallery Style Start here*/
.square-shape-banner {
    width: 263px;
    height: 263px;
}

.bar-shape-banner {
    height: 263px;
}

/* Breadcrumbs / chips */
.chips-container {
    color: #565052;
    font-size: 14px;
    width: 75%;
    float: left;
}
.chips-container .chips-heading {
        margin-bottom: 10px;
        font-weight: 600;
}

.chips-container .chips-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: flex-end;
}
.chips-container .clear-all {
    color: #041c2c;
    font-weight: 600;
    border-bottom: solid 2px;
    white-space: nowrap;
    margin-bottom: 10px;
}
.chips-container .chip {
    background-color: #F3F4F4;
    padding: 8px 15px;
    font-weight: 600;
    margin: 0 6px 10px 0;
}
.chips-container .chip_section {
    display: flex;
    flex-wrap: wrap;
}
/**/
/* Tablet Styles start here */
@media only screen and (max-width: 1024px) and (min-width: 768px){
     h1,
    h2,
    h3 {
        color: #041C2C;
    }

    h4 {
        color: #333333;
        margin: 12px 0 20px;
    }

    .tvl-btn {
        background-color: #041C2C;
        border: 1px solid #041C2C;
        font-size: 15px;
        font-weight: 500;
    }

    .series-tile>div:nth-child(4) {
        color: #565059;
        font-size: 15px;
    }

    .main-content>div,
    .main-content>section {
        padding: 0;
        width: 100%;
    }

    .product-gallery-title h1 {
        font-size: 40px;
    }

    .product-left-Nav {
        width: 24.8%;
        margin-right: 17px;
    }

    .product-right-Nav, #door-styles { 
        width: 71%;
    }

    .product-nav-content-list label span:not(.series-name) {
        width: 85%;
        font-size: 13.8px;
    }

    .series-name {
        width: 72%;
        font-size: 13.8px;
    }

    .product-viewing {
        padding-left: 0;
    }

    .product-nav-header h4, .product-comparelist-header h4 {
        font-size: 12px;
        color: #56565A;
    }

    .product-right-header {
        margin: 20px auto;
        padding-bottom: 18px;
        font-size: 15px;
        width:95%;
    }
    .product-right-prodlist-container {
        padding-left: 0;
    }
    .prod-tile {
        /*padding: 2.4%;*/
        width: 30%;
    }
    .product-right-prodlist-container{
        width: 100%;
        max-width: 95%;
    }
    .finishCategoryContent,.doorCategoryContent{
        max-width: 100%;
        margin: 0 auto;
    }
    .category-type {		
	        width: 100%;		

    }
    .prod-tile-share {
        margin-bottom: 2px;
    }
    .prod-tile-header {
        padding: 13px 0;
    }
    .prod-tile-header h2, .prod-tile-header h2 a {
        color: #333333;
        font-size: 14px;
    }
    .prod-tile-header p{
        padding-top: 5px;
        font-size: 12px;
    }
    .series-tile:first-child {
        padding-top: 0;
    }

    .product-right-series-container {
        padding-left: 18px;
    }
    .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: left;
        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;
        width: 47px;
        height: 77px;
        margin: 3%;
    }
    .product-compare-image-list.finisher{
        min-height: 46px;
        min-width: 46px;
        max-width: 46px;
        max-height: 46px;
    }
    .product-compare-image-list.finisher img{
        /*height: 50px;*/
    } 
    .prod-tile-image img{
        max-height:350px;
    }
    .finish-tile.nopreviewimg {
        min-height: 155px!important;
    }
    .hardware-tile.nopreviewimg {
    min-height: 257px;
}

    .prod-tile-image .nopreviewimg{
        min-height:282px;
    }
    .prod-tile-compare a.compare-submit {
        padding-left: 0px;
        padding-top: 2px;
        font-size: 10px;
        color: #56565A;
    }
    .product-getstartnow-banner p a {
      font-size: 0.7em;
    }
    .product-compare-bucket-action .compare-submit {
        color: #56565A;
    }
    .prod-showmore-container .showmore-button {
        font-size: 15px;
        width: 230px;
    }
    .product-drop-down .options ul:before{
        right: 17px;
    }
    .product-drop-down .options ul:after{
         right: 18px;
    }
    .product-drop-down .options ul{
        right: -14px;
    }
    .emptyresult {
         margin: 15px auto 30px;
         width: 95%;
    }
    .chips-container .chips-row {
        margin-bottom: 10px;
    }
    .chips-container .chip {
        margin: 0 6px 5px 0;
    }
    .chips-container {
        width: 71%;
    }
    .chips-container .clear-all {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .chips-container .chips-heading {
        font-size: 12px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   
    .series-tile:first-child {
        padding-top: 2%;
    }
    .series-name {
        width: 92%;
    }
    .product-right-header{
        margin: 20px auto;
        padding: 0 0 10px 0;
        width: 95%;
    }
    .product-left-Nav{
       margin-right: 25px;
    }
    .product-right-series-container{
        padding-left:1.5%;
    }
    .product-compare-image-list.finisher {
        min-height: 46px;
        min-width: 46px;
    }

    .product-compare-image-list.finisher img {
        /*height: 46px;*/
    }

    .product-nav-header,
    .product-comparelist-header {
        width: 100%;
    }
    .product-drop-down .options ul:before{
        right: 17px;
    }
    .product-drop-down .options ul:after{
         right: 18px;
    }
    .series-tile h3 {
        font-size: 20px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
   
    .two-column-banner {
        width: 325px;
        height: 252px;
        margin-top: 27px;
    }
    .one-column-banner {
        height: 251px;
        width: 152px;
        margin-top: 25px;
    }

     .square-shape-banner {
        width: 152px;
        height: 152px;
    }

    .three-column-banner {
        width: 498px;
        height: 120px;
    }

    .bar-shape-banner {
        height: 151px;
    }
}

@media only screen and (min-width : 1024px) and (orientation: portrait), screen and (min-width : 1024px) and (max-width: 1365px) and (orientation: landscape) {
     .two-column-banner {
        width: 437px;
        height: 331px;
        margin-top: 27px;
    }
    .one-column-banner {
       height: 336px;
        width: 203px;
        margin-top: 30px;
    }

    .three-column-banner {
        width: 671px;
        height: 189px;
    }

    .square-shape-banner {
        width: 204px;
        height: 204px;
    }

    .bar-shape-banner {
        height: 204px;
    }
}

/* Only for mobile portrait mode */
@media only screen and (min-width : 320px) and (max-width : 567px) {
    .no-touch-action {
        touch-action: none;
    }
    .sm-hide-overflow {
        overflow:hidden;
    }
    .one-column-banner {
        height: 246px;
        width: 149px;
        margin-bottom: 4px;
        margin-top: 29px;
    }
    .square-shape-banner {
        width: 150px;
        height: 150px;
    }

    .two-column-banner {
        width: 322px;
        height: 244px;
        margin-bottom: 4px;
        margin-top: 4px;
    }

    .three-column-banner {
        width: 322px;
        height: 118px;
         margin-bottom: 4px;
        margin-top: 4px;
        display: none;
    }
    .sm-full-width {
        width: 100%!important;
    }
    .sm-remove {
        width: 0!important;
    }
    .sm-no-max-width {
        max-width: initial;
    }
    .sm-banner {
        display: flex;
        justify-content: center;
    }
    .bar-shape-banner {
        height: 165px!important;
    }
}

@media only screen and (width : 414px) and (orientation: portrait) {
    .square-shape-banner {
        width: 168px!important;
        height: 168px!important;
    }
    .bar-shape-banner {
        height: 165px!important;
    }
    .two-column-banner {
        width: 358px!important;
        height: 272px;
    }
}

@media only screen and (width : 736px) and (orientation: landscape) {
    .two-column-banner {
        width: 659px!important;
        height: 501px;
    }
    .bar-shape-banner {
        height: 303px!important;
    }
}

@media only screen and (min-width : 568px) and (max-width : 767px) {
    .no-touch-action {
        touch-action: none;
    }

    .sm-hide-overflow {
        overflow:hidden;
    }
    .two-column-banner {
        width: 594px;
        height: 467px;
        margin-top: 30px;
    }

    .three-column-banner {
        width: 596px;
        height: 196px;
         display: none;
    }

    .one-column-banner {
        height: 432px;
        width: 263px;
        margin-top: 30px;
    }
      .square-shape-banner {
        width: 263px;
        height: 263px;
    }
      .sm-full-width {
        width: 100%!important;
    }
    .sm-remove {
        width: 0!important;
    }
    .sm-no-max-width {
        max-width: initial;
    }
    .bar-shape-banner {
        height: 273px;
    }
}
@media screen and (max-width: 800px) {
    .prod-tile-image img {
        max-height: 261px;
    }

    .prod-tile-image .nopreviewimg {
        min-height: 196px;
    }

    .finish-tile.nopreviewimg {
        min-height: 104px!important;
    }
    .hardware-tile.nopreviewimg {
      min-height: 176px;
    }
}

/* Tablet Styles end here */
/* Mobile Styles start here */
@media screen and (max-width: 767px) {
    .product-gallery-title h1 {
        font-size: 24px;
        padding: 20px 0 12px 0;
    }

    h2,
    h3 {
        color: #041C2C;
    }

    .series-tile h4 {
        color: #333333;
        margin: 12px 0 6px;
        font-size: 12px;
    }

    .product-viewing h2 {
        font-size: 20px;
    }

    .doorsContainer > .product-getstartnow-container {
        display: block;
    }
    .product-getstartnow-container.mobile-view {
        display:block;
        padding: 0 0 35px 4px;
        margin-left: 0;
        margin-bottom: 0;
        box-sizing: border-box;
    }
    .product-getstartnow-banner {
        background-color: #041C2C;
    }
    .product-getstartnow-banner h4 {
        font-size: 12px;
    }
    .product-getstartnow-banner p a {
        font-size: 10px;
    }

    .product-nav-container .product-comparelist-header,
    .product-nav-container .product-comparelist-content,
    .prod-tile-compare,
    .product-getstartnow-container {
        display:none;
    }
    .product-right-series-container {
        padding-bottom: 18px;
    }
    .product-viewing {
        float: none;
        padding-left: 0;
    }

    .series-tile {
        width: 90%;
    }

    .series-tile h3 {
        margin: 12px 0 6px;
        font-size: 17.5px;
    }
    .series-tile:first-child {
        padding-top: 0;
    }
    .series-tile>div:nth-child(4) {
        color: #565059;
        font-size: 12px;
    }

    .series-btn-section {
        margin: 17px 0 0;
        font-size: 12px;
    }

    .series_img_icon {
        bottom: 7.5px;
        right: 9px;
    }

    .product-gallery-container {
        position: relative;
    }

    aside.product-left-Nav {
        /* position: absolute;
        width: 98%;
        z-index: 100;
        display: none;
        top: 40px;
        border-top: none; */
        width: 100%;
        display: none;
        /* margin-top: 38px; */
        border-top: none;
        border-bottom: none;
        font-size: 12px;
    }
    
    .product-mobile-only {
        display: block;
    }

    .product-right-Nav,#door-styles  {
        width: 100%;
        margin-top: 15px;
    }

    .prod-tile {
        width: 47%;
    }
    .prod-tile:nth-child(3n+2){
        margin:2% 0;
    }
    .prod-tile:nth-child(3n+1) {
        clear: none;
    }

    .prod-tile:nth-child(2n+1) {
        clear: both;
    }
    .product-right-header .product-sort-container{
        display: none;
    }
    /* .product-sort-container.mobile-sort{
        display: block;
    } */
    .product-mobile-sorter{
        margin-top:8px;
    }
    .product-sort-label, .product-mobile-filter,.product-mobile-sorter {
        float: left;
        border: 1px solid #D4D4D4;
        margin-right: 2%;
        background: #F3F4F4;
        width: 100%;
        /* position: absolute; */
        padding: 10px 0;
        z-index: 100;
        display: block;
        font-size: 13.8px;
    }
    .product-sort-label {
        width: 97%;
    }
    .mobile-sort-options .product-sort-label {
        width: 96.4%;
    }
    .product-sort-container {
        margin-top: 4px;
    }
    .product-mobile-filter .product-mobile-flt, .product-sort-label,.product-mobile-sorter .product-mobile-flt{
        padding-left: 13px;
        font-weight: bold;
        color: #565059;
        float: left;
    }

    .product-mobile-filter .product-mobile-fltvalue {
         padding-left: 5px;
         font-weight: bold;
         float: left;
         color: #041C2C;
         display: none;
    }

    .product-mobile-filter span.expand,
    .product-mobile-filter span.collapse,
    .product-nav-header .collapse,
    .product-nav-header .expand,
    .product-mobile-sorter .collapse,
    .product-mobile-sorter .expand
    {
        float: right;
        /*padding-right: 4px;*/
    }
    .sort-mob .selected a span{
        margin-left: 65px;
    margin-top: -4px;
    font-size: 14px;
    font-weight: bold;
}
    .product-right-header {
        width: 94.6%;
        padding: 15px 0px 6px 0px;
        /*border: 3px solid #c7bbb6;*/
        /* margin-bottom: 20px; */
        margin-top: 0px;
        margin-left: 10px;
    }

    .prod-showmore-container {
        width: 50%;
        margin: 30px auto;
    }

    .prod-showmore-container .showmore-button {
        width: 100%;
        font-size: 13px;
    }

    .product-btn-done {
        /*position: absolute;
        right: 0;*/
        /* top: 10px;*/
        background: #041C2C;
        color: #fff;
        padding: 6px 16px;
        display: block;
        width: 22%;
        float: left;
        margin-left: 10px;
        font-weight: bold;
    }

    .product-btn-clear {
        /*position: absolute;
        right: 0;
        top: 65px;
        background: #f3928a;
        color: #fff;
        padding: 10px 20px;*/
        margin-top: 7px;
        float: left;
        display: inline-block;
    }

    .product-btn-clear a {
        font-weight: bold;
    }

    .tvl-btn-container {
        padding: 10px 5px;
        float: right;
        /*width: 32%;*/
    }
    .tvl-btn {
        background-color: #041C2C;
    }

    .product-btn-done span:first-child {
        background: url(/file/media/Diamond/Common/sprite-images.png) no-repeat -550px -204px;
        width: 22px;
        height: 22px;
        float: left;
        border-radius: 25px;
        margin: 0 4px 0 0;
    }

    .product-btn-clear span:first-child {
        background: url('/file/media/Diamond/Common/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: 450px;
    }

    .prod-tile-image .nopreviewimg {
        min-height: 400px;
    }

    .product-drop-down .options ul {
        min-width: 100%;
        width: 100%;
        border: 3px solid #c7bbb6;
        border-top: none;
        left: 4px;
        padding: 0 2px 0 2px;
    }
    .sort-mob .options ul{
        min-width: 100%;
        width: 100%;
        border-top: none;
        left: 0px;
        top:11px;
        border: 1px solid #d7d7d7;
        border-top: none;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        position:relative;
    }
    .mobile-sort-options{
        float: left;
        /*border: 1px solid #d4d4d4;*/
        border-top:0;
        border-bottom: 0;
        width: 100%;
        display: block;
        margin-top:8px;
    }
    .mobile-sort-options ul{
        list-style: none;
        padding:0;
        margin:0;

    }
    .sort-mob .selected a {
        width: 98%;
        float: left;
    }
    .sort-mob .options{
            float: left;
    width: 100%;
    }
    .mobile-sort-options li{
        border-bottom: 1px solid #D7D7D7;
    }
    .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%;
        height: 38px;
    }

    .product-drop-down {
        width: 80%;
        top: -28px;
    }
    .sort-mob{
        width: 100%;
        top: -25px;
    }
    .product-sort-container .options {
        min-width: 42.77em;
        width: 100%;
        position: absolute;
        top: 0px;
        left: -152px;
        z-index: 100;
    }

    .product-drop-down .options ul li a {
        padding: 10px 5px 10px 10px;
        color: #041c1c;
        font-weight: bold;
        font-size: 14px;
    }

    .product-dropdown-toggle::after {
        background-position:-130px -343px;
        position: absolute;
        right: 4px;
        width: 15px;
        height : 15px;
        /*top: 8px;*/
    }
    .product-dropdown-toggle.expand::after {
        background-position: -110px -349px;
        top:6px;
    }
    .product-nav-header,
    .product-comparelist-header {
        width: 100%;
        padding: 10px 0;
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    }
     .product-nav-header .collapse{
         top : 7px;
     }
      .product-nav-header .expand{
        top : 0px;
    }
    .product-nav-header h4, .product-nav-content-list, .product-comparelist-header h4 {
        font-size: 12px;
        color: #565059;
        width: 90%;
    }
    .product-nav-content-list{
        padding: 0 5%;
    }
    .product-nav-content-list:last-child {
        margin-bottom: 10px;
    }
    .product-nav-content {
        margin-top: 10px;
    }
    .prod-tile-compare a.compare-submit {
        padding-left: 0;
    }
     .prod-tile-compare {
        min-width: 83px;
        margin-top: 15px;
    }
    .main-content {
        /*padding: 0 8.5px;*/
    }
    .product-right-prodlist-container {
        -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width:95%;
    }
    .category-type {
        width: 100%;
    }
    .doorCategoryContent,.finishCategoryContent{
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
    }
    .emptyresult{
        margin: 15px auto 30px;
        width : 96%;
    }
    .chips-container {
        width: 100%;
    }
    .chips-container .clear-all {
        border: 1px solid black;
        padding: 8px 5px;
        text-align: center;
        margin-bottom: 15px;
        color: #fff;
        background: #000;
    }
    .chips-container .chips-row {
        margin-bottom: 0;
    }
    .chips-container .chip {
        margin: 0 10px 15px 0;
    }
    .chips-container .chips-heading {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 667px) {
    .product-sort-container .options {
        min-width: 38.55em;
        left: -139px;
    }

    .product-right-header {
        /* width: 98%; */
        width: 94.6%;
    }

    .product-right-prodlist-container {
        padding-left: 0px;
        padding-top: 5px;
    }

}

@media screen and (max-width: 650px) {
    .prod-tile-image img {
        max-height: 250px;
    }

    .prod-tile-image .nopreviewimg {
        min-height: 200px;
    }

    .product-sort-container .options {
        min-width: 32.66em;
        left: -120px;
    }

    .product-right-header {
        /* width: 98%; */
        width: 94.6%
    }
}

@media screen and (max-width: 500px) {
    .product-sort-container .options {
        min-width: 22.9em;
        left: -78px;
    }

    .product-right-header {
        width: 94.6%;
        margin: 0 auto;
        float: none;
    }
}

@media screen and (max-width: 400px) {
    .prod-tile-image img {
        max-height: 245px;
    }

    .prod-tile-image .nopreviewimg {
        min-height: 195px;
    }

    .prod-tile-image .finish-tile.nopreviewimg {
        min-height: 103px!important;
    }

     .hardware-tile.nopreviewimg {
      min-height: 178px;
    }
    .product-sort-container .options {
        min-width: 20.6em;
        width: 100%;
        position: absolute;
        top: 0px;
        left: -71px;
    }

    .product-right-header {
        width: 96%;
    }
    /*.tvl-btn-container{
        width: 36%;
    }*/
}

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

    .prod-tile-image .nopreviewimg {
        min-height: 158px;
    }

    .prod-tile-image .finish-tile.nopreviewimg {
        min-height: 78px!important;
    }

    .hardware-tile.nopreviewimg {
      min-height: 142px;
    }
    .product-drop-down {
        width: 77%;
    }

    .product-sort-container .options {
        min-width: 17.17em;

        left: -68px;
    }

    .product-right-header {
        width: 95%;
    }
    .two-column-banner {
            width: 269px;
            height: 204px;
    }
    .square-shape-banner {
        width: 126px;
        height: 126px;
    }
}

/* Mobile Styles end here */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .prod-tile-share span,
    .prod-tile-compare a.compare-submit {
        font-size: 10px;
    }

    .product-nav-header,
    .product-comparelist-header {
        width: 100%;
    }

    .series-tile {
        width: 90%;
    }

    .product-nav-content-list {
        width: 99%;
    }

    .product-nav-content-list img {
        padding: 0 1%;
    }
}

/* for Edge browser */

@supports (-ms-ime-align: auto) {
  .prod-tile {
    
    margin: 1.5vw 0;
}
.prod-tile:nth-child(3n+2) {
    margin: 1.5vw 2.2vw;
}
.series-tile {
    padding: 1vw;
}
}

@media screen and (min-width: 768px) {
    .galleryLeftNav .product-getstartnow-container {
        display: block;
    }
}