@media(max-width:1660px) {
	.lp-banner-bg img {
		width: 50%
	}
	.session-btn {
		flex: auto;
		max-width: initial
	}
	.session-btn img.arrw {
		right: 50px
	}
	.banner-awards li img {
		height: 55px
	}
	.service-wrapp {
		flex: 0 0 80%;
		max-width: 80%
	}
	.modal-box img {
		width: 110%
	}
	.guide-list > .container{max-width: 80%; flex:0 0 80%;}
}

@media(max-width:1560px) {
	.banner-lst li {
		font-size: 18px
	}
	.banner-lst li br {
		display: none
	}
	.session-btn img.arrw {
		right: 0;
		left: 50px
	}
	.case-stats-list li {
		font-size: 16px
	}
	.case-stats-list {
		padding: 1rem
	}
	.custom-wrapp,
	.footer-box {
		flex: 0 0 90%;
		max-width: 90%
	}
	.stats-icon {
		margin-right: 1rem
	}
	.stats-wrapp .h4 span {
		font-size: 27px
	}
	.stats-wrapp p {
		font-size: 18px
	}
	.lp-banner-bg {
		background: rgba(0, 0, 0, 0) url(../img/white-shadow.png) no-repeat;
		background-position: top center;
		background-size: contain
	}
}

@media(max-width:1366px) {
	.call-action-img img {
		width: 420px
	}
	.banner-box-dtls h1 {
		font-size: 45px;
		line-height: 48px
	}
	.banner-lst li {
		margin: .65rem 0;
		width: 100%
	}
	.service-dtls p {
		min-height: 184px
	}
	.footer-box {
		flex: 0 0 98%;
		max-width: 98%
	}
	.contact-list-box {
		padding: 0 2rem
	}
	.guide-list > .container{max-width: 100%; flex:0 0 100%;}
}

@media(max-width:1024px) {
	.custom-wrapp {
		max-width: 98%;
		flex: 0 0 98%
	}
	br {
		display: none
	}
	.banner-box-dtls h1 {
		font-size: 45px;
		line-height: 45px
	}
	.lp-phone-btn {
		margin-left: 2rem
	}
	.banner-box {
		padding-top: 9rem
	}
	.h2,
	h2 {
		font-size: 2rem
	}
	.case-study-dtls p {
		font-size: 18px
	}
	.session-btn img.arrw {
		right: -80px
	}
	.sec-pdd7 {
		padding: 3rem 0
	}
	.sec-pdd6 {
		padding: 3rem 0
	}
	.sec-pdd5 {
		padding: 3rem 0
	}
	.sec-pdd4 {
		padding: 2rem 0
	}
	.mrg-pdd7 {
		margin: 3rem 0
	}
	.mrg-pdd6 {
		margin: 3rem 0
	}
	.mrg-pdd5 {
		margin: 3rem 0
	}
	.mrg-pdd4 {
		margin: 2rem 0
	}
	.banner-lst li {
		font-size: 16px;
		padding-left: 35px
	}
	.banner-lst li:before {
		width: 22px;
		height: 22px
	}
	.case-study-dtls,
	.case-study-stats,
	.case-title,
	.case-title-dtls {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center
	}
	.case-study-dtls,
	.mn-title-line,
	.mn-title-line:before {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		left: auto
	}
	.case-stats-list li br {
		display: block
	}
	.case-study-dtls {
		margin-bottom: 2rem
	}
	.call-action-grid {
		padding: 2rem;
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center;
		align-items: center;
		margin-top: -100px;
		z-index: 7
	}
	.call-action-grid:before {
		width: 100%
	}
	.call-action-img {
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center
	}
	.call-action-img img {
		width: 420px;
		height: auto;
		position: relative;
		left: 0
	}
	.rvrs-grid {
		flex-direction: column
	}
	.srvc-grid {
		max-width: 50%;
		flex: 0 0 50%
	}
	.service-dtls p {
		min-height: auto
	}
	.clickmatix-stats,
	.testimonial-box-grid {
		max-width: 100%;
		flex: 0 0 100%
	}
	.clickmatix-stats {
		padding-left: 1rem
	}
	.clickmatix-stats {
		flex-wrap: wrap;
		display: flex
	}
	.clickmatix-stats .stats-wrapp {
		max-width: 50%;
		flex: 0 0 50%
	}
	.faq-list,
	.faq-title {
		max-width: 100%;
		flex: 0 0 100%
	}
	.hd-title h2 {
		font-size: 2rem;
		text-align: center
	}
	.footer-links-box {
		max-width: 50%;
		flex: 0 0 50%;
		margin-bottom: 20px
	}
	.cta-title .h2 {
		font-size: 36px
	}
	.srv-dots {
		width: 60px
	}
	.service-wrapp .circle,
	.why-box .circle {
		right: 0
	}
	.contact-form-box,
	.contact-list {
		max-width: 100%;
		flex: 0 0 100%
	}
	.contact-form-field {
		position: relative
	}
	.contact-bg {
		padding: 1.5rem
	}
	.contact-form-box>.contact-form-field {
		padding: 0;
		box-shadow: none
	}
	.faq {
		width: 100%
	}
	.contact-list-box {
		padding: 2rem 0
	}
	.modal-box img {
		position: relative;
		width: 100%;
		right: 0;
		bottom: -28px
	}
	.banner-box-dtls h1 {
		font-size: 36px;
		line-height: 38px
	}
	.banner-box-dtls h4 {
		font-size: 24px;
		margin-bottom: 2rem
	}
	.banner-box-dtls>p {
		font-size: 18px
	}
	.lead-box-inn {
		max-width: 50%;
		flex: 0 0 50%;
		margin: 20px 0
	}
	.dot-spread {
		left: 0
	}
	.service-dtls p {
		min-height: 92px
	}
	.banner-box.guide-header{padding-top: 0;}
	.guide-top-title h2 br{display: block;}
	.guide-content-box img{width: 100%;}
	.eco-arch .box-two{display: flex; flex-direction: column;}
	.eco-arch .box-two .page-box{padding-left: 30px;}
	.guide-list.guide-content-box .box-content{padding: 2rem; word-break: break-all;}
	.footer-btn-box .ftr-txt {
    max-width: 100%;
    flex: 0 0 100%;
}
.ftr-txt {
    flex-direction: column;
}.ftr-txt a, .ftr-txt p {
    text-align: center;
}	.ftr-txt a {
		padding: 0;
		margin: .4rem 0 0 0
	}


.guide-top-title h2 span {
    position: relative;
    padding-right: 3rem;
    padding-left: 2rem;
}
.book-banner-img-grid img{top:0;}
.ftr-social {
    justify-content: center!important;
    margin-top: 1.5rem;
}
}


@media(max-width:1000px) {
	.desk-header {
		display: none;
		opacity: 0;
		visibility: hidden
	}
	.mobile-header {
		display: block;
		opacity: 1;
		visibility: visible;
		padding-top: 1rem;
		padding-bottom: 1rem;
		background: #fff;

	}
	.mb-logo a img {
		width: 100%
	}
	.top-quote ul li a.icon .svg-phone {
		fill: #fc0;
		margin: 0
	}
	header.sticky-head .top-quote ul li a.icon .svg-phone {
		margin-right: 0
	}

.top-quote ul li a.icon .svg-phone {
    fill: #21222b;
    margin: 0;
}

.navbar-expand-sm .navbar-nav .nav-link {
		padding-left: 0!important;
		padding-right: 0!important
	}
	nav.navbar>ul.mobile-navigation {
		flex-direction: column
	}
	ul.sub-menu-box {
		width: 100%
	}
	nav.navbar .sub-menu-box-mbl.show {
		display: flex!important;
		position: relative!important;
		visibility: visible;
		opacity: 1;
		top: 0;
		flex-direction: column;
		left: 0;
		border: 0
	}
	nav.navbar ul.sub-menu-box li a {
		display: flex;
		padding: .5rem 1rem;
		border: 0
	}
	nav.navbar .sub-menu-box-mbl a:after {
		content: none
	}
	nav.navbar .sub-menu-box-mbl {
		border-radius: 0;
		position: relative;
		margin: 0;
		padding: 0;
		background: rgba(0, 0, 0, 0);
		box-shadow: none
	}
	nav.navbar .sub-menu-box-mbl a {
		border: 0;
		padding: .5rem 1rem
	}
	.side-blog-box {
		padding-left: 1rem
	}
	.audit-call-action {
		padding: 2rem
	}
	.audit-call-action-img {
		margin-bottom: 2rem
	}
	.audit-call-action-dtls {
		padding-left: 1rem!important;
		padding-right: 1rem!important
	}
	.lead-acc-dtls {
		padding-left: 1rem
	}
	nav.navbar>ul.mobile-navigation li.sub-menu-drop {
		position: relative
	}
	nav.navbar>ul.mobile-navigation li.sub-menu-drop a:after {
		content: none
	}
	nav.navbar>ul.mobile-navigation li.sub-menu-drop span.dropdown-toggle:after {
		content: "+";
		position: absolute;
		width: auto;
		height: 63px;
		display: flex;
		align-items: center;
		justify-content: center;
		right: 0;
		top: 0;
		font-size: 40px;
		font-weight: 500;
		color: #21222b;
		border: 0
	}
	.mobile-navigation>li a {
    padding: 1rem 0;
    color: #21222b;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    width: 100%;
    position: relative;
}

.mbl-hd-links {
    flex-direction: column;
    justify-content: center!important;
}

.mbl-hd-links a.yllw-btn {
    margin-bottom: 1rem;
}




}


@media(max-width:800px) {
	.footer-btn-box {
		flex-direction: column
	}
	.ftr-txt a:before {
		content: none
	}
	.ftr-txt a {
		margin: 10px 0
	}
	.footer-box {
		flex: 0 0 100%;
		max-width: 100%
	}
	.footer-links-box {
		max-width: 50%;
		flex: 0 0 50%
	}
	.footer-links-box.col-lg-3 {
		max-width: 100%;
		flex: 0 100%;
		margin: 1.5rem 0
	}
	.ftr-social {
		display: flex;
		align-items: center;
		justify-content: center!important
	}
	.fact-title>p {
		display: none
	}
	.fact-dlts p {
		text-align: center
	}
	.session-btn img.arrw {
		display: none
	}
	.nav-logo {
		flex: 0 0 30%;
		max-width: 30%
	}
	.nav-contact {
		flex: 0 0 70%;
		max-width: 70%
	}
	.lp-phone-btn li.phone-tp {
		display: none
	}
	.lp-btn-ylw {
		font-size: 16px;
		padding: .5rem 1.2rem
	}
	.banner-box-dtls h1 br {
		display: block
	}
	.banner-box-dtls h1 {
		font-size: 36px;
		line-height: 36px
	}
	.dsk-hide {
		display: none;
		opacity: 0;
		visibility: hidden
	}
	.mbl-hide {
		display: block;
		opacity: 1;
		visibility: visible
	}
	.srvc-grid {
		max-width: 100%;
		flex: 0 0 100%
	}
	.service-dtls h3,
	.service-dtls p {
		text-align: center
	}
	.service-dtls .srvc-icon {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center
	}
	.service-dtls .srvc-icon .circle {
		left: auto;
		right: auto
	}
	.why-box-dtls {
		padding: 2rem
	}
	.agency-vs h3 {
		font-size: 28px;
		text-align: center;
		margin-top: 1rem
	}
	.testimonial-dtls h3 br {
		display: block
	}
	.circle {
		display: none
	}
	span.btn-icon {
		margin-bottom: 10px
	}
	.contact-list .contact-list-box,
	.contact-list .modal-box {
		max-width: 100%;
		flex: 0 0 100%
	}
	.contact-bg {
		padding: 2rem;
		padding-bottom: 0
	}
	.contact-list .modal-box {
		text-align: center
	}
	.modal-box img {
		width: 80%;
		bottom: 0
	}
	.banner-box-dtls {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center
	}
	.lp-banner-bg img {
		width: 55%;
		opacity: .2
	}
	.service-dtls p {
		min-height: 2px
	}
	.box-title-dtls,
	.ppc-sd-dtls {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center
	}
	.box-title-grid {
		margin: 2rem 0 0 0;
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center
	}
	.session-btn .lp-btn-ylw .link-text {
		font-weight: 800;
		line-height: 24px;
		font-size: 24px;
		white-space: normal;
		text-align: center
	}
	.book-banner-img-grid img{top:0;}
	.mob-reverse{flex-direction: column-reverse !important;}
	.book-banner-img-grid{text-align: center;}
	.book-banner-img-grid img{width: 50%;}
	.banner-box.guide-header { padding-top: 6rem;}
	.table-content-box, .guide-content-box{padding: 2.5rem;}
	.table-content-box h2.guide-title{font-size: 36px;}
	.chapter-box a{padding-bottom: 15px; margin:15px 0px 0px 0px; }
	.guide-top-title h2 span{left: 0;}
	.guide-top-title h2 span { font-size: 90px; top: -7px; line-height: 90px;}
	.guide-top-title h2{    padding-left: 70px; line-height: 40px;     margin-bottom: 2rem; font-size: 36px;}
	.guide-content-box ul li{width: 100%;}
	.inside-box{padding-left: 2rem;}
	.inside-box > h3:before {width:8px; left: -2rem;}
	.banner-box-dtls.book-banner-grid{align-items: center; text-align: center;}
	.guide-list.guide-content .row > .box-content{padding:2rem; }
}

@media(max-width:767px) {
	.session-btn .lp-btn-ylw {
		flex-direction: initial;
		justify-content: center;
		align-items: center;
		text-align: center;
		white-space: normal
	}
	.session-btn .lp-btn-ylw .link-text {
		margin: 0;
		white-space: normal
	}
	.banner-awards li {
		width: 33.33333%
	}
	.banner-awards li img {
		width: 100%;
		height: auto
	}
	.case-stats-list {
		display: flex;
		flex-direction: column
	}
	.call-action-img img {
		width: 100%
	}
	.fact-dlts h3 {
		text-align: center
	}
	.testimonial-box-grid {
		padding: 2rem
	}
	.testimonial-box-grid {
		min-height: auto
	}
	.play {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		text-align: center
	}
	.clickmatix-stats .stats-wrapp {
		flex: 0 0 100%;
		max-width: 100%;
		margin: 1rem 0
	}
	.footer-links-box {
		max-width: 100%;
		flex: 0 0 100%
	}
	.nav-contact .lp-btn-ylw {
		display: none
	}
	.session-btn .lp-btn-ylw .link-text {
		font-size: 18px
	}
	.session-btn .lp-btn-ylw .link-text p {
		font-size: 15px
	}
	.service-dtls .srvc-icon img {
		top: 0;
		left: 0
	}
	.faq .card .card-header h3 .btn-link.collapsed:before {
		left: 0
	}
	.faq .card .card-header h3 button {
		padding-left: 1.5rem
	}
	.book-img-mb{display: flex; align-items: center; justify-content: center; opacity: 1; margin-top: 2rem;
	 visibility:visible;}
	.lp-banner-bg{display:none;}
	.banner-box { padding-top:6rem; padding-bottom: 3rem; }
	.left-book-cnt h2{margin-top: 1rem; text-align: center;}
	.banner-box-dtls h1 br{display: none;}
	.banner-box-dtls h1 { font-size: 30px; line-height: 35px;}
	.new-grid-box-input > input{width: 100%;}
	.mbl-hd-links {
    flex-direction: column;
    justify-content: center!important;
}

.mbl-hd-links a.yllw-btn {
    margin-bottom: 1rem;
}
.footer-box { padding-bottom: 1rem; }
.ftr-txt p{text-align: center; margin-bottom: 1rem; margin-right: 0;}
header.clicked .mobile-menu-hd { overflow: scroll;}
.banner-box.guide-header { padding-top: 7rem;}
.footer-box {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.th-frm-box .yllw-btn{font-size: 30px; line-height: normal;}
.th-frm-box .yllw-btn span{font-size: 20px;}
.lw-ch10-box{display: flex; flex-direction: column;}
.lw-ch4-brds-logo img{padding:10px;}
.lw-ch15-cta .h2{text-align: center;}
ul.lw-ch6-list-do li .lw-ch6-list-img{margin-top: 2rem; justify-content: center !important; }
ul.cp-dots-li li{font-size: 18px;}
.lw-ch2-point > img{width: 90px;}
}

@media(max-width:480px) 
{
.book-banner-img-grid img {
    width: 100%;
}
.banner-box.guide-header {
    padding-top: 7rem; padding-bottom: 0;
}
.banner-box-dtls h1 {
    text-align: center;
    font-size: 24px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-content-box, .guide-content-box {
    padding: 1.5rem;
}

.table-content-box h2.guide-title {
    font-size: 24px;
    line-height: normal;
}
.chapter-box a { font-size: 18px; padding-left:0px; line-height: normal; }
.guide-top-title h2 span { font-size: 50px; top: 0; line-height: 50px;}
.guide-top-title h2 {
    padding-left: 42px;
    line-height: 27px;
    margin-bottom: 2rem;
    font-size: 24px;
}
.guide-list .guide-top-title h2{padding-left: 10px;}
.guide-top-title h2 span{padding-right: 1rem;}
.inside-box {
    padding-left: 1.5rem; flex-direction: column;
}

.inside-box > h3:before {
    width: 5px;
    left: -1.5rem;
}

.inside-box > h3 {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-size: 20px;
}

.guide-content-box h4{font-size: 18px;}
}