@media only screen and (max-width: 991px) {
	.header.fixed .navbar-brand img,
	.header .navbar-brand img {
		max-height: 58px;
	}

	.header {
		min-height: 70px;
		overflow: hidden;
	}

	.header.fixed {
		padding: 3px 0px 13px 0px;
		overflow: hidden;
	}

	.navbar-brand {
		bottom: 0;
	}

	.navbar-brand .agency-logo {
		margin-left: 10px;
	}

}

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

	.side-menu {
		min-height: 100vh;
		width: 100%;
		padding: 30px 20px 20px 20px;
	}

	.side-menu ul.main-menu li a {
		padding: 10px 12px 10px 20px;
		font-size: 18px;
	}

	.side-menu ul.main-menu li ul.sub-menu li a {
		padding: 0px 12px 0px 30px;
		font-size: 15px;
	}

	.h-100vh {
		height: 70vh;
	}

	.banner {
		height: 70vh;
	}

	.banner h1 {
		font-size: 28px;
	}

	.banner .btn-default {
		min-width: 0;
		font-size: 15px;
		font-weight: 300;
		line-height: 1.5;
		margin: 0;
		padding: 10px 20px;
	}

	.banner p {
		font-size: 15px;
		margin-bottom: 30px;
	}

	.banner .banner-buttons-ctn {
		margin-bottom: 40px;
	}

	.section-title h2 {
		font-size: 25px;
	}

	p {
		font-size: 14px;
		line-height: 1.6;
	}

	.why-work .section-title {
		padding: 35px 20px;
		margin-top: 0px;
		margin-bottom: 20px;
		width: 100%;
	}

	.steps-main {
		flex-wrap: wrap;
	}

	.cta-lg {
		padding: 20px;
	}

	.cta-lg .text {
		padding: 60px 30px;
	}

	.cta-lg h3 {
		font-size: 23px;
		padding-bottom: 8px;
		margin-bottom: 50px;
	}

	.cta-lg p {
		font-size: 16px;
	}

	.testimonials .owl-theme .owl-nav [class*=owl-] {
		position: absolute;
		top: 111%;
	}

	.articles {
		padding: 70px 0px 110px 0px;
	}

	.articles .owl-theme .owl-nav [class*=owl-].owl-prev {
		left: 0px;
		top: 103%;
	}

	.articles .owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0px;
		top: 103%;
	}

	.btn-default {
		font-size: 17px;
		line-height: 38px;
	}

	.about .btn-default {
		min-width: 175px;
		font-size: 17px;
	}

	.about .img {
		height: 420px;
		margin-bottom: 20px;
	}

	.steps .section-title h2 {
		margin-bottom: 45px;
	}

	.logos {
		padding: 100px 0px 50px 0px;
	}

	.testimonials {
		padding: 50px 0px;
	}

	.footer {
		padding: 35px 0px 0px 0px;
		text-align: center;
	}

	.footer .contact-info {
		justify-content: center;
	}

	.contact-info>i {
		margin-right: 10px;
	}

	.footer h3 {
		margin-top: 25px;
		font-size: 22px;
	}

	.footer .logo {
		margin-top: 50px;
		margin-bottom: 20px;
	}

	.banner .pbs {
		padding-bottom: 20px;
		align-items: end !important;
	}

	.banner {
		background-position: 80% 78%;
		background-position: 49% 78% !important;
	}

	.page-banner {
		height: 50vh;
	}

	.page-banner h1 {
		font-size: 42px;
	}

	.contactpage-info .contact-info {
		justify-content:start;
	}

	.contactpage-info h3 {
		font-size: 16px;
	}

	.contactpage-info .bg {
		padding: 30px 20px;
		margin-top: 10px;
	}

	.contactpage-info h4 {
		font-size: 25px;
		margin-bottom: 21px;
	}

	.about .img:after {
		top: -10px;
		left: -8px;
	}

	.services ul {
		display: inline-block;
		width: 100%;
	}

	.services ul li {
		display: inline-block;
		width: 100%;
		margin: 0 auto;
	}

	.services ul li a {
		margin: 0px auto;
		margin-bottom: 20px;
	}

	.services .section-title {
		text-align: center;
	}

	.services .section-title h2 {
		margin-bottom: 50px;
	}

	.services ul li:last-child a {
		margin-bottom: 0px;
	}

	.services ul:after {
		border: none;
		border-left: 2px dashed #c6a44b;
		height: 100%;
		width: 2px;
		position: absolute;
		top: 0;
		left: 50%;
	}

	.articles .section-title h2 {
		font-size: 25px;
	}

	.bulleted {
		font-size: 13px;
	}

	.about h3 {
		font-size: 18px;
	}

	.about td {
		font-size: 12px;
		padding: 11px 8px;
	}

	.about th {
		font-size: 12px;
		padding: 14px 5px;
		font-weight: 500;
	}
	.banner {
		background-position: 80% 78% !important;
	}

	.banner::before {
		opacity: .5;
	}

	.menu-btn span {
		background:#fff;
	}

	.about,
	.calc-info {
		padding: 50px 0;
	}

	.steps {
		padding: 30px 0 50px 0;
	}
	
	.services {
		padding: 0 0 50px 0;
	}

	.why-work {
		padding: 0;
	}
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
	.header {
		overflow: hidden;
	}

	.banner {
		/* background-position: 63% 78%; */
	}

	.side-menu {
		padding: 30px 20px 20px 20px;
		width: 40%;
	}

	.side-menu ul.main-menu li a {
		padding: 10px 12px 10px 20px;
		font-size: 18px;
	}

	.side-menu ul.main-menu li ul.sub-menu li a {
		padding: 0px 12px 0px 30px;
		font-size: 15px;
	}

	.section-title h2 {
		font-size: 28px;
		padding-bottom: 10px;
		margin-bottom: 25px;
	}

	p {
		font-size: 14px;
	}

	.btn-default {
		font-size: 17px;
		line-height: 38px;
	}

	.banner .btn-default {
		min-width: 175px;
	}

	.about .btn-default {
		min-width: 175px;
		font-size: 17px;
	}

	.cta-lg {
		padding: 20px;
	}

	.cta-lg .text {
		padding: 80px 12px;
	}

	.cta-lg h3 {
		font-size: 20px;
		padding-bottom: 5px;
		margin-bottom: 45px;
	}

	.cta-lg p {
		font-size: 16px;
	}

	.why-work .section-title {
		padding: 35px 30px 25px 30px;
		margin-top: 50px;
		width: 124%;
		padding-right: 90px;
	}

	.testimonials .owl-theme .owl-nav [class*=owl-] {
		left: -15px;
	}

	.testimonials .owl-theme .owl-nav [class*=owl-].owl-next {
		left: auto;
		right: -15px;
	}

	.footer h3 {
		font-size: 16px;
	}

	.articles {
		padding: 70px 0px;
	}

	.articles .section-title h2 {
		font-size: 28px;
	}

	.page-banner {
		height: 50vh;
		padding-top: 30px;
	}

	.page-banner h1 {
		font-size: 55px;
	}

	.contactpage-info h4 {
		font-size: 24px;
	}

	.contactpage-info .bg {
		padding: 40px 30px;
	}

	.about .img:after {
		top: -15px;
		left: -15px;
	}

	.footer .contact-info br {
		display: none;
	}

	.footer .contact-info {
		font-size: 13px;
	}

	.footer p {
		font-size: 13px;
	}

	.services .section-title h2 {
		margin-bottom: 50px;
	}

	.services ul li a {
		width: 130px;
		height: 130px;
		color: #000;
		font-size: 13px;
	}

	.banner h1 {
		font-size: 39px;
		margin-top: 40px;
	}

	.bulleted {
		font-size: 14px;
	}
	.cta-lg h3 {
		font-size: 17px;
	}

	.cta-lg p {
		font-size: 14px;
		max-width: 192px;
	}
	.cta-lg p {
		font-size: 13px;
	}
	.banner p {
		font-size: 17px;
		margin-bottom: 55px;
	}
	.about h3 {
		font-size: 22px;
	}
	.banner {
		background-position: 63% 78% !important;
	}
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
	.banner .btn-default {
		margin: 0px 13px;
	}

	.side-menu {
		width: 35%;
	}

	.section-title h2 {
		font-size: 30px;
		padding-bottom: 10px;
		margin-bottom: 30px;
	}

	p {
		font-size: 15px;
	}

	.btn-default {
		min-width: 170px;
		font-size: 17px;
	}

	.about .btn-default {
		min-width: 190px;
		font-size: 17px;
	}

	.cta-lg {
		padding: 40px;
	}

	.cta-lg p {
		font-size: 16px;
	}

	.cta-lg h3 {
		font-size: 19px;
		margin-bottom: 55px;
		padding-bottom: 10px;
	}

	.why-work .section-title {
		padding-right: 120px;
	}

	.articles .section-title h2 {
		font-size: 23px;
	}

	.footer h3 {
		font-size: 22px;
	}

	.page-banner h1 {
		font-size: 60px;
	}

	.contactpage-info h4 {
		font-size: 28px;
	}

	.main-nav .navbar .navbar-nav {
		padding-left: 12%;
	}

	.about .img:after {
		top: -15px;
		left: -15px;
	}

	.banner h1 {
		font-size: 39px;
	}

	.bulleted {
		font-size: 14px;
	}
	.main-nav .navbar .navbar-nav {
		padding-left: 8%;
	}

	.cta-lg .text {
		padding: 95px 20px 120px 20px;
	}

	.cta-lg p {
		font-size: 14px;
		max-width: 201px;
	}
	.banner {
		background-position: 54% 39% !important;
	}
}

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

	p {
		font-size: 16px;
	}

	.section-title h2 {
		font-size: 40px;
	}

	.cta-lg h3 {
		font-size: 28px;
	}

	.cta-lg p {
		font-size: 19px;
	}

	.footer h3 {
		font-size: 26px;
	}

	.banner h1 {
		font-size: 39px;
	}

	.bulleted {
		font-size: 15px;
	}
	.main-nav .navbar .navbar-nav {
		padding-left: 15%;
	}

	.cta-lg h3 {
		font-size: 22px;
	}

	.cta-lg p {
		font-size: 16px;
	}
}