@media (max-width:1500px) {
	.hoverlaypop1 {
		margin-top: 2%;
		top: 30px
	}
	.hoverlaypop1 .fields_wrap {
		padding: 10px 60px 20px
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox input {
		font-size: 18px;
		margin-bottom: 10px!important;
		padding: 10px 20px!important
	}
	.hoverlaypop1 .fields_wrap .h_signin .headdingmain {
		line-height: 35px;
		margin-bottom: 10px
	}
	#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-prev {
		top: -22em
	}
}

@media screen and (max-width:1366px) {
	.banner_caption h2 {
		font-size: 32px
	}
	.banner_caption {
		width: 650px
	}
	.banner_caption h1 {
		font-size: 32px
	}
	.banner_caption {
		width: 650px
	}
}

@media (max-width:1200px) {
	.hoverlaypop1 .fields_wrap {
		margin-top: 3%
	}
	header .top-cont {
		width: 96%
	}
	#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-prev {
		top: -22em
	}
	.wrap2 {
		width: 90%
	}
	.wrap2.sec22 {
		padding-top: 0!important
	}
	.carosoul-img {
		height: auto;
		width: 68%
	}
	#bathroom .carosoul-img {
		height: 430px;
		background: 0 0!important
	}
	.slick-slide img {
		width: 100%
	}
	.wrap2.sec1 {
		height: 570px
	}
	#bathroom .slick-next,
	#bathroom .slick-prev {
		display: none!important
	}
	.content-wrap {
		width: 89%;
		margin-left: 10%
	}
	.content-box {
		width: 34%
	}
	.h2-bold {
		font-size: 2.4vw;
		margin: 20px 0 0
	}
	.p16 {
		font-size: 1.3vw;
		margin: 5px 0 54px
	}
	.dropdown01 {
		margin-top: 54px
	}
	.h2-normal {
		font-size: 2.6vw;
		margin: 10px 0 0
	}
	.content-box a,
	.h4-normal,
	.p14 {
		font-size: 1.2vw
	}
	.content-heading>span {
		font-size: 2.5vw
	}
	.content-heading>p {
		font-size: 12px
	}
	.content .tabs li a,
	.product-content>h4 {
		font-size: 1.32vw
	}
	.product-wrap .product-list li {
		height: auto;
		width: 28vw
	}
	.product-content {
		height: auto
	}
	.product-content>img {
		vertical-align: -4vh;
		width: 50%
	}
	.product-content>h4 {
		font-size: 1.2vw
	}
	.wrap-content>h2 {
		font-size: 2.2vw
	}
	.wrap-content>h4 a {
		font-size: 12px
	}
	.wrap1.sec3,
	.wrap1.sec4 {
		width: 98%
	}
	footer .footer-sitemap {
		width: 86%
	}
	.footer-box {
		width: 22%
	}
	footer .footer-sitemap ul {
		width: 118px
	}
	.right-nav.middle-right-nav ul li {
		font-size: 1.1vw
	}
	input[type=text]:focus {
		width: 100%
	}
	.toggel-menu {
		display: none
	}
	.right-nav ul {
		width: 72%
	}
	.p14 {
		font-size: 10px
	}
}

@media (max-width:1199px) {
	#wrap input[type=text]:focus {
		width: 920px;
		z-index: 1;
		border-bottom: 1px solid #BBB;
		cursor: text;
		background: #ef3e43
	}
	.right-nav.middle-right-nav ul li {
		font-size: 14px;
		margin: 3px 0;
		padding: 5px 3px 5px 0
	}
}

@media (max-width:1024px) {
	#bathroom .carosoul-img {
		height: 360px;
		background-color: transparent
	}
}

@media screen and (max-width:1000px) {
    
    .right-nav.middle-right-nav ul .productboxhover li a:hover{color:#222 !important;}
    #wrap input[type=text]{font-size:15px;}
	.wrap2 {
		overflow: hidden
	}
	#wrap input[type=text]:focus {
		width: 100%
	}
	#wrap input[type=submit] {
		height: 45px;
		width: 45px
	}
	#wrap input[type=text] {
		height: 45px
	}
	.toggel-menu {
		float: right;
		font-size: 30px;
		height: 50px;
		line-height: 50px;
		margin: 5px;
		text-align: center;
		width: 50px;
		display: block
	}
	.middle-nav.fix .right-nav.middle-right-nav ul.mobile-bottom-menue {
		display: block;
		bottom: 0!important;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 99999;
		height: auto;
		padding: 0
	}
	header .top-cont {
		width: 100%;
		float: left;
		display: block;
		position: relative;
		z-index: 99;
		background-color: #fff;
		padding: 0 2%;
		box-sizing: border-box!important
	}
	.right-nav.middle-right-nav ul.mobile-bottom-menue>li {
		width: 45%;
		float: left;
		display: inline-block;
		box-sizing: border-box!important
	}
	.middle-nav.fix .right-nav.middle-right-nav ul.mobile-bottom-menue li {
		width: 100%;
		background: #f3f3f3
	}
	.middle-nav.fix .right-nav.middle-right-nav ul.mobile-bottom-menue li:first-child {
		border-right: 1px solid #ccc
	}
	.middle-nav.fix .right-nav.middle-right-nav ul.mobile-bottom-menue li a {
		border: 0 solid;
		margin: 0
	}
	.middle-nav.fix .right-nav.middle-right-nav ul.mobile-bottom-menue li a:hover {
		background: 0 0;
		color: #f56076;
		border: 0 solid #f56076
	}
	.wrap2 #closemenue {
		height: 35px;
		position: absolute;
		right: 20px;
		top: 20px;
		width: 35px;
		display: none
	}
	#closemenue .line {
		background: #7f7f7f;
		display: inline-block;
		height: 3px;
		position: relative;
		width: 35px
	}
	#closemenue .line.one {
		left: 0;
		position: absolute;
		top: 18px;
		transform: rotate(45deg)
	}
	#closemenue .line.two {
		position: absolute;
		right: 0;
		top: 18px;
		transform: rotate(-45deg)
	}
	#menumobile .right-nav {
		display: block;
		padding-left: 15px;
		padding-right: 15px
	}
	.right-nav ul,
	ul.dropdown {
		display: none
	}
	.dropdown-toggle {
		padding: .5em 1em;
		border-radius: .2em .2em 0 0
	}
	ul.dropdown {
		position: absolute;
		top: 100%;
		background: #fafafa;
		min-width: 14em;
		padding: 0;
		border-radius: 0 0 .5em .5em;
		box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
		text-align: left;
		margin-top: 5px!important;
		margin-left: 0!important
	}
	#mobilemenu .stripe1,
	#wrap {
		top: 0
	}
	ul.dropdown li {
		list-style-type: none;
		width: 100%
	}
	ul.dropdown li a {
		text-decoration: none;
		padding: .5em 1em;
		display: block;
		font-size: 12px
	}
	.middle-nav.fix .right-nav.middle-right-nav ul {display: block;}
	#wrap,
	.toggel-menu>a {
		display: inline-block
	}
	.fixed .top-cont .logo.main-logo,
	.logo.main-logo {
		width: 85px;
		margin: 17px 15px 0 0
	}
	.list-content>h2 span {
		font-size: 3vw
	}
	.list-content>h2 {
		font-size: 2vw
	}
	.list-content>p,
	.list-link li {
		font-size: 1.2vw
	}
	#wrap {
		background: #f3f3f3;
		height: 45px;
		width: 94%;
		margin: 0 3%
	}
	.toggel-menu>a {
		background: #ef3e43;
		color: #fff;
		font-size: 30px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		width: 50px;
		margin-top: 8px
	}
	#mobilemenu .stripes {
		display: block;
		vertical-align: middle;
		margin-right: 0;
		width: 40px;
		float: left;
		margin-left: 11px;
		margin-top: 10px;
		position: relative
	}
	#mobilemenu .stripes .stripe {
		background: #fff;
		width: 30px;
		height: 4px;
		margin-bottom: 4px;
		-webkit-transition: all .2s linear;
		transition: all .2s linear;
		position: absolute
	}
	#mobilemenu .stripe2 {
		top: 8px
	}
	#mobilemenu .stripe3 {
		top: 16px
	}
	#mobilemenu.open .stripe1 {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 8px
	}
	#mobilemenu.open .stripe2 {
		display: none
	}
	#mobilemenu.open .stripe3 {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 8px
	}
	.right-nav ul {
		width: 78%
	}
	.download-mob {
		display: block!important;
		border: none!important;
		margin-top: 17px!important
	}
	.download-mob li {
		border-left: none!important
	}
	.middle-nav.fix.act {top: 80px}
    
	.middle-nav.fix:before {
		content: "";
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #ef3e43;
		position: absolute;
		top: -15px;
		right: 30px
	}
	.middle-nav.fix {
		background: #fff;
		height: auto;
		position: fixed;
		top: -120%;
		width: 300px;
		z-index: 1;
		transition: all .8s ease-in-out 0s;
		right: 0;
		left: auto;
		bottom: auto;
		border-top: 5px solid #ef3e43;
		box-shadow: -1px 5px 20px #999
	}
	#menumobile.middle-nav.fix .wrap2 {
		position: relative;
		width: 100%;
		height: auto;
		overflow-y: auto;
		max-height: 87vh
	}
	.middle-nav.fix .right-nav.middle-right-nav {
		display: block;
		position: relative;
		height: auto
	}
	.middle-nav.fix .right-nav.middle-right-nav li {
		border-right: 0 none;
		border-top: 0 solid #d7d7d7;
		font-size: 2vw;
		padding: 12px 7px;
		text-align: left;
		width: 100%;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box!important;
		margin: 0
	}
	.middle-nav.fix .right-nav.middle-right-nav li:last-child {
		border-bottom: none
	}
	.middle-nav.fix .right-nav.middle-right-nav .contactmob {
		display: block!important
	}
	.middle-nav.fix .right-nav.middle-right-nav li a {
		border: none
	}
	.middle-nav.fix .right-nav.middle-right-nav>ul {
		margin-top: 0;
		height: auto
	}
	#owl-demo-carosoul02 .item {
		margin: 27px
	}
	.quick_section {
		display: none
	}
	.hoverlaypop1 .fields_wrap {
		max-width: 90%
	}
	.hoverlaypop1 .fields_wrap .h_signin .headdingmain {
		font-size: 38px
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox .buttonred {
		padding: 15px 10px
	}
	.middle-nav.fix .right-nav.middle-right-nav li.dropdown_menu {
		position: relative
	}
	.right-nav.middle-right-nav ul li.dropdown_menu .icon {display: block;float: right; cursor:pointer;}
	.right-nav li.dropdown_menu* {-webkit-transition: .5s ease;-moz-transition: .5s ease;transition: .5s ease}
	.right-nav li.dropdown_menu > .icon {display:inline;width:50px;height:30px;position:relative	}
    .right-nav li.dropdown_menu .productboxhover .submenu > .icon {display:inline; width:30px; height:25px;position:relative;background:transparent;}
	.right-nav li.dropdown_menu  .icon:after,
	.right-nav li.dropdown_menu .icon:before {content:""; position:absolute;background:#888;}
    .right-nav li.dropdown_menu > .icon:before {left: 19px;	top: 14px;width: 14px;height: 2px;}
	.right-nav li.dropdown_menu > .icon:after {left: 25px;top: 8px;width: 2px; height:14px}    
	.right-nav li.dropdown_menu.active > .icon:after {display: none}
    
    .right-nav li.dropdown_menu .productboxhover > ul > .submenu > .icon:before{width:10px; top:12px; left:11px; height:2px;}
    .right-nav li.dropdown_menu .productboxhover > ul > .submenu > .icon:after{height:10px; left:15px; width:2px; top:8px;}
    .right-nav li.dropdown_menu .productboxhover > ul > .submenu.active > .icon:after{display:none;}
	.productboxhover {
		width: 100%;
		display: none;
		float: left;
		clear: both;
		height: auto;
		position: static;
		opacity: 1;
		background-color: transparent;
		box-shadow: none
	}
	.middle-nav.fix .right-nav.middle-right-nav .productboxhover ul{height: auto;padding-left: 10%;padding-right: 10%}
    .middle-nav.fix .right-nav.middle-right-nav .productboxhover .submenu > ul{display:none}
	.middle-nav.fix .right-nav.middle-right-nav .productboxhover ul li {		
		border-bottom: 1px solid #ddd
	}
    
    .productboxhover ul li:hover{background:transparent;}
    .middle-nav.fix .right-nav.middle-right-nav .productboxhover ul > li{padding:0;}
    .productboxhover:before, .productboxhover:before, .productboxhover > ul > li> ul:before, .productboxhover > ul > li> ul:after{display:none;}
    
	.middle-nav.fix .right-nav.middle-right-nav .productboxhover ul li:last-child {
		border-bottom: 0
	}
	.productboxhover ul li a {color:#222;font-size: 1.65vw;padding: 5px 0!important;display: block}
    .productboxhover > ul > li > a {display:inline-block;}
    .productboxhover > ul > li> ul{opacity:1; position:static; height:auto; background:transparent; border-top:1px solid #ddd;}
	.banner_caption.centr_left,
	.banner_caption.centr_right {
		left: 0;
		right: 0;
		max-width: 100%
	}
    .productboxhover .submenu:before, .productboxhover .submenu:after{display:none;}
	.banner_caption img.scale {
		max-height: 35px;
		top: -50px
	}
	.middle-nav.fix .right-nav.middle-right-nav>ul {
		padding-top: 60px;
		padding-left: 0;
		padding-right: 0
	}
	.middle-nav.fix .right-nav.middle-right-nav ul.mobile-bottom-menue {
		position: relative
	}
	header {
		position: fixed;
		left: 0;
		top: 0
	}
	header.fixed {
		animation: none
	}
	.home-slider-banner-wrap {
		margin-top: 60px
	}
	header+section {
		margin-top: 30px
	}
	#wrapper {
		padding-top: 60px
	}
	.middlecontainer .rgt-contain {
		margin-top: 0
	}
}

@media (max-width:990px) {
	.contactmob {
		display: block!important
	}
	.banner_caption {
		width: 70%;
		min-height: 50px
	}
	.banner_caption h2 {
		font-size: 24px
	}
	.banner_caption h1 {
		font-size: 24px
	}
	.kidscntr,
	.urinalscntr {
		height: 70vh
	}
	.dropdown01 {
		margin-top: 65px
	}
	#bathroom .carosoul-img {
		margin: 50px 0 0
	}
}

@media (max-width:800px) {
    .sit_menu{width:33.33%; margin:0;}
	.product-wrap .product-list .pro-item {
		background: #f5f1ef;
		box-shadow: 0 0 0 rgba(0, 0, 0, .5);
		display: flex;
		float: left;
		height: 245px;
		line-height: 240px;
		overflow: hidden;
		vertical-align: middle;
		width: 100%;
		border: 10px solid #fff
	}
	.footer-box,
	footer .footer-sitemap {
		display: inline-block
	}
	.proslider.owl-theme .owl-controls .owl-buttons .owl-next,
	.proslider.owl-theme .owl-controls .owl-buttons .owl-prev {
		position: absolute;
		top: 0;
		height: 245px;
		line-height: 240px;
		background: 0 0
	}
	.h2-bold {
		font-size: 2.4vw;
		margin: 20px 0 0
	}
	.p16 {
		font-size: 1.3vw;
		margin: 5px 0 15px
	}
	.h2-normal {
		font-size: 2.6vw;
		margin: 10px 0 0
	}
	.content-box a,
	.h4-normal,
	.p14 {
		font-size: 1.2vw
	}
	.content-heading>span {
		font-size: 3.5vw
	}
	.content-heading>p {
		font-size: 1.8vw
	}
	.content .tabs li a {
		font-size: 12px
	}
	.product-content>h4 {
		font-size: 1.5vw;
		line-height: normal
	}
	.list-content>h2 {
		font-size: 3vw
	}
	.list-content>h2 span {
		font-size: 4.4vw
	}
	.list-content>p {
		font-size: 12px;
		min-height: 85px
	}
	.list-link li {
		font-size: 1.8vw;
		margin: 20px 0!important
	}
	.footer-box {
		float: right;
		text-align: center;
		width: 100%
	}
	#div_exquisite .p14,
	.brand-1600 {
		display: none
	}
	footer .footer-sitemap ul {
		float: left;
		width: 21%;
		margin-top: 20px
	}
	footer .footer-sitemap .footer-box .social-wrap ul {
		width: auto;
		float: none
	}
	footer .footer-sitemap .footer-box .social-wrap ul li a {
		padding: 0 30px
	}
	.content-box {
		width: 44%
	}
	.carosoul-img {
		width: 60%
	}
	.dropdown01 {
		margin-top: 14%
	}
	.wrap2.sec1 {
		height: 492px
	}
	.product-wrap .product-list li:nth-child(2) {
		margin: 0 15px 15px
	}
	.product-wrap .product-list li {
		height: auto;
		margin-bottom: 15px;
		width: 31%
	}
	.expert-list li,
	.expert-list li:nth-child(2),
	.expert-list li:nth-child(5) {
		margin: 20px 15px
	}
	.expert-list li {
		width: 45%
	}
	.wrap1.sec3 {
		width: 90%
	}
	#owl-demo-carosoul02 .item {
		margin: 40px 22%
	}
	#owl-demo-carosoul02.owl-theme .owl-controls {
		position: static
	}
	#owl-demo-carosoul02.owl-theme .owl-controls .owl-buttons div.owl-next {
		left: 90%;
		margin-top: -6.5%;
		top: 50%
	}
	#owl-demo-carosoul02.owl-theme .owl-controls .owl-buttons div.owl-prev {
		left: 1%;
		margin-top: -6.5%;
		top: 50%
	}
	#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-prev {
		top: -14vh
	}
	#owl-demo .item img,
	#owl-demo .item video {
		height: 343px;
		left: 2px;
		top: 2px
	}
	#div_exquisite {
		padding-bottom: 15px
	}
	.owl-theme .owl-controls {
		top: -20px
	}
	.categorycntr .txt-box {
		top: auto;
		bottom: 100px;
		max-width: 100%;
		height: auto
	}
	.categorycntr .txt-box h2 {
		font-size: 32px
	}
	.brand-768 {
		display: block
	}
	.brand-320 {
		display: none
	}
	.brandcntr-banner {
		height: auto
	}
	.middle-nav.fix .right-nav.middle-right-nav .productboxhover ul li {
		padding: 0
	}
	.banner_caption .hind_logo>img {
		max-height: 20px
	}
	
	
	
	
	
	
}

@media (max-width:640px) {
    .sit_menu{width:50%;}
	ul.dropdown {
		margin-top: 15px!important
	}
	.categorycntr .txt-box h2 {
		font-size: 24px
	}
	.wrap2.sec1 {
		height: auto;
		padding-top: 15px
	}
	.carosoul-item-wrap {
		width: 100%;
		height: auto
	}
	.carosoul-img {
		width: 100%;
		position: relative
	}
	.carousel-content {
		width: 100%;
		position: relative!important;
		top: 0
	}
	.content-wrap {
		background: #fbfbfb;
		margin-left: 0;
		width: 100%;
		border: 2px solid #7f7f7f;
		margin-bottom: 30px
	}
	.content-box {
		width: 100%
	}
	.h2-bold {
		font-size: 3.5vw;
		margin:0;
	}
	.content-box a,
	.h4-normal,
	.p14,
	.p16 {
		font-size: 12px
	}
	.dropdown01 {
		margin-top: 7%;
		width: 55%
	}
	.h2-normal {
		font-size: 4.6vw
	}
	.wrap2.sec2 {
		margin-top: -8%;
		padding-top: 45px
	}
	.product-wrap .product-list li {
		height: 214px;
		width: 28vw
	}
	.product-content {
		height: 220px
	}
	.product-content>img {
		vertical-align: 1vh
	}
	.product-content .product-logo {
		height: 22px
	}
	.expert-list li {
		width: 39vw
	}
	.list-content>p {
		min-height: 65px
	}
	.wrap1.sec3 {
		margin-top: -56px;
		padding-top: 45px
	}
	.wrap1.sec4 {
		padding-bottom: 0
	}
	.wrap-content>h2 {
		font-size: 3.8vw
	}
	.wrap-content>h4 a {
		font-size: 1.8vw
	}
	#owl-demo-carosoul02 .item {
		margin: 40px 20%
	}
	.carosoul02-wrap .wrap-content {
		height: 22vh;
		width: 40vw
	}
	.wrap-img {
		width: 25vw
	}
	.download-mob {
		display: block!important;
		border: none!important;
		margin-top: 17px!important
	}
	.download-mob li {
		border-left: none!important
	}
	.hoverlaypop1 .fields_wrap {
		max-width: 90%
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox h3 {
		margin: 0
	}
	.hoverlaypop1 .fields_wrap .h_signin .headdingmain {
		font-size: 28px;
		line-height: 30px;
		padding: 10px 0 25px;
		margin-bottom: 25px
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox .buttonred {
		padding: 10px;
		width: 40%;
		font-size: 28px
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox input {
		font-size: 20px;
		padding: 10px 20px
	}
	#owl-demo .item img,
	#owl-demo .item video {
		height: 286px
	}
	.hoverlaypop1 {
		position: absolute
	}
	#div_exquisite {
		padding-bottom: 0
	}
	#div_exquisite .p14 {
		display: block
	}
	#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo.owl-theme .owl-controls .owl-buttons div.owl-prev {
		top: -22vh
	}
	.owl-theme .owl-controls {
		top: -20px
	}
	.middle-nav.fix .right-nav.middle-right-nav li {
		font-size: 16px
	}
	.middle-nav.fix .right-nav.middle-right-nav .productboxhover ul li a {
		font-size: 13px
	}
	.kidscntr,
	.urinalscntr {
		height: 50vh
	}
	.productcntr {
		height: auto
	}
	#bathroom .carosoul-img {
		height: 250px
	}
	#bathroom .carousel-content {
		top: 15px
	}
	.middle-nav.fix.act {
		top: 64px
	}
    
    .dropdown01 + hr{clear:both; margin:1em 0; width:100%; float:left;}
    .dropdown01{margin-top:0; position:static; width:100%;}
    .dropdown01 .select-box{max-width:100%; margin:0;}
	
	.brand-320 {
		display: block
	}
	.banner_caption {
		width: 100%;
		background-color: transparent
	}
	.banner_caption.centr_left,
	.banner_caption.centr_middle,
	.banner_caption.centr_right {
		top: auto
	}
	.banner_caption.centr_bott {
		bottom: 0
	}
	.banner_caption h2 {
		font-size: 15px
	}
	.banner_caption h1 {
		font-size: 22px
	}
	
	.scroll-link { display:none}
	.brand-768 {display: none !important	}
}

@media (max-width:480px) {
    .innovationbanner .txt-box5-new{display:none;}
    .sit_menu{width:100%;}
	#owl-demo .owl-buttons,
	.aboutcntr>h2,
	.acessoriescntr>h2,
	.blogBoxcntr>h2,
	.brandcntr-banner>h2,
	.buycntr>h2,
	.carecntr>h2,
	.categorycntr>h2,
	.categorycntrfaucets>h2,
	.cisternscntr>h2,
	.clean_rimless-inner>h2,
	.clean_rimless>h2,
	.homebanner>h2,
	.launchcntr>h2,
	.maintenancecntr>h2,
	.productcntr>h2,
	.quardacntr>h2,
	.rimlesscntr-page>h2,
	.showerscntr>h2,
	.specifiercntr>h2,
	.urinalscntr>h2,
	.vanitycntr>h2,
	.visualisecntr>h2,
	.washbasinscntr>h2 {
		display: none
	}
	ul.dropdown {
		margin-top: 5px!important
	}
	.content .tabs li {
		padding: 10px
	}
	.content .tabs li a {
		font-size: 2.6vw
	}
	.product-wrap .product-list li {
		width: 40vw
	}
	.expert-list li,
	.expert-list li:nth-child(2),
	.expert-list li:nth-child(5) {
		width: 98%;
		margin: 20px 0
	}
	.list-content>p {
		font-size: 2.8vw
	}
	.list-content>h2 {
		font-size: 4vw
	}
	.list-content>h2 span {
		font-size: 6.4vw
	}
	.content-box a,
	.h4-normal,
	.list-link li,
	.p14,
	.p16 {
		font-size: 12px
	}
	.product-content>h4 {
		font-size: 2.8vw;
		bottom: -5px
	}

	.content-heading>span,
	.h2-bold {
		font-size: 4.5vw
	}
	.wrap-img {
		top: 12px
	}
	#owl-demo-carosoul02 .item {
		margin: 40px 17%
	}
	.logo {
		width: 40px
	}
	.toggel-menu {
		height: 40px;
		line-height: 40px;
		margin: 0;
		width: auto
	}
	#mobilemenu .stripes .stripe {
		height: 3px
	}
	.middle-nav.fix {
		width: 250px
	}
	.fixed .top-cont .logo {
		width: 40px
	}
	footer .footer-sitemap ul {
		width: 44%
	}
	.wrap2 #closemenue {
		top: 15px;
		right: 15px
	}
	.hoverlaypop1 .fields_wrap {
		max-width: 90%
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox h3 {
		margin: 0
	}
	.hoverlaypop1 .fields_wrap .h_signin .headdingmain {
		font-size: 20px;
		line-height: 25px;
		padding: 10px 0 25px;
		margin-bottom: 20px
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox .buttonred {
		padding: 5px 10px;
		width: auto;
		font-size: 18px
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox input {
		font-size: 16px;
		padding: 6px 20px;
		margin-bottom: 20px
	}
	#owl-demo .item img,
	#owl-demo .item video {
		height: 252px
	}
	.owl-theme .owl-controls {
		top: auto;
		z-index: 99
	}
	.hoverlaypop1 {
		position: absolute
	}
	.wrap-content>h2 {
		font-size: 3vw;
		line-height: 20px
	}
	#owl-demo-carosoul02.owl-theme .owl-controls .owl-buttons div.owl-next {
		left: 87%;
		margin-top: -6.5%;
		top: 50%
	}
	.carosoul02-wrap .wrap-content {
		height: 133px
	}
	.categorycntr .txt-box {
		bottom: 0
	}
	.washbasinscntr {
		height: 50vh
	}
	.right-nav li.dropdown_menu:after,
	.right-nav li.dropdown_menu:before {
		right: 28%;
		border-width: 8px
	}
	.categorycntr>h2 #scrolldown {
		width: 30px;
		height: 30px
	}
	.banner03 img {
		height: auto!important
	}
	#bathroom .carosoul-img {
		height: 200px
	}
	#bathroom .carousel-content {
		top: 0
	}
	.middle-nav.fix:before {
		right: 20px
	}
	
	
	
	.brand-320 {
		display: block
	}
	.banner_caption {
		width: 100%;
		background-color: transparent
	}
	.banner_caption.centr_left,
	.banner_caption.centr_middle,
	.banner_caption.centr_right {
		top: auto
	}
	.banner_caption.centr_bott {
		bottom: 0
	}
	.banner_caption h2 {
		font-size: 15px
	}
	.banner_caption h1 {
		font-size: 22px
	}
	
	.scroll-link { display:none}
}

@media (max-width:360px) {
	.product-content>h4,
	.wrap-content>h4 a {
		font-size: 2.8vw
	}
	.product-wrap .product-list li {
		width: 88vw;
		height: 200px
	}
	.product-content {
		height: 200px
	}
	
	.product-content>img {
		vertcal-align: 11vh
	}
	footer .footer-sitemap .footer-box .social-wrap ul li a {
		padding: 0 18px
	}
	.foo-logo {
		width: 125px
	}
	.product-wrap .product-list li:nth-child(2) {
		margin: 0 0 15px
	}
	.product-wrap .product-list li a:hover .product-content>img {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}
	.content .tabs li a {
		font-size: 4vw
	}
	.list-content>p {
		min-height: 40px
	}
	.wrap2 #closemenue {
		top: 2px
	}
	.hoverlaypop1 .fields_wrap {
		max-width: 100%;
		margin: 0;
		padding: 0 30px;
		overflow-y: auto
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox h3 {
		margin: 25px 0
	}
	.hoverlaypop1 .fields_wrap .h_signin .headdingmain {
		font-size: 20px;
		line-height: 25px;
		padding: 10px 0 25px;
		margin-bottom: 20px;
		font-family: MyriadProRegular
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox .buttonred {
		padding: 5px 10px;
		width: 42%;
		font-size: 18px
	}
	.hoverlaypop1 .fields_wrap .h_signin .fildbox input {
		font-size: 15px;
		padding: 6px 20px;
		margin-bottom: 20px
	}
	.hoverlaypop1 .inclose1 {
		float: right;
		margin: 0 -15px 0 0
	}
	#owl-demo .item img,
	#owl-demo .item video {
		height: 161px
	}
	.hoverlaypop1 {
		position: absolute;
		margin: 0;
		top: 0
	}
	.carosoul02-wrap {
		margin-left: 0
	}
	.carosoul02-wrap .wrap-content {
		width: 44vh;
		height: 116px
	}
	#owl-demo-carosoul02.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo-carosoul02.owl-theme .owl-controls .owl-buttons div.owl-prev {
		top: 45%
	}
	#owl-demo-carosoul02.owl-theme .owl-controls .owl-buttons div.owl-next {
		left: 85%
	}
	.wrap-img {
		top: 17px;
		right: 15px;
		width: 88px
	}
	.right-nav ul {
		width: 50%
	}
	.dropdown-toggle {
		padding: .5em 2px
	}
	.brand-1600,
	.brand-768 {
		display: none
	}
	.brand-320 {
		display: block
	}
	.banner_caption {
		width: 100%;
		background-color: transparent
	}
	.banner_caption.centr_left,
	.banner_caption.centr_middle,
	.banner_caption.centr_right {
		top: auto
	}
	.banner_caption.centr_bott {
		bottom: 0
	}
	.banner_caption h2 {
		font-size: 15px
	}
	.banner_caption h1 {
		font-size: 22px
	}
	.scroll-link { display:none}
	
	.showersCenter{ top:0 !important;}
	.brand-768 {display: none !important	}
}