@media only screen and (max-width: 1499px) {
	.header-bar .logo { margin-left: 0px; }
	.text-bar .link { padding-left: 25px; margin-left: -25px; }
	.prefooter-bar .back-to-top { right: 30px; }
}

@media only screen and (max-width: 1279px) {
	html, body { font-size: 18px; line-height: 28px; }
	.wrapper { padding-left: 20px; padding-right: 20px; }
	.header-bar .logo { width: 280px; }

	.button { font-size: 18px; line-height: 22px; min-width: 190px; }

	.header-bar .btn-wrap { gap: 35px; }
	.header-bar .link { font-size: 18px; line-height: 24px; }

	.title-bar { padding: 10px 0px 30px; }
	.title-bar h1 { font-size: 45px; }

	.info-bar { padding: 28px 0px; }
	.info-bar h2 { font-size: 30px; line-height: 40px; }

	.text-bar .link { margin: 0px 0px 5px 0px; font-size: 26px; line-height: 30px; }
	.text-bar p { font-size: 22px; line-height: 32px; }

	.text2-bar h3 { padding-bottom: 15px; font-size: 28px; line-height: 34px; }
	.text2-bar h4 { padding-bottom: 20px; font-size: 18px; }

	p { padding-bottom: 25px; }

	.project-bar { padding-bottom: 50px; }
	.project-bar .tiles-wrap { margin: 0px -15px; row-gap: 40px; }
	.project-bar .tiles-wrap .repeat { padding: 0px 15px; }
	.project-bar .tiles-wrap .title { font-size: 24px; line-height: 34px; }

	.title-bar.project-single { padding-bottom: 25px; }
	.title-bar .pagination { padding-top: 14px; font-size: 19px; line-height: 26px; }

	.single-project-bar .back-to-top { right: 20px; }

	.award-bar h3 { padding-bottom: 30px; }
	.award-bar .repeat { width: 430px; }
	.prefooter-bar .back-to-top { right: 20px; }
}

@media only screen and (max-width: 1023px) {
	html, body { font-size: 16px; line-height: 25px; }
	.wrapper { padding-left: 20px; padding-right: 20px; }
	.header-bar .logo { width: 220px; }

	.button { font-size: 16px; line-height: 20px; min-width: 170px; }

	.header-bar .btn-wrap { gap: 35px; }
	.header-bar .link { font-size: 16px; line-height: 22px; }

	.title-bar { padding: 10px 0px 20px; }
	.title-bar h1 { font-size: 40px; }

	.info-bar { padding: 24px 0px; }
	.info-bar h2 { font-size: 24px; line-height: 32px; }

	.home-slider-wrap .logo { width: 100px; height: 100px; }
	.home-slider-wrap .logo img { width: 70px; }

	.text-bar .link { margin: 0px 0px 5px 0px; font-size: 22px; line-height: 26px; }
	.text-bar p { font-size: 18px; line-height: 28px; }

	.text2-bar { padding: 30px 0px 15px; }
	.text2-bar h3 { padding-bottom: 15px; font-size: 28px; line-height: 34px; }
	.text2-bar h4 { padding-bottom: 20px; font-size: 18px; }

	p { padding-bottom: 25px; }

	.project-bar { padding-bottom: 50px; }
	.project-bar .tiles-wrap { margin: 0px -10px; row-gap: 30px; }
	.project-bar .tiles-wrap .repeat { padding: 0px 10px; }
	.project-bar .tiles-wrap .title { font-size: 22px; line-height: 30px; }
	.project-bar .back-to-top { width: 40px; height: 40px; }
	.project-bar .back-to-top img { width: 22px; }

	.title-bar.project-single { padding-bottom: 25px; }
	.title-bar .pagination { padding-top: 10px; font-size: 17px; line-height: 24px; }

	.single-project-bar .back-to-top { right: 20px; }
	.single-project-bar .tiles-wrap { margin: 0px -4px; row-gap: 8px; }
	.single-project-bar .repeat { padding: 0px 4px; }
	.title-bar.v1 { padding-top: 18px; }
	.single-project-bar .back-to-top { width: 40px; height: 40px; }
	.single-project-bar .back-to-top img { width: 22px; }

	.award-bar { padding: 30px 0px 40px; }
	.award-bar h3 { padding-bottom: 20px; font-size: 22px; line-height: 30px; }
	.award-bar .repeat { width: 360px; }
	.prefooter-bar .back-to-top { right: 20px; }
	.award-bar .image { width: 140px; }
	.award-bar h4 { font-size: 18px; line-height: 24px; }

	.prefooter-bar .left { width: 310px; }
	.prefooter-bar .logo { width: 160px; }
	.prefooter-bar h3 { font-size: 22px; line-height: 26px; }
	.prefooter-bar .txt p { font-size: 12px; line-height: 18px; }
	.prefooter-bar h5 { font-size: 15px; line-height: 22px; }
	.prefooter-bar p { font-size: 14px; line-height: 22px; }
	.prefooter-bar .right { padding-top: 15px; }
	.prefooter-bar .back-to-top { width: 40px; height: 40px; }
	.prefooter-bar .back-to-top img { width: 22px; }

	.copyright-bar { padding: 18px 0px; }
	.copyright-bar p { font-size: 14px; }
}

@media only screen and (max-width: 767px) {
	.header-bar .logo { margin: 0px auto 20px; }
	.header-bar .btn-wrap { gap: 10px; width: auto; }
	.header-bar .right { margin: 0px -20px; width: calc(100% + 40px); gap: 10px; justify-content: center; }
	.button { padding: 5px 20px; font-size: 14px; line-height: 18px; height: 42px; min-width: 120px; }
	.header-bar .link { font-size: 14px; line-height: 18px; }

	.title-bar h1 { font-size: 30px; }

	.home-slider-wrap .logo { width: 70px; height: 70px; }
	.home-slider-wrap .logo img { width: 50px; }
	.home-slider-wrap .home-slider img { min-height: 340px; }

	.info-bar h2 { font-size: 20px; line-height: 28px; }

	.text-bar p { font-size: 16px; line-height: 26px; }

	.text2-bar h3 { padding-bottom: 10px; font-size: 22px; line-height: 30px; }

	.text2-bar h4 { padding-bottom: 10px; font-size: 16px; }

	.full-img img { min-height: 260px; object-fit: cover; }

	.project-bar .tiles-wrap .repeat { width: 100%; }
	.project-bar .back-to-top { bottom: -35px; right: 20px; }

	.award-bar h3 { font-size: 20px; line-height: 28px; }

	.award-bar .tiles-wrap { row-gap: 25px; }
	.award-bar .repeat { width: 100%; }

	.prefooter-bar .button { margin: 10px 12px 0px 0px; }

	.prefooter-bar .right { padding-top: 30px; width: 100%; }
	.prefooter-bar .back-to-top { right: 10px; bottom: -10px; }
}