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

@media only screen and (max-width: 1280px) {
	#main-cntr { padding-top: 165px; }

	.header-bar .logo { width: 300px; }
	.header-bar .menu { padding: 0px 0px 15px 40px; }
	.header-bar .menu li { padding: 0px 15px 0px 0px; }
	.header-bar .tel-btn { margin-right: 0px; }

	.hero-bar h1 { font-size: 38px; line-height: 46px; max-width: 590px; }
}

@media only screen and (max-width: 1023px) {
	html, body { font-size: 18px; line-height: 28px; }

	#main-cntr { padding-top: 124px; }

	.header-bar .logo { width: 200px; }
	.header-bar .menu { padding: 0px 0px 15px 40px; font-size: 15px; }
	.header-bar .menu li { padding: 0px 12px 0px 0px; }
	.header-bar .tel-btn { padding: 9px 18px; margin-right: 0px; font-size: 16px; line-height: 20px; }

	.hero-bar { padding: 20px 0px 0px; }
	.hero-bar h1 { font-size: 32px; line-height: 40px; max-width: 500px; }
	.hero-bar img { margin: 0px; }

	.what-we-offer-bar h2 { padding: 0px 0px 20px; font-size: 24px; line-height: 32px; max-width: 640px; }
	.what-we-offer-bar h3 { font-size: 22px; line-height: 30px; }

	.back-to-top { right: 20px; bottom: 20px; }

	.footer-bar .button { padding: 11px 18px; margin: 0px 0px 17px 0px; font-size: 16px; line-height: 20px; }
	.footer-bar .icons { padding: 25px 0px 14px; }
}

@media only screen and (max-width: 767px) {
	html, body { font-size: 17px; line-height: 26px; }

	#main-cntr { padding-top: 137px; }

	.header-bar { padding: 0px 0px 7px; }
	.header-bar .wrapper { padding-top: 57px; }
	.header-bar .tel-btn { position: absolute; top: 0px; left: 0px; font-size: 18px; width: 100%; border-left: 0px; border-right: 0px; text-align: center; border-radius: 0px; background: #cadba8; }
	.header-bar .logo { width: 180px; } 
	.header-bar .menu { display: none; }
	.page-menu { margin-left: auto; display: block; }

	.header-bar.is-stick { padding: 0px 0px 7px; }
	.header-bar.is-stick .logo { width: 140px; }

	.hero-bar { padding: 20px 0px 0px; }
	.hero-bar h1 { font-size: 30px; line-height: 36px; max-width: 500px; }
	.hero-bar img { margin: 10px 0px 0px; }

	.what-we-offer-bar { padding-bottom: 70px; }
	.what-we-offer-bar h2 { font-size: 22px; line-height: 30px; }

	.back-to-top { bottom: 15px; right: 15px; }

	.rates-bar .tiles-wrap { flex-wrap: wrap; gap: 20px; }
	.rates-bar .back-to-top { bottom: 15px; }

	.map-bar { font-size: 15px; }

	.map-img-bar img { min-height: 520px; object-fit: cover; object-position: 25% 50%; }

	.footer-bar { padding: 33px 0px 50px; }
	.footer-bar p { font-size: 11px; line-height: 16px; }
	.footer-bar .back-to-top { bottom: 15px; }
	.footer-bar p a { border-bottom-width: 1px; }
}