@media (min-width: 320px) and (max-width: 479px) {
	.container {
		width: calc(100% - 30px);
	}
	
	.top-menu {
		display: none;
	}
	
	.main-menu {
		display: none;
	}
	
	.section {
		padding: 40px 0;
	}
	
	.section-title {
		text-align: center;
	}
	
	.section-title .title {
		font-size: 26px;
		margin-bottom: 0;
	}
	
	.section-title .link {
		padding: 10px 0;
	}
	
	.section-description {
		width: 100%;
		font-size: 13px;
		text-align: center;
	}
	
	.main-menu .container,
	.main-menu .pages,
	.section-title,
	.features-list,
	.mini-calc-form,
	.catalogue-grid,
	.services-list,
	.works-grid,
	.about-wrapper,
	.faq-wrapper,
	.about-grid,
	.callback-wrapper,
	.footer-body,
	.footer-bottom .container {
		display: block;
	}
	
	.slide .title {
		font-size: 24px;
	}
	
	.slide .text {
		font-size: 12px;
		line-height: 19px;
	}
	
	.feature {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}
	
	.features-list .feature:last-of-type {
		margin-bottom: 0;
	}
	
	.mini-calc-field {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.mini-calc-form .mini-calc-field:last-of-type {
		margin-bottom: 0;
	}
	
	.mini-calc-body {
		padding: 40px;
	}
	
	.catalogue-item {
		margin-bottom: 15px;
	}
	
	.catalogue-item .text-wrapper .title {
		font-size: 17px;
	}
	
	.service {
		padding: 30px;
		margin-bottom: 15px;
	}
	
	.service .title {
		font-size: 19px;
	}
	
	.service .description {
		font-size: 13px;
	}
	
	.service .price {
		font-size: 15px;
	}
	
	.works-item {
		margin-bottom: 15px;
		height: 300px;
	}
	
	.partners.section {
		padding-bottom: 0;
	}
	
	#reviews-slider .text {
		width: 100%;
		font-size: 13px;
	}
	
	.contact-item {
		text-align: center;
	}
	
	.contact-item span {
		font-size: 19px;
	}
	
	.faq.section .section-title,
	.about.section .section-title,
	.callback-form.section .section-title {
		margin-bottom: 10px;
	}
	
	.about-wrapper .sticky a {
		margin: 0 auto 30px;
	}
	
	p {
		line-height: 20px;
		font-size: 14px;
	}
	
	.about-wrapper .text {
		font-size: 14px;
	}
	
	.about-grid {
		text-align: center;
	}
	
	.about-item {
		margin-top: 20px;
	}
	
	.frontpage-form-wrapper {
		width: 100%;
	}
	
	.privacy-check span {
		font-size: 12px;
	}
	
	.footer-body,
	.footer-bottom .container {
		padding: 20px 0;
	}
	
	.footer-column {
		margin-bottom: 20px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.container {
		width: calc(100% - 30px);
	}
}

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

@media (min-width: 1024px) and (max-width: 1279px) {
	
}

@media (min-width: 1280px) and (max-width: 1439px) {
	
}

@media (min-width: 1440px) and (max-width: 1900px) {
	
}