@media (min-width:1920px) {
	.wrapper {
		width: 1332px;
	}
}
@media only screen and (max-width: 1360px){
	.slick-prev {
		left: 47%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}
	.slick-next {
		right: 45%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}

	ul.slick-dots {
		bottom: 30px;
	}

	.gallery-wrapper .slick-dots li {
		width: 8px;
		height: 8px;
		background: rgb(255,255,255,1);
		border-radius: 100px;
		transition: 0.5s all;
	}

	.gallery-wrapper .slick-dots li.slick-active {
		width: 30px;
		height: 8px;
		background: var(--primary-color);
	}


	.gallery-wrapper {
		margin-bottom: 0 !important;
	}
	.trust-block {
		padding: 15px;
	}

	.trust-list li {
		width: 25%;
	}
	.footer-block {
		max-width: unset;
		width: 100%;
	}
	.footer-menu li {
		width: max-content !important;
		margin: 10px 0;
		margin-right:20px;
		padding-right:20px;
		border-right: 1px solid var(--white-color);
	}
	.footer-menu li:last-child{
		border-right:0;
		margin-right:0px;
		padding-right:0px;
	}

	.footer-heading {
		margin: 10px 0 20px;
		text-align: center;
	}
	ul#menu-services-menu{
		justify-content:center;
	}
	.footer-menu {
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
	}
	.social-media-list {
		margin-top: 10px;
		justify-content: center;
	}
	.footer-block p{
		text-align:center;
	}
	.footer-content {
		justify-content: center;
	}
	.footer-block .site-branding {
		margin: 0 auto 20px;
	}
}
@media only screen and (max-width: 1200px) {
	:root {
		--font-16: 15px;
		--font-18: 18px;
		--font-20: 19px;
		--font-24: 22px;
		--font-28: 25px;
		--font-32: 30px;
		--font-36: 36px;
		--font-40: 37px;
		--font-48: 45px;
		--font-54: 50px;
		--font-68: 62px;
	}

	section.hero-banner {
		padding: 180px 0 80px;
	}

	.banner-wrap:before {
		height: 75px;
		border-top-right-radius: 100px;
		margin-top: -75px;
	}

	.banner-wrap {
		padding: 40px;
	}

	.header-right {
		width: 85%;
		border-top-left-radius: 50px;
		padding: 25px 0 25px 10px;
	}

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

	section {
		padding: 90px 0;
	}

	.who .heading-group {
		width: 80%;
	}

	.heading {
		margin-bottom: 25px;
	}

	.expert-row,
	.home-service-row .btn {
		margin-top: 45px;
	}

	.blue-cta-row {
		padding: 45px;
	}

	ul.works-list li {
		width: 23%;
	}

	ul.works-list li:after {
		top: 50%;
		right: -50%;
		transform: translate(0, -50%);
		width: 80px;
		height: 10px;
	}

	.testimonial .heading-group {
		margin-bottom: 35px;
	}

	.testimonial-list li>div {
		padding: 30px;
	}

	.cta-note {
		margin-top: 70px;
	}
	.slick-prev {
		left: 45%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}
	.slick-next {
		right: 45%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}
	.why-us-list li {
		width: 50%;
	}
}

@media only screen and (max-width: 1023px) {
	:root {
		--font-18: 17px;
		--font-20: 18px;
		--font-24: 22px;
		--font-28: 23px;
		--font-32: 27px;
		--font-36: 32px;
		--font-40: 34px;
		--font-48: 40px;
		--font-54: 45px;
		--font-68: 55px;
	}

	section.hero-banner {
		padding: 150px 0 80px;
	}

	.banner-wrap:before {
		height: 60px;
		border-top-right-radius: 100px;
		margin-top: -60px;
	}

	.banner-wrap {
		padding: 30px;
	}

	.header-right {
		width: 85%;
		border-top-left-radius: 50px;
		padding: 20px 0 20px 10px;
	}

	.site-branding img {
		max-width: 90px;
	}

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

	section {
		padding: 80px 0;
	}

	.who .heading-group {
		width: 80%;
	}

	.heading {
		margin-bottom: 20px;
	}

	.expert-row,
	.home-service-row .btn {
		margin-top: 40px;
	}

	.blue-cta-row {
		padding: 30px;
	}

	ul.works-list li {
		width: 25%;
	}

	ul.works-list li:after {
		top: 50%;
		right: -40%;
		transform: translate(0, -50%);
		width: 70px;
		height: 10px;
	}

	.testimonial .heading-group {
		margin-bottom: 30px;
	}

	.testimonial-list li>div {
		padding: 25px;
	}

	.cta-note {
		margin-top: 60px;
	}

	.blue-cta-right .btn-group div {
		width: 46%;
	}
	.trust-image {
		width: 60px;
		height: 60px;
	}

	.trust-image img {
		width: 40px;
		height: 40px;
	}
}

@media only screen and (max-width: 992px) {
	:root {
		--font-18: 16px;
		--font-20: 17px;
		--font-24: 22px;
		--font-28: 23px;
		--font-32: 27px;
		--font-36: 32px;
		--font-40: 34px;
		--font-48: 40px;
		--font-54: 45px;
		--font-68: 50px;
	}

	section.hero-banner {
		padding: 150px 0 80px;
	}
  html.menu-open,
    body.menu-open {
        overflow: hidden !important;
        height: 100% !important;
    }
	.banner-wrap:before {
		height: 40px;
		border-top-right-radius: 100px;
		margin-top: -40px;
	}

	.banner-wrap {
		padding: 20px;
	}

	.header-right {
		width: max-content;
		border-radius: 0;
		padding: 15px;
	}

	.header-right:after {
		content: none;
	}

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

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

	.header-right nav.main-navigation.active {
		right: 0;
		transition: 500ms all ease-in-out;
	}

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

	ul.menu {
		display: block;
		margin-top: 115px;
	}
	.menu li a{
		color:var(--white-color);
	}
	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;
		width: max-content;
		padding: 20px;
		margin-top: 10px;
		background: transparent;
		border: 1px solid #fff;
		margin-bottom: 30px;
	}

	.mega-menu>.sub-menu li:nth-child(odd) {
		border-right: 0;
	}

	.mega-menu>.sub-menu li {
		width: 100%;
	}

	.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;
	}

	.site-branding img {
		max-width: 90px;
	}

	ul.header-top-row {
		justify-content: center;
		margin: -5px -10px;
		/* border-bottom: 1px solid #ccc; */
		padding-bottom: 5px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	}

	ul.header-top-row li {
		margin: 5px 10px;
	}

	ul.header-top-row li:nth-child(2) {
		order: 1;
	}

	section {
		padding: 70px 0;
	}

	.who .heading-group {
		width: 95%;
	}

	.heading {
		margin-bottom: 15px;
	}

	.expert-row,
	.home-service-row .btn {
		margin-top: 35px;
	}

	.blue-cta-row {
		padding: 25px;
	}

	ul.works-list li:after {
		top: 50%;
		right: -40%;
		transform: translate(0, -50%);
		width: 60px;
		height: 10px;
	}

	.testimonial .heading-group {
		margin-bottom: 25px;
	}

	.testimonial-list li>div {
		padding: 20px;
	}

	.cta-note {
		margin-top: 50px;
	}

	.who-left {
		width: 50%;
	}

	.who-image {
		width: 48%;
	}
	.slick-prev {
		left: 43%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}
	.slick-next {
		right: 43%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}

	.process-number {
		width: 55px;
		height: 55px;
	}
	.related-posts li {
		width: 50%;
	}
	.inner-contact-right .form-col {
		width: 100%;
	}
	.contact-right .form-col {
		width: 100%;
	}
	.contact-block .contact-info {
		width: 80%;
	}
}

@media only screen and (max-width: 767px) {
	:root {
		--font-20: 17px;
		--font-24: 20px;
		--font-28: 22px;
		--font-32: 25px;
		--font-36: 28px;
		--font-40: 32px;
		--font-48: 35px;
		--font-54: 40px;
		--font-68: 43px;
	}

	section.hero-banner {
		padding: 150px 0 50px;
	}

	.button {
		padding: 12px 20px;
	}

	section {
		padding: 60px 0;
	}

	.who-left {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}

	.who .heading-group {
		width: 100%;
	}

	.expert-image,
	.who-image {
		width: 80%;
		margin: 0 auto;
	}

	ul.expert-list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	ul.expert-list li {
		width: 50%;
		padding: 0 10px;
		margin: 10px 0;
	}

	.blue-cta-left {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}

	.blue-cta-right {
		width: 50%;
		margin: 0 auto;
	}

	.home-service-content {
		position: relative;
		bottom: 0;
		left: 0;
		transform: translate(0, 0);
		width: 100%;
		padding: 15px;
		background: var(--white-color);

	}

	ul.home-service-list li>div {
		box-shadow: 5px 5px 5px 0 #ccc;
		border: 1px solid #ccc;
	}

	.works-row .intro-description {
		width: 80%;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.works-row .heading-group {
		text-align: center;
	}

	ul.works-list {
		margin: -10px -10px;
		margin-bottom: 40px;
		justify-content: center;
	}

	ul.works-list li {
		width: 50%;
		padding: 0 10px;
		margin: 10px 0;
	}

	ul.works-list li:after {
		content: none;
	}

	.works-name:before {
		width: 120px;
	}

	.cta-left {
		padding: 20px;
		width: 100%;
		margin-bottom: 30px;
	}

	.cta-right {
		width: 100%;
	}

	.cta-left .big-heading {
		width: 100%;
	}

	h3.contact-heading {
		margin-top: 30px;
	}

	.cta-note {
		margin-top: 40px;
	}

	.insight-block {
		width: 50%;
	}

	.mt-50 {
		margin-top: 30px;
	}

	.expert-row {
		flex-direction: column-reverse;
	}

	input.wpcf7-submit {
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	.form-btn {
		margin: 0 auto;
	}
	.slick-prev {
		left: 45%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}
	.slick-next {
		right: 37%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}
	.service-about-row {
		width: 100%;
	}

	.page-banner-row {
		width: 100%;
		text-align: center;
	}

	.page-banner-row .btn-group {
		justify-content: center;
	}
	.page-banner-row .capsul {
		color: white;
		background: none;
	}
	.capabilities-block {
		padding: 15px;
	}
	.capabilities-image {
		width: 50px;
		height: 50px;
	}

	.capabilities-image img {
		width: 30px;
		height: 30px;
	}
	.process-list li:not(:last-child) .process-number:before {
		content: none;
	}

	.process-list li {
		width: 50%;
	}
	.process-block {
		padding: 10px;
		box-shadow: 5px 5px 10px #ccc;
	}
	.story-left {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	.story-right {
		width: 80%;
		margin: 0 auto;
	}
	.coverage-left {
		width: 100%;
		margin-bottom: 20px;
	}

	.coverage-right {
		width: 100%;
	}

	.city-list li {
		width: 33.33%;
	}
	.coverage-left iframe{
		min-height: 400px;
	}
	.coverage-right .heading-group,.coverage-right .intro-description {
		text-align: center;
	}
	.inner-contact-left{
		width:100%;
		margin-bottom:20px;
	}
	.inner-contact-right{
		width: 100%;
		padding: 20px;
	}
	.inner-contact-right .form-col:not(:last-child) {
		width: 50%;
	}
	.contact-right {
		width: 100%;
		padding: 10px;
	}

	.contact-left {
		width: 100%;
		margin-bottom: 20px;
	}
	.contact-right .form-col:not(:last-child) {
		width: 50%;
	}
}

@media only screen and (max-width: 640px) {
	:root {
		--font-20: 16px;
		--font-28: 21px;
		--font-32: 23px;
		--font-36: 25px;
		--font-40: 23px;
		--font-48: 25px;
		--font-54: 28px;
		--font-68: 31px;
	}

	section.hero-banner {
		padding: 120px 0 30px;
	}

	.button {
		padding: 12px 18px;
	}

	.header-right nav.main-navigation {
		padding: 35px;
	}

	section {
		padding: 50px 0;
	}

	.big-heading {
		text-align: center;
	}
	.service-about-row .big-heading {
		text-align: left;
	}
	.faq-row .small-heading {
		margin-bottom: 20px
	}

	.expert-image,
	.who-image {
		width: 90%;
		margin: 0 auto;
	}

	.testimonial .big-heading {
		padding-bottom: 10px;
	}


	.blue-cta-left {
		margin-bottom: 25px;
	}

	.blue-cta-right {
		width: 100%;
		margin: 0 auto;
	}

	.works-row .intro-description {
		width: 100%;
	}

	ul.works-list {
		margin-bottom: 30px;
	}


	.works-name {
		margin: 10px 0;
		padding-top: 10px;
		margin-top: 0;
	}

	.works-name:before {
		width: 100px;
	}

	.cta-left {
		padding: 20px;
		width: 100%;
		margin-bottom: 25px;
	}

	h3.contact-heading {
		margin-top: 20px;
	}

	.cta-note {
		margin-top: 30px;
	}

	.cta-title {
		font-size: 16px;
		margin-top: 10px !important;
	}
	.slick-prev {
		left: 43%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}
	.slick-next {
		right: 33%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}

	.trust-list li {
		width: 50%;
	}
	.available-row .intro-description,.inner-cta .intro-description{
		width:100%;
	}
	.float-card {
		position: absolute;
		z-index: 1;
		bottom: 20px;
		left: 20px;
		transform: translate(0px, 0px);
	}

	.story-right {
		width: 100%;
	}
	.city-list li {
		width: 50%;
	}
	.coverage-left iframe{
		min-height: 300px;
	}
	.inner-contact-left .big-heading {
		text-align: left;
	}
	.service-gallery .big-heading {
		text-align: left;
	}
}

@media only screen and (max-width: 480px) {
	:root {
		--font-48: 22px;
		--font-54: 25px;
		--font-68: 28px;
	}

	section.hero-banner {
		padding: 90px 0 30px;
	}

	ul.header-top-row {
		justify-content: center;
		text-align: center;
	}

	.button {
		padding: 10px 15px;
	}

	.header-right nav.main-navigation {
		padding: 30px;
	}

	.form-col {
		width: 100%;
	}

	.insight-block {
		width: 100%;
	}

	ul.works-list li {
		width: 100%;
	}
	.site-info {
		color: var(--black-color);
		font-weight: 600;
		width: auto;
		text-wrap: inherit;
		white-space: break-spaces;
		word-wrap: break-word;
	}

	.blue-cta-top {
		margin-bottom: 20px;
		justify-content: center;
	}

	.blue-cta-top p {
		margin: 5px;
		text-align: center;
	}
	.slick-prev {
		left: 38%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}
	.slick-next {
		right: 30%;
		top: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%,-50%);
	}
	.trust-list li {
		width: 100%;
	}
	ul.home-service-list li,
	ul.expert-list li {
		width: 100%;
	}
	.related-posts li {
		width: 100%;
	}
	.expert-image,
	.who-image {
		width: 100%;
	}
	.capabilities-list li {
		width:100%;
	}
	.why-us-list li {
		width: 100%;
	}
	.process-list li{
		width:100%;
	}
	.counter-list li:first-child {
		width: 100%;
	}

	.counter-list li {
		width: 50%;
	}
	.city-list li {
		width: 100%;
	}
	.inner-contact-right .form-col {
		width: 100% !important;
		padding:0;
	}
	.inner-contact-block .inner-contact-info {
		width: 80%;
	}
	.contact-right .form-col:not(:last-child) {
		width: 100%;
	}
	.footer-menu li {
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
		width: 100% !important;
		border: none;
		text-align: center;
	}

	.footer-heading {
		text-align: center;
	}

	.footer-block p {
		text-align: center;
	}

	.social-media-list {
		justify-content: center;
	}

	.footer-block .site-branding {
		margin: 0 auto 20px;
	}

	.footer-contact .footer-content {
		justify-content: center;
	}
	.footer-contact i {
		display: none;
	}
	.header-top-row li:nth-child(2) i {
		display: none;
	}

	.header-top-block {
		text-align: center;
		justify-content: center;
	}
	.header-top-row li{
		width: 100%;
	}
}