@media(max-width:1799px) {
	/*.serviceIntroBG {
		background-position: right;
	}*/

	/*.serviceIntroBG:before {
		content: "" !important;
		background: #152226;
		opacity: 0.7;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.serviceIntroBG {
		z-index: 1;
	}

	.serviceIntroBG {
		color: #fff;
	}*/
}

@media(max-width:1399px) {
	.serviceIntroBG {
		background-position: center !important;
	}

	.subServices .lightShadow {
	    height: 325px !important;
	}
}

@media(max-width:1199px) {
	.progress-container {
    	width: 150px;
	}

	.webHeader .nav-item {
		margin: 0 15px !important;
	}

	.topQuoteBtnOuter {
		position: absolute;
		right: 0;
		height: 100%;
		top: 22px;
	}

	.topQuoteBtnOuter button {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.webHeader .navbar-nav {
		margin-right: auto !important;
		margin-left: inherit !important;
	}

	.webHeader .navbar-brand img {
		width: 90% !important;
	}

	.uniqueApproach .content {
		width: 100% !important;
		margin-bottom: 30px !important;
	}

	.uniqueApproach .btn-bganimated {
		right: 16px !important;
	}

	.uniqueApproach .col-lg-1 {
		display: none;
	}

	.subServices .lightShadow {
		height: 360px !important;
	}

	.cta_section {
		height: 440px;
		padding: 0;
		position: relative;
	}

	.cta_section .textContent {
		background: rgba(0, 0, 0, 0.6);
		width: 100% !important;
        right: 0px;
        left: 0;
        height: 100%;
        text-align: center;
        align-content: center;
        padding-right: 10px;
        padding-left: 10px;
	}
}

@media(max-width:990px) {
	
	.allContent-center-md img {
		width: 100% !important;
	}

	.allContent-center-md, .allContent-center-md .transparentBlackBtn {
		text-align: center !important;
		margin: auto !important;
	}

	.allContent-center-md .sectionHeading hr {
		margin: 15px auto 12px auto !important;
	}

	.allContent-center-md .sectionHeading {
		padding-top: 5rem;
	}

	.slider-nav label {
		display: none;
	}

	.progress-container {
		width: 70px;
	}

	.slider-nav {
		gap: 2%;
	}

	.mainSliderOuter {
		text-align: center;
	}

	.ourProcess .boxContent, .ourProcess .row {
		border: 0 !important;
	}

	.sectionHeading h3 {
		font-size: 30px;
	}

	.webHeader .navbar-brand {
		margin-left: 80px;
		margin-right: 0;
	}

	.webHeader .navbar {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.webHeader {
		display: none;
	}

	.shortAbout .content, .busProblems .sectionHeading {
		padding-top: 25px;
	}

	/* Mobile Navigation */

	.mobileHeader {
		display: block;
	}

	.responsiveCat .slick-arrow, .featureProductSlider .slick-arrow {
		display: none !important;
	}

	footer .webView {
		display: none;
	}

	footer .mobView {
		display: block;
	}

	header a {
		text-decoration: none;
		color: #1E1E23;
		opacity:1;
		font-size: 1.5em;
		font-weight: 400;
		transition: 200ms;
	}

	header a:hover {
		opacity:0.5;
	}

	.header ul {
		padding: 0;
		list-style-type: none;
	}

	header .phone {
		background-color: #36383F;
		border-radius: 40px;
		width: 300px;
		height: 600px;
		Display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 30px 50px 100px #85888C;
	}

	header nav {
		background: transparent;
		height: 65px;
	}

	#menuToggle {
		display: flex;
		flex-direction: column;
		position: relative;
		top: 10px;
		right: 0;
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
		width: 40px;
	}

	#listingFiltration input {
		width: 50% !important;
	}

	#menuToggle input, #listingFiltration input {
		display: flex;
		width: 40px;
		height: 32px;
		position: absolute;
		cursor: pointer;
		opacity: 0;
		z-index: 2;
	}

	.headerOuter.scrollNav #menuToggle span {
		background: #000;
	}

	#menuToggle span {
		display: flex;
		width: 29px;
		height: 2px;
		margin-bottom: 7px;
		position: relative;
		background: #ffffff;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 5px 0px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		opacity 0.55s ease;
	}

	#menuToggle span:first-child {
		transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}

	#menuToggle input:checked ~ span {
		opacity: 1;
		transform: rotate(45deg) translate(0px, -1px);
		background: #fff;
	}

	#menuToggle input:checked ~ span:nth-last-child(3) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}

	#menuToggle input:checked ~ span:nth-last-child(2) {
		transform: rotate(-45deg) translate(3px, -1px);
	}

	#menu, #filtrationOpt {
		position: fixed;
		background: #fff;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 70%;
		margin: -50px 0 0 -1px;
		padding: 65px 0;
		-webkit-font-smoothing: antialiased;
		transform-origin: 0% 0%;
		transform: translate(-100%, 0);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}

	#filtrationOpt {
		width: 100%;
		padding: 20px;
		top: 16%;
	}

	#filtrationOpt li {
		list-style: none !important;
	}

	#menu li {
		transition-delay: 2s;
		list-style: none;
	}

	#menuToggle input:checked ~ #menu, #listingFiltration input:checked ~ #menu {
		transform: none;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	}

	.mobileHeader .logo {
		padding-left: 50px;
		margin-top: -8px;
	}

	#mobileSerachBar {
		display: none;
	}

	.mobileHeader .mobileSerachBar {
		right: 0;
		left: 0;
	}

	#menu .megaMenuIcon {
		top: 0;
		right: 5px;
		bottom: 0;
		border-left: solid 1px #dee2e6;
		height: 100%;
		width: 50px;
		text-align: center;
		font-size: 20px;
		color: #b3b3b3;
	}

	.mobileHeader .transparentWhiteBtn {
		width: auto;
		padding: 7px 14px;
		height: auto;
	}

	#menu .lImage {
		margin-left: 24px !important;
	}

	.bottomSide {
		background: #fff;
		bottom: 0;
		width: 100%;
		margin: auto;
		left: 0;
		right: 0;
		padding: 20px;
	}

	.closeSideBar {
		width: 35px;
		height: 35px;
		background: #1cbbb4;
		color: #fff;
		text-align: center;
		border-radius: 5px;
		line-height: 44px;
		right: 35px;
		top: 25px;
	}

	.closeSideBar input:checked ~ #menu {
		transform: translate(-100%, 0);
	}

	#menu ul {
		height: 78%;
		overflow: auto;
	}

	.mobileHeader .mMenu a {
		font-size: 16px;
		padding-left: 10px;
		color: #424242 !important;
	}

	.mobileHeader .mMenu {
		display: none;
	}

	.mobileHeader .mMenu.active {
		display: block;
	}

	.missionVision .cPadding {
		padding-bottom: 30px;
	}

	.aboutCompany img {
		display: none;
	}

	.aboutCompany {
		text-align: center;
	}

	.aboutCompany hr {
		width: 15% !important;
		margin: 15px auto !important;
	}

	.stickyImg {
		padding-bottom: 40px;
	}

	.stickyImg {
		display: none;
	}

	.videoContent p br {
		display: none !important;
	}

	.mainSliderOuter .videoContent p {
		width: 100% !important;
	}

	.mainSliderOuter .videoContent label {
		margin: auto !important;
	}

	.subServices .lightShadow {
		height: auto !important;
	}

	.faqs .transparentBlackBtn {
		margin-right: auto !important;
		margin-left: inherit !important;
	}
}

@media(max-width:799px) {
	
	.ourProcess .sectionHeading .w-50 {
		width: 100% !important;
	}

	.ourProcess .sectionHeading p {
		padding-top: 10px;
	}

	.industries .section-padding-bottom-5REM {
		padding-bottom: 0 !important;
	}

	.cta_section .textContent h2 {
		font-size: 28px;
		line-height: 35px;
	}

	.cta_section .textContent p {
		line-height: 30px;
	}

	.cta_section {
		height: 320px !important;
	}

	.serviceIntroBG {
		background-position: 85%;
		height: inherit !important;
	}

	.serviceIntroBG .subPoints {
		display: block !important;
	}

	.serviceIntroBG .subPoints div {
		padding-left: 0 !important;
		padding-bottom: 20px;
	}

	.serviceIntroBG.webView {
		display: none;
	}

	.serviceIntroBG.mobileView {
		background-image: url(../img/m-digitalmarketing-hero.png) !important;
		display: block !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		height: 60vh !important;
	}

	.serviceIntroBG.mobileView button {
		width: 75% !important;
		/*margin: auto;*/
	}
}

@media(max-width:599px) {

	.section-padding-5REM {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.section-padding-bottom-5REM {
		padding-bottom: 3rem;
	}

	.section-padding-top-5REM {
		padding-top: 3rem;
	}

	.font50 {
		font-size: 30px !important;
	}

	.font22, .ourProcess h4 {
		font-size: 18px;
	}

	.sectionHeading h3 {
		font-size: 25px;
	}

	.ourProcess .col-sm-6 {
		width: 50% !important;
	}

	.ourProcess .boxContent p {
		font-size: 14px;
	}

	.industries .col-sm-6 {
		width: 50% !important;
	}

	.cta_section .textContent h2 {
		font-size: 28px;
		line-height: 35px;
	}

	.cta_section .textContent p {
		line-height: 30px;
	}

	.mobView .para {
		font-size: 12px;
		line-height: 20px !important;
	}

	.topHead .content {
		width: 90% !important;
	}

	.sectionHeading p br {
		display: none;
	}

	.uniqueApproach .content {
		padding: 35px !important;
	}

	.service_slider .content p {
		display: none;
	}

	.serviceIntroBG .subPoints {
		display: none !important;
	}

	.serviceIntroBG .transparentBlackBtn {
		margin-top: 0 !important;
	}

	.serviceIntroBG {
		background: inherit !important;
	}
}

@media(max-width:499px) {
	.mobileHeader .leftSide {
		width: 25% !important;
	}

	.mobileHeader .leftSide img {
		width: 100% !important;
	}

	.mobileHeader .rightSide {
		width: 75% !important;
		margin-left: auto !important;
	}

	.mobileHeader .transparentWhiteBtn {
		font-size: 12px;
		padding: 8px 12px;
	}

	#menuToggle {
		top: 5px;
	}

	#menu {
		width: 100% !important;
		left: 1px !important;
	}

	#menuToggle input:checked ~ span {
		background: #000;
	}

	.cta_section .textContent h2 {
		font-size: 22px;
		line-height: 28px;
	}

	.cta_section .textContent p {
		line-height: 26px;
		font-size: 16px !important;
	}

	p.para {
	    font-size: 14px;
	    line-height: 24px;
	}

	.mobView .socialIcons label {
		width: 32px;
		height: 32px;
		padding-top: 4px;
	}

	.mobView .socialIcons svg {
		font-size: 14px !important;
	}

	.mobView hr {
		margin-bottom: 0 !important;
	}

	.mobView .bottom p {
		padding-bottom: 0 !important;
		padding: 14px 0 !important;
	}

	.breadcrumbBG ul li {
		font-size: 12px !important;
	}
}

@media(max-width:379px) {
	.cta_section .textContent h2 {
		font-size: 20px !important;
	}

	.cta_section .textContent p {
		font-size: 14px !important;
	}

	.cta_section .textContent button {
		padding: 6px 12px;
	}

	.transparentWhiteBtn {
		font-size: 13px !important;
	}
}