@media only screen and (max-width : 1600px){
	


}/**1600px**/

@media only screen and (max-width : 1440px){
	
}/**1440px**/



@media only screen and (max-width : 1280px){
	
}/**1280px**/

@media only screen and (max-width : 1200px){
	.hidd1200{
		display: none!important;
	}

	.header{
		position: absolute;
	}

	.nav > ul{
		display: block;
		text-align: center;
	}

	.nav > ul > li > a,
	.nav > ul > li > span{
		padding: 8px 0;
		justify-content: center;
	}

	.nav > ul ul{
		width: 100%;
		padding: 0;
		position: static;
		transform: none;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
	}

	.nav > ul ul:before{
		display: none;
	}

	.nav > ul ul li a{
		color: #fff;
	}

	.burger{
		display: block;
	}

	.contacts{
		padding-top: 64px;
	}

}/**1200px**/

@media only screen and (max-width : 1199px){
	.intro{
		overflow: hidden;
	}

	.intro__top .cols{
		margin: 0;
	}

	.intro__top .col{
		padding: 0;
	}

	.intro__top .col__left{
		width: 100%;
		padding-bottom: 35px;
	}

	.intro__top .col__right{
		width: 100%;
	}

	.intro__title{
		font-size: 22px;
		text-align: center;
	}

	.intro__top .pic img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.intro__bottom .col__left{
		width: 100%;
		padding-right: 0;
	}

	.intro__bottom .col__right{
		width: 100%;
	}

	.cat .item{
		width: 100%;
		text-align: center;
	}

	.cat .item .icon{
		width: 100%;
	}

	.intro__app .in{
		display: block;
	}

	.intro__app .arrow{
		margin: 0 auto;
	}

	.intro__app .img{
		margin: 0 auto;
	}

	.intro__app .right{
		padding-left: 0;
		text-align: center;
	}

	.action{
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.action__title{
		font-size: 22px;
	}

	.action__phone{
		font-size: 38px;
	}

	.action p{
		font-size: 16px;
	}

	.serv-section{
		padding-top: 55px;
	}

	.slick-dots li button{
		width: 28px;
		height: 2px;
	}

	.serv .slick-prev, 
	.serv .slick-next{
		display: none!important;
	}

	.about{
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.about__left{
		width: 100%;
	}

	.about__right{
		width: 100%;
		padding-left: 0;
	}

	.about .logo img{
		width: 100%;
		max-width: 420px;
	}

	.about p{
		font-size: 16px;
	}

	.advantages{
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.title-red{
		margin-bottom: 20px;
		font-size: 30px;
	}

	.p-subtitle{
		margin-bottom: 20px;
		font-size: 20px;
	}

	.advantages .item{
		width: 100%;
	}

	.advantages .item .title{
		font-size: 18px;
	}

	.advantages .item p{
		font-size: 16px;
	}

	.advantages .item ul li{
		font-size: 16px;
	}

	.app{
		padding-top: 50px;
	}

	.app__left{
		width: 100%;
	}

	.app__right{
		width: 100%;
		padding-left: 0;
	}

	.app .pic{
		display: flex;
		justify-content: center;
	}

	.app .pic img{
		max-width: 360px;
	}

	.app .title{
		font-size: 22px;
	}

	.store{
		padding-top: 30px;
	}

	.footer{
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.footer .cols{
		flex-wrap: wrap;
	}

	.footer .col{
		width: 100%;
	}

	.popup{
		padding: 40px 25px;
	}

	.contacts__col{
		width: 100%;
		min-height: 0;
	}

	.contacts .map{
		height: 580px;
	}

	.contacts .right{
		max-width: none;
		padding: 35px 15px;
	}

	.contacts .title{
		margin-bottom: 25px;
		font-size: 20px;
	}

	.contacts p{
		margin-bottom: 25px;
		font-size: 16px;
	}

	.label{
		font-size: 16px;
	}

	.label span{
		font-size: 12px;
	}

	.form__subtitle{
		font-size: 16px;
	}

	.check label{
		font-size: 12px;
	}

	.content p,
	.content__sub,
	ol li{
		font-size: 16px;
	}

	.content{
		padding-top: 100px;
		padding-bottom: 55px;
	}

	.card{
		padding-top: 100px;
		padding-bottom: 55px;
	}

	.card__left{
		width: 100%;
	}

	.card__right{
		width: 100%;
		padding-left: 0;
	}

	.card .pic{
		display: flex;
		justify-content: center;
	}

	.card .title{
		font-size: 32px;
	}

	.card ul li{
		font-size: 16px;
	}

	.card p{
		font-size: 16px;
	}

	.card__phone{
		font-size: 30px;
	}

	.park{
		padding-top: 55px;
		padding-bottom: 25px;
	}

	.park .item{
		width: 50%!important;
		margin-bottom: 30px;
	}

	.park .item .title{
		font-size: 20px;
	}

	.order{
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.order__phone{
		font-size: 28px;
	}

	.order__phone .arrow{
		top: -33px;
    	left: -49px;
	}

	.profit{
		padding-top: 55px;
		padding-bottom: 25px;
	}

	.profit .item{
		width: 100%!important;
		margin-bottom: 30px;
	}

	.profit .item .title{
		font-size: 20px;
	}

	.kids{
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.kids__col{
		width: 100%;
	}

	.kids .title{
		font-size: 30px;
	}

	.kids .title img{
		width: 60px;
	}

	.kids p{
		font-size: 16px;
	}

	.kids__phone{
		font-size: 32px;
	}

	.kids .col{
		width: 100%;
	}

	.usluga .col{
		width: 100%;
	}

	.usluga .title{
		font-size: 20px;
	}

	.usluga p{
		font-size: 16px;
	}

}/**1199px**/

@media only screen and (max-width : 992px){

}/**992px**/

@media only screen and (max-width : 991px){
	
}/**991px**/

@media only screen and (max-width : 768px){
    
}/**768px**/

@media only screen and (max-width : 767px){
	.park .item{
		width: 100%!important;
	}



}/**767px**/

@media only screen and (max-width : 576px){
	
}/**576px**/

@media only screen and (max-width : 575px){
	
}/**575px**/

@media only screen and (max-width : 480px){
	
}/**480px**/

@media only screen and (max-width : 425px){
	
}/**425px**/

@media only screen and (max-width : 375px){
	
}/**375px**/

@media only screen and (max-width : 360px){
	
}/**360px**/

@media only screen and (max-width : 320px){

}/**320px**/





@media only screen and (min-width : 1201px){
	.nav > ul > li:hover > ul{
	    display: block;
	}
}