@media(max-width:1200px) {
	:root {
		--font-18: 16px;
		--font-20: 18px;
		--font-22: 20px;
		--font-25: 23px;
		--font-30: 28px;
		--font-40: 38px;
		--font-45: 43px;
		--font-55: 53px;
		--font-60: 58px;
		--font-82: 80px;
	}

	section {
		padding: 90px 0;
	}

	section.small-padding {
		padding: 65px 0;
	}

	.menu>li:last-child a {
		padding: 18px;
	}

	.footer-top {
		margin-bottom: 35px;
		padding-bottom: 45px;
	}

	.approach-bottom {
		margin-top: 20px;
	}

	.solution-approach-list {
		margin-top: 45px;
	}

	.steps-list li {
		width: 33.33%;
	}

	ul.solution-list li {
		width: 33.33%;
	}

	.testimonial-block {
		padding: 100px;
	}

	.serve-block {
		padding: 40px 10px;
	}

	.refer-form {
		padding: 40px;
	}

	.menu li:not(:last-child) {
		margin-right: 25px;
	}

	input.wpcf7-submit {
		padding: 12px 20px;
	}

	.cta-block {
		max-width: 400px;
	}
	.career-content {
	width: 52%;
}
	
.blog-banner {
	background: #D9F1FF;
	padding: 90px 0 170px;
}
}


@media(max-width:1024px) {
	:root {
		--font-20: 16px;
		--font-22: 18px;
		--font-25: 21px;
		--font-30: 26px;
		--font-40: 36px;
		--font-45: 41px;
		--font-55: 51px;
		--font-60: 56px;
		--font-82: 76px;
	}

	section {
		padding: 80px 0;
	}

	section.small-padding {
		padding: 60px 0;
	}

	.menu li:not(:last-child) {
		margin-right: 20px;
	}

	.menu>li:last-child a {
		padding: 15px;
	}

	.footer-top {
		margin-bottom: 30px;
		padding-bottom: 40px;
	}

	.vision-list li {
		width: 50%;
	}

	.commitment-list li {
		width: 100%;
	}

	.solution-approach-list {
		margin-top: 40px;
	}

	.serve-top {
		width: 40%;
	}

	ul.serve-list li {
		width: 33.33%;
	}

	.serve-block {
		padding: 40px 20px;
	}

	.testimonial-block {
		padding: 90px;
	}

	.company-image img {
		max-width: 95px;
	}

	.refer-form {
		padding: 30px;
	}
	
.blog-banner {
	background: #D9F1FF;
	padding: 80px 0 150px;
}
	.blog-banner .heading {
    width: 85%;
}
	.blog-content {
    padding: 25px;
    width: 92%;
}
	.blog-image {
    margin-bottom: 45px;
}
	.refer .inner-banner-left .heading-group {
    width:85%;
}
}

@media(max-width:991px) {
	
section.inner-hero {
	padding: 130px 0;
}
	:root {
		--font-22: 17px;
		--font-25: 20px;
		--font-30: 24px;
		--font-40: 34px;
		--font-45: 40px;
		--font-55: 50px;
		--font-60: 54px;
		--font-82: 72px;
	}

	/* Toggle Menu button */


	.toggle {
		display: flex;
		flex-direction: column;
	}

	.header-row nav.main-navigation.active {
		right: 0;
		transform: translate3d(0, 0, 0);
		transition: 500ms all ease-in-out;
	}

	nav.main-navigation {
		top: 0;
		max-width: 350px;
		right: -100%;
		width: 100%;
		background-color: #fff;
		height: 100%;
		position: fixed;
		z-index: 9;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		align-items: unset;
		justify-content: flex-start;
		padding: 50px 20px;
		overflow-y: auto;
		transform: translate3d(0, 0, 205px);
		transition: all 500ms ease-in-out;
		/* text-align: center; */
	}

	ul.menu {
		display: block;
		margin-top: 50px;
	}

	ul.menu>li {
		margin-bottom: 20px;
	}

	ul.menu>li:not(:last-child) {
		margin-right: 0;
	}

	.menu>li>ul.sub-menu {
		position: unset;
		transform: unset;
		transition: unset;
		opacity: unset;
		visibility: unset;
		transform-origin: unset;
		display: none;
		min-width: unset;
		/* 		max-width:320px; */
		width: 100%;
		box-shadow: unset;
		background: #06adc1;
		padding: 20px;
		margin-top: 10px;
	}

	.menu>li>ul.sub-menu>li>a {
		border: none;
		padding: 0px;
		display: block;
		width: 100%;
		margin-bottom: 20px;
		background: transparent;
		color: #fff;
	}

	.menu>li>ul.sub-menu>li:last-child>a {
		margin-bottom: 0;
	}

	.menu>li:last-child a {
		border: none;
		padding: 0;
		color: var(--black-color);
		background: var(--white-color);
	}

	section {
		padding: 70px 0;
	}

	section.small-padding {
		padding: 55px 0;
	}

	.menu li:not(:last-child) {
		margin-right: 20px;
	}

	.menu>li:last-child a:before {
		display: none;
	}

	.contact-icon i {
		width: 45px;
		height: 45px;
	}

	.footer-top {
		margin-bottom: 25px;
		padding-bottom: 35px;
	}

	.industry-counter-list li {
		width: 50%;
	}

	.choose-icon i {
		width: 80px;
		height: 80px;
	}

	.banner-small-image {
		/* margin-bottom: 20%; */
		width: 100%;
		align-items: end;
	}

	.banner-big-image .image {
		padding-top: 100%;
	}

	.banner-small-image .image {
		padding-top: 30%;
		width: 40%;
	}

	.banner-big-image .box-block {
		justify-content: start;
	}

	.banner-small-image .box-block {
		align-items: center;
	}

	.technology-right {
		display: none;
		width: 0;
	}

	.technology-left {
		width: 100%;
	}

	.transition-list li {
		width: 33.33%;
	}


	.solution-approach-bottom img {
		height: 190px;
	}

	.solution-approach-list {
		margin-top: 35px;
	}

	.banner-top {
		width: 75%;
	}

	.career-bottom {
		margin-bottom: 20px;
	}

	.serve-top {
		width: 50%;
	}

	.testimonial-block {
		padding: 80px;
	}

	ul.service-list li {
		width: 50%;
	}

	.slick-next:before,
	.slick-prev:before {
		padding: 18px 22px;
	}

	.solution-list .slick-prev,
	.slick-prev {
		left: 2%;
	}

	.solution-list .slick-next,
	.slick-next {
		right: 7%;
	}

	.solution-block {
		padding-bottom: 50px;
	}

	.steps-list li {
		width: 50%;
	}

	.solution-approach-list li {
		width: 50%;
	}

	.cta-block {
		max-width: 100%;
		width: 50%;
	}

	.cta-row {
		/* align-items: center; */
		justify-content: center;
	}

	.cta-block:nth-child(2) {
		order: 1;
		width: 100%;
		max-width: 100%;
		margin-top: 50px;
	}
	

	.inner-banner-left {
		width: 100%;
	}

	.inner-banner-right {
		width: 100%;
		justify-content: center;
	}
	
	.career-image-block{
		width:70%;
		margin:0 auto;
			margin-bottom:30px;
	}
	.career-content {
		width: 100%;
		margin:0 auto;
	}
	.counter-row .heading-group {
    margin-bottom: 30px;
}
	.counter-row .heading span {
    display:inline;
}
.blog-banner {
	background: #D9F1FF;
	padding:70px 0 120px;
}
		.blog-banner .heading {
    width: 90%;
}
	.blog-content {
    padding: 20px;
    width: 95%;
}
		.blog-image {
    margin-bottom: 40px;
}
	.related-blog{
		width:50%;
	}
	.blog-image img {
    /* transform: translateY(-110px); */
}
	    .refer-form {
        padding: 20px;
    }
		.refer .inner-banner-left .heading-group {
    width:90%;
}
}

@media(max-width:767px) {
	
section.inner-hero {
	padding: 120px 0;
}
	:root {
		--font-22: 16px;
		--font-25: 20px;
		--font-30: 24px;
		--font-40: 34px;
		--font-45: 40px;
		--font-55: 50px;
		--font-60: 54px;
		--font-82: 68px;
	}

	section {
		padding: 60px 0;
	}

	section.small-padding {
		padding: 50px 0;
	}


	/* Toggle Menu button */
	.contact-icon i {
		width: 42px;
		height: 42px;
	}

	.footer-top {
		margin-bottom: 20px;
		padding-bottom: 30px;
	}

	.approach-list li {
		width: 50%;
	}

	.approach-bottom {
		margin-top: 10px;
	}

	.choose-list li {
		width: 100%;
		padding: 0;
	}

	.advancement-list li {
		width: 50%;
	}

	.talent,
	.staffing {
		width: 100%;
		margin-bottom: 20px;
	}

	.matter-list li {
		width: 50%;
	}

	.solution-approach-list {
		margin-top: 30px;
	}

	.banner-top {
		width: 90%;
	}

	.button {
		padding: 18px 40px;
	}

	ul.solution-list li {
		width: 50%;
	}

	.career-bottom {
		margin-bottom: 20px;
	}


	.serve-top {
		width: 60%;
	}

	ul.serve-list li {
		width: 50%;

	}

	ul.serve-list {
		margin-top: 20px;
	}

	.testimonial-block {
		padding: 70px;
		border-radius: 50px;
	}

	.box.blue {
		width: 55px;
		height: 55px;
	}

	.box.orange {
		width: 35px;
		height: 35px;
	}

	.box.yellow {
		width: 30px;
		height: 30px;
	}

	.cta-row .cta-block {
		width: 100%;
		margin-bottom: 10px;
	}

	.cta-block:nth-child(2) {
		order: 1;
		width: 100%;
		max-width: 100%;
		margin-top: 0px;
		border: none;
		margin-bottom: 0;
	}

	.cta-block {
		padding: 20px 10px;
		border-bottom: 2px solid #EFF0F6;
	}

	/* ul.social-media-list {justify-content: center;} */
	.transition-list li {
		width: 50%;
	}

	.slick-next:before,
	.slick-prev:before {
		padding: 16px 20px;
	}

	.solution-block {
		padding-bottom: 40px;
	}

	section.solutions.small-padding {
		padding-top: 20px;
		padding-bottom: 60px;
	}

	.refer-form,
	.refer-image {
		width: 100%;
	}

	.counter-content li {
		width: 50%;
	}
.career-image-block{
		width:80%;
		margin:0 auto;
			margin-bottom:20px;
	}
	.blog-banner {
	background: #D9F1FF;
	padding: 60px 0 100px;
}
		.blog-banner .heading {
    width: 95%;
}
	.blog-content {
    padding: 15px;
    width: 98%;
}
		.blog-image {
    margin-bottom: 35px;
}
	.blog-image img {
    /* transform: translateY(-80px); */
}
		.refer .inner-banner-left .heading-group {
    width:95%;
}
}

@media(max-width:640px) {
	
section.inner-hero {
	padding: 100px 0;
}
	:root {
		--font-25: 18px;
		--font-30: 22px;
		--font-40: 32px;
		--font-45: 38px;
		--font-55: 48px;
		--font-60: 45px;
		--font-82: 64px;
	}

	section {
		padding: 40px 0;
	}

	section.small-padding {
		padding: 30px 0;
	}

	.contact-list li {
		width: 100%;
	}

	.contact-main,
	.map {
		width: 100%;
	}

	.map {
		min-height: 300px;
		margin-top: 20px;
	}

	.footer-top {
		margin-bottom: 15px;
		padding-bottom: 25px;
	}

	.footer-block:first-child {
		max-width: 482px;
	}

	.vision-list li {
		width: 100%;
	}

	.industry-counter-list li {
		width: 100%;
	}

	.choose-heading-content {
		width: 100%;
		margin-top: 20px;
	}

	.inner-banner-left,
	.inner-banner-right {
		width: 100%;
	}

	.banner-big-image {
		width: 100%;
	}

	.banner-small-image .image {
		padding-top: 40%;
	}

	.banner-small-image {
		margin-bottom: -40px;
		/* margin-left: 10px; */
	}

	.banner-small-image .box-block {
		align-items: end;
	}

	.technology-list li {
		width: 100%;
	}

	.solution-approach-list li {
		width: 100%;
	}

	.solution-approach-list {
		margin-top: 25px;
	}

	.steps-list li {
		width: 50%;
	}

	.form-col {
		width: 100%;
	}

	.refer-form .form-col:nth-child(3n) {
		margin-right: 0;
	}

	.banner-top {
		width: 100%;
	}

	.button {
		padding: 16px 35px;
	}

	.banner-top .intro-description,
	.solution-row .intro-description {
		width: 100%;
		margin-bottom: 15px;
	}

	.serve-top {
		width: 75%;
	}

	.testimonial-block {
		padding: 40px;
		border-radius: 30px;
	}

	.service-image,
	.service-content {
		width: 100%;
	}

	.service-image {
		margin-bottom: 20px;
	}

	ul.service-list li {
		width: 100%;
	}

	.banner-row .box-block .yellow {
		width: 30px;
		height: 30px;
	}

	.banner-row .box-block .orange {
		width: 45px;
		height: 45px;
	}

	.banner-row .box-block .blue {
		width: 65px;
		height: 65px;
	}

	.banner-left,
	.banner-right,
	.banner-center {
		width: 100%;
	}

	.image-block {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.image-block .box {
		display: none;
	}

	.banner-left-bottom,
	.banner-left-top,
	.banner-right-top,
	.banner-right-bottom {
		width: 48%;
	}

	.banner-center {
		max-height: 250px;
		max-width: 100%;
	}

	.banner-center img {
		object-position: top;
	}

	.banner-left,
	.banner-right {
		display: block;
		margin: 0;
	}

	.banner-row .box-block {
		flex-direction: row;
		align-items: end;
	}

	.banner-row .box-block .orange,
	.banner-row .box-block .blue,
	.banner-row .box-block .yellow {
		margin: 5PX;
	}

	.banner-right .box-block {
		align-items: start;
	}

	.banner-right {
		margin-top: 20px;
	}

	.offering-list li {
		width: 100%;
	}

	.slick-next:before,
	.slick-prev:before {
		padding: 14px 18px;
	}

	.solution-list .slick-prev,
	.slick-prev {
		left: 30%;
		top: 100%;
	}

	.solution-list .slick-next,
	.slick-next {
		right: 35%;
		top: 100%;
	}

	.solution-block {
		padding-bottom: 35px;
	}

	.why-choose-us .strength-left {
		width: 100%;
		padding: 20px 10px;
		border-radius: 0;
	}

	.error-left,
	.error-right {
		width: 100%;
	}

	.error-left {
		margin-bottom: 20px;
	}

	.choose-heading {
		display: block;
	}

	.org-block p {
		width: 100%;
	}

	.choose-bottom-desc {
		width: 90%;
	}

	.choose-block {
		padding-right: 0;
	}
	.career-image-block{
		width:90%;
	}
		.blog-banner {
	background: #D9F1FF;
	padding: 50px 0 70px;
}
		.blog-image {
    margin-bottom: 30px;
}
		.related-blog{
		width:100%;
	}
		.refer .inner-banner-left .heading-group {
    width:100%;
}
}

@media(max-width:482px) {
	
section.inner-hero {
	padding: 90px 0;
}
	.career-image-block{
		width:100%;
	}
	:root {
		--font-40: 24px;
		--font-45: 36px;
		--font-55: 46px;
		--font-60: 38px;
		--font-82: 60px;
	}

	section {
		padding: 40px 0;
	}

	section.small-padding {
		padding: 30px 0;
	}

	.footer-top {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.approach-list li {
		width: 100%;
	}

	.approach-bottom {
		margin-top: 0px;
	}

	.box-block .orange {
		width: 40px;
		height: 40px;
	}

	.box-block .blue {
		width: 30px;
		height: 30px;
	}

	.banner-small-image .box-block .yellow {
		width: 50px;
		height: 50px;
	}

	.banner-small-image .box-block .blue {
		width: 40px;
		height: 40px;
	}

	.advancement-list li {
		width: 100%;
	}

	.transition-list li {
		width: 100%;
	}

	.steps-list li {
		width: 100%;
	}

	.title {
		/* font-size: var(--font-45); */
	}

	.button {
		padding: 14px 30px;
	}

	.btn-group {
		display: block;
	}

	.btn-left {
		margin-right: 0;
		margin-bottom: 10px;
	}

	ul.solution-list li {
		width: 100%;
	}

	.serve-top {
		width: 90%;
	}

	ul.serve-list li {
		width: 100%;
	}

	.testimonial-block {
		padding: 20px;
		padding-bottom: 50px;
		border-radius: 0;
	}

	.matter-list li {
		width: 100%;
	}

	.news-row {
		display: block;
	}

	.news-btn {
		margin-top: 5px;
	}

	.slick-next:before,
	.slick-prev:before {
		padding: 12px 16px;
	}

	.career-content .heading {
		font-size: 26px;
	}

	.solution-block {
		padding-bottom: 30px;
	}

	section.cta {
		padding-top: 0;
	}

	.review p {
		font-size: 15px;
	}

	.counter-content li {
		width: 100%;
	}

	.org-block {
		display: block;
	}

	.org-icon {
		margin-left: 0;
		margin-bottom: 20px;
	}

	.org-icon:before {
		font-size: 35px;
	}

	.choose-icon i {
		font-size: 50px;
		width: 100px;
		height: 100px;
	}

	.choose-icon {
		margin-right: 0;
	}

	.choose-bottom-note {
		display: block;
	}

	.choose-bottom-icon {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.choose-bottom-icon i {
		font-size: 30px;
	}

	.choose-bottom-icon {
		width: 60px;
		height: 60px;
	}

	.choose-bottom-desc {
		width: 100%;
	}
		.blog-banner {
	background: #D9F1FF;
	padding: 50px 0 ;
}
}