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

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

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

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

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

@media only screen and (max-width : 1024px){
	.btns .phone-block a{
		padding-left: 0;
    width: 45px;
    height: 45px;
		background-position: center center;
		font-size: 0;
	}
	.about .text2{
		max-width: 410px;
	}
	.footer-contacts .container:before{
		width: 100%;
		left: 0;
		right: 0;
	}
	.footer-contacts .container .flex{
		margin: 0;
	}
	.footer-contacts .container .flex .item{
		padding: 30px 5px;
	}
	.price-calc-title{
		font-size: 26px;
	}
}

@media only screen and (max-width : 768px){
  .top-menu-block{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		padding: 0;
	}
	.top-menu{
		width: 100%;
		height: 100%;
	}
	.top-menu-block .inner{
		background-color: #ffffff;
		width: 100%;
		height: 100%;
		padding-top: 50px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
	}
	.top-menu-block .inner .close{
		position: absolute;
		top: 20px;
		right: 20px;
		width: 24px;
		height: 24px;
		display: block;
	}
	.burger{
		width: 35px;
    height: 24px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
	}
	.burger span{
		width: 100%;
		height: 4px;
		border-radius: 2px;
		background-color: #F50D0D;
	}
	.top-menu .nav, .top-menu .nav .parent .nav-child{
		flex-direction: column;
		text-align: center;
	}
	.top-menu .nav li{
		margin-bottom: 20px;
	}
	.top-menu .nav a, .top-menu .nav span{
		font-size: 20px;
	}
	.top-menu .nav .parent .block-child{
		position: static;
		background: transparent;
		border: none;
		padding: 15px 0 15px;
	}
	.top-menu .nav .parent .nav-child .menu-more{
		display: none;
	}
	.top-menu .nav .parent .nav-child li{
		margin-bottom: 15px;
	}
	.main-slider .slide .inner .text-block{
		margin-left: 20px;
	}
	.main-slider .slide .inner .text-block .title{
		font-size: 30px;
	}
	.title-block{
		margin-top: 50px;
		margin-bottom: 30px;
	}
	.caption{
		margin-bottom: 30px;
	}
	h3{
		font-size: 22px;
	}
	.title-block .btn-block a{
		flex-direction: row;
    align-items: center;
		max-width: 100%;
	}
	.title-block .btn-block a .more-span {
    margin-bottom: 0;
		margin-right: 15px;
	}
	.title-block .btn-block{
		margin-top: 30px;
	}
	.services-list .inner .img img{
		width: 100%;
	}
	.services-list .item{
		margin-bottom: 30px;
	}
	.advantages-list .item {
    height: auto;
	}
	.about-block .title-block h3{
		padding-left: 0;
	}
	.about .text-block{
		margin-top: 30px;
		padding-left: 0;
	}
	.news-block .arrows-block{
		margin-top: 30px;
	}
	.add-services-block h3{
		max-width: 100%;
	}
	.footer-contacts .container .flex .item{
		width: 33.33333%;
	}
	.policy-block{
		margin-top: 20px;
	}
	
	footer .btn-block, .blog-item{
		margin-top: 30px;
	}
	.bottom-form, .other-blog{
		margin-top: 50px;
	}
	.blog-item .back{
		margin-bottom: 30px;
	}
	.contacts-container .item{
		width: 50%;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.contacts-container a, .contacts-container .adress-block, .contacts-container .time-block{
		font-size: 16px;
	}
}

@media only screen and (max-width : 600px){
  .btns .btn-block{
		display: none;
	}
	.btns .calc-btn svg{
		margin-left: 0;
	}
	.btns .calc-btn{
		font-size: 0;
	}
	.main-slider .slide .inner .text-block{
		padding-top: 190px;
	}
	.main-slider .slide .inner .text-block .title {
		font-size: 24px;
	}
	.main-slider .slide .inner .text-block .text, .accordion-block .item .text{
		font-size: 14px;
	}
	.main-slider-block .arrows .arrows-block {
    padding-left: 20px;
	}
	.advantages-list .item .inner .text{
		margin-top: 20px;
	}
	.about .text3{
		margin-left: 0;
	}
	.accordion-block .item{
		padding: 15px 0;
	}
	.bottom-form{
		padding: 50px 0;
	}
	.bottom-form .form-inner>div{
		margin-bottom: 20px;
	}
	.footer-contacts .container .flex .item {
		width: 50%;
	}
	.footer-contacts a, .footer-contacts .adress-block, .footer-contacts .time-block, .accordion-block .item .name{
		font-size: 16px;
	}
	.footer-contacts .container .flex .item{
		padding: 20px 5px;
	}
	footer .services-menu, .inner-page .top-block .inner .text-block .text{
		margin-top: 20px;
	}
	.popupblock .inner, .popupblock#calc .inner{
		padding: 50px 30px;
	}
	.popupblock#calc .inner{
		width: 100%;
	}
	.number-block, .bottom-form .form-inner, .price-block{
		margin-top: 50px;
	}
	.number-block .flex .item .num{
		opacity: 1;
		font-size: 50px;
	}
	.number-block .flex{
		flex-wrap: wrap;
	}
	.number-block .flex .item .text{
		font-size: 14px;
		line-height: 140%;
	}
	.number-block .flex .item{
		width: 50%;
		margin-bottom: 30px;
	}
	h3 {
		font-size: 18px;
	}
	.inner-page .top-block .inner .text-block {
    padding-top: 275px;
    padding-left: 20px;
	}
	.inner-page .top-block .inner .text-block h1{
		font-size: 30px;
	}
	.stages-list .item{
		width: 100%;
	}
	.price-block .price-list .item .inner{
		flex-wrap: wrap;
	}
	.price-block .price-list .item .inner .price{
		text-align: left;
	}
	.price-block .price-list .item .inner .name{
		margin-bottom: 20px;
	}
	.price-block .price-list.main-list .item .inner{
		height: auto;
	}
	.advantages-list .item{
		margin-top: 15px;
	}
	.price-calc-block{
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.price-calc-block .btn-block{
		margin-left: 0;
		margin-top: 20px;
	}
	.price-calc-title {
		font-size: 20px;
	}
	.anketa-form .flex .form-field, .extra-field{
		max-width: 100%;
	}
}

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

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

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