@media only screen and (max-width: 1200px) {
	.services li a {
		font-size: 50px;
	}
	.about .about-content {
		padding-left: 15px;
	}
}

@media only screen and (max-width: 992px) {
	h3 {
		font-size: 35px;
	}
	.top-banner h1 {
		font-size: 50px;
		line-height: 60px;
	}
	.client-logo {
		width: calc(100% / 3);
	}
	.location-map {
		margin-left: 0px;
		margin-top: 50px;
	}
	footer .brandlogo a {
		font-size: 55px;
	}
	.about-us-slider {
		margin-bottom: 50px;
	}
	.counter-sec {
		margin-top: 50px;
	}
	.services-inner .services-content,
	.timeline-content {
		left: 0px;
		padding: 20px;
		width: 100%;
	}
	.flex-row-reverse .services-content,
	.flex-row-reverse .timeline-content {
		right: 0px;
	}
	.blog-sidebar {
		padding: 0px 15px;
		margin-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	section {
		padding: 60px 0px;
	}
	h3 {
		font-size: 30px;
	}
	.inner-main-heading {
		font-size: 40px;
	}
	#portfolio-flters li {
		padding: 5px 10px 5px 10px;
	}
	.top-banner {
		position: relative;
		height: calc(95vh - 80px);
		margin: 60px 60px 0px 0px;
	}
	.top-banner h1 {
		font-size: 40px;
		line-height: 50px;
	}
	.top-banner .owl-dots {
		width: 60px;
		right: -60px;
		top: 6%;
		font-size: 12px;
	}
	.social-links.fixed {
		width: 60px;
	}
	.social-links.fixed a {
		font-size: 13px;
	}
	header {
		padding: 10px 15px !important;
	}
	.top-banner .caption {
		padding: 30px;
		width: 100%;
	}
	.top-banner .caption h1 {
		font-size: 35px;
		line-height: 45px;
	}
	.explore-more {
		padding-left: 40px;
	}
	.explore-more::after {
		width: 20px;
	}
	.explore-more:hover::after {
		width: 30px;
	}
	.about .img-sec {
		margin-bottom: 50px;
	}
	.portfolio-item .portfolio-info {
		padding: 10px 15px;
	}
	.portfolio-item .portfolio-info h4 {
		font-size: 16px;
	}
	.portfolio-item .portfolio-info .preview-link {
		font-size: 18px;
		top: calc(50% - 13px);
	}
	.portfolio-item .portfolio-info p {
		font-size: 13px;
	}
	.services li a {
		margin: 15px 0;
		font-size: 35px;
	}
	.services li .explore-more {
		margin-top: 5px;
	}
	.client-logo img {
		width: 80%;
	}
	footer .brandlogo {
		text-align: left;
		float: left;
		margin-bottom: 50px;
	}
	.testimonials-slider .item {
		padding: 20px 20px 50px 20px;
	}
	.testimonials-slider .item p {
		font-size: 14px;
		line-height: 24px;
	}
	.testimonials-slider .review-by h6 {
		font-size: 16px;
	}
	.menu {
		top: 100px;
	}
	.menu ul li {
		padding-left: 70px;
	}
	.menu ul li a {
		font-size: 30px;
	}
	.menu ul li .arrow {
		width: 40px;
	}
	.services li a {
		margin: 15px 0;
		font-size: 22px;
	}
	.services li .explore-more {
		margin: 0px;
	}
	.services li a span {
		margin-left: 20px;
	}
	.timeline .row {
		margin-top: 60px;
	}
	.services-inner .services-content,
	.timeline-content {
		text-align: left !important;
		margin-top: 30px;
		padding: 0px;
	}
	.single-post .author-sec {
		display: inline-block;
	}
	.single-post .author-pic {
		margin-bottom: 15px;
	}
	.single-post .visitor-pic {
		height: 60px;
		width: 60px;
		min-width: 60px !important;
	}
	.single-post .comment-reply {
		margin-left: 25px;
	}
	.single-post .about-visitor .title {
		display: inline-block;
	}
	.single-post .about-visitor .date {
		color: #797979;
		padding: 0px;
		margin: 0px;
		border: none;
		margin-top: 10px;
		font-size: 13px;
	}
}

@media only screen and (max-width: 576px) {
	footer .contact-details li {
		font-size: 13px;
		letter-spacing: 0;
	}
	footer .brandlogo {
		width: 250px;
	}
	.top-banner .owl-dots {
		top: 70%;
	}
	.testimonials-slider .caption p {
		font-size: 16px;
	}
	.social-links.fixed {
		display: none !important;
	}
	footer .social-links {
		display: flex;
	}
	footer .copyright span {
		display: block;
		margin-top: 5px;
		font-size: 13px;
	}
	footer .copyright span a:first-child {
		padding-left: 0px;
	}
	.menu {
		left: 15px;
	}
	.menu ul li {
		padding-left: 50px;
	}
	.menu ul li a {
		font-size: 25px;
	}
	.menu ul li .arrow::after,
	.menu ul li .arrow::before {
		width: 15px;
	}
	.menu ul li .arrow {
		width: 30px;
	}
	.error-404 .content {
		max-width: 80%;
		margin: 50px auto 0px;
	}
	.error-404 .content img {
		width: 100%;
	}
	.single-post .visitor-sec {
		display: inline-block;
	}
}

@media only screen and (max-width: 480px) {
	.client-logo {
		width: calc(100% / 2);
	}
	#portfolio-flters li {
		font-size: 12px;
		padding: 5px 7px 5px 7px;
	}
	#portfolio-flters li::before {
		content: '';
		height: 70%;
		width: 1px;
		top: 3px;
	}
	.top-banner .caption {
		padding: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.top-banner .caption h1 {
		font-size: 25px;
		line-height: 35px;
	}
}