@media(min-width:1200px) and (max-width:1600px) {
	.country-portolio-sec::before {
		background-size: 60%;
		background-repeat: no-repeat;
		top: -50px
	}

	.london-cta::before, .london-help-sec::before {
		background-repeat: no-repeat;
		background-size: 70%
	}



	.london-cta::before {
		top: 220px
	}

	.london-help-sec::before {
		right: 50px;
		background-position: bottom right
	}

	.dropdown-menu-service {
		min-width: 70rem !important;
		left: -340px
	}

	.two-d-banner {
		background-position: center !important
	}

	.dropdown-menu-types {
		left: 100px
	}

	.dropdown-menu.dropdown-menu-types {
		left: -375px
	}

	.benefit-img img {
		height: 504px;
		max-width: 106%
	}

	.benefit-box-head h3 {
		padding: 0 0 10px
	}

	.benefit-box-head a {
		margin: 15px 0 0
	}

	.benefit-box-head {
		padding-top: 20px
	}

	.benefit-sec .slick-arrow:before {
		font-size: 30px
	}

	.h_slide_1_box {
		padding-left: 26%
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 20px 0 0
	}

	.navbar-default .navbar-nav>li>a {
		padding: 20px 0 0;
		margin: 0 20px
	}

	.benefit-sec .slick-prev {
		left: -70px;
		width: 40px;
		height: 40px
	}

	.benefit-sec .slick-next {
		right: -73px;
		width: 40px;
		height: 40px
	}

	.why-sec {
		padding: 40px 0
	}

	.success-box {
		padding: 20px 5px;
		justify-content: center
	}

	.success-box h6 {
		padding: 0 0 0 11px
	}

	.success-box span {
		font-size: 70px
	}

}

@media(min-width:1200px) and (max-width:1440px) {
	.request_quote_header_btn a {
		padding: 4px 12px !important;
		margin: 13px 18px 0 0 !important
	}

	.navbar-default .navbar-nav>li>a {
		padding: 20px 0 0;
		margin: 0 15px
	}

	.dropdown-menu.dropdown-menu-types {
		left: calc(-2% * 18)
	}

}

@media(min-width:1200px) and (max-width:1320px) {
	.navbar-default .navbar-nav>li>a {
		margin: 0 11px;
		font-size: 17px
	}

}

@media(min-width:1200px) and (max-width:1270px) {
	.navbar-default .navbar-nav>li>a {
		margin: 0 10px;
		font-size: 15px
	}

}

@media(min-width:768px) and (max-width:1100px) {
	.mobile-header {
		display: block !important
	}

	.audience-sec-new {
		margin: 0 0 30px
	}

	.dropdown-menu {
		position: relative;
		left: 0;
		top: 0;
		float: inherit;
		background: 0 0
	}

	.btn-white, .red-chat {
		padding: 15px 20px;
		font-size: 15px
	}

	.two-d-banner .col-md-6 {
		max-width: 100%;
		flex: 100%
	}

	.benefit-img img {
		max-width: 100%
	}

	.benefit-box-head {
		padding-bottom: 30px
	}

	.ftr-box-2, .sidenav, section.benefit-sec .slick-dots {
		padding: 0
	}

	.benefit-box-main .row {
		align-items: center
	}

	.map-sec iframe, .video_process_v video {
		width: 100%
	}

	.header-main.top-fix, br {
		display: none
	}

	.mobile-logo img {
		max-width: fit-content
	}

	.h_slide_1_box {
		padding-left: 33%
	}

	.ft-hd-5 {
		margin: 0 0 0 14px;
		font-size: 17px !important
	}

	.ft-hd-6 {
		font-size: 18px !important;
		margin: 0 0 0 20px
	}

	.ft-hd-1, .ft-hd-1 i.ired, .ft-hd-3, .light_heavy_58, .slider-hd-2, .slider-hd-3 {
		font-size: 40px !important
	}

	.ft-hd-3 {
		margin: 5px 0 0 20px !important
	}

	.ft-hd-1 {
		left: 20px !important
	}

	.ired {
		background: no-repeat
	}

	.tp-caption.black_heavy_90 {
		font-size: 70px !important
	}

	.why-explainer {
		padding: 0 0 20px
	}

	.h_slide3_text_box {
		margin: 60px 0 0 !important
	}

	.h_slide3_ul {
		font-size: 37px
	}

	.slider-hd-1 {
		font-size: 42px !important
	}

	.slider-hd-5 {
		left: 112px !important;
		position: relative
	}

	.slider-hd-4 {
		position: relative;
		left: 90px !important
	}

	.why-explainer-boxes .col-md-3 {
		max-width: 50%;
		flex: 100%
	}

	.folio-tabs {
		flex-wrap: wrap;
		margin: 20px 0 40px;
		padding: 0
	}

	.folio-tabs li {
		margin: 0 0 20px
	}

	.folio-sec {
		padding: 30px 0 0
	}

	#replayButton {
		right: -32px;
		top: 10px
	}

	.slide-text {
		padding: 0 90px
	}

	.midAreaSlider_case_studies .slide-text img {
		width: 183px
	}

	.slide-text h3 {
		margin: 0 0 20px0
	}

	.midAreaSlider_case_studies .slick-dots {
		top: 0
	}

	.slide-text p {
		font-size: 15px;
		line-height: 25px
	}

	.cta_one h2, .success-box span {
		font-size: 20px
	}

	.cta_one p {
		font-size: 16px
	}

	.cta_two {
		padding: 20px 0
	}

	.content_are_home {
		padding: 30px
	}

	.content_are_home_img img {
		position: relative;
		width: inherit;
		height: inherit;
		max-width: 100%
	}

	.success-head h2, .video_content_area h2 {
		font-size: 25px
	}

	.success-head h2 span, .video_content_area h2 span {
		font-size: 30px
	}

	.video_content_area h4 {
		padding: 20px 0 0
	}

	.success-box h6 {
		font-size: 13px;
		padding: 0 0 0 10px
	}

	.ftr-box-3 h5, .ftr-links h6, .social-list li a {
		font-size: 14px
	}

	.call-to-action {
		padding: 0 0 120px
	}

	.upper-ftr .row {
		align-items: center !important
	}

	.ftr-box-3 h5 {
		text-align: center
	}

	.social-list li img {
		width: 70px !important
	}

	.ftr-box-3 .red-chat {
		margin-bottom: 19px
	}

	ul.ftr-box-links li a {
		font-size: 13px
	}

	.hp-logo, .police-logo {
		display: none !important
	}

}

@media(min-width:300px) and (max-width:767px) {
	.country-portolio-sec::before {
		background-size: 60%;
		background-repeat: no-repeat;
		top: -50px;
		display: none
	}

	.london-cta::before, .london-help-sec::before {
		background-repeat: no-repeat;
		background-size: 70%;
		display: none
	}

	#replayButton, .audience-img, .div_right_image, .dropdown-toggle::after, .header-main, .inner-banner-types br, .london-ani-box, .london-ani-box-6, .london-banner::before, .midAreaSlider_case_studies li.slick-active::before {
		display: none
	}

	.london-cta::before {
		top: 220px
	}

	.london-help-sec::before {
		right: 50px;
		background-position: bottom right
	}

	.country-banner {
		min-height: auto;
		padding: 50px 0;
		text-align: center
	}

	.country-banner-head h1, .country-portolio-head h3, .inner-banner-head h1, .london-animation-head h3, .london-production-head h3, section.app-demo-banner h5 {
		font-size: 25px;
		line-height: 35px
	}

	.offset-1, .offset-5, .video_content_area h2 {
		margin: 0
	}

	.contact_banner_box p, .country-banner-head, .ftr-box-1, .london-cta-head, .london-production-head, .map-sec p, .new-casestudies-sec-3-box, .video_content_area p {
		text-align: center
	}

	.app-demo-folio, .benefit-sec, .competitor-sec, .country-portolio-sec, .cta_one, .location-box-3, .london-animation-sec, .london-cta, .london-help-sec, .london-ideas-sec, .london-production-sec, .testi-sec, .types_of_videos, footer {
		padding: 30px 0
	}

	.country-banner-head h3 {
		font-size: 25px !important;
		line-height: 35px !important
	}

	.app-benefit-img, .cta_one a, .london-animation-head, .new-casestudies-sec-4-box-2 p, .types_of_videos .main-title, .why-explainer .main-title {
		margin: 0 0 20px
	}

	.country-pricing-sec .cta-btn, .london-cta-img, .london-production-img {
		margin: 30px 0 0
	}

	.london-cta-head h4 {
		font-size: 16px
	}

	.london-cta-head h3 {
		font-size: 25px;
		line-height: 35px;
		padding: 10px 0
	}

	.country-portolio-head {
		margin: 0 0 30px
	}

	.benefit-img img, .london-production-img img, .midAreaSlider_case_studies .slide-text p {
		max-width: 100%
	}

	.london-help-sec .country-banner-head {
		margin: 20px 0 0
	}

	.london-animation-sec .london-animation-list {
		display: block
	}

	.london-animation-sec .london-animation-list li {
		width: initial;
		display: inline
	}

	.london-animation-sec .slick-slide img {
		margin: auto
	}

	.london-animation-sec .slick-dots {
		padding: 10px 0 0
	}

	.box-folio-1 img, .midAreaSlider_case_studies .slide-image, .why-explainer img {
		width: 100%;
		height: 100%
	}

	.h_slide3_text_box {
		font-size: 20px !important
	}

	.industry_second_contennt_inner, .video_content_area h2.main-title {
		padding: 30px 0 0
	}

	.case-st-box-inner img {
		max-width: 60%
	}

	.competitor-sec .slider-nav .slick-list, .social-list li a, section.benefit-sec .slick-dots {
		padding: 0
	}

	.case-st-btn li:first-child a, .case-st-btn li:nth-child(2) a {
		font-size: 15px;
		padding: 15px 20px
	}

	.ftr-box-3 .red-chat {
		display: table;
		margin: 3px auto;
		text-align: center
	}

	.case-st-inner-dtl p {
		height: auto
	}

	.success-head {
		margin: 70px 0 0
	}

	p {
		font-size: 15px !important;
		line-height: 25px !important;
		text-align: center !important
	}

	.new-case-st-banner {
		min-height: auto;
		text-align: center;
		padding: 30px 0
	}

	section.new-casestudies-sec-5 .slick-dots {
		flex-wrap: wrap;
		padding: 20px 0 0
	}

	.disclaimer-sec, .new-case-banner-head p, .video_process_v video {
		width: 100%
	}

	.new-casestudies-sec-2, .why-explainer {
		padding: 20px 0
	}

	.video-box-new-case-st-play img {
		width: 30px
	}

	.video-box-new-case-st-play h6 {
		font-size: 20px;
		padding: 15px 0 0
	}

	.ft-hd-1, .ft-hd-1 i, .ft-hd-1 i.ired, .tp-caption.black_heavy_90 {
		font-size: 30px !important
	}

	.new-casestudies-sec-3-box p, .new-casestudies-sec-5 p, section.app-benefits, section.app-demo-folio p {
		padding: 10px 0 20px
	}

	.industry_second_content_area, .new-casestudies-sec-3 {
		margin: 0;
		padding: 20px 0
	}

	.new-casestudies-sec-4 {
		padding: 20px 0;
		text-align: center
	}

	.new-casestudies-sec-5 {
		padding: 20px 0;
		margin: 0 0 40px
	}

	.sidenav a {
		padding: 10px 38px 10px 20px
	}

	.ft-hd-1 {
		left: -100px !important;
		top: 20px !important
	}

	.ft-hd-, .ft-hd-4, .ft-hd-5, .ft-hd-6 {
		font-size: 14px !important
	}

	.ft-hd-1 i.ired {
		left: 60px !important;
		position: relative;
		top: 0
	}

	.ft-hd-6 {
		left: -73px !important
	}

	.ft-hd-5 {
		left: 30px !important
	}

	.ft-hd-2, .ft-hd-3 {
		font-size: 40px !important
	}

	.h_slide_1_box {
		padding-left: 30%
	}

	.ft-hd-2 {
		top: 36px !important
	}

	.ft-hd-3 {
		position: relative;
		left: 90px !important;
		top: 43px !important;
		color: #fff !important
	}

	.ired {
		background-image: none
	}

	.better-btn {
		top: 165px !important;
		left: 70px !important
	}

	.news-banner {
		left: 310px !important
	}

	.slider-hd-3 {
		left: 100px !important
	}

	.slider-hd-4 {
		left: 50px !important;
		top: 118px !important
	}

	.slider-hd-5 {
		left: 50px !important;
		top: 136px !important
	}

	.dropdown-menu, a.colse_btn {
		right: 0 !important;
		left: inherit !important
	}

	.mobile-header {
		display: block !important
	}

	.dropdown-menu {
		top: inherit !important;
		background: 0 0 !important;
		text-align: right !important;
		float: inherit !important;
		position: relative !important
	}

	.hp-logo, .police-logo, br {
		display: none !important
	}

	.trust_icons_new img {
		margin-bottom: 0 !important
	}

	a.colse_btn {
		top: 0 !important
	}

	a.colse_btn img {
		filter: invert(1)
	}

	.midAreaSlider_case_studies .slick-dots {
		position: relative;
		bottom: 0;
		top: 0;
		right: 0;
		min-height: inherit;
		padding: 20px 0 0
	}

	.midAreaSlider_case_studies .slick-dots li {
		display: inline-block;
		margin: 0 10px 30px
	}

	.tp-caption.grey_heavy_72 {
		font-size: 19px !important
	}

	.tp-caption.black_heavy_60 {
		font-size: 23px !important
	}

	.tp-caption.grey_regular_18 {
		font-size: 12px !important
	}

	.h_slide3_text_box {
		margin: 30px 0 0 !important
	}

	.h_slide3_ul {
		font-size: 22px !important;
		margin: 0 0 0 15px !important
	}

	.h_slide3_ul img {
		top: 0
	}

	.light_heavy_90_blue {
		font-size: 50px !important
	}

	.light_heavy_58 {
		font-size: 22px !important
	}

	.top-bar-social {
		justify-content: center;
		float: inherit;
		padding: 0 0 15px
	}

	.top-bar {
		padding-bottom: 15px
	}

	.process-box p, .success-details p {
		padding: 0 0 20px
	}

	section.contact-sec {
		padding: 50px 0
	}

	section.contact-sec h3 {
		font-size: 30px;
		padding: 0 0 20px
	}

	ul.contact_banner_box_tabs {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.contact_banner_box_tabs li {
		display: inherit;
		width: 45%;
		margin: 0 0 20px
	}

	.contact_banner_box_tabs li a {
		padding: 10px;
		font-size: 13px;
		text-align: center
	}

	.app-benefits-head .red-chat, .contact_banner_box button, .red-btn-new {
		display: table;
		margin: 0 auto 20px
	}

	.process-sec-1 {
		padding-bottom: 20px
	}

	.audience-sec-new-head h3, section.location-banner h1 {
		font-size: 25px
	}

	.industry_second_content_area_row_two {
		padding: 50px 0 0
	}

	.location-banner h3, .production-sec-head-1 h3 span, .testi-sec h3, section.app-demo-banner h3, section.location-banner h1 span {
		font-size: 30px
	}

	.production-sec-head-1 .red-chat {
		margin-bottom: 20px
	}

	.btn-white, .red-chat {
		font-size: 13px
	}

	section.app-demo-banner h1 span {
		font-size: 25px;
		padding: 0 0 20px;
		line-height: normal
	}

	.inner-banner-types {
		min-height: auto;
		padding: 30px 0;
		background-position: left !important
	}

	section.app-demo-banner h1 {
		font-size: 20px;
		line-height: 30px;
		text-align: center
	}

	.dropdown-menu a {
		padding-left: 50px
	}

	section {
		overflow: hidden !important
	}

	h2.main-title span {
		font-size: 30px;
		display: block
	}

	.types_of_videos h5, .why-explainer h3 {
		font-size: 18px;
		line-height: 26px
	}

	.trust_icons_new h3 {
		font-size: 20px;
		line-height: 25px
	}

	h3.plan-title {
		text-align: center;
		padding: 20px 0 0
	}

	.app-benefits-head p, p.plan-disc {
		text-align: center;
		padding: 0 0 20px
	}

	.all-plan {
		padding-bottom: 10px
	}

	h2.main-title {
		font-size: 20px;
		line-height: 35px;
		text-align: center
	}

	.folio-tabs {
		flex-wrap: wrap;
		margin: 30px 0 20px;
		justify-content: center
	}

	.cta_one h2 {
		font-size: 22px;
		line-height: 30px
	}

	.cta_one h3 {
		font-size: 19px;
		padding: 15px 0 10px
	}

	.video_process_v {
		padding: 20px 0 0
	}

	.slide-text {
		padding: 30px 20px;
		text-align: center
	}

	.content_are_home {
		padding: 20px 10px
	}

	.sucess-sec {
		padding: 80px 0 0
	}

	.success-head h3 {
		font-size: 20px;
		line-height: 30px
	}

	.benefit-box-head h3 span, .success-box h6, section.location-banner h6 {
		font-size: 20px
	}

	.call-to-action {
		background-position: center;
		padding: 0 0 100px
	}

	.ftr-box-2 {
		text-align: center;
		padding: 10px 0
	}

	.ftr-box-3 {
		text-align: center;
		display: block
	}

	.social-list {
		justify-content: space-around;
		margin: 20px 0 0
	}

	.bottom-ftr .col-md-2 {
		max-width: 50%;
		flex: 100%;
		padding: 0 30px
	}

	.bottom-ftr .col-md-3 {
		max-width: 50%;
		flex: 100%
	}

	.ftr-links ul li a {
		font-size: 12px
	}

	.copy-para-box {
		display: block;
		text-align: center
	}

	.copy-para-box p {
		border-bottom: #ffdead
	}

	.call-to-action .main-title {
		font-size: 20px !important;
		line-height: 25px
	}

	.call-to-action .main-p {
		padding: 10px 0
	}

	.slide-text p {
		color: #ffff !important
	}

	.slide-text h3 {
		color: #fff !important
	}

	.left_right_flex h2, .top-bar ul.top-bar-ul li a {
		font-size: 10px
	}

	.midAreaSlider_case_studies {
		background: #292929
	}

	.two-d-banner {
		padding: 30px 0;
		text-align: center;
		min-height: auto
	}

	.cta-btn {
		justify-content: center
	}

	.benefit-box-head {
		padding: 10px 20px;
		text-align: center
	}

	.benefit-box-head h3 {
		font-size: 30px;
		line-height: 35px
	}

	.app-benefits-head strong, .competitor-sec .slick-current.slick-active .competitor-box {
		left: 0
	}

	section.app-benefits h2 {
		font-size: 20px;
		padding: 0
	}

	.app-benefits-head h3 {
		font-size: 25px;
		text-align: center;
		line-height: 40px
	}

	.app-benefits-head h3 span {
		font-size: 20px;
		display: block
	}

	.mt-5 {
		margin: 0 !important
	}

	.audience-sec-new {
		text-align: center;
		background-position: center;
		padding: 20px 0
	}

	.production-sec {
		padding: 30px 0 0;
		text-align: center;
		background-position: bottom
	}

	.production-sec-head-1 h6 {
		font-size: 19px
	}

	.production-sec-head-1 h3 {
		font-size: 30px;
		line-height: 35px;
		padding: 0 0 10px
	}

	.showing-head h6 {
		font-size: 20px;
		padding: 20px 0 10px
	}

	.production-sec-head-1 p, .showing-head h5 {
		padding: 0 0 10px
	}

	.showing-head h5 {
		font-size: 30px
	}

	.solution-sec, .why-sec {
		text-align: center;
		padding: 30px 0
	}

	.solution-sec .production-sec-head-1 h3 {
		font-size: 25px;
		line-height: 30px
	}

	.top-bar ul.top-bar-ul li {
		margin: 0;
		padding: 0 10px
	}

	.trust_icons_new {
		padding-bottom: 0
	}

	.slide-text img {
		margin: 0 auto 20px
	}

	.success-box span {
		font-size: 50px
	}

	.midAreaSlider_case_studies .item {
		height: 600px
	}

	.midAreaSlider_case_studies .item::before {
		position: absolute;
		content: "";
		background: #000000b3;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%
	}

	.video_content_area h4 {
		text-align: center;
		margin: 0
	}

}