@media all and (max-width:1200px){
}

@media all and (max-width:992px){
}

@media all and (max-width:768px){
}

@media all and (max-width:567px){
	.phone-div{
		display: none;
	}
	.m-tog-menu{
		display: grid;
	}
	.m-tog-menu .m-tog-ul{
		display: none;
	}
	.m-tog-menu.active .m-tog-ul{
		display: block;
	}
	.m-tog{
		display: flex;
	}
	.phone-mob{
		display: flex;
	}
	.cont-div{
		display: none;
	}
	.main-div{
		width: 100%;
		padding-top: 170px;
	}
	.big-h1{
		font-size: 55px;
	}
	h1{
		font-size: 36px;
	}
	h2{
		font-size: 26px;
	}
	h3{
		font-size: 20px;
	}
	.main-div .p-it{
		font-size: 24px;
	}
	.main-div .button{
		margin-top: 25px;
	}
	.advan-inner{
		grid-template-columns: 1fr;
	}
	.about-inner{
		grid-template-columns: 1fr;
	}
	.about-icons-inner{
		grid-template-columns: 1fr;
		padding-bottom: 0px;
	}
	.about-icons-inner .advan-item{
		justify-items: center;
	}
	.about-icons-inner .advan-item img{
		margin-left: 0px;
	}
	.about{
		background: unset;
	}
	.contacts-inner{
		box-shadow: unset;
		margin: 0px;
		grid-template-columns: 1fr;
		padding: 0px;
		grid-gap: 25px;
	}
	.map.container-fluid{
		margin-top: 0px;
	}
	.serv-inner{
		grid-template-columns: 1fr;
	}
	.foot-div{
		flex-direction: column;
	}
	.foot-div .cont-div{
		display: flex;
		flex-direction: column;
    	align-items: flex-start;
    	grid-gap: 10px;
    	margin-bottom: 25px;
	}
	.contacts{
		margin-top: 50px;
	}
	.services{
		padding-top: 60px;
		padding-bottom: 0px;
	}
	.main{
		min-height: 540px;
	}
	.main::before{
		min-height: 540px;
	}
	#call form{
		padding: 0px;
	}
	.main-div.th{
		width: 100%;
	}
	.whatsapp__ico{
		width: 60px;
    	height: 60px;
		padding-top: 12px;
	}
	.whatsapp__ico svg{
		width: 35px;
		height: 35px;
	}
}
@media all and (max-width:420px){
}


@media all and (max-width:370px){
}


@media all and (max-width:320px){
}