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

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

@media all and (max-width:768px){
	.about-team-item{
		height: 404px;
	}
	.about-team-title{
		font-size: 16px;
	}
	.about-team-slider{
		margin-top: 10px;
		display: block;
	}
	.team-swiper{
		display: flex;
		grid-gap: 10px;
		justify-content: center;
    	margin-top: 20px;
	}
	.about-team{
		display: none;
	}
	.m-tog-menu[style*="display: block;"]{
		display: flex !important;
	}
	.m-tog-menu .cont-div{
		flex-direction: column;
    	grid-gap: 10px;
	}
	.cont-div a{
		font-size: 14px;
	}
	.phone-div a{
		font-size: 14px;
	}
	.m-tog-menu{
		position: absolute;
		top: 110px;
		background: #fff;
		z-index: 1;
		left: 0;
		width: 92%;
		flex-direction: column;
		grid-gap: 20px;
		align-items: center;
		border: 1px solid #1C3D5A;
		border-radius: 16px;
		margin: 0px 15px;
		padding: 30px 0px;
	}
	.m-tog{
		display: grid;
	 	width: 36px;
		height: 36px;
		background: #364f6b;
		border-radius: 8px;
		margin-left: auto;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	.m-tog span{
		width: 14px;
		height: 2px;
		background: #fff;
		transition: all 0.5s ease;
	}
	.m-tog::before{
		content: '';
		position: absolute;
		width: 14px;
		height: 2px;
		background: #fff;
		top: 12px;
        left: 0;
        right: 0;
        margin: auto;
		transition: all 0.5s ease;
	}
	.m-tog::after{
		content: '';
		position: absolute;
		width: 14px;
		height: 2px;
		background: #fff;
		bottom: 12px;
        left: 0;
        right: 0;
        margin: auto;
		transition: all 0.5s ease;
	}
	.m-tog.active::before {
        transform: rotate(45deg) translate(3px, 3px);
    }
	.m-tog.active span{
        transform: rotate(-45deg);
    }
	.m-tog.active::after {
        opacity: 0;
        width: 0;
        height: 0;
    }
	.foot-nav a{
		font-size: 14px;
	}
	.foot-head{
		flex-direction: column;
		grid-gap: 30px;
	}
	.foot-end{
		flex-direction: column;
		grid-gap: 10px;
	}
	.foot-end a{
		font-size: 14px;
	}
	.foot-nav{
		flex-direction: column;
		align-items: center;
		grid-gap: 10px;
	}
	.reviews-header{
		justify-content: center;
		margin-bottom: 10px;
	}
	.rev-swiper{
		position: absolute;
		bottom: -63px;
		margin: auto;
		left: 0;
		right: 0;
		width: fit-content;
	}
	.cases-wrapper{
		padding: 20px;
		border-radius: 16px;
	}
	.cases-inner{
		grid-gap: 10px;
	}
	.cases-item{
		height: 160px;
		border-radius: 12px;
	}
	.cases-item.active{
		height: 500px;
	}
	.cases-desc{
		overflow-y: scroll;
	}
	.prod-modal .contacts-form {
		padding: 60px 35px 35px;
	}
	.cases-con{
		padding: 0px 15px;
		bottom: 15px;
		transform: translate(0px, 70px)
	}
	.cases-item-title{
		font-size: 16px;
	}
	.about-inner{
		grid-template-columns: 1fr;
		grid-gap: 10px;
	}
	.about-img{
		grid-row: 2;
		height: 208px;
		border-radius: 16px;
	}
	.about-con{
	 	padding: 20px;
		border-radius: 16px;
	}
	.revs-item{
		height: 508px;
	}
	.revs-btn{
		width: 27px;
		height: 54px;
	}
	.advans h2{
		text-align: center;
	}
	.callback-inner{
		padding: 40px 20px 20px;
		width: 100%;
		margin-bottom: 20px;
	}
	.callback-title{
		text-align: center;
	}
	.callback-desc p{
		text-align: center;
	}
	.callback-inner .button{
		margin-top: 0;
		width: 100%;
	}
	.callback-img{
		height: 228px;
		width: 100%;
		object-fit: contain;
		position: unset;
	}
	.promo-img-mob{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 28px;
		object-fit: cover;
	}
	.promo-img{
		display: none;
	}
	p{
		font-size: 14px;
	}
	input{
		padding: 16px;
		font-size: 14px;
	}
	input::placeholder{
		font-size: 14px;
	}
	.contacts-form{
		padding: 40px 20px;
	}
	.contacts-form-title{
		font-size: 16px;
		margin-bottom: 0;
	}
	.nav-div .cont-div{
		display: none;
	}
	.nav-div .phone-div{
		display: none;
	}
	.nav-div .button{
		display: none;
	}
	.nav-div{
		grid-template-columns: 85px 1fr;
		border-radius: 16px;
	}
	h1{
		font-size: 32px;
	}
	.promo-wrapper{
		height: 679px;
	}
	.promo-inner{
		bottom: 70px;
        top: unset;
		left: 0;
		padding: 20px;
		width: 100%;
	}
	.promo-title{
		text-align: center;
	}
	.promo-desc p{
		width: 100%;
		text-align: center;
		font-size: 14px;
	}
	.button{
		font-size: 14px;
	}
	.promo-inner .button{
		width: 100%;
	}
	.promo-fl p{
		font-size: 14px;
	}
	.promo-fl span, .promo-fl strong{
		font-size: 28px;
	}
	.promo-svg{
		display: none;
	}
	.promo-bottom{
		flex-direction: column;
    	grid-gap: 15px;
		padding: 40px 25px 20px;
		bottom: -345px;
	}
	.promo-bottom-title{
		text-align: center;
		font-size: 16px;
	}
	.promo-bottom-desc p{
		text-align: center;
		font-size: 14px;
	}
	.promo{
		padding-bottom: 325px;
	}
	.stroke-anim{
		width: 162px;
    	bottom: -16px;
	}
	.findir-inner{
		grid-template-columns: 1fr;
	}
	.findir-item{
		display: grid;
		grid-template-columns: 32px 1fr;
		grid-gap: 10px;
		padding: 20px;
		border-radius: 16px;
		align-items: center;
	}
	.findir-icon{
		width: 32px;
		height: 32px;
		border-radius: 5px;
	}
	.findir-icon img{
		width: 17px;
    	height: 17px;
	}
	.findir-title{
		font-size: 16px;
	}
	.findir-title br{
		display: none;
	}
	.findir-desc{
		grid-column-start: 1;
		grid-column-end: 3;
		margin-bottom: 0;
	}
	.findir-desc br{
		display: none;
	}
	h2{
		font-size: 28px;
	}
	.findir h2{
		text-align: center;
	}
	.advans-item{
		padding: 20px;
		border-radius: 16px;
	}
	.advans-title{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.advans-desc p{
		margin-bottom: 0;
	}
	.advans-inner{
		grid-template-columns: 1fr;
	}
	.advans-bottom p{
		font-size: 16px;
	}
	.prods-inner{
		grid-template-columns: 1fr;
	}
	.prods-item{
		border-radius: 16px;
		padding: 20px;
	}
	.prods-title{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.prods-link{
		font-size: 14px;
	}
	.clients-swiper{
		position: absolute;
		bottom: -63px;
	}
	
}


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


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


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