/*!
Theme Name: SanTehPro
Theme URI: 
Author: SergeyILyushov
Author URI: bigmoneysone@gmail.com
Description: 
Text Domain: 
Tags: Сантехника, Киев, стоимость сантехнических работ, отопление, газ, 
*/

@keyframes AnimRotate {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes myBig {
    0% {
        transform: scale(0.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes Slide {
	0% {
		opacity: 0;
		transform: translateY(-250px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.post-thumbnail{
	display: none;
}
.copyright-box p:last-child{
}

@media (min-width: 280px){
	html{
		font-size: 13px;
		--background-accent: #F9D129;
		--work-font-color: #4c4b4b;
		--work-blue-color: #015dda;
		--OneRem: 1.47rem;
		font-family: 'Fira Sans Extra Condensed', sans-serif;
		color: var(--work-font-color);
		background-image: url(img/BGYellow.webp);		
		background-repeat: repeat;
		background-position: -18rem 0rem;
		background-size: 330%;		
	}	
	body{
		margin: 0px;
		color: var(--work-font-color);
	}
	ul{
		list-style-type: none;
		padding: 0rem;
		margin: 0rem;
	}
	p{
		margin: 0rem;
	}
	h1{
		text-transform: uppercase;
		margin: 0rem;
		font-size: 2.39rem;
		line-height: 2.39rem;
	}
	h2{
		margin: 0rem;
		padding: 0rem 0rem 0rem 0rem;
	}
	h3{
		margin: 0rem;
		padding: 0rem 0rem 0rem 0rem;
	}
	h4{
		margin: 0rem;
		padding: 0rem 0rem 0rem 0rem;
	}
	.b6{
		font-weight: 600;
	}
	.b4{
		font-weight: 400;
	}
	.obl{
		font-style: italic;
	}
	a{
		text-decoration: none;	
	}
	a:visited{
		text-decoration: none;	
	}
	.prlink, .link-service{
		font-weight: 600;
		color: #015dda;
	}
	.prlink:visited, .link-service:visited, .all-prices, .all-prices:visited{
		font-weight: 600;
		color: #015dda;
	}
	/*Hide*/
	#secondary, .edit-link, .skip-link, #colophon, .menu-santehpro-container, br{
		display: none;
	}
	.site-branding{
		position: absolute;
		z-index: 2;
		padding: 1.47rem 1.47rem 1.47rem 1.47rem;
		width: 100%;
		box-sizing: border-box;
		/*height: 31.616rem;*/
	}
	.toggled .menu-santehpro-container{
		display: table;
		background-image: url(img/BGYellow.webp);
		height: 100vh;
		width: 100%;
		position: fixed;
		padding: 3.86rem 1.47rem 1.47rem 1.47rem;
		background-size: 312%;
        background-position: -16rem 0rem;
		box-sizing: border-box;
        animation: Slide 0.25s ease 0s 1 normal forwards;
	}
	.menu-toggle{
		position: fixed;
		height: 1.47rem;
		width: 1.47rem;
		top: 1.47rem;
		right: 1.47rem;
		background-image: url(img/menuIco.svg);
		background-size: 88%;
		border: 0rem;
		background-repeat: no-repeat;
		background-color: transparent;
		z-index: 2;
		background-position: 50% 50%;
	}
	.toggled .menu-toggle{
        background-image: url(img/CloseButton.svg);
        animation: AnimRotate 1s ease 0s 1 normal none;
		height: 2.39rem;
		width: 2.39rem;
	}
	#site-navigation{
		position: absolute;
		width: 100%;
		top: 0rem;
		height: 0rem;
		z-index: 2;
	}
	#primary{
		position: relative;
		z-index: 1;
		padding: 31.616rem 0rem 0rem 0rem;
	}
	.page{
	}
	.main-image{
		width: 100%;
		height: 31.616rem;
		position: absolute;
		background-repeat: no-repeat;
		top: 0rem;
		background-attachment: fixed;
	}
	.info-box{
		padding: 0rem 0rem 0rem 0rem;
	}
	.render-bath{
		background-image: url(img/bath.webp);
		background-size: 100%;
		background-position: 0rem -5rem;
	}
	.render-radiator{
		background-image: url(img/radiator.webp);
		background-size: 100%;
		background-position: 0rem -5rem;
	}
	.render-uni{
		background-image: url(img/uni.webp);
		background-size: 100%;
		background-position: 0rem -5rem;
	}
	.render-faucet{
		background-image: url(img/faucet.webp);
		background-size: 100%;
		background-position: 0rem -2rem;
	}
	.render-sink{
		background-image: url(img/sink.webp);
		background-size: 100%;
		background-position: 0rem -5rem;
	}
	.render-canal{
		background-image: url(img/canal.webp);
		background-size: 100%;
		background-position: 0rem -3rem;
	}
	.render-shower{
		background-image: url(img/shower.webp);
		background-size: 100%;
		background-position: 0rem -4rem;
	}
	.render-towel{
		background-image: url(img/towel.webp);
		background-size: 100%;
		background-position: 0rem -5rem;
	}
	.render-counter{
		background-image: url(img/counter.webp);
		background-size: 100%;
		background-position: 0rem -2rem;
	}
	.render-filter{
		background-image: url(img/filter.webp);
		background-size: 100%;
		background-position: 0rem -4rem;
	}
	.render-pipes{
		background-image: url(img/valve.webp);
		background-size: 100%;
		background-position: 0rem -4rem;
	}
	.render-siphon{
		background-image: url(img/siphon.webp);
		background-size: 100%;
		background-position: 0rem -1rem;
	}
	.render-mashine{
		background-image: url(img/washing.webp);
		background-size: 100%;
		background-position: 0rem -1rem;
	}
	.render-boiler{
		background-image: url(img/boiler.webp);
		background-size: 100%;
		background-position: 0rem -4rem;
	}
	.site-title{
		background-image: url(img/logo.svg);
		background-repeat: no-repeat;
	}
	.entry-title{
		padding: 2.39rem 1.47rem 2.39rem 1.47rem;
		font-style: italic;
	}
	.key-branch-box{
		position: relative;
		height: 14.34rem
	}
	.decore-bx{
		padding: 0rem 1.47rem 0rem 1.47rem;
		height: 9.56rem;
		position: relative;	
	}
	.decore{
		padding: 0rem 0rem 0rem 0rem;
		/* background-image: url(img/Run.webp); */
		/* background-repeat: no-repeat; */
		/* background-position: 1.47rem 0rem; */
		/* background-size: 90%; */
		height: 1.47rem;
		/* float: left; */
		width: 12rem;
		background-color: #fff;
		border-radius: 1.47rem 1.47rem 0rem 0rem;
		margin: 0rem 0rem 0rem 1.47rem;
		position: absolute;
		bottom: 0rem;
		left: 0rem;
		z-index: 2;
	}
	.iron-bull-box{
		padding: 0rem 0rem 0rem 0rem;
		background-image: url(img/iron-bull.webp);
		background-size: 100%;
		background-position: 1rem -1rem;
		background-repeat: no-repeat;
		height: 9.56rem;
		width: 14.34rem;
		position: absolute;
		right: 0rem;
		bottom: 0rem;
	}
	.keydescript {
		background-image: url(img/PipeWrench.webp);
		background-repeat: no-repeat;
		background-position: 0rem 0rem;
		background-size: 100%;
		width: 10rem;
		height: 14.34rem;
		right: 2rem;
		top: 0rem;
		z-index: 1;
		position: absolute;
	}
	.form-title{
		padding: 0rem 0rem 0.62rem 0rem;
		font-weight: 700;
	    font-size: 1.47rem;
	    line-height: 1.47rem;		
	}
	.site-title a, .site-title a:visited{
		font-size: 1rem;
		color: var(--work-font-color);
		text-decoration: none;
	}
	.site-title{
		height: 1.47rem;
		position: relative;
		background-size: 100%;
		width: 50%;
		text-transform: uppercase;
		font-weight: 400;
		padding: 2.39rem 0rem 0rem 0rem;
		display: table;
	}
	.site-title a{
		
	}
	.site-description{
		font-size: 2.39rem;
		font-weight: 700;
		line-height: 2.39rem;
		font-style: italic;
		text-transform: uppercase;
		padding: 0rem 0rem 1rem 0rem;
		color: #575e66;
	}
	.price-list-box{
		margin: 0rem 1.47rem 0rem 1.47rem;
		background-color: #fff;
		border-radius: 0rem 1.47rem 1.47rem 1.47rem;
	}
	.plbq{
		padding: 1.47rem;
	}
	.plbq:first-child{
		border-radius: 1.47rem 1.47rem 0rem 0rem;
	}
	.plbq:last-child{
		border-radius: 0rem 0rem 1.47rem 1.47rem;
	}
	.stripe{
		background-color: #f7f6f3;
	}
	.plbq h4 .price{
		float: right;
	}
	.plbq h4{
		font-weight: 300;
	}
	.plbq h3{
		padding: 0rem 0rem 1.47rem 0rem;
		font-size: 1rem;
		font-weight: 400;
	}
	.phone-box{
		display: table;
		margin: 0rem auto 0.62rem;
	}
	.phone-butt-text{
		float: left;
		padding: 0.147rem 0rem 0rem 0rem;
	}
	.phone-tap{
		font-size: 2.39rem;
		text-decoration: none;
		font-weight: bold;
		color: var(--work-font-color);
		line-height: 2.39rem;
	}
	.phone-butt-ico{
		float: left;
		background-color: #fff;		
		background-image: url(img/Ico-Call.svg);
		background-repeat: no-repeat;
		background-position: 60% 50%;
		background-size: 50%;
		height: 4.78rem;
		width: 2.78rem;
		border-radius: 4.78rem 0.38rem 0.38rem 4.78rem;
		margin: 0rem 0.62rem 0rem 0rem;
	}
	.phone-descript{
		line-height: 0.9rem;
		font-weight: 400;
	}
	.phone-scheduler{
		font-weight: 400;
	}
	.mess-box a {
		width: 4.78rem;
		height: 4.78rem;
		display: table;
		padding: 0rem 0rem 0rem 4.78rem;
		margin: 0.68rem 0rem 0rem 1.47rem;
		text-decoration: none;
		font-weight: 600;
		color: var(--work-font-color);
		line-height: 3.86;
	}
	.mess-box a:visited{
		color: var(--work-font-color);
	}
	.viber-tap{
		background-image: url(img/Viber.svg);
		background-repeat: no-repeat;
		background-position: rem rem;
		background-size: 43.7%;
	}
	.telegram-tap{
		background-image: url(img/Telegram.svg);
		background-repeat: no-repeat;
		background-position: 0% 0%;
		background-size: 38%;
	}	
	.submit-scheduler{
		line-height: 0.9rem;
		font-weight: 400;		
	}
	.submit-descript{
		line-height: 0.9rem;
		font-weight: 400;		
	}
	.form-box{
		padding: 4.78rem 1.47rem 4.78rem 1.47rem;
		background-color: #fff;
	}
	.form-name,
	.form-phone,
	.form-name .wpcf7-form-control-wrap,
	.form-phone .wpcf7-form-control-wrap,
	.form-name .wpcf7-form-control-wrap input,
	.form-phone .wpcf7-form-control-wrap input{
		height: 2.39rem;
		width: 100%;
		display: table;
	}
	.form-name{
		padding: 0rem 0rem 0.62rem 0rem;
	}
	.form-phone{
		padding: 0rem 0rem 0.19rem 0rem;
	}
	.form-name .wpcf7-form-control-wrap input,
	.form-phone .wpcf7-form-control-wrap input{
		box-sizing: border-box;
		border-radius: 1.47rem;
		border: 0.239rem solid var(--background-accent);
		padding: 0rem 0.62rem;
		font-family: 'Fira Sans Extra Condensed', sans-serif;
		font-size: 1rem;
	}
	.submit-button-box{
		height: 4.78rem;
	    margin: 0.62rem 0rem 0rem 0rem;
	}
	.submit-button-box div{
		float: left;
		display: table;
		position: relative;
	}
	.submit-button-ico{
		background-color: var(--background-accent);
		background-image: url(img/Ico-Mail.svg);
		background-repeat: no-repeat;
		background-position: 60% 50%;
		background-size: 50%;
		height: 4.78rem;
		width: 4.78rem;
		border-radius: 4.78rem 0.38rem 0.38rem 4.78rem;
		margin: 0rem 0.62rem 0rem 0rem;		
	}
	.submit-button{
		padding: 0.239rem 0rem 0rem 0rem;
	}
	.wpcf7-not-valid-tip{
		text-align: center;
		font-weight: bold;
	}
	.form-subscript{
		padding: 0.62rem 0rem 1.47rem 0rem;
	}
	.wpcf7-list-item{
		margin: 0.38rem 0.38rem 0rem 0rem;
		/* background-color: #fbca04; */
		border-radius: 1.47rem;
		padding: 0.38rem 0.38rem 0.38rem 0.38rem;
		border: 0.239rem solid #fbca04;
		font-weight: 500;
		text-transform: uppercase;
	}
	.wpcf7-form-control-wrap{
		width: 100%;
		display: table;
	}	
	.wpcf7-textarea{
		margin: 0.38rem 0rem 0rem 0rem;
		/* background-color: #fbca04; */
		box-sizing: border-box;
	    border-radius: 1.47rem;
	    border: 0.239rem solid var(--background-accent);
	    padding: 0.62rem;
	    font-family: 'Fira Sans Extra Condensed', sans-serif;
		width: 100%;
		display: inherit;
		font-size: 1rem;
	}
	.wpcf7-submit{
		width: 100%;
		border-radius: 0rem;
		border: 0rem solid #fff;
		padding: 0rem 1.47rem;
		font-family: 'Fira Sans Extra Condensed', sans-serif;
		font-size: 2.39rem;
		background-color: #fff;
		margin: 0rem 0rem 0rem 0rem;
		font-style: italic;
		font-weight: 700;
		color: var(--work-font-color);
		text-transform: uppercase;
		line-height: 2.39rem;
	}
	.wpcf7 form .wpcf7-response-output {
		margin: 0.38rem 0rem 0rem 0rem;
		width: 100%;
		text-align: center;
		padding: 0rem;
		color: #dc3232;
		font-weight: 700;
		box-sizing: border-box;
	}
	.wpcf7-spinner {
		visibility: hidden;
		display: table;
		background-color: #fbca04;
		opacity: 0.75;
		width: 2rem;
		height: 2rem;
		border: none;
		border-radius: 100%;
		padding: 0;
		position: absolute;
		top:1.5rem;
	}
	.wpcf7-list-item label input{
		padding: 0rem;
		margin: 0.1rem 0rem 0rem 0.2rem;
		float: left;
		display: table;
	}
	.wpcf7-list-item-label{
		padding: 0rem 0rem 0rem 0rem;
		font-size: 1rem;
		float: left;
		display: table;
	}
	.projects-box{
		background-repeat: no-repeat;
		padding: 4.78rem 0rem 9.56rem 0rem;
		background-image: url(img/project.webp);
		position: relative;
		background-size: 260%;
		background-position: 50% -2rem;
	}
	.projects-box h4, .projects-box a{
		color: #fff;
	}
	.projects-box .phone-butt-ico{
		background-color: var(--background-accent);
	}
	.article-box .phone-butt-ico{
		background-color: var(--background-accent);
	}
	.article-box .phone-box{
		margin: auto;
	}
	.title-project{
		color: #fff;
		padding: 0rem 1.47rem 1.47rem 1.47rem;
	}
	.descript-project{
		font-weight: 400;
		color: #fff;
		padding: 0rem 1.47rem 4.78rem 1.47rem;
	}
	.mask{
		background-image: url(img/mask.webp);
		background-repeat: no-repeat;
		background-position: 0rem 0rem;
		background-size: 100%;
		height: 4.78rem;
		width: 100%;
		position: absolute;
		bottom: -1rem;
	}
	.quality-box{
		background-image: url(img/vod-trub.webp);
		background-repeat: no-repeat;
		background-position: 0rem 0rem;
		background-size: 160%;		
	}
	.quality-title{
		padding: 4.78rem 1.47rem 9.56rem 1.47rem;
	    color: var(--background-accent);
	    text-shadow: 1px 1px black;		
	}
	.footer-box{
		padding: 4.78rem 0rem 2.39rem 0rem;
		background-image: url(img/branch.webp);
		background-repeat: no-repeat;
		background-position: 12rem 13rem;
		background-size: 100%;
	}
	.footer-title{
		padding: 0rem 1.47rem 0rem 1.47rem;		
	}
	.sec-footer-title{
		padding: 2.39rem 0rem 0rem 1.47rem;		
	}	
	.footer-sub{
		padding: 0rem 1.47rem 2.39rem 1.47rem;		
	}
	.mess-box{
	    width: 100%;
		display: table;
		margin: 0rem 1.47rem 1.47rem 0rem;	
	}
	.footer-links{
		padding: 0rem 1.47rem 1.47rem 1.47rem;		
	}
	.footer-links a{
		color: var(--work-font-color);
		font-weight: 600;
		width: 100%;
		display: table;
		margin: 0.62rem 0rem 0rem 0rem;
	}
	.footer-links a:visited{
		color: var(--work-font-color);
		font-weight: 600;
	}
	.branch{
	/*	padding: 0rem 0rem 0rem 0rem;
		background-image: url(img/branch.webp);
		background-repeat: no-repeat;
		background-position: -4rem -0.7rem;
		background-size: 100%;
		height: 4.78rem;*/
	}
	.copyright-box{
	    background-color: #000;
		color: var(--background-accent);
		padding: 1.47rem 1.47rem 1.47rem 1.47rem;
	}
	.copyright-box a{
		color: #fff;
	}
	.menu-item{
		font-size: 1rem;
        width: 25%;
        float: left;
        padding: 0rem;
        height: 3.86rem;
		margin: 0rem 0rem 1.47rem 0rem;
	}
	.menu-item a{
		padding: 4.78rem 0rem 0rem 0rem;
        background-repeat: no-repeat;
        background-position: 50% 18%;
        background-size: 71%;
        height: 4.78rem;
        display: table;
		text-align: center;
        width: 100%;
		color: var(--work-font-color);
	}
	/*#menu-item-197 a{
		background-image: url(img/faucet-active.svg);
	}*/
	a.heater-class{
		background-image: url(img/heater-inactive.svg);
	}
	a.home-class{
		background-image: url(img/home-inactive.svg);
	}
	a.bath-class{
		background-image: url(img/bath-inactive.svg);
	}
	a.uni-class{
		background-image: url(img/uni-inactive.svg);
	}
	a.sink-class{
		background-image: url(img/sink-inactive.svg);
	}
	a.sewerage-class{
		background-image: url(img/sewerage-inactive.svg);
	}
	a.faucet-class{
		background-image: url(img/faucet-inactive.svg);
	}
	a.shower-class{
		background-image: url(img/shower-inactive.svg);
	}
	a.install-sewerage-class{
		background-image: url(img/install-sewerage-inactive.svg);
	}
	a.towel-class{
		background-image: url(img/towel-inactive.svg);
	}
	a.counter-class{
		background-image: url(img/counter-inactive.svg);
	}
	a.filter-class{
		background-image: url(img/filter-inactive.svg);
	}
	a.pipes-class{
		background-image: url(img/pipes-inactive.svg);
	}
	a.siphon-class{
		background-image: url(img/siphon-inactive.svg);
	}
	a.mashine-class{
		background-image: url(img/mashine-inactive.svg);
	}
	a.boiler-class{
		background-image: url(img/boiler-inactive.svg);
	}
	a.ru{
		background-image: url(img/ru-inactive.svg);
	}
	a.uk{
		background-image: url(img/ua-inactive.svg);
	}
	#primary-menu .current-menu-item .heater-class{
		background-image: url(img/heater-active.svg);
	}
	#primary-menu .current-menu-item .home-class{
		background-image: url(img/home-active.svg);
	}
	#primary-menu .current-menu-item .bath-class{
		background-image: url(img/bath-active.svg);
	}
	#primary-menu .current-menu-item .uni-class{
		background-image: url(img/uni-active.svg);
	}
	#primary-menu .current-menu-item .sink-class{
		background-image: url(img/sink-active.svg);
	}
	#primary-menu .current-menu-item .sewerage-class{
		background-image: url(img/sewerage-active.svg);
	}
	#primary-menu .current-menu-item .faucet-class{
		background-image: url(img/faucet-active.svg);
	}
	#primary-menu .current-menu-item .shower-class{
		background-image: url(img/shower-active.svg);
	}
	#primary-menu .current-menu-item .install-sewerage-class{
		background-image: url(img/install-sewerage-active.svg);
	}
	#primary-menu .current-menu-item .towel-class{
		background-image: url(img/towel-active.svg);
	}
	#primary-menu .current-menu-item .counter-class{
		background-image: url(img/counter-active.svg);
	}
	#primary-menu .current-menu-item .filter-class{
		background-image: url(img/filter-active.svg);
	}
	#primary-menu .current-menu-item .pipes-class{
		background-image: url(img/pipes-active.svg);
	}
	#primary-menu .current-menu-item .siphon-class{
		background-image: url(img/siphon-active.svg);
	}
	#primary-menu .current-menu-item .mashine-class{
		background-image: url(img/mashine-active.svg);
	}
	#primary-menu .current-menu-item .boiler-class{
		background-image: url(img/boiler-active.svg);
	}
	#primary-menu .current-menu-item .ru{
		background-image: url(img/ru-active.svg);
	}
	#primary-menu .current-menu-item .uk{
		background-image: url(img/ua-active.svg);
	}
	.article-box{
		background-color: #fff;
		padding: 6.25rem 1.47rem 4.78rem 1.47rem; 
	}
	.article-h2{
		padding: 1.47rem 0rem 1.47rem 0rem; 
	}
	.article-p{
		padding: 0rem 0rem 1.47rem 0rem; 
	}
	.article-h3{
		padding: 3.86rem 0rem 1.47rem 0rem;
	}
	ul.atricle-list{
		list-style-type: circle;
		padding: 0.62rem 1.47rem 1.47rem 1.47rem;
		margin: 0;
	}
	ul.atricle-list li{
		padding: 0rem 0rem 0.62rem 0rem;
		margin: 0;
	}
	.b3{
		font-weight: 600;
	}
	.underprice-box{
		padding: 3.86rem 0rem 1.47rem 0rem;
		border-left: #fbca04 1.47rem solid;
	    border-radius: 1.47rem;
	    border-right: #fbca04 1.47rem solid;
	    margin: 2.39rem 0rem 2.39rem 0rem;
		background-color: #fff;
	}
	.underprice-p{
		padding: 1.47rem 1.47rem 2.39rem 1.47rem;		
	}
	.underprice-box h2{
		color: var(--work-font-color);
		padding: 0rem 1.47rem 0rem 1.47rem;
	}
	.install-time-bx{
		display: table;
		margin: 2.39rem 0rem 1.47rem 0rem;
	    /*border-left: #fbca04 1.47rem solid;*/
	    border-radius: 1.47rem;
	    border-bottom: #fbca04 1.47rem solid;
		width: 100%;
	}
	.image-bx{
		width: 60%;
		background-image: url(img/ST-Watch.webp);
		background-size: 100%;
		height: 14.34rem;
		background-position: 0rem 1.3rem;
		background-repeat: no-repeat;
		margin: auto;
	}
	.timer-text{
		padding: 1.47rem 0rem 1rem 0rem;
		display: table;
	}
	.digit-bx{
		width: 2.39rem;
		height: 2.39rem;
		margin: 0rem 0rem 0rem 0.62rem;
		background-color: #fbca04;
		border-radius: 2.39rem;
		padding: 0.7rem;
	}
	.h2-timer{
		margin: 0rem 0rem 0rem 0rem;
		text-align: center;
		line-height: 1rem;
	}
	.h2-header-timer{
		text-transform: uppercase;		
	}
	.h4-timer{
		margin: 0rem 0rem 0rem 0rem;
		text-align: center;		
	}
	.install-time-bx .plbq{
		padding: 0rem 0rem 1.47rem 0rem;
	}
	.pr-link-bx{
		/*border-left: solid #fbca04 0.62rem;*/
		border-radius: 1.47rem;
		padding: 0.62rem 0.62rem 0.62rem 1.47rem;
		border-right: solid #015dda 1.47rem;
		margin: 1.47rem 0rem 2.39rem 0rem;
		background-color: #fbca04;
    	font-weight: 600;
	}
	.services-bx{
		width: 100%;
		display: table;
		padding: 6.25rem 0rem 6.25rem 0rem;
		background-color: #f7f6f3;		
	}
	.servisces-q-bx{
		width: 100%;
		padding: 0rem 0rem 0rem 0rem;
		box-sizing: border-box;
		display: table;
	}
	.servisces-q-bx p{
		text-align: center;
	}
	.services-qnt {
		float: left;
		width: 44%;
		height: 31.59rem;
		box-sizing: border-box;
		margin: 0rem 0.62rem 1.47rem 0.62rem;
		background-color: #fff;
		border-radius: 1.47rem;
		position: relative;
		padding: 0rem 0.62rem 0rem 0.62rem;
	}
	.wp-enigma{
		background-color: #F9D129;
		display: table;
		padding: 0.62rem 1rem 0.62rem 1rem;
		border-radius: 1.47rem;
		width: 50%;
		position: absolute;
		bottom: 1.47rem;
		left: 1rem;
	}
	.img-service-ico{
		width: 100%;
		padding: 0rem 0rem 0rem 0rem;
		margin: 0rem 0rem 0rem 0rem;
		background-size: 66%;
		background-position-x: 50%;
		background-position-y: 50%;
		height: 9.56rem;
		background-repeat: no-repeat;
	}
	.services-h2{
		text-align: center;
		padding: 0rem 0rem 3.86rem 0rem;
	}
	.service-h3{
		text-align: center;
		padding: 0rem 0rem 1.47rem 0rem;		
	}
	.ico-plumber{
		background-image: url(img/ico-plumber.svg);		
	}
	.ico-brench{
		background-image: url(img/ico-brench.svg);				
	}
	.ico-valve{
		background-image: url(img/ico-valve.svg);						
	}
	.ico-canal{
		background-image: url(img/ico-canal.svg);						
	}
	.ico-boiler{
		background-image: url(img/ico-boiler.svg);				
	}
	.ico-mashine{
		background-image: url(img/ico-mashine.svg);				
	}
	.ico-counter{
		background-image: url(img/ico-counter.svg);				
	}
	.ico-filter{
		background-image: url(img/ico-filter.svg);				
	}
	.ico-radiator{
		background-image: url(img/ico-radiator.svg);				
	}
	.ico-gaz{
		background-image: url(img/ico-gaz.svg);				
	}
	.ico-santex{
		background-image: url(img/ico-santex.svg);				
	}
	.ico-flash{
		background-image: url(img/ico-flash.svg);				
	}
	.under-service{
		text-align: center;
		padding: 2.39rem 2.39rem 0rem 2.39rem;
	}
	.cost{
		font-size: 1.5rem;
		font-weight: bold;
		font-style: italic;
	}
	.steps{
		width: 100%;
		display: table;		
	}
	.steps-bx{
		margin: 0rem 1.47rem 0rem 1.47rem;
	}
	.steps-h2{
		text-align: center;
		margin: 6.25rem 0rem 2.39rem 0rem;
	}
	.step-qt{
		width: 100%;
		display: table;
	}
	.stes-img-l, .stes-img-r{
		width: 100%;
		background-size: 66%;
		background-position-x: 50%;
		background-position-y: 0rem;
		height: 9.2rem;
		background-repeat: no-repeat;
	}
	.step-one-ico{
		background-image: url(img/step-one-ico.svg);				
	}
	.step-two-ico{
		background-image: url(img/step-two-ico.svg);				
	}
	.step-three-ico{
		background-image: url(img/step-three-ico.svg);				
	}
	.step-four-ico{
		background-image: url(img/step-four-ico.svg);				
	}
	.step-txt-r, .step-txt-l{
		margin: 1.47rem 0rem 4.78rem 0rem;
	}
	.gig-digit{
		font-size: 2.39rem;
		font-weight: 500;
		font-style: italic;
		color: #F9D129;
		background-color: #4c4b4b;
		display: table;
		padding: 0.62rem;
		border-radius: 2.39rem;
		width: 2.39rem;
		text-align: center;
		line-height: 2.39rem;
		margin: auto;
	}
	.step-h3{
		margin: 0rem 0rem 0.62rem 0rem;
	}
	.whts-h2{
		padding: 0rem 0rem 1rem 0rem;
	}
	.install-price-bx{
		margin: 0rem 1.47rem 1.47rem 1.47rem;
    	background-color: #fff;
    	border-radius: 1.47rem;
    	padding: 1.47rem 1.47rem 2.39rem 1.47rem;
		display: table;
	}
	.install-price-bx .plbq{
		padding: 0rem;
		display: table;
	}
	.all-prices-p{
		display: table;
		float: left;
	}
	.install-price-bx .image-bx {
		width: 80%;
		display: table;
	}
	.whts-y-ph-n{
		padding: 4.78rem 0rem 4.78rem 0rem;
    	text-align: center;
	}
	.info-box-h2{
		padding: 0rem 6.25rem 0rem 1.47rem;
	}
	.all-prices{
		margin: 1.47rem 0rem 0rem 0rem;
		display: table;
	}
	.img-bord{
		width: 100%;
	    margin-bottom: 0.62rem;		
	}
	.wp-element-caption{
		margin-bottom: 1.47rem;
		text-align: center;
	}
		
}

@media (min-width: 320px){
	html{
		font-size: 13px;
	}
	.site-description {
		padding: 0rem 4.78rem 0rem 0rem;
	}	
	.render-faucet {
        background-position: 0rem -5rem;
	}
	.render-shower {
        background-position: 0rem -8rem;
	}
	.render-boiler {
        background-position: 0rem -8rem;
	}
	.render-bath {
		background-position: 0rem -10rem;
	}
	.render-pipes {
		background-position: 0rem -10rem;
	}
	.render-radiator {
		background-position: 0rem -10rem;
	}
	.render-towel {
		background-position: 0rem -10rem;
	}
	.render-canal {
        background-position: 0rem -6rem;
	}
	.render-sink {
        background-position: 0rem -9rem;
	}
	.render-siphon {
        background-position: 0rem -4rem;
	}
	.render-mashine {
        background-position: 0rem -9rem;
	}
	.render-counter {
        background-position: 0rem -6rem;
	}
	.render-uni {
        background-position: 0rem -9rem;
	}
	.render-filter {
        background-position: 0rem -8rem;
	}
	.mask {
        height: 4.78rem;
	}
	.subdescript {
        background-position: -2rem 0rem;
        background-size: contain;
	}
	.quality-box {
        background-size: 120%;
	}
	.image-bx{
		height: 14.34rem;
	}
	.services-qnt{
		padding: 0rem 0.62rem 0rem 0.62rem;
		float: left;
		width: 44%;
		height: 29.59rem;
		box-sizing: border-box;
		margin: 0rem 0.62rem 1.47rem 0.62rem;
	}
	.wp-enigma {
		left: 1.47rem;
	}
	.services-h2 {
	    text-align: center;
	    padding: 0rem 1.47rem 3.86rem 1.47rem;
	}
	.stes-img-l, .stes-img-r {
		height: 11.2rem;
	}
	.install-price-bx .image-bx {
		width: 66%;
	}
	.info-box-h2 {
		padding: 0rem 9.56rem 0rem 1.47rem;
	}
	.iron-bull-box {
		background-position: 0rem -1rem;
	}
	.phone-butt-ico{
		width: 4.78rem;
	}
	
	
}

@media (min-width: 360px){
	html{
		font-size: 15px;
	}
	.render-filter {
		background-position: 0rem -7rem;
	}
	.render-shower {
		background-position: 0rem -7rem;
	}
	.render-boiler {
		background-position: 0rem -7rem;
	}
	.render-bath {
		background-position: 0rem -9rem;
	}
	.render-pipes {
		background-position: 0rem -4rem;
	}	
	.render-faucet {
		background-position: 0rem -4rem;
	}
	.render-radiator {
		background-position: 0rem -8rem;
	}
	.render-towel {
		background-position: 0rem -7rem;
	}
	.render-canal {
		background-position: 0rem -6rem;
	}
	.render-sink {
		background-position: 0rem -8rem;
	}
	.render-siphon {
        background-position: 0rem -3rem;
	}
	.render-mashine {
        background-position: 0rem -8rem;
	}
	.render-counter {
        background-position: 0rem -4rem;
	}
	.render-uni {
			background-position: 0rem -8rem;
	}
	.mask {
        background-position: 0rem 0.1rem;
	}
	.image-bx {
	    height: 14.34rem;
	}
	.wp-enigma {
		left: 1.47rem;
	}
	.services-h2 {
		text-align: center;
		padding: 0rem 1.47rem 3.86rem 1.47rem;
	}
	.stes-img-l, .stes-img-r {
		background-size: 66%;
		background-position-x: 50%;
		height: 10.4rem;
	}	
}

@media (min-width: 375px){
	html{
		font-size: 15px;
	}
	.render-shower {
		background-position: 0rem -8rem;
	}
	.render-boiler {
        background-position: 0rem -8rem;
	}
	.render-bath {
        background-position: 0rem -11rem;
	}
	.render-pipes {
        background-position: 0rem -5rem;
	}
	.render-radiator {
        background-position: 0rem -10rem;
	}
	.render-towel {
        background-position: 0rem -9rem;
	}
	.render-canal {
        background-position: 0rem -7rem;
	}
	.render-sink {
			background-position: 0rem -10rem;
	}
	.render-siphon {
			background-position: 0rem -4rem;
	}
	.render-mashine {
        background-position: 0rem -9rem;
	}
	.render-counter {
			background-position: 0rem -6rem;
	}
	.render-uni {
        background-position: 0rem -9rem;
	}
	.render-filter {
        background-position: 0rem -8rem;
	}
	.stes-img-l, .stes-img-r {
		height: 10.4rem;
	}	
	
}

@media (min-width: 384px){
	html{
		font-size: 14px;
	}
	.main-image {
        height: 40.32rem;
	}
	#primary {
        padding: 40.32rem 0rem 0rem 0rem;
	}
	.site-title {
        padding: 2.79rem 0rem 0rem 0rem;
	}	
	.render-shower {
        background-position: 0rem -7rem;
	}	
	.render-boiler {
        background-position: 0rem -7rem;
	}
	.render-bath {
        background-position: 0rem -7rem;
	}
	.render-pipes {
        background-position: 0rem -1rem;
	}
	.render-faucet {
        background-position: 0rem -7rem;
	}
	.render-radiator {
        background-position: 0rem -6rem;
	}
	.render-towel {
        background-position: 0rem -7rem;
	}	
	.render-canal {
        background-position: 0rem -4rem;
	}
	.render-sink {
        background-position: 0rem -6rem;
	}
	.render-siphon {
        background-position: 0rem -1rem;
	}
	.render-mashine {
		background-position: 0rem -7rem;
	}
	.render-counter {
        background-position: 0rem -3rem;
	}
	.render-uni {
        background-position: 0rem -6rem;
	}
	.render-filter {
        background-position: 0rem -5rem;
	}
	.menu-item {
        height: 4.78rem;
		margin: 0rem 0rem 2.32rem 0rem;
	}
	.menu-item a {
        padding: 6.25rem 0rem 0rem 0rem;
        background-size: 82%;
	}
	.subdescript {
        padding: 1rem 7.17rem 1.47rem 1.47rem;
	}
	.mask {
		height: 5.78rem;
	}
	.quality-box {
        background-size: 100%;
	}
	.quality-title {
        padding: 4.78rem 1.47rem 14.34rem 1.47rem;
	}
	.services-h2 {
		padding: 0rem 2.39rem 2.39rem 2.39rem;
	}
	.stes-img-l, .stes-img-r {
		background-size: 66%;
		background-position-x: 50%;
		height: 13.34rem;
	}
	.image-bx {
		height: 16.34rem;
	}
	.info-box-h2 {
		padding: 1rem 9.56rem 0rem 1.47rem;
	}			
}

@media (min-width: 390px){
	.iron-bull-box {
        padding: 0rem 0rem 0rem 0rem;
        background-image: url(img/iron-bull.webp);
        background-size: 39%;
        background-position: 16rem 0rem;
        background-repeat: no-repeat;
        height: 9.56rem;
	}
	.mask {
        height: 5.25rem;
	}
	.render-radiator {
        background-position: 0rem -7rem;
	}
	.image-bx{
		height: 18.2rem;
	}
	.services-h2 {
		padding: 0rem 3.86rem 2.39rem 3.86rem;
	}
	.wp-enigma {
		left: 2.39rem;
	}
	.stes-img-l, .stes-img-r {
		height: 13.34rem;
	}
	.image-bx {
		height: 16.2rem;
	}
	.iron-bull-box {
		background-size: 100%;
		background-position: -1rem -1rem;
		height: 9.56rem;
	}
		.info-box-h2 {
		padding: 0rem 13.56rem 0rem 1.47rem;
	}			

	
}

@media (min-width: 408px){
	html{
		font-size: 16px;
	}
	.iron-bull-box {
        padding: 0rem 0rem 0rem 0rem;
        background-image: url(img/iron-bull.webp);
        background-size: 54%;
        background-position: 12rem 0rem;
        background-repeat: no-repeat;
        height: 9.56rem;
	}
	.quality-box {
        background-size: 120%;
	}
	.render-shower {
        background-position: 0rem -3rem;
	}	
	.render-boiler {
        background-position: 0rem -3rem;
	}
	.render-bath {
        background-position: 0rem -3rem;
	}
	.render-pipes {
        background-position: 0rem 0rem;
	}
	.render-faucet {
        background-position: 0rem -3rem;
	}
	.render-radiator {
        background-position: 0rem -3rem;
	}
	.render-towel {
        background-position: 0rem -3rem;
	}
	.render-canal {
        background-position: 0rem -1rem;
	}
	.render-sink {
        background-position: 0rem -3rem;
	}
	.render-mashine {
        background-position: 0rem -3rem;
	}
	.render-counter {
        background-position: 0rem 0rem;
	}
	.render-uni {
        background-position: 0rem -3rem;
	}
	.render-filter {
        background-position: 0rem -2rem;
	}
	.stes-img-l, .stes-img-r {
		height: 13.34rem;
	}
	.image-bx {
		height: 16.34rem;
	}
	.iron-bull-box {
		background-size: 90%;
		background-position: 1rem -1rem;
		height: 9.56rem;
	}
	.info-box-h2 {
		padding: 1rem 11.56rem 0rem 1.47rem;
	}
	
}

@media (min-width: 480px){
	html{
		font-size: 18px;
	}
	.mask {
        height: 4.06rem;
        background-position: 0rem 0.2rem;
	}	
	.render-shower {
        background-position: 0rem -5rem;
	}	
	.render-boiler {
        background-position: 0rem -5rem;
	}
	.render-bath {
        background-position: 0rem -5rem;
	}
	.render-radiator {
        background-position: 0rem -5rem;
	}
	.render-towel {
        background-position: 0rem -5rem;
	}
	.render-canal {
        background-position: 0rem -4rem;
	}
	.render-sink {
        background-position: 0rem -5rem;
	}
	.render-mashine {
        background-position: 0rem -5rem;
	}
	.render-counter {
        background-position: 0rem -1rem;
	}
	.render-uni {
        background-position: 0rem -5rem;
	}
	.render-filter {
        background-position: 0rem -5rem;
	}
	.site-title {
        padding: 2.59rem 0rem 0rem 0rem;
	}	
}

@media (min-width: 540px){
	html{
		font-size: 14px;
	}
	.site-title {
        padding: 3.86rem 0rem 0rem 0rem;
	}
	.menu-item a {
        padding: 6.25rem 0rem 0rem 0rem;
        background-size: 55%;
	}
	.subdescript {
        background-position: 0rem 0rem;
	}
	.keydescript {
        background-position: 0rem 0rem;
        background-size: 100%;
        width: 12rem;
        right: 1.47rem;
		height: 15.81rem;
	}
	.iron-bull-box {
		background-size: 110%;
		background-position: -2rem -1rem;
	}
	.mask {
        height: 5.86rem;
	}
	.site-branding {
        padding: 3.86rem 3.86rem 1.47rem 3.86rem;
	}
	.entry-title {
        padding: 3.86rem 9.56rem 2.39rem 3.86rem;
	}
	.mess-box a {
        margin: 0.68rem 0rem 0rem 3.86rem;
	}
	.subdescript {
        padding: 1.47rem 14.34rem 1.47rem 3.86rem;
	}
	.price-list-box {
        margin: 0rem 2.39rem 0rem 2.39rem;
	}
	.key-branch-box {
        padding: 0rem 0rem 1.47rem 0rem;
	}
	.menu-toggle {
        height: 2.39rem;
        width: 2.39rem;
        top: 3.86rem;
        right: 3.86rem;
	}
	.render-shower {
        background-position: 0rem -20rem;
	}
	.title-project {
        padding: 0rem 3.86rem 2.39rem 3.86rem;
	}
	.descript-project {
        padding: 0rem 3.86rem 4.78rem 3.86rem;
	}
	.mask {
        height: 7.17rem;
	}
	.form-box {
        padding: 4.78rem 3.86rem 4.78rem 3.86rem;
	}
	.form-subscript {
        padding: 0.62rem 0rem 3.86rem 0rem;
	}
	.phone-box {
        margin: 0rem 3.86rem 1.47rem 3.86rem;
	}
	.keydescript {
        height: 27.81rem;
		top: -12rem;
		right: 2.39rem;
	}
	.quality-title {
        padding: 4.78rem 3.86rem 25.37rem 3.86rem;
	}
	.footer-title {
        padding: 0rem 1.47rem 0rem 3.86rem;
	}
	.footer-sub {
        padding: 0rem 1.47rem 2.39rem 3.86rem;
	}
	.sec-footer-title {
        padding: 2.39rem 0rem 0rem 3.86rem;
	}
	.footer-links {
        padding: 0rem 1.47rem 1.47rem 3.86rem;
	}
	.footer-box {
        background-position: 23rem 19rem;
	}
	.toggled .menu-santehpro-container {
        padding: 7.17rem 1.47rem 1.47rem 1.47rem;
	}
	.menu-item {
        width: 20%;
	}
	.menu-item a {
        background-size: 65%;
	}
	.render-boiler {
        background-position: 0rem -21rem;
	}
	.render-bath {
        background-position: 0rem -26rem;
	}
	.render-pipes {
        background-position: 0rem -16rem;
	}
	.render-faucet {
        background-position: 0rem -16rem;
	}
	.render-radiator {
        background-position: 0rem -23rem;
	}
	.render-towel {
        background-position: 0rem -22rem;
	}
	.render-canal {
        background-position: 0rem -18rem;
	}
	.render-sink {
        background-position: 0rem -23rem;
	}
	.render-siphon {
        background-position: 0rem -14rem;
	}
	.render-mashine {
        background-position: 0rem -21rem;
	}
	.render-counter {
        background-position: 0rem -17rem;
	}
	.render-uni {
        background-position: 0rem -23rem;
	}	
	.render-filter {
        background-position: 0rem -20rem;
	}
	.copyright-box {
        padding: 1.47rem 3.86rem 1.47rem 3.86rem;
	}
	.article-box{
		background-color: #fff;
		padding: 6.25rem 3.86rem 4.78rem 3.86rem; 
	}
	.article-h2{
		padding: 1.47rem 0rem 1.47rem 0rem; 
	}
	.article-p{
		padding: 0rem 0rem 1.47rem 0rem; 
	}
	.article-h3{
		padding: 3.86rem 0rem 1.47rem 0rem;
	}
	ul.atricle-list{
		list-style-type: circle;
		padding: 0.62rem 1.47rem 1.47rem 1.47rem;
		margin: 0;
	}
	ul.atricle-list li{
		padding: 0rem 0rem 0.62rem 0rem;
		margin: 0;
	}
	.b3{
		font-weight: 600;
	}
	.underprice-p{
		padding: 1.47rem 1.47rem 2.39rem 1.47rem;		
	}
	.underprice-box {
		padding: 3.86rem 1.47rem 1.47rem 1.47rem;
		border-radius: 1.47rem;
		margin: 2.39rem 0rem 2.39rem 0rem;
	}
	.image-bx {
		width: 36%;
		float: left;
		margin: 0rem 1.47rem 0rem 0rem;
		height: 14.34rem;
	}
	.install-time-bx .plbq {
	    padding: 0rem 0rem 1.47rem 0rem;
	}
	.services-qnt {
		padding: 0rem 2.39rem 0rem 2.39rem;
	    width: 46%;
	}
	.stes-img-l{
		width: 50%;
		float: left;
	}
	.stes-img-r{
		width: 50%;
		float: right;
	}
	.step-txt-l {
		text-align: right;
		width: 50%;
		margin: 2.39rem 0rem 4.78rem 0rem;
		
	}	
	.step-txt-r {
		text-align: left;
		width: 50%;
		float: right;
		margin: 0rem 0rem 4.78rem 0rem;
	}
	.steps-h2 {
		margin: 6.25rem 0rem 4.78rem 0rem;
	}
	.gig-digit {
		font-size: 2.39rem;
		font-weight: 500;
		font-style: italic;
		color: #F9D129;
		background-color: #4c4b4b;
		display: table;
		padding: 0.62rem;
		border-radius: 2.39rem;
		width: 2.39rem;
		text-align: center;
		line-height: 2.39rem;
		margin: 0rem auto 2.39rem;
	}
	.whts-h2, .whts-p{
		text-align: center;
	}
	.install-price-bx .image-bx {
		width: 33%;
	}
	.info-box-h2 {
		padding: 0rem 20.56rem 0rem 1.47rem;
	}
	.decore {
		width: 21rem;
		margin: 0rem 0rem 0rem 2.39rem;
	}				
}

@media (min-width: 768px){
	html{
		font-size: 20px;
	}
	.site-title {
        background-size: 80%;
        width: 50%;
        text-transform: uppercase;
        font-weight: 400;
        padding: 2.76rem 0rem 0rem 0rem;
	}
	.menu-toggle {
        height: 1.89rem;
        width: 1.89rem;
	}
	.image-bx {
		width: 35%;
		float: left;
		margin: 0rem 1.47rem 0rem 0rem;
		height: 15.34rem;
	}
	.render-sink {
		background-position: 0rem -19rem;
	}
	.img-service-ico {
		background-size: 50%;
	}
	.title-project, .projects-box h4{
		text-align: center;
	}
	.projects-box .phone-box {
		margin: 0rem 3.86rem 1.47rem 19%;
	}
	.services-qnt {
		width: 46%;
	}	
	.wp-enigma {
		left: 3.86rem;
		bottom: 2.39rem;
	}
	.services-h2 {
		padding: 0rem 9.56rem 4.78rem 9.56rem;
	}
	.install-price-bx .image-bx {
		width: 33%;
	}
	.all-prices-p{
		float: right;
	}
	
}

@media (min-width: 820px){
	.mask {
        height: 7.17rem;
	}
	.render-shower {
        background-position: 0rem -26rem;
	}
	.render-boiler {
        background-position: 0rem -26rem;
	}	
	.render-bath {
        background-position: 0rem -30rem;
	}
	.render-pipes {
        background-position: 0rem -20rem;
	}
	.render-faucet {
        background-position: 0rem -20rem;
	}
	.render-radiator {
        background-position: 0rem -27rem;
	}
	.render-towel {
        background-position: 0rem -25rem;
	}
	.render-canal {
        background-position: 0rem -25rem;
	}
	.render-sink {
        background-position: 0rem -27rem;
	}
	.render-siphon {
        background-position: 0rem -19rem;
	}
	.render-mashine {
        background-position: 0rem -27rem;
	}
	.render-counter {
        background-position: 0rem -22rem;
	}
	.render-uni {
        background-position: 0rem -27rem;
	}
	.render-filter {
        background-position: 0rem -25rem;
	}
	.render-sink {
		background-position: 0rem -22rem;
	}
	.under-service {
		padding: 4.78rem 2.39rem 0rem 2.39rem;
	}	
}

@media (min-width: 912px){
	html {
        font-size: 22px;
	}
}

@media (min-width: 1024px){
	html {
        font-size: 14px;
	}
	/*.menu-toggle{
		display: none;
	}*/
	#masthead{
		/*position: fixed;*/
		width: 100%;
		display: table;
		margin: auto;
	}	
	#primary{
		/*float: right;*/
		width: 100%;
		display: table;
		margin: auto;
		padding: 35.37rem 0rem 0rem 0rem;
	}
	.menu-santehpro-container{
		display: none; /*table*/
		padding: 14.34rem 2.39rem 2.39rem 2.39rem;
	}
	.main-image {
        height: 35.37rem;
	}
	.site-branding{
		width: 100%;
	}
	.render-shower {
		background-image: url(img/HorisontalShowerCabin.webp);		
        background-position: 0rem -4rem;
	}
	.render-boiler {
		background-image: url(img/H-Boiler.webp);		
        background-position: 0rem 0rem;
	}
	.render-bath {
		background-image: url(img/H-bath.webp);
		background-size: 100%;		
        background-position: 0rem -6rem;
	}
	.render-pipes {
		background-image: url(img/H-Valve.webp);		
        background-position: 0rem -6rem;
	}
	.render-faucet {
		background-image: url(img/HorisontalFaucet.webp);
        background-position: 0rem -8rem;
	}
	.render-radiator {
		background-image: url(img/H-Radiator.webp);
        background-position: 0rem -3rem;
	}
	.render-towel {
		background-image: url(img/H-Towel.webp);
        background-position: 0rem -2rem;
	}
	.render-canal {
		background-image: url(img/H-Canal.webp);
        background-position: 0rem -2rem;
	}
	.render-sink {
		background-image: url(img/HorisontalSink.webp);
        background-position: 0rem -6rem;
	}
	.render-siphon {
		background-image: url(img/H-Siphon.webp);
        background-position: 0rem -2rem;
	}
	.render-mashine {
		background-image: url(img/H-Mashine.webp);		
        background-position: 0rem -4rem;
	}
	.render-counter {
		background-image: url(img/H-Counter.webp);		
        background-position: 0rem -4rem;
	}
	.render-uni {
		background-image: url(img/H-Uni.webp);
        background-position: 0rem -5rem;
	}
	.render-filter {
		background-image: url(img/H-Filter.webp);
        background-position: 0rem -5rem;
	}
	.site-description {
        color: var(--work-font-color);
		text-align: center;
		padding: 4.78rem 3.86rem 0rem 3.86rem;
	}
	.mask {
        height: 5.46rem;
	}
	.page{
		background: none;
	}
	.menu-item a {
			background-size: 66%;
	}
	.phone-box {
		margin: 0rem 19% 7.17rem 19%;
	}
	.entry-title {
		padding: 3.86rem 50% 2.39rem 19%;
	}
	.mess-box {
		width: auto;
		display: table;
		margin: 0rem 19% 1.47rem 19%;
	}
	.subdescript {
		padding: 1.47rem 19% 1.47rem 19%;
	}
	.site-branding {
		padding: 3.86rem 19% 1.47rem 19%;
	}
	.price-list-box {
		margin: 0rem 19% 0rem 19%;
	}
	.underprice-box {
		margin: 2.39rem 0rem 2.39rem 0rem;
	}
	.iron-bull-box {
		background-size: 100%;
		background-position: 0rem 5rem;
		height: 14.2rem;
		right: 19%;
	}
	.article-box {
		background-color: #fff;
		padding: 6.25rem 19% 4.78rem 19%;
	}
	.image-bx {
		width: 28%;
		float: left;
		margin: 0rem var(--OneRem) 0rem 0rem;
		height: 15.34rem;
	}
	.projects-box {
		padding: 4.78rem 27% 9.56rem 27%;
		background-size: 100%;
	}

	.mask {
		background-position: 0rem 0rem;
		background-size: 100%;
		height: 11.79rem;
		width: 100%;
		bottom: -1rem;
		left: 0rem;
	}
	.form-box {
		padding: 4.78rem 19% 4.78rem 19%;
	}
	.quality-title {
		padding: 4.78rem 19% 25.37rem 19%;
	}
	.footer-title {
		padding: 0rem 19% 0rem 19%;
	}
	.footer-sub {
		padding: 0rem 19% 2.39rem 19%;
	}
	.keydescript {
		height: 27.81rem;
		top: -12rem;
		right: 15.39rem;
	}
	.subdescript{
		position: initial;
		padding: 1.47rem 50% 1.47rem 19%;
		background-position: 25%;
	}
	.menu-item {
	    width: 12.5%;
	}
	.toggled .menu-santehpro-container {
	    padding: 7.17rem;
	}
	.quality-box {
		background-repeat: no-repeat;
		background-position: 0rem -11rem;
		background-size: 100%;
	}
	.site-title {
		background-size: 100%;
		width: 27%;
		text-transform: uppercase;
		font-weight: 400;
		padding: 2.76rem 0rem 0rem 0rem;
		margin: auto;
	}
	.services-qnt {
		padding: 1.47rem 2.39rem 0rem 2.39rem;
		float: left;
		width: 29%;
		height: 26.59rem;
		box-sizing: border-box;
		margin: 0rem 1.47rem 2.39rem 1.47rem;
	}
	.under-service {
		text-align: center;
		padding: 0rem 33% 0rem 33%;
	}
	.form-subscript {
		padding: 0.62rem 9.56rem 3.86rem 9.56rem;
		text-align: center;
	}
	.form-title {
		padding: 0rem 9.56rem 0.62rem 9.56rem;
		text-align: center;
	}
	.title-project {
		padding: 0rem 0rem 2.39rem 0rem;
		text-align: center;
	}
	.descript-project {
		padding: 0rem 0rem 4.78rem 0rem;
	}
	.sec-footer-title {
		padding: 2.39rem 19% 0rem 19%;
	}
	.footer-links {
		padding: 0rem 19% 1.47rem 19%;
	}
	.copyright-box {
		padding: 1.47rem 19% 1.47rem 19%;
	}	
	.footer-box {
		background-position: 43rem -6rem;
	}
	.projects-box h4{
		text-align: center;
	}
	.wp-enigma {
		width: 30%;
	}
	.wp-enigma {
		left: 6.25rem;
	}
	.stes-img-l, .stes-img-r {
		width: 50%;
		background-size: 66%;
	}
	.steps-bx {
		margin: 0rem 19% 0rem 19%;
	}
	.install-price-bx {
		margin: 0rem 19% 1.47rem 19%;
	}
	.info-box-h2 {
		padding: 0rem 31rem 1.47rem 1.47rem;
	}
	.whts-y-ph-n {
		padding: 9.56rem 19% 9.56rem 19%;
		text-align: center;
	}
	.decore {
		width: 21rem;
		margin: 0rem 0rem 0rem 19%;
	}			
}

@media (min-width: 1100px){
	.render-shower {
        background-position: 0rem -10rem;
	}
	.mask {
        height: 14.86rem;
	}
	.install-price-bx .image-bx {
		width: 25%;
	}
	.menu-item a {
		background-size: 50%;
	}
	.stes-img-l, .stes-img-r {
		width: 45%;
		background-size: 66%;
	}	
	
}

@media (min-width: 1280px){
	html{
		background-attachment: fixed;
		background-repeat-y: no-repeat;
		background-repeat-x: repeat;
		background-position: -18rem 0rem;
		background-size: 133%;		
	}
	.render-shower {
        background-position: 0rem -19rem;
	}
	.render-boiler {
        background-position: 0rem -3rem;
	}
	.render-bath {
        background-position: 0rem -16rem;
	}
	.render-pipes {
        background-position: 0rem -17rem;
	}
	.render-faucet {
        background-position: 0rem -11rem;
	}
	.render-radiator {
        background-position: 0rem -15rem;
	}
	.render-towel {
        background-position: 0rem -2rem;
	}
	.render-canal {
        background-position: 0rem -13rem;
	}
	.render-sink {
        background-position: 0rem -17rem;
	}
	.render-siphon {
        background-position: 0rem -10rem;
	}
	.render-mashine {
        background-position: 0rem -9rem;
	}
	.render-counter {
        background-position: 0rem -13rem;
	}
	.render-uni {
        background-position: 0rem -14rem;
	}
	.render-filter {
        background-position: 0rem -6rem;
	}
	.site-title {
        background-size: 66%;
	}
	.mask {
        height: 15.06rem;
	}
	.subdescript {
        padding: 1.47rem 43% 1.47rem 3.86rem;
	}
	.projects-box {
        background-size: 130%;
	}
	.site-title {
		background-size: 100%;
		width: 22%;
		text-transform: uppercase;
		font-weight: 400;
		padding: 2.76rem 0rem 0rem 0rem;
	}
	.site-description {
		padding: 7.17rem 9.56rem 0rem 9.56rem;
	}
	.menu-item a {
		background-size: 50%;
	}
	.subdescript {
		padding: 1.47rem 60% 1.47rem 19%;
		background-position: 25%;
	}
	.keydescript {
		height: 36.81rem;
		top: -21rem;
	    width: 21rem;
		right: 22.39rem;
	}
	.iron-bull-box {
		background-size: 100%;
		background-position: 0rem -1rem;
		height: 9.2rem;
		right: 19%;
	}
	.info-box-h2 {
		padding: 0rem 40rem 1.47rem 1.47rem;
	}
	.image-bx {
		width: 23%;
		float: left;
		margin: 0rem var(--OneRem) 0rem 0rem;
		height: 15.34rem;
	}
	.footer-box {
		background-position: 54rem -17rem;
	}
	.img-service-ico {
		background-size: 33%;
	}
	.projects-box {
		padding: 4.78rem 31% 9.56rem 31%;
		background-size: 100%;
	}
	.wp-enigma {
	    left: 8.23rem;
	}
	.under-service {
		padding: 2.39rem 33% 0rem 33%;
	}
	.services-qnt {
		width: 30%;
	}
	.stes-img-l, .stes-img-r {
		background-size: 66%;
		background-position-x: 50%;
	}
	.stes-img-l, .stes-img-r {
		height: 15.34rem;
	}
	.install-price-bx .image-bx {
		width: 20%;
	}
	.all-prices-p {
		float: none; 
	}
	.install-price-bx {
		display: block;
	}
	.install-price-bx .plbq{
		display: block;
	}	
}

@media (min-width: 1325px){
	html{
		font-size: 16px;
	}
	.site-title {
        background-size: 100%;
	}	
	.menu-item {
        width: 12.5%;
	}
	.menu-item a {
        background-size: 57.5%;
	}
	.mask {
		height: 14.34rem;
	}
	.projects-box {
		padding: 4.78rem 29% 9.56rem 29%;
	}
	.services-qnt {
		width: 29%;
	}	
	
	
	
}

@media (min-width: 1600px){
	html{
		font-size: 20px;
	}
	.menu-item {
        width: 16%;
	}
	.menu-item a {
        background-size: 75%;
	}	
}

@media (min-width: 1700px){
	.menu-item {
        width: 16%;
	}
	.menu-item a {
        background-size: 46%;
	}
	.mask {
		height: 14.34rem;
	}
	.site-description {
		padding: 2.17rem 6.56rem 0rem 6.56rem;
	}
	.render-sink {
		background-position: 0rem -7rem;
	}
	.render-shower {
		background-position: 0rem -7rem;
	}
	.site-title {
		width: 26%;
	}
	.projects-box {
		padding: 4.78rem 26% 9.56rem 26%;
	}
	.projects-box h4{
		text-align: center;
	}
	.wp-enigma {
		left: 6.25rem;
	}	
}

@media (min-width: 1888px){
	.site-title {
        background-size: 100%;
	}
	.mask {
		height: 14.34rem;
	}	

}

@media (min-width: 2000px){
	.menu-item a {
        background-size: 62%;
	}	
	.site-title {
        background-size: 57%;
	}
	
	
}

@media (min-width: 2300px){
	.menu-item a {
        background-size: 52%;
	}	
	.render-shower {
		background-position: 0rem -25rem;
	}	
	.render-bath {
        background-position: 0rem -24rem;
	}
	.render-pipes {
        background-position: 0rem -23rem;
	}
	.render-faucet {
        background-position: 0rem -21rem;
	}
	.render-radiator {
        background-position: 0rem -21rem;
	}
	.render-towel {
        background-position: 0rem -4rem;
	}
	.render-canal {
        background-position: 0rem -21rem;
	}
	.render-sink {
        background-position: 0rem -23rem;
	}
	.render-siphon {
        background-position: 0rem -22rem;
	}
	.render-mashine {
        background-position: 0rem -15rem;
	}
	.render-counter {
        background-position: 0rem -19rem;
	}
	.render-uni {
        background-position: 0rem -23rem;
	}
	.render-filter {
        background-position: 0rem -12rem;
	}
	.site-title {
        background-size: 100%;
	}
	.site-description {
		padding: 7.17rem 16.56rem 0rem 16.56rem;
	}
	.menu-item a {
		background-size: 33%;
	}
	.stes-img-l, .stes-img-r {
		height: 17.34rem;
	}
	.mask {
		height: 17.34rem;
	}
	.quality-box {
		background-position: 0rem -31rem;
	}
	.wp-enigma {
		left: 10.25rem;
	}	
}

@media (min-width: 2560px){
	html{
		font-size: 16px;
	}
	.image-bx {
		width: 20%;
	}
	.timer-text {
		width: 67%;
	}
	.mask {
		height: 18.2rem;
	}
	.site-title {
        background-size: 81%;
	}
	.render-shower {
		background-position: 0rem -25rem;
	}
	.render-mashine {
		background-position: 0rem -9rem;
	}
	.projects-box {
		padding: 4.78rem 31% 18.2rem 31%;
	}
	.wp-enigma {
		left: 9.56rem;
	}
	.render-shower {
    background-position: 0rem -25rem;
}		
}

@media (min-width: 3792px){
	html{
		font-size: 16px;
	}
	.subdescript {
        padding: 1.47rem 54% 1.47rem 19%;
	}
	.site-title {
        background-size: 67%;
	}
	.menu-item a {
        background-size: 39%;
	}
	.mask {
		height: 14.34rem;
	}	
	
@media (min-width: 5120px){
	html {
		font-size: 16px;
	}	
	.menu-item {
		width: 20%;
	}
	.menu-item a {
        background-size: 31%;
	}
	.wp-enigma {
		left: 7.17rem;
	}	
}