body{
	margin: 0px;
	padding: 0px;
}

.inner-banner{ background-size: cover!important; background-position: center center; 
min-height:416px;background-repeat: no-repeat;}
.product-detailer-right h2{ font-size: 25px; font-weight: 600;}
.line{ width: 100%; background-color: #f1f1f1; height: 1px; }
.line span{ width: 65px; background: #eeb116; height: 2px; display: block; }
.prise h4{ font-size: 20px;font-weight: 700; }
.prise p{ font-size: 14px; }
.prise h4 span{ padding-right:5px; }
.line-hr{border-color: #f1f1f1}
.heding-colors h4{ font-size: 20px;font-weight: 700; }
.color:first-of-type {
    margin-left:15px;
}
.orange {
    background: #c58c42;
}
.light-orange {
    background: #f2b059;
}
.gre {
    background: #e2e3e1;
}
.white {
   background: #fff;
    border: 2px solid #ccc;
}
.not-available {
    text-align: center;
    line-height: 2em;
}
.color {
    display: inline-block;
    vertical-align: middle;
    margin-right:1px;
    height: 25px;
    width: 25px;
    border-radius: 2px;
}
.bye-button .btn-red{
 background: #eeb116;
 padding: 10px 20px;
 border-radius:5px;
 font-size: 16px;
 color: #000000;
 margin-right: 8px;
 font-weight: 600;
 /*box-shadow: 2px 2px 5px 0px #646464; */
 /* border: 1px solid transparent; */
 }
 .catalog-box{
    border-top: #eeb116 solid 2px;
    padding: 15px;
 }
 .catalog-box ul { margin: 0px; padding: 0px; list-style: none; }
  .catalog-box ul li{
    position: relative;
    padding-left:30px;
    color: #747474;
    font-size: 14px;
    font-weight: 600;   
    margin-bottom:8px;


  }
    .catalog-box ul li span{ color: #eeb116 }
 .catalog-box ul li:before{
    background: url(https://www.hindwarehomes.com/wp-content/themes/hindware/extra-assets/images/li-icon.jpg);
    width: 19px;
    height: 16px;
    position: absolute;
    left: 0px;
    content: '';
    top: 0px;
    transform: translate(0px, 4px);

 }
 .download-button a{ font-size: 14px; font-weight: 600; display: inline-flex;
 }
 .download-button a span{ padding-right:10px;  }
 .feture-point h2{ position: relative; }
 .feture-point h2:before{ 
    content:'';
    background-color: #eeb116;
    width: 65px;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
  }
.bg-img{ background: url(https://hindware.com/wp-content/themes/hindware/extra-assets/images/feture-bg.png); 
    background-size: cover!important;
    background-position:top center;
	background-repeat: no-repeat;
}
.bg-img3{ background: url(https://hindware.com/wp-content/themes/hindware/extra-assets/images/feautre-Banner-mid.png); 
    background-size: cover!important;
    background-position:top center;
	background-repeat: no-repeat;
}
.bg-img2{ 
    background-size: cover!important;
    background-position:top center;
	background-repeat: no-repeat;
}
.bathroom-bg3 {
    background: url(https://hindware.com/wp-content/themes/hindware/extra-assets/images/tankless-bathroom-theme-banner1.jpg);
    background-size: cover!important;
    padding-top: 60px;
    padding-bottom: 70px;
    padding-left: 50px;
}
.bathroom-bg4 {
    background: url(https://hindware.com/wp-content/themes/hindware/extra-assets/images/round-bathroom-theme.jpg);
    background-size: cover!important;
    padding-top: 60px;
    padding-bottom: 70px;
    padding-left: 50px;
}
.point-icon img{
    border:#a9b1b3 solid 6px;
    border-radius: 50%;
}
.point-icon h4{font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;}
.point-icon p{font-size: 15px;
    line-height: 26px;}
.btn-red:hover{background:#000; color:#fff!important;}
.video-text{ padding: 25px 0px 0px 100px }
.video-text h4{ position: relative; margin-bottom: 15px; }
.video-text h4:before{
    content:'';
    background-color: #eeb116;
    width: 65px;
    height: 2px;
    position: absolute;
    bottom: -15px;
    left: 0px;
}
.video-text h2{
    font-size: 38px;
    font-weight: 600;
    color: #333333;
    padding-top: 15px;
    font-family: "Montserrat",sans-serif;
}
.vide-right-text p{ font-size: 14px; }
.py-60{ padding: 80px 0px; }
.video-thum{ position: relative; }
.video-icon{
 position: absolute;
left: 50%;
transform: translate(-50%,-50%);
top: 50%;
 }
.border-agter{ position: relative; }
.border-agter:before{
    content: '';
    border:#f5f5f5 solid 10px;
    width: 100%;
    height:80%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.bathroom-bg{ background: url(https://hindware.com/wp-content/themes/hindware/extra-assets/images/bathroom-bg.jpg); 
    background-size: cover!important;
    padding-top: 60px;
    padding-bottom: 70px;
    padding-left: 50px;
}
.bathroom-bg-main{ background: url(https://hindware.com/wp-content/themes/hindware/extra-assets/images/Banner-fi.png); 
    background-size: cover!important;
    padding-top: 60px;
    padding-bottom: 70px;
    padding-left: 50px;
}
.bathroom-bg2{ background: url(https://hindware.com/wp-content/themes/hindware/extra-assets/images/touchfree-bathroom-banner.jpg); 
    background-size: cover!important;
    padding-top: 60px;
    padding-bottom: 70px;
    padding-left: 50px;
}
.bathroom h2{ font-size: 25px; font-weight: 700; }
.bathroom p{ font-size: 18px; }

.products-cantt{ background: #f5f5f5; padding: 15px; }
.product-grid{
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 0px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 30%);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff;
}

.product-grid:hover{ box-shadow:  0 0 15px rgba(0,0,0,0.1); border:2px solid #eeb116;}
.product-grid .product-image{ position: relative; }
.product-grid .product-image a.image{
    
    overflow: hidden;
    display: block;
}
.product-grid .product-image img{
    width: 100%;
    height: auto;
}
.product-grid .product-sale-label{
    color: #fff;
    background: #009de1;
    font-size: 13px;
    text-transform: uppercase;
    padding: 2px 6px;
    border-radius: 3px;
    position: absolute;
    left: -4px;
    top: -2px;
}
.product-grid .price{
    color: #fff;
    background: #eeb116;
    font-size: 13px;
    padding: 2px 6px 2px 18px;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 1px 3px 3px 1px;
    position: absolute;
    top: 25px;
    left: -15px;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
}
.product-grid  .price span{
    font-weight: 400;
    text-decoration: line-through;
    opacity: 0.5;
}
.product-grid .price:before{
    content: "";
    background: #fff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 7px;
}
.product-grid .price.fixed{
    background: #b71540;
    top: -4px;
}
.product-grid .add-to-cart{
    color: #fff;
    background: #b71540;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 3px;
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1);
    opacity: 0;
    position: absolute;
    right: 10px;
    bottom: 10px;
    transition: all 0.2s ease-out;
}
.product-grid .add-to-cart:hover{ text-shadow: 0 0 5px #000; }
.product-grid:hover .add-to-cart{ opacity:1; }
.product-grid .product-content{
    background-color: #fbfbfb;
    text-align: left;
    padding: 15px 10px;
    border-top: 1px solid #f5f5f5;
    border-radius: 0 0 10px 10px;
    transition: all 0.3s;
}

.product-grid:hover .product-content{ border-top-color: #eeb116; }
.product-grid .title{
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
}
.product-grid .title a{
       color: #323b45;
    font-size: 20px;
    font-weight: 600;
    transition: all 0.4s ease-out;
}
.product-grid .title a:hover{ color: #b71540; }
.product-grid .rating{
    padding: 0;
    margin: 0;
    list-style: none;
}
.explore-more{border:#eeb116 solid 1px; padding: 5px 10px; font-size: 14px; font-weight: 600;}
.explore-more:hover{ background: #eeb116; color: #000000!important; font-weight: 600;
    /*box-shadow: 2px 2px 5px 0px #646464; */
}

 @media	(max-width: 640px){
 	.inner-banner{
 		min-height:135px;
 	}
.product-detailer-right h2 {
    margin: 0px; padding-top: 25px;
}
.video-text {
    padding: 25px 0px 0px 0px;
}
.py-60 {
    padding: 29px 0px;
}
.border-agter::before {
    border:none;
}
.video-text h2 {font-size: 22px; line-height: 30px; max-width:100%}
.bathroom h2{ 
    margin: 0px; padding: 0px;
 }
 .bathroom-bg {  
    padding-top: 27px;
    padding-bottom: 47px;
    padding-left: 19px;
}
}

@media(max-width:600px){
    .th-small-img {
        left: 0px !important;
    }
}

.automate-closet-video-part h2 {
    font-size: 28px;
    line-height: 35px;
}
.automate-closet-video-part .border-agter:before {
    height: 115% !important;
}
.automate-closet-video-part .video-text {
    padding: 0px 0px 0px 80px;
}
@media(max-width:1200px){
    .automate-closet-video-part .video-text {
        padding: 30px 0px 0px 0px;
    }
}
@media(min-width:600px) and (max-width:1200px){
    .automate-closet-video-part .border-agter {
        padding: 0 25px;
    }
    .automate-imperial-closet-video-part .video-text, .automate-imperial-closet-video-part  .vide-right-text {
        padding: 30px 20px 0px 20px !important;
    }
}

@media(max-width:600px){
    .automate-floor-mounted-water-closet-section .main-heading {
        width:100%;
        line-height: 40px;
    }
}