/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


@media (max-width: 1300px){
	section[data-component] > article{
		max-width: 960px;
	}
	[data-component="swiper-buttons"] .swiper-button-next{
		right: 20px;
	}
	[data-component="swiper-buttons"] .swiper-button-prev{
		left: 20px;
	}
	[data-component="benefits"] > article{
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
	}
	[data-component="benefits"] img{
		width: 100%;
		height: 210px;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	[data-component="benefits"] h4{
		font-size: 20px;
	}
	[data-component="benefits"] p{
		font-size: 14px;
	}
	[data-component="work-schema"]{
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
	}
	[data-component="work-schema-list"]{
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, 1fr);
		padding-top: 60px;
		padding-bottom: 40px;
	}
	[data-component="work-schema-list"] > div{
		padding-top: 190px;
	}
	[data-component="work-schema-list"] h4{
		font-size: 20px;
	}
	[data-component="work-schema-list"] p{
		font-size: 14px;
	}
	[data-component="work-schema-list"] div:nth-of-type(1) img{
		left: 15px;
	}
	[data-component="work-schema-list"] div:nth-of-type(2) img{
		left: 15px;
	}
	[data-component="work-schema-list"] div:nth-of-type(3) img{
		left: 40px;
	}
	[data-component="work-schema-list"] div:nth-of-type(4) img{}
	[data-component="contacts"] > article {
		grid-template-columns: 1fr 1fr;
	}
	[data-component="contacts"] .map{
		width: 700px;
	}
	[data-component="contacts"] .premap-block{
		max-width: 450px;
	}
	[data-component="contacts"] .map{
		width: 100%;
	}
	[data-component="footer"] ul{
		grid-gap: 30px;
	}
}
@media (max-width: 1023px){
	section[data-component] > article{
		padding-left: 20px;
		padding-right: 20px;
	}
	img[src='/assets/img/about/about.png']{
		display: none;
	}
	[data-component="navbar-menu"]{
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	[data-component="navbar-top"] li:hover::after {
		content: none;
	}
	.mobile-menu + [data-component='mobile-menu-ul']{
		display: none !important; 
		opacity: 0;
		-webkit-transition: .1s;
		-o-transition: .1s;
		transition: .1s;
	}
	[data-component="navbar-li-mobile-menu"] + [data-component="navbar-inner-menu"],
	.mobile-menu.open + [data-component='mobile-menu-ul']{
		display: -ms-grid !important;
		display: grid !important;
		-webkit-transition: .1s;
		-o-transition: .1s;
		transition: .1s;
		opacity: 1;

		-ms-grid-columns: 1fr;

		grid-template-columns: 1fr;
		grid-auto-flow: dense;
		grid-gap: 0;
	}
	[data-component='mobile-menu-ul']{
		position: absolute;
	    left: 0;
	    width: 100%;
	    background-color: #fff;
	}
	[data-component='mobile-menu-ul'] [data-component='navbar-li-mobile-menu']{
		display: none !important;
	}
	[data-component="navbar-li-mobile-menu"].open [data-component="navbar-mobile-inner-menu"] li{
		width: 100%;
	}
	[data-component="navbar-li-mobile-menu"].open [data-component="navbar-mobile-inner-menu"] span{
		display: grid;
		padding-right: 10px;
		padding-left: 10px;
		padding-right: 50px;
	}
	[data-component='navbar-li-mobile-menu'][menu-1] > [data-component="navbar-mobile-inner-menu"]{

	}
	[data-component='navbar-li-mobile-menu'][menu-2] > [data-component="navbar-mobile-inner-menu"]{
		padding-right: 15px;
		padding-left: 15px;	
	}
	[data-component="navbar-li-mobile-menu"].open [data-component="navbar-mobile-inner-menu"],
	[data-component="navbar-li-mobile-menu"].open{
		display: grid !important;
		grid-template-columns: 1fr;
		grid-template-columns: 100%;
		grid-auto-flow: dense;
	}
	[data-component='mobile-menu-ul'] span {
		display: grid;
		grid-template-columns: 1fr 50px;
		grid-template-columns: 1fr 85px;
	}	
	[data-component='mobile-menu-ul'] span > button{	
		box-shadow: none;
		border: 0;
		height: 100%;
		background-color: transparent;
	}
	.material-icons{
		transform: rotate(0deg);
	}
	.material-icons.rotated{
		transform: rotate(180deg);
	}
	div[data-component="navbar-links"] a{
		font-size: 16px;
	}
	a[data-component="mailto"]{
		font-size: 12px;
	}
	[data-component="navbar-top"] li::after{
		display: none;
	}
	[data-component="benefits"]{
		background-size: cover; 
		background-position: center;
	}
	[data-component="work-schema-list"],
	[data-component="product-list"],
	[data-component="benefits"] > article{
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
	}
	[data-component="work-schema"]{
		background-size: 110% 97%;
	}
	[data-component="work-schema-list"] div:nth-of-type(1) img,
	[data-component="work-schema-list"] div:nth-of-type(2) img,
	[data-component="work-schema-list"] div:nth-of-type(3) img,
	[data-component="work-schema-list"] div:nth-of-type(4) img{
		left: 0;
	}
	[data-component="contacts"] > article{
		display: -ms-grid;
		display: grid;
		grid-gap: 30px 0;
	}
	[data-component="contacts"] .map{
		position: static;
	    -ms-grid-row: 3;
	    -ms-grid-row-span: 1;
	    grid-row: 3/4;
	    height: 400px;
	    width: 100%;
	}
	[data-component="contacts"] .premap-block {
		margin: 0;
	}
	[data-component="contacts"] > article{
		grid-template-columns: 100%;
	}
	[data-component="contacts"] .premap-block,
	[data-component="contacts"] .map,
	[data-component="contacts"] h1{
		grid-column: unset;
	}
	[data-component="footer"] > article{
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-gap: 30px 0;
	}
}
@media (max-width: 767px){
	[data-component="header-company-info"] > article{
		-ms-grid-columns: 1fr 0px -webkit-max-content;
		-ms-grid-columns: 1fr 0px max-content;
		grid-template-columns: 1fr -webkit-max-content;
		grid-template-columns: 1fr max-content;
		grid-gap: 10px 0px;
	}
	[data-component="header-company-info"] .btn-navbar{
		position: static;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2/3;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2/3;
	}
	[data-component="header-company-info"] > div:nth-of-type(1){
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-row: 1/3;
		-ms-grid-row-align: center;
		    align-self: center;
	}
	div[data-component="navbar-links"]{
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2/3;
	}
	[data-component="navbar-bottom"] .swiper-slide article > div{
		left: 20px;
	}
	[data-component="swiper-buttons"] > div{
		top: unset;
		bottom: 30px;
	}
	[data-component="about-company"] {
	    height: -webkit-max-content;
	    height: -moz-max-content;
	    height: max-content;
		padding-bottom: 1px;
	}
	[data-component="work-schema-list"], 
	[data-component="product-list"], 
	[data-component="benefits"] > article{
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	[data-component="benefits"] img{
		height: 300px;
	}
	[data-component="work-schema-list"] > div {
	 
	    max-width: 270px !important;
	    margin: 0 auto;
	}
	[data-component="work-schema-list"] > div,
	[data-component="product-list"] > div,
	[data-component="benefits"] > article > div {
	    width: calc(480px - 40px)!important;
	    margin: 0 auto;
	}
	[data-component="benefits"]{
		background: transparent;
	}
	[data-component="work-schema"]{
		background-size: cover; 
		background: transparent;
	}
	[data-component="work-schema-list"] > div{
		padding-top: 0;
	}
	[data-component="work-schema-list"] div img{
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		position: static;
		margin: auto;
		margin-bottom: 25px;
	}
	[data-component="work-schema-list"] div:nth-of-type(4) img{
		position: relative;
		left: -30px;
	}
	[data-component="contacts"] .premap-block{
		width: 100%;
	}
	[data-component="footer"] ul {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-auto-flow: unset;
		grid-gap: 15px;
	}
	[data-component='product-example']{
		grid-gap: 15px;
		grid-template-columns: 100%;
	}
}
@media (max-width: 550px){
	[data-component="youtube-embed"] iframe{
		width: 100%;
	}
}
@media (max-width: 480px){
	[data-component="navbar-bottom"] .swiper-container .swiper-slide article{
		height: 90vh;
		min-height: 525px;
	}
	[data-component="header-company-info"] .btn-navbar{
		position: static;
		grid-row: unset;
		grid-column: unset;
	}
	[data-component="header-company-info"] > div:nth-of-type(1){
		grid-row: unset;
		-ms-grid-row-align: center;
		    align-self: center;
	}
	div[data-component="navbar-links"]{
		grid-column: unset;
	}
	[data-component="header-company-info"] > article{
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-gap: 20px 0;
	}
	[data-component="question"] form{
		padding: 20px 15px;
	}
	[data-component="footer"] .width-386{
		width: 100%;
	}
	[data-component="benefits"] img {
	    height: 220px;
	}
	[data-component="work-schema-list"], 
	[data-component="product-list"], 
	[data-component="benefits"] > article {
	    -ms-grid-columns: 100%;
	    grid-template-columns: 100%;
	}
	[data-component="benefits"] h4 {
	    font-size: 17px;
	}
	[data-component="work-schema-list"] > div,
	[data-component="product-list"] > div,
	[data-component="benefits"] > article > div {
	    width: 100% !important;
	}
}
@media (max-width: 1300px){}