@media only screen and (max-width: 1300px) {
	.footer {
		padding: 350px 0 120px;
	}
	.footer .bann-img {
    	top: 320%;
	}
	.lets-talk .bann-img {
		top: 380%;
	}
	.services .bann-img {
		top: 125%;
	}
	.work-options.work-bg .bann-img {
		top: 430%;
	}
	.work-options.work-bg-2 .bann-img {
		top: 550%;
	}
}

@media only screen and (max-width: 1024px) {
	.about .bann-img {
		top: 80%;
	}
	.work-options.work-bg .bann-img {
		top: 480%;
	}
	.work-options.work-bg-2 .bann-img {
		top: 620%;
	}
	.services .bann-img {
		top: 165%;
	}
	.footer .bann-img {
		top: 350%;
	}
}

@media only screen and (max-width: 991px) {
	.work-options.work-bg .bann-img {
		top: 370%;
	}
	.work-options.work-bg-2 .bann-img {
    	top: 570%;
	}
	.lets-talk .bann-img {
    	top: 300%;
	}
	.work-txt {
		display: block;
	}
	.work-txt p,
	.work-btn {
		width: 100%;
	}
	.work-btn {
		padding-top: 50px;
		padding-left: 40px;
	}
	.work-btn a {
		margin: 0;
	}
	.service-txt p {
		padding-left: 0;
	}
	.service-txt ul {
		padding-left: 50px;
	}
	.lets-talk form {
		max-width: 100%;
	}
	.talk-btn {
		padding-top: 50px;
	}
	.talk-btn a {
		margin: 0 auto;
	}
	.banner {
		padding: 150px 0;
	}
	.social-icon {
		width: 70px;
	}
	.about,
	.work,
	.talk-title {
		padding: 0 0 100px 0;
	}
	.lets-talk h2::after {
		left: 0;
		right: 0;
	}
	.talk-title {
		text-align: center;
	}
	.page-menu ul li:last-child::after {
		display: none;
	}
	.page-menu ul li {
		padding: 0 0 0 20px;
	}
	.work-title h2::after {
		width: 180px;
		left: 0;
		right: 0;
	}
	.work-options {
		padding-left: 70px;
	}
	.work-title h2 {
		text-align: center;
	}
	.work-title h2, .services h2, .lets-talk h2, .about-section h2 {
		font-size: 60px;
		line-height: 75px;
	}
	.about-section h2::after {
		height: 60px;
		top: 47px;
	}
	.about-section p,
	.work-txt p,
	.service-txt p {
		font-size: 20px;
		line-height: 34px;
	}
	.work-options ul li, .service-txt ul li {
		padding: 15px 0;
	}
	.about-btn {
		float: none;
	}
	.page-btn {
		margin-left: 60px;
	}
	.services h2 {
		padding-left: 15px;
	}
	.services h2::after {
		left: 0;
	}
	.service-btn .page-btn {
		margin-left: 0;
	}
	.service-txt {
		padding: 100px 0 40px 0;
	}
	.lets-talk {
		padding: 50px 0 0 0;
	}
	.footer .bann-img {
		top: 285%;
	}
}
@media only screen and (max-width: 800px) {
	.banner h1::after,
	.about-section h2::after {
		left: 0;
	}
	.banner h1,
	.about-section h2,
	.about-section p {
		padding-left: 25px;
	}
	.banner .page-btn {
		margin-left: 25px;
	}
	.about-btn {
		padding-left: 20px
	}
	.work-btn.about-btn {
		padding-left: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.container {
		width: 100%;
	}
	.rellax {
		transform: translate3d(0px, 0px, 0px) !important;
	}
	.about-section h2, .about-section p {
		padding-left: 0;
		text-align: center;
	}
	.about-section h2 {
		max-width: 100%;
		margin: 40px 0 60px 0;
	}
	.about-section h2::after {
		width: 80%;
		right: 0;
		margin: 0 auto;
	}
	.about-btn {
		padding-left: 0;
	}
	.about-btn .page-btn {
		margin: 0 auto;
	}
	.work-one {
		display: block;
	}
	.work-img, .work-title, .work-options,
	.service-txt p,
	.service-txt ul {
		width: 100%;
	}
	.work-title {
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.work-options,
	.service-txt ul {
		padding: 0 15px 40px 15px;
		text-align: center;
	}
	.about-section p, .work-txt p, .service-txt p,
	.services h2 {
		text-align: center;
	}
	.services h2 {
		padding-left: 0;
	}
	.work-title h2, .services h2, .lets-talk h2, .service-txt {
		display: block;
	}
	.services h2::after,
	.work-title h2::after,
	.lets-talk h2::after {
		width: 80%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.work-title h2::after{
		bottom: -13px;
	}
	.work-two .work-options.work-bg,
	.work-two .work-options.work-bg-2 {
		display: none;
	}
	.service-txt {
		padding-bottom: 0;
	}
	.service-btn {
		padding-left: 0;
	}
	.service-btn .page-btn {
		margin: 0 auto;
	}
	.lets-talk h2::after {
		height: 55px;
		bottom: -17px;
	}
	.services .bann-img,
	.footer .bann-img,
	.about .bann-img {
		top: 0;
	}
	.lets-talk .bann-img {
		top: 160px;
	}
}

@media only screen and (max-width: 600px) {
	.banner .page-btn hr, .page-btn hr {
		margin: 0 0 0 50px;
		width: 80px;
	}
	.banner .page-btn, .page-btn {
		font-size: 25px;
		padding: 20px 22px;
	}
	.work-title h2, .services h2, .lets-talk h2, .about-section h2 {
		font-size: 45px;
		line-height: 60px;
	}
	.about-section h2::after {
		top: 27px;
	}
	.page-btn {
		width: 230px;
		height: 90px;
	}
	.work-btn a img, .service-btn a img {
		padding-left: 20px;
	}
	.footer-txt {
		display: block;
	}
	.footer .logo,
	.copyright {
		text-align: center;
	}
	.copyright {
		padding-left: 0;
	}
	.page-menu ul li {
		padding: 0 10px;
	}
	.page-menu ul li a span {
		font-size: 14px;
	}
	.page-menu ul li a {
		font-size: 20px;
		width: 100%;
		text-align: center;
	}
	.social-icon {
		display: none;
	}
	.banner .page-btn hr, .page-btn hr {
		margin: 0 0 0 10px;
		width: 40px;
	}
	.page-btn span {
		margin-left: 0;
	}
	.about .bann-img {
		top: 50%;
	}
}

@media only screen and (max-width: 480px) {
	.page-menu ul li a {
		font-size: 16px;
	}
	.page-menu ul li a span {
		font-size: 12px;
	}
	.page-menu ul li {
		width: 23%;
		padding: 0;
	}
	.footer {
		padding: 200px 0 120px;
	}
	.service-btn {
		padding-left: 40px;
	}
}