@charset "utf-8";
@media (max-width:1200px) {
	header .info{ padding-left: 30px;}
	header .top a{font-size: 18px;}
	header .menu a{font-size: 18px;}
}
@media (max-width:1000px) {
	
	header .hdr{padding: 22px 12px 12px}
	header .top a.mail,
	header .top a.phone,
	header .logo{display: none}
	header .top p .toplogo{display:inline-block; padding-right: 20px}
	
	header .toplogo img{display: block; width: 223px;}
	header .top p{display: flex; font-size: 14px; }
	header .info{padding: 0}
	.mapx{height: 350px;}
	footer .menu nav a{font-size: 17px;}
	footer .bottom-line .compas a{font-size: 15px;}
	footer .bottom-line .compas{margin-right: 0; white-space: nowrap}

	.pbgx{ padding: 40px 0;}	
	h1{font-size: 30px}
	.gds a{font-size: 22px;}
	.yellowBtn, .redBtn{font-size: 20px;
		height: 53px;
		line-height: 53px;
	}
	.adventages .aOne h3{font-size: 20px;}
	.adventages .aOne p{font-size: 17px;}
	.adventages{padding: 70px 0 35px; }

	.ipart h2{ font-size: 37px;}
	.ipart .leftpart, .ipart .rightpart{font-size: 17px}
	.ipart.ipart1{ padding: 40px 0}
	.ipart.ipart3,
	.ipart.ipart2{padding: 40px 0 25px}
	.ipart.ipart2 .innerwrapper.flex{display: block; text-align: center}
	.ipart.ipart2 .leftpart, .ipart.ipart2 .rightpart{ width: 100%; margin: 0; padding: 0}
	.ipart.ipart2 h2{ text-align: center}
	.ipart.ipart2 .video{ width: 100%; height: 325px; max-width: 530px; padding-top: 15px; margin: 0 auto 17px}
	.ipart.ipart2 .leftpart .btn{display: none}
	.ipart.ipart2 .rightpart .btn{display:block}
	
	.ipart.ipart3 .leftpart{width: 35%; background-size:contain}
	.ipart.ipart3 .rightpart{width: 62%}

	.ipart.ipart4{padding: 35px 0}
	.ipart.ipart4 .innerwrapper.flex{align-items: flex-start}
	.ipart.ipart4 .leftpart{width: 58%}
	.ipart.ipart4 .rightpart{width: 40%}
	.ipart.ipart4 .rightpart p{font-size: 14px;}
	.ipart.ipart4 .rightpart p br{display: none}

	.catalog .wrp.flex{flex-direction: column; align-items: center}
	.cOne{width: 100%; max-width: 365px;}
	.cOne h3,
	.cOne .price{font-size: 21px;}
	.cOne .info{font-size: 16px;}
	.cOne .img img{max-width: 285px}
	.greenBtn{font-size: 18px; height: 40px;}
	
	.calc h2,
	.catalog .title h2{font-size: 37px;}
	.calc p,
	.catalog .title p{font-size: 17px;}
	
	.calc td{font-size: 19px;}
	.calc .sumcount{font-size: 19px;}
	.calc .sumcount b{font-size: 22px}
	.calc .count button{background-size: 80%}
	.calc .count input{font-size: 19px}
	
	
	.calc .wrp img{display: none}
	.calc .wrp.flex{justify-content: center}
	
	.ipart.ipart5{padding: 30px 0}
	.ipart.ipart5 .leftpart{ width: 40%}
	.ipart.ipart5 .rightpart{ width: 59%}
	.ipart.ipart6 h2,
	.ipart.ipart5 h2{font-size: 34px;}
	
	.ipart.ipart6{padding: 30px 0 20px	}
	.ipart.ipart6 .ab1{display:none; width: 100%; max-width: 580px;}
	.ipart.ipart6 .ab2{display:block; width: 100%; max-width: 280px;}
	.ipart.ipart6 .rightpart{ width: 40%}
	.ipart.ipart6 .leftpart{ width: 59%; padding: 0}
	.ipart.ipart6 .check img{width: 30px}
	

	.ipart.ipart7{padding: 20px 0}
	.ipart.ipart7 h2{text-align: center}
	.ipart.ipart7 .innerwrapper.flex{ flex-direction:column-reverse}
	.ipart.ipart7 .leftpart,
	.ipart.ipart7 .rightpart{ width: 100%; padding: 0; margin: 0; text-align: center}
	.ipart.ipart7 .leftpart{margin-bottom: 20px;}
	.slider3item h2, .reviews h2, .cons h2{ font-size: 34px}
	.slider3item h2 br, .reviews h2 br, .cons h2 br{display: none; text-align: center}
	.cons{padding: 25px 0 35px}
	.reviews{padding: 25px 0 30px}
	.rvOne.flex{flex-direction: column; max-width: 500px; margin: 0 auto}
	.rvOne .video{ height: 280px; width: 100%; margin-bottom: 20px }
	.reviews h2{margin-bottom: 1em}
	.rvOne .text{font-size: 17px; width: 100%; padding: 0}
	.rvOne .text .company{margin-bottom: 20px;}
	.sert{padding: 25px 0}
	.slider3item .wrp{width: 100%; max-width: 500px; margin: 0 auto}
	.owl-item.active .glOne .img{ height: 445px; margin-top: 0; }
	.owl-item.active.center .glOne .img{ height: 445px; width: 100%; margin: 0;}
	.main{ padding-top: 100px}
	.aOne{ width: 47%; margin: 0 1.5% 35px; }
	.aOne h3{ font-size: 22px; }
	.aOne .description{ font-size: 17px;}
	.aOne .more span{ font-size: 17px; }
	.text{font-size: 18px;}

	.ai_part{background: none}
	.ai_part .wrp.flex{display: block; }
	.ai_part .img{padding: 0 0 35px 0; text-align: center;
	background: url("../img/bg/sl2_1.png") center bottom no-repeat; }
	.ai_part .img img{display: inline-block}
	h1.h768{display: block;margin: 20px 0 40px}
	
	.ai_part .info{padding-top: 40px}
	.ai_part .info h1{display: none}
	
	.text.dscr table{width: calc(100% - 60px);}
	
}


@media (max-width:750px) {
	header .logo .v2,
	header .logo,
	.menubtn{ display:block}
	header .logo .v1,
	header .menu,
	header .top p{display: none}
	header .info .top{padding: 0; width: auto}
	header .info{width: auto}
	header .innerwrapper{padding: 0}
	header .hdr{padding: 0; height: 50px}
	header .top .sociaz{padding-right: 10px}
	.main{padding-top: 40px}
	.slider3item h2, .reviews h2, .cons h2,
	.ipart.ipart6 h2, .ipart.ipart5 h2,
	.ourprods h2,
	.calc h2, .catalog .title h2,
	.ipart h2,
	h1,h2{font-size: 27px}
	
	
	
	.rvOne .text,
	.cons p,
	.ourprods p,
	.calc p, .catalog .title p,
	.ipart .leftpart, .ipart .rightpart{font-size: 15.86px}
	a.yellowBtn, a.redBtn,
	.yellowBtn, .redBtn{font-size: 17px; height: 47px; line-height: 47px; min-width: 215px; text-align: center}
	.gds a{font-size: 12px;}
	.pbgx h1 span{ display: none}
	.pbgx{ background-position: center 250px}
	.adventages .aOne{box-shadow: none; padding: 0 10px; background: none}
	.adventages .aOne p{display: none}
	.adventages .aOne h3{ font-size: 15px}
	.adventages .aOne img{width: 70px; height: 70px}
	
	.adventages{padding: 50px 0 15px}
	
	
	
	.h320{display: block}
	.h1000{display: none}
	.ipart.ipart1 .wrp.flex h2,
	.ipart.ipart4 .wrp.flex h2{display: none}
	.ipart.ipart1 .h320{text-align: center}
	.ipart.ipart1 .wrp.flex{ display: block; text-align: center}
	.ipart.ipart1 .leftpart, .ipart.ipart1 .rightpart{width: 100%}
	.ipart.ipart1 .leftpart.flex{justify-content: center}
	.ipart.ipart1 a{max-width: 102px; margin: 0 15px}
	.ipart.ipart1 a p{font-size: 16px; font-weight: bold}

	
	.ipart.ipart3 .leftpart{display: none}
	.ipart.ipart3 .rightpart{width: 100%}
	
	.ipart.ipart4 .flex{ flex-direction:column-reverse}
	.ipart.ipart4 .leftpart,
	.ipart.ipart4 .rightpart{width: 100%}
	.ipart.ipart4 br{display: none}
	.ipart .btn{text-align: center}
	.glOne{padding: 0}
	.owl-next, .owl-prev{width: 20px; background-size: 50%}
	.ourprods .wrp{padding: 0 20px}
	.owl-prev{left: -25px}
	.owl-next{right: -25px}
	.ourprods .wrp{padding-top: 20px}
	
	.calc td,
	.calc .count input{ font-size: 17px}
	.calc .count input{ width: 65px; height: 30px; margin: 0 7px}
	.calc .count button{background-size: 60%}
	.calc .count{padding-left: 10px}
	.calc{padding: 25px 0}
	
	
	.ipart.ltx,
	.ipart.rtx{padding: 20px 0}
	
	.ipart.ltx .flex{flex-direction: column}
	.ipart.rtx .leftpart,
	.ipart.rtx .rightpart,
	.ipart.ltx .leftpart,
	.ipart.ltx .rightpart{width: 100%; }
	.ipart.ltx br{display: none}
	.ipart.ltx .leftpart{margin-bottom: 20px;}
	.ipart.rtx .rightpart{margin-bottom: 20px;}

	.ipart.ipart6 .ab2{display: inline-block; width: 100%; max-width: 280px}
	.ipart.ipart6 .rightpart{text-align: center}

	.ipart.rtx .flex{flex-direction:column-reverse}
	.ipart.ltx .rightpart{margin-bottom: 20px;}

	.rvOne .text .name{font-size: 18.5px}
	.slider3item .wrp, .reviews .wrp{padding: 0 20px}
	.rvOne .video{height: 185px;}
	
	
	footer .menu{padding: 10px 0}
	footer .menu nav ul{justify-content: center; flex-wrap: wrap}
	footer .menu nav a{font-size: 15.8px;}
	footer .bottom-line{padding: 5px 0; height: auto}
	footer .bottom-line .compas{text-align: center; float: none; width: 100%; margin: 0; padding: 0}
	footer .bottom-line .compas a{font-size: 14px;}
	footer .bottom-line .compas span{display: block}
	
	header .logo .v2{width: 195px;}
	header .top .sociaz a{font-size: 16px; margin: 0 2px}
	
	
	
	.articles .aOne{}
	.articles .aOne h3{ font-size: 21px;}
	.articles .aOne .description{ font-size: 15px;}
	
	.part{padding-bottom: 35px}
	.pagination{margin-top: 5px}
	.pagination li a{font-size: 17px}
	.pagination li{margin: 0 5px}
	
	.bcrumbs{padding: 5px 0 15px}
	.breadcrumb li{font-size: 16px}
	
	.text{ font-size: 17px}
	.text img{width: 100%; max-width: 600px}
	.ai_part{padding-top: 20px}
	
	.ai_part .info ul li{padding-left: 45px}
	.ai_part .info ul li::after{width: 28px; height: 28px; background-size: 100% 100%}
	.ai_part .info ul,
	.text.dscr p, .text.dscr ul, .text.dscr table,
	.text.line1 ol{ margin-left: 10px}
	.text.dscr table{width: calc(100% - 20px)}
	
	
}


@media (max-width:500px) {
	.pbgx{ background-position: center 200px}
	.articles .aOne{ width: 97%}


}