@media only screen and (min-width:992px) {

	.light-gray-banner .navbar .menu-with-searchbar .navbar-nav>li:last-child>a,
	.light-gray-banner-f2 .navbar .menu-with-searchbar .navbar-nav>li:last-child>a,
	.white-banner .navbar .menu-with-searchbar .navbar-nav>li:last-child>a {
		background: #1b1e66;
		color: #fff!important
		}

}
@media only screen and (min-width:1600px) {
	.about-us.services-banner .banner-section .left h2 {
		font-size: 34px;
		line-height: 65px
	}
	.about-us .big-yellow-circle {
		width: 650px;
		height: 650px;
		border-radius: 650px
	}
	.navbar {
		padding: 45px 0 60px
	}
	.banner-section .right .image-wrapper {
		width: 177px;
		height: 177px
	}
	.banner-section .left h2,
	.services-banner .banner-section .left h2 {
		line-height: 80px;
		font-size: 50px
	}
	.banner-section .left p,
	.services-banner .banner-section .left p {
		font-size: 18px;
		line-height: 35px
	}
	.our-services {
		max-width: 77%
	}
	.our-services.type-two {
		max-width: 100%
	}
	.benefits-to-work .left .person {
		max-width: 58%
	}
	.benefits-to-work .left .pink {
		max-width: 81%
	}
	.about-techaffinity .description {
		max-width: 53%
	}
	.tech-industry-leading .left {
		width: 57%
	}
	.tech-industry-leading .right {
		width: 43%
	}
	.list-of-technology .dot-bg {
		max-width: 100%
	}
}

@media only screen and (min-width:1700px) {
	.mobile-banner .white-bg {
		width: 147px;
		height: 147px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
		border-radius: 16px;
		padding: 0 10px;
	}
	.mobile-banner .android-wrapper .gray-square {
		width: 68px;
		height: 68px;
		background: #c9c9c9;
		border-radius: 15px;
	}
	.mobile-banner .yellow-wrapper{
		position: absolute;
		left: 170px;
		top: -130px;
		bottom: auto;
	}
	.mobile-banner .yellow-wrapper .inner {
		width: 171px;
		height: 145px;
		position: relative;
		top: 0;
		margin-top: 63px;
	}
	.mobile-banner .yellow-wrapper .inner .yellow-square {
		width: 83px;
		height: 83px;
		background: #ffc732;
		border-radius: 15px;
	}
	.mobile-banner .yellow-wrapper .inner .yellow-circle {
		position: absolute;
		left: 0;
		top: 21px;
	}
	.mobile-banner .yellow-wrapper .inner .gray-square {
		width: 68px;
		height: 68px;
		background: #c9c9c9;
		border-radius: 15px;
	}
	.mobile-banner .yellow-wrapper .inner .gray-circle {
		position: absolute;
		bottom: -38px;
		right: 0;
	}
	.mobile-banner .android-wrapper {
		position: absolute;
		bottom: -108px;
		right: 30px;
		width: 335px;
		height: 85px;
	}
	.mobile-banner .android-wrapper .white-bg {
		position: absolute;
		bottom: 9px;
		right: 90px;
	}
	.mobile-banner .android-wrapper .gray-square {
		width: 68px;
		height: 68px;
		background: #c9c9c9;
		border-radius: 15px;
	}
	.mobile-banner .android-wrapper .gray-circle-one {
		position: absolute;
		top: -164px;
		right: 22px;
	}
	.mobile-banner .android-wrapper .gray-square {
		width: 68px;
		height: 68px;
		background: #c9c9c9;
		border-radius: 15px;
	}
	.mobile-banner .android-wrapper .gray-circle-two {
		position: absolute;
		left: -10px;
		top: -100px;
	}
	.mobile-banner .rails-wrapper
	{
		margin-left: -120px;
		margin-top: -107px;
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-one {
		left: 640px
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-two {
		left: 820px
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-three {
		left: 365px
	}
	.cms-wrapper-banner .yellow-wrapper .gray-square {
		width: 50px;
		height: 50px;
		margin-top: 25px
	}
	.cms-wrapper-banner .yellow-wrapper .yellow-square {
		width: 76px;
		height: 76px
	}
	.cms-wrapper-banner .red-square {
		width: 70px;
		height: 70px;
		top: 15px;
		left: 140px
	}
	.meet-our-team .team .image-wrapper {
		padding: 172px
	}
	.banner-section {
		height: calc(100vh - 283px);
		display: flex;
		align-items: center
	}
	.header-with-banner.career .banner-section,
	.header-with-banner.contact-us .banner-section {
		height: auto
	}
	.meet-our-team .image-wrapper .text-wrapper p {
		font-size: 17px;
		line-height: 28px
	}
	.how-it-works-wrapper .animated-line.first-line {
		right: -161px;
		width: 276px
	}
	.how-it-works-wrapper .animated-line.second-line {
		width: 292px;
		bottom: 97px;
		right: -165px
	}
	.how-it-works-wrapper .animated-line.third-line {
		width: 299px;
		top: -54px;
		right: -165px
	}
	.contact-us-banner .form-group .custom-file-input {
		padding: 15px 20px
	}
	.contact-us-banner .form-group .custom-file-label::after {
		padding: 15px 15px
	}
	.cms-wrapper-banner {
		position: relative;
		height: 100%
	}
	.cms-wrapper-banner .one {
		margin-left: -69px;
		top: 24%!important
	}
	.cms-wrapper-banner .two {
		margin-left: -314px;
		margin-top: -126px
	}
	.cms-wrapper-banner .three {
		margin-left: 160px;
		margin-top: -280px
	}
	.cms-wrapper-banner .four {
		margin-top: 100px;
		margin-left: -200px
	}
	.cms-wrapper-banner .five {
		margin-top: 100px;
		margin-left: 70px
	}
	.cms-wrapper-banner .six {
		margin-left: -123px;
		margin-top: -155px
	}
	.cms-wrapper-banner .small-size-white {
		width: 138px;
		height: 138px;
		background: #fff;
		border-radius: 22px;
		box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
		display: flex;
		align-items: center;
		justify-content: center;
		left: 50%;
		position: absolute;
		top: 50%
	}
	.cms-wrapper-banner .small-size-white.big-size {
		width: 240px;
		height: 230px
	}
	.cms-wrapper-banner .small-size-white h3 {
		margin: 0;
		font-weight: 700;
		font-size: 60px
	}
	.header-with-banner {
		min-height: auto;
		padding-bottom: 100px
	}
	.about-us .banner-section .right {
		width: 32%
	}
	.about-us .banner-section .left {
		width: 57%
	}
	.about-us .banner-section .right .red-wrapper {
		width: 409px;
		height: 409px
	}
	.about-us .banner-section .right .red-wrapper .image-wrapper {
		width: 433px;
		height: 490px;
		bottom: -1px;
		left: -10px
	}
	.about-us .big-yellow-circle {
		width: 680px;
		height: 680px;
		border-radius: 680px
	}
	.about-us .author-details .left-wrapper h3 {
		font-size: 22px
	}
	.about-us .author-details .left-wrapper p {
		margin-top: 0!important;
		font-size: 18px!important;
		line-height: 30px!important
	}
	.about-us .author-details .blue-circle {
		width: 237px;
		height: 237px
	}
	.about-us .author-details .blue-circle p {
		margin-top: 0!important
	}
	.about-us .author-details {
		margin: 80px 70px 0 20px
	}
	.about-us .author-details .blue-circle h4 {
		font-size: 75px;
		line-height: 75px
	}
	.contact-us-banner .wpcf7-form-control-wrap {
		transform: scale(.8)
	}
	.contact-us-banner .send-btn {
		padding: 18px 0;
		font-size: 18px
	}
	.contact-us-banner .form-group #phone_with_country_contact {
		height: 60px
	}
	.contact-us-banner .recaptcha-submit #recaptcha_response_contact-error {
		position: absolute;
		bottom: 0
	}
	.contact-us-banner .selected-flag {
		height: 57px!important
	}
	.contact-us-banner #phone_with_country {
		height: 60px!important
	}
	.intl-tel-input.separate-dial-code .selected-dial-code {
		font-size: 16px
	}
	.web-development-service-banner.content-management-solution-banner .banner {
		width: 560px;
		height: 410px
	}
	.how-it-works-wrapper .count {
		right: 90px
	}
	.how-it-works-wrapper .box-shadow.one:after {
		width: 280px;
		height: 60px;
		top: 44px;
		right: -177px
	}
	.how-it-works-wrapper .box-shadow.two:after {
		width: 299px;
		height: 130px;
		bottom: 11px;
		right: -185px;
		background-size: cover
	}
	.how-it-works-wrapper .box-shadow.three:after {
		width: 307px;
		height: 134px;
		top: -68px;
		right: -194px
	}
	.hire-developers-banner .yellow-circle {
		width: 610px;
		height: 610px
	}
	.hire-developers-banner .blue-circle {
		width: 450px;
		height: 450px;
		right: 80px;
		bottom: -10px
	}
	.hire-developers-banner .banner {
		width: 697px;
		height: 628px;
		bottom: -80px
	}
	.header-with-banner.career {
		padding-bottom: 70px
	}
	.open-position .open-position-container {
		max-width: 1180px
	}
	.career-banner .wrapper {
		max-width: 1136px
	}
	.career-desgin-banner .yellow-circle {
		width: 75px;
		height: 75px;
		top: 165px;
		left: 95px
	}
	.career-desgin-banner .banner {
		width: 252px;
		height: 388px
	}
	.web-development-service-banner {
		margin-top: 150px;
		margin-bottom: 70px
	}
	.web-development-service-banner .banner {
		margin-right: 100px;
		margin-left: 50px;
		width: 620px;
		height: 410px
	}
	.web-development-service-banner .red {
		width: 166px;
		height: 166px;
		left: 0;
		bottom: -47px
	}
	.web-development-service-banner .blue {
		width: 209px;
		height: 219px;
		right: 10px
	}
	.web-development-service-banner .yellow {
		width: 230px;
		height: 230px;
		position: absolute;
		right: 200px;
		top: -90px
	}

	.microsoft-dynamics-service-banner{
		margin-top: 90px;
		margin-bottom: 70px
	}
	.microsoft-dynamics-service-banner .banner {
		width: 490px;
		height: 460px;
		margin: 0 auto;
	}
	.microsoft-dynamics-service-banner .red {
		width: 76px;
		height: 76px;
		left: 140px;
		bottom: 70px;
	}
	.microsoft-dynamics-service-banner .blue {
		width: 102px;
		height: 102px;
		right: 169px;
		bottom: 30px;
	}
	.microsoft-dynamics-service-banner .yellow {
		width: 120px;
		height: 120px;
		position: absolute;
		right: 100px;
		top: -80px;
	}



	.mainframe-service-banner {
		
		margin-bottom: 70px
	;margin-top: 70px;}
	.mainframe-service-banner .banner {
		width: 390px;
		height: 390px;
		}
	.mainframe-service-banner .red {
		width: 106px;
		height: 106px;
		left: 110px;
		bottom: 3px;
		}
	.mainframe-service-banner .blue {
		width: 139px;
		height: 139px;
		right: 90px;
		}
	.mainframe-service-banner .yellow {
		width: 150px;
		height: 150px;
		position: absolute;
		right: 200px;
		top: -70px;
	}
	.web-development-service .banner-section .right {
		width: 55%
	}
	.salesforce-service-banner .banner{
		width: 500px;
    	height: 350px;
	}
	.salesforce-service-banner .blue{
		width: 110px;
    	height: 114px;
	}
	.salesforce-service-banner .red{
		width: 100px;
    	height: 100px;
	}
	.salesforce-service-banner .yellow{
		width: 100px;
		height: 100px;
		position: absolute;
		right: 70px;
		top: -25px;
	}
	.mobile-development-service .banner-section .left {
		width: 53%
	}
	.mobile-development-service-banner .banner {
		width: 307px;
		height: 607px
	}
	.mobile-development-service-banner .yellow {
		width: 140px;
		height: 140px;
		right: 190px
	}
	.mobile-development-service-banner .red {
		width: 140px;
		height: 140px;
		bottom: 160px;
		left: -60px
	}
	.mobile-development-service-banner .dots {
		width: 210px;
		height: 220px;
		top: -34px
	}
	.cloud-service .left {
		width: 50%
	}
	.cloud-service-banner .banner {
		width: 260px;
		height: 520px
	}
	.cloud-service-banner .sky {
		width: 600px;
		height: 307px;
		top: -26px;
		left: 50%;
		background-size: auto 307px;
		margin-left: -420px
	}
	.cloud-service-banner .yellow {
		width: 116px;
		height: 116px;
		bottom: 90px
	}
	.testing-service-banner .banner {
		width: 790px;
		height: 419px
	}
	.testing-service-banner .yellow {
		width: 160px;
		height: 160px;
		bottom: -110px
	}
	.testing-service-banner .blue {
		width: 166px;
		height: 166px
	}
	.testing-service-banner .dots {
		width: 241px;
		height: 223px;
		top: -100px;
		left: 30px
	}
	.testing-service-banner {
		margin-top: 110px
	}
	.testing-service-banner .search {
		width: 397px;
		height: 402px;
		background-size: auto 412px;
		right: 55px
	}
	.integration-service-banner .banner {
		width: 430px;
		height: 570px
	}
	.integration-service-banner .yellow {
		width: 133px;
		height: 133px;
		left: -37px
	}
	.integration-service-banner .blue {
		width: 185px;
		height: 105px;
		top: 91px;
		right: 30px
	}
	.integration-service-banner .dots {
		width: 200px;
		height: 140px;
		bottom: 0
	}
	.user-experience .banner-section .left {
		width: 55%
	}
	.user-experience .banner-section .right {
		width: 40%
	}
	.user-experience-banner .banner {
		width: 480px;
		height: 560px
	}
	.user-experience-banner .red {
		width: 166px;
		height: 166px
	}
	.user-experience-banner .yellow {
		width: 250px;
		height: 250px;
		left: -130px
	}
	.user-experience-banner .blue {
		width: 210px;
		height: 210px;
		right: 0
	}
	.it-staffing-service .banner {
		width: 450px;
		height: 530px
	}
	.it-staffing-service .yellow {
		width: 167px;
		height: 167px;
		left: -110px
	}
	.it-staffing-service .blue {
		width: 166px;
		height: 166px
	}
	.it-staffing-service .dots {
		width: 214px;
		height: 199px;
		right: 174px;
		bottom: 0
	}
	.data-science-service .banner {
		width: 500px;
		height: 560px;
		}
	.data-science-service .yellow {
		width: 137px;
		height: 137px;
		left: -160px;}
	.data-science-service .blue {
		width: 136px;
		height: 136px;}
	.data-science-service .dots {
		width: 214px;
		height: 199px;
		right: -56px;
		bottom: 50px;}

	.rubn-on-rails-banner .java-wrapper.small-size img,
	.rubn-on-rails-banner .python-wrapper.small-size img {
		max-width: 100%;
	}
	.php-banner .java-wrapper img,
	.php-banner .python-wrapper img {
		max-width: 90%!important
	}
	.custom-industry-banner .industry-leading-center {
		width: 320px;
		height: 630px
	}
	.custom-industry-banner .blue-wrapper {
		position: absolute;
		left: 345px;
		bottom: -16px
	}
	.custom-industry-banner .yellow-wrapper {
		left: -110px
	}
	.custom-industry-banner .yellow-wrapper .inner .yellow-square {
		width: 110px;
		height: 110px
	}
	.custom-industry-banner .yellow-wrapper .inner .gray-square {
		width: 68px;
		height: 68px;
		bottom: -60px
	}
	.custom-industry-banner .java-wrapper.white-bg {
		width: 112px;
		height: 112px;
		padding: 0 24px;
		left: -74px
	}
	.custom-industry-banner .java-wrapper.white-bg img {
		max-width: 100%
	}
	.custom-industry-banner .white-bg.applephone-wrapper {
		width: 125px;
		height: 125px;
		bottom: 119px;
		border-radius: 27px
	}
	.custom-industry-banner .android-wrapper {
		left: 290px;
		top: 130px
	}
	.custom-industry-banner .android-wrapper .white-bg {
		width: 148px;
		height: 148px;
		border-radius: 27px
	}
	.custom-industry-banner .red-circle-wrapper {
		right: 70px;
		left: auto
	}
	.custom-industry-banner .red-circle-wrapper .red-circle {
		width: 145px;
		height: 225px
	}
	.custom-industry-banner .blue-wrapper .inner .blue-square {
		width: 86px;
		height: 86px
	}
	.custom-industry-banner .blue-wrapper .inner .gray-square {
		width: 68px;
		height: 68px;
		right: -20px
	}
	.container {
		max-width: 1450px
	}
	.banner-section .right .image-wrapper {
		width: 195px;
		height: 195px
	}
	.banner-section .left h2 {
		line-height: 80px;
		font-size: 54px
	}
	.banner-section .left p {
		font-size: 22px;
		line-height: 50px;
		margin-top: 50px
	}
	.navbar .menu-with-searchbar .navbar-nav li .dropdown-content>a {
		font-size: 17px
	}
	.get-quote-btn {
		padding: 25px 50px;
		font-size: 18px
	}
	.our-trusted-brand {
		max-width: 1300px
	}
	.small-container {
		max-width: 1300px
	}
	.our-services {
		max-width: 78%
	}
	.our-services.type-two {
		max-width: 100%
	}
	.our-services .services {
		margin: 60px auto 0;
		max-width: 90%;
		overflow: hidden
	}
	.our-services.type-two .services {
		max-width: 100%
	}
	.our-services .title-wrapper {
		max-width: 1290px
	}
	.our-services .services ul li .box .details p {
		font-size: 18px;
		line-height: 35px
	}
	.header-with-banner .left .form-wrapper {
		max-width: 450px;
		margin-top: 40px
	}
	.header-with-banner .left .form-wrapper,
	.header-with-banner .left .form-wrapper::placholder {
		font-size: 18px
	}
	.header-with-banner .left .next-cta {
		font-size: 15px;
		margin-top: 50px!important
	}
	.services-banner .banner-section .left h2 {
		font-size: 54px;
		line-height: 80px
	}
	.services-banner .banner-section .left p {
		font-size: 18px;
		line-height: 42px;
		margin-top: 30px
	}
	.about-us.services-banner .banner-section .left h2 {
		font-size: 48px;
		line-height: 72px
	}
	.contact-us .phone-email .wrapper {
		margin-bottom: 35px
	}
	.contact-us .phone-email .wrapper span {
		font-size: 16px;
		margin-bottom: 15px
	}
	.contact-us .phone-email .wrapper h3 {
		font-size: 40px
	}
	.contact-us-banner .form-group .form-control {
		padding: 15px 20px;
		font-size: 18px
	}
	.contact-us-banner .form-group {
		margin-bottom: 30px
	}
	.contact-us-banner .yellow {
		top: -33px;
		width: 122px;
		height: 122px
	}
	.contact-us-banner .red {
		width: 296px;
		height: 296px;
		right: -20px;
		bottom: 230px
	}
	.contact-us-banner textarea {
		height: 190px!important
	}
	.contact-us-banner .form {
		padding: 40px 50px
	}
	.contact-us-banner .form h3 {
		margin-bottom: 35px
	}
	.contact-us-banner .dots {
		width: 176px;
		height: 174px
	}
	.contact-us-banner .form button {
		padding: 20px 5px;
		font-size: 18px
	}
	.benefits-to-work .left .person {
		right: 180px;
		max-width: 49%
	}
	.benefits-to-work .left .dots {
		right: 196px;
		max-width: 23%
	}
	.benefits-to-work .left .pink {
		max-width: 71%
	}
	.banner-section .left .banner-left-slider .description {
		max-width: 530px
	}
	.cloud-service-banner .aws {
		right: 90px;
		width: 170px;
		height: 170px;
		background-size: auto 160px
	}
	.cloud-service-banner .red {
		right: 248px;
		top: 240px;
		width: 95px;
		height: 165px
	}
	.cloud-service-banner .dots {
		left: -40px;
		width: 210px;
		height: 154px;
		top: 260px;
		background-size: auto 154px
	}
	.legacy-modernization-service-banner .banner {
		width: 420px;
		height: 560px
	}
	.legacy-modernization-service-banner .red {
		width: 166px;
		height: 166px
	}
	.legacy-modernization-service-banner .yellow {
		width: 167px;
		height: 167px;
		right: 120px
	}
	.legacy-modernization-service-banner .dots {
		width: 179px;
		height: 150px;
		right: 286px;
		top: -36px
	}
	.tech-ruby-on-rails .left {
		width: 53%
	}
	.tech-ruby-on-rails .right {
		width: 47%
	}
	.tech-logistics .banner-section {
		height: calc(100vh - 274px)
	}
	.solution-banner .banner-image {
		width: 270px;
		height: 560px
	}
	.solution-banner .red-wrapper {
		width: 95px;
		height: 95px;
		left: 10%
	}
	.solution-banner .blue-wrapper {
		width: 120px;
		height: 120px;
		top: -40px
	}
	.solution-banner .right-side-image {
		width: 252px;
		height: 176px;
		right: 24px;
		top: 20%
	}
	.solution-banner .left-side-image {
		width: 252px;
		height: 176px
	}
	.solution-banner .yellow-wrapper {
		width: 100px;
		height: 100px
	}
	.solution-banner.type-two .red-wrapper {
		left: 6%;
		top: auto;
		bottom: 120px
	}
	.solution-banner.type-two .left-side-image {
		left: -40px
	}
	.solution-banner.type-two .right-side-image {
		right: 4px;
		bottom: 100px
	}
	.rubn-on-rails-banner .blue-wrapper {
		position: absolute;
		left: 34%;
		top: -77px
	}
	.rubn-on-rails-banner .blue-wrapper .inner {
		height: 190px;
		width: 160px;
		position: relative
	}
	.rubn-on-rails-banner .blue-wrapper .inner .blue-circle {
		position: absolute;
		bottom: 10px
	}
	.rubn-on-rails-banner .blue-wrapper .inner .gray-circle {
		position: absolute;
		right: 0;
		top: 50px
	}
	.rubn-on-rails-banner .blue-wrapper .inner .blue-square {
		width: 76px;
		height: 76px;
		border-radius: 15px;
		background: #1d5aec
	}
	.rubn-on-rails-banner .blue-wrapper .inner .gray-square {
		width: 58px;
		height: 58px;
		border-radius: 15px;
		background: #c9c9c9
	}
	.rubn-on-rails-banner .yellow-wrapper {
		position: absolute;
		right: 0;
		bottom: 160px
	}
	.rubn-on-rails-banner .yellow-wrapper .inner {
		width: 250px;
		height: 200px;
		position: relative;
		top: 50%
	}
	.rubn-on-rails-banner .yellow-wrapper .inner .yellow-circle {
		position: absolute;
		right: 0
	}
	.rubn-on-rails-banner .yellow-wrapper .inner .gray-circle {
		position: absolute;
		bottom: 10px;
		left: 0
	}
	.rubn-on-rails-banner .yellow-wrapper .inner .yellow-square {
		width: 103px;
		height: 103px;
		background: #ffc732;
		border-radius: 15px;
		right: 0
	}
	.rubn-on-rails-banner .yellow-wrapper .inner .gray-square {
		width: 58px;
		height: 58px;
		border-radius: 15px;
		background: #c9c9c9;
		position: absolute;
		right: 100px;
		left: auto
	}
	.rubn-on-rails-banner .red-wrapper {
		position: absolute;
		bottom: -57px;
		left: 90px
	}
	.rubn-on-rails-banner .red-wrapper .inner {
		width: 170px;
		height: 170px;
		position: relative
	}
	.rubn-on-rails-banner .red-wrapper .inner .red-circle {
		top: 0;
		position: absolute
	}
	.rubn-on-rails-banner .red-wrapper .inner .gray-circle {
		position: absolute;
		bottom: 41px;
		right: 0
	}
	.rubn-on-rails-banner .red-wrapper .inner .red-square {
		width: 97px;
		height: 97px;
		background: #ff5050;
		border-radius: 15px
	}
	.rubn-on-rails-banner .red-wrapper .inner .gray-square {
		width: 48px;
		height: 48px;
		border-radius: 15px;
		background: #c9c9c9
	}
	.rubn-on-rails-banner .big-white-bg {
		width: 250px;
		height: 250px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 25px;
		box-shadow: 1px 1px 16px rgb(0 0 0 / 12%)
	}
	.rubn-on-rails-banner .big-white-bg img {
		max-width: 100%
	}
	.rubn-on-rails-banner .big-white-bg.java-center-image img,
	.rubn-on-rails-banner .big-white-bg.python-center-image img {
		max-width: 70%
	}
	.rubn-on-rails-banner .rails-wrapper {
		position: absolute;
		left: 50%;
		margin-left: -150px;
		top: 50%;
		margin-top: -129px
	}
	.rubn-on-rails-banner .white-bg {
		width: 147px;
		height: 147px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
		border-radius: 22px;
		padding: 0 10px
	}
	.rubn-on-rails-banner .android-wrapper {
		position: absolute;
		right: 44px;
		top: -24px
	}
	.rubn-on-rails-banner .python-wrapper {
		top: 40%;
		position: absolute;
		left: -4px
	}
	.rubn-on-rails-banner .java-wrapper {
		position: absolute;
		right: 120px;
		bottom: -25px
	}
	.tech-php .left {
		width: 57%
	}
	.tech-php .right {
		width: 43%
	}
	.php-banner .blue-wrapper {
		position: absolute;
		right: 110px;
		top: 60px
	}
	.php-banner .blue-wrapper .inner {
		height: 67px;
		width: 60px;
		position: relative
	}
	.php-banner .blue-wrapper .inner .blue-circle {
		position: absolute;
		bottom: 0
	}
	.php-banner .blue-wrapper .inner .gray-circle {
		position: absolute;
		right: 0;
		top: 10px
	}
	.php-banner .blue-wrapper .inner .blue-square {
		width: 86px;
		height: 86px;
		border-radius: 15px;
		background: #1d5aec
	}
	.php-banner .yellow-wrapper {
		position: absolute;
		left: 170px;
		top: -130px;
		bottom: auto
	}
	.php-banner .yellow-wrapper .inner {
		width: 171px;
		height: 145px;
		position: relative;
		top: 0;
		margin-top: 63px
	}
	.php-banner .yellow-wrapper .inner .yellow-circle {
		position: absolute;
		left: 0;
		top: 21px
	}
	.php-banner .yellow-wrapper .inner .gray-circle {
		position: absolute;
		bottom: -38px;
		right: 0
	}
	.php-banner .yellow-wrapper .inner .yellow-square {
		width: 83px;
		height: 83px;
		background: #ffc732;
		border-radius: 15px
	}
	.php-banner .yellow-wrapper .inner .gray-square {
		width: 68px;
		height: 68px;
		background: #c9c9c9;
		border-radius: 15px
	}
	.php-banner .red-wrapper {
		position: absolute;
		bottom: 47%;
		left: 0
	}
	.php-banner .red-wrapper .inner {
		width: 80px;
		height: 140px;
		position: relative
	}
	.php-banner .red-wrapper .inner .red-circle {
		top: 60px;
		position: absolute
	}
	.php-banner .red-wrapper .inner .red-circle {
		width: 107px;
		height: 107px;
		background: #ff5050;
		border-radius: 15px
	}
	.php-banner .red-wrapper .inner .gray-circle {
		position: absolute;
		bottom: 50px;
		right: 0
	}
	.php-banner .big-white-bg {
		width: 250px;
		height: 250px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 25px;
		box-shadow: 1px 1px 16px rgb(0 0 0 / 12%)
	}
	.php-banner .rails-wrapper {
		position: absolute;
		left: 50%;
		margin-left: -128px;
		top: 50%;
		margin-top: -106px
	}
	.php-banner .white-bg {
		width: 147px;
		height: 147px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
		border-radius: 16px;
		padding: 0 10px
	}
	.php-banner .android-wrapper {
		position: absolute;
		bottom: -108px;
		right: 30px;
		width: 335px;
		height: 85px
	}
	.php-banner .android-wrapper .gray-circle-one {
		position: absolute;
		top: -164px;
		right: 22px
	}
	.php-banner .android-wrapper .gray-circle-two {
		position: absolute;
		left: -10px;
		top: -100px
	}
	.php-banner .android-wrapper .gray-square {
		width: 68px;
		height: 68px;
		background: #c9c9c9;
		border-radius: 15px
	}
	.php-banner .android-wrapper .white-bg {
		position: absolute;
		bottom: 9px;
		right: 90px
	}
	.php-banner .python-wrapper {
		top: 33%;
		position: absolute;
		right: -40px
	}
	.php-banner .java-wrapper {
		position: absolute;
		left: 0;
		bottom: -50px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-one {
		width: 700px;
		height: 700px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-three {
		width: 456px;
		height: 265px;
		right: 350px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-two {
		width: 337px;
		height: 240px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-four {
		bottom: 296px;
		right: 210px;
		width: 443px;
		height: 158px
	}
	.privacy-policy-banner .description {
		font-size: 19px!important;
		line-height: 34px!important;
		margin-top: 30px!important
	}
	.privacy-policy-desgin-banner .banner {
		width: 400px;
		height: 353px;
		bottom: 14px
	}
	.privacy-policy-desgin-banner .yellow-circle {
		left: 44px
	}

	.ai-ml-development-service .banner-section .left {
		width: 53%
	}
	.ai-ml-service-banner .banner {
		width: 608px;
		height: 537px;
	}
	.ai-ml-service-banner .yellow {
		width: 120px;
		height: 120px;
		right: -70px;
	}
	.ai-ml-service-banner .red {
		width: 120px;
		height: 120px;
		bottom: 0px;
		left: -100px;
	}
	.ai-ml-service-banner .dots {
		width: 210px;
		height: 210px;
		top: -54px;
	}
}

@media only screen and (max-width:1685px) {
	.meet-our-team .pink-rounder {
		right: -590px
	}
}

@media only screen and (max-width:1500px) {
	.meet-our-team .pink-rounder {
		right: -669px
	}
}

@media only screen and (max-width:1335px) {
	.our-services .inner-wrapper .get-quote-btn-blue {
		padding: 16px 15px;
		width: 100%;
		text-align: center
	}
}

@media only screen and (max-width:1300px) {
	.mobile-banner .big-white-bg
	{
		width: 220px;
		height: 220px;
	}
	.mobile-banner .android-wrapper {
		bottom: -100px;
		right: 10px;
	}
	.php-banner.mern-stack .big-white-bg img
	{
		max-width: 85%;
	}
	.hire-developers-banner .banner {
		width: 407px;
		height: 378px
	}
	.hire-developers-banner .yellow-circle {
		width: 407px;
		height: 407px;
		top: -10px
	}
	.hire-developers-banner .blue-circle {
		width: 270px;
		height: 280px;
		right: 150px;
		bottom: -46px
	}
	.rubn-on-rails-banner .android-wrapper {
		position: absolute;
		right: 124px;
		top: 22px
	}
	.php-banner .java-wrapper {
		position: absolute;
		left: 80px;
		bottom: -10px
	}
	.php-banner .android-wrapper {
		bottom: -80px;
		right: 40px
	}
	.php-banner .blue-wrapper {
		right: 140px;
		top: 40px
	}
	.banner-section {
		height: auto
	}
	.privacy-policy-desgin-banner .banner {
		width: 320px;
		height: 233px
	}
	.privacy-policy-desgin-banner .yellow-circle {
		top: 50px
	}
	.privacy-policy-banner .description {
		font-size: 17px!important;
		line-height: 34px!important
	}
	.world-wide .wrapper .left {
		width: 25%
	}
	.world-wide .wrapper .right {
		width: 75%
	}
	.about-us .big-yellow-circle {
		width: 480px;
		height: 480px;
		border-radius: 480px
	}
	.about-us .banner-section .right .red-wrapper {
		margin: 0 auto 50px
	}
	.about-us .author-details .blue-circle p,
	.about-us .author-details .left-wrapper p {
		margin-top: 0!important
	}
	.about-us .author-details {
		margin: 30px 20px 0
	}
	.about-us .author-details .blue-circle {
		width: 147px;
		height: 147px;
		border-radius: 147px
	}
	.about-us .author-details .blue-circle h4 {
		font-size: 42px
	}
	.services-banner .banner-section .left p {
		font-size: 13px
	}
	.contact-us-banner .send-btn {
		font-size: 14px
	}
	.navbar {
		padding: 30px 0
	}
	.services-banner .banner-section .left h2 {
		font-size: 35px;
		line-height: 48px
	}
	.services-banner .banner-section .left p {
		font-size: 13px
	}
	.services-banner .banner-section .left p {
		margin-top: 15px
	}
	.web-development-service-banner .red {
		width: 120px;
		height: 120px;
		bottom: -10px;
		left: 20px
	}
	.header-with-banner .left .form-wrapper,
	.header-with-banner .left .next-cta {
		margin-top: 20px!important
	}
	.mobile-development-service-banner {
		padding-top: 0
	}
	.mobile-development-service-banner .banner {
		width: 197px;
		height: 387px
	}
	.mobile-development-service-banner .yellow {
		width: 90px;
		height: 90px;
		margin-top: -86px;
		right: 185px
	}
	.mobile-development-service-banner .red {
		width: 80px;
		height: 80px;
		position: absolute;
		bottom: 103px;
		left: -30px
	}
	.mobile-development-service-banner .dots {
		width: 100px;
		height: 100px;
		left: -3px;
		top: -18px
	}
	.cloud-service-banner {
		padding-top: 40px
	}
	.cloud-service-banner .sky {
		width: 397px;
		height: 197px;
		background-size: auto 197px
	}
	.cloud-service-banner .dots {
		width: 70px;
		height: 84px;
		top: 150px;
		background-size: auto 84px
	}
	.cloud-service-banner .red {
		width: 63px;
		height: 109px;
		top: 152px
	}
	.cloud-service-banner .aws {
		width: 130px;
		height: 130px;
		background-size: auto 120px;
		right: 60px
	}
	.testing-service-banner .banner {
		width: 510px;
		height: 290px
	}
	.testing-service-banner .blue {
		width: 83px;
		height: 83px;
		right: 113px
	}
	.testing-service-banner .search {
		width: 267px;
		height: 282px;
		background-size: auto 272px;
		bottom: -70px;
		right: 134px
	}
	.testing-service-banner .yellow {
		width: 80px;
		height: 80px;
		left: 80px;
		bottom: -36px
	}
	.testing-service-banner .dots {
		width: 113px;
		height: 113px;
		left: 35px
	}
	.legacy-modernization-service-banner .banner {
		width: 260px;
		height: 370px;
		padding-top: 0
	}
	.legacy-modernization-service-banner {
		padding-top: 20px
	}
	.legacy-modernization-service-banner .red {
		width: 90px;
		height: 90px;
		bottom: 40px;
		left: 30px
	}
	.legacy-modernization-service-banner .yellow {
		width: 90px;
		height: 90px;
		right: 200px;
		margin-top: -50px
	}
	.legacy-modernization-service-banner .dots {
		width: 130px;
		height: 130px;
		top: -15px;
		right: 266px
	}
	.integration-service-banner .banner {
		width: 220px;
		height: 310px
	}
	.integration-service-banner .blue {
		width: 119px;
		height: 57px;
		top: 61px;
		right: 130px
	}
	.integration-service-banner .dots {
		width: 130px;
		height: 92px;
		right: 208px;
		bottom: 23px
	}
	.integration-service-banner .yellow {
		width: 80px;
		height: 80px;
		left: -27px;
		bottom: 155px
	}
	.user-experience-banner .banner {
		width: 290px;
		height: 360px;
		margin: 0 auto
	}
	.user-experience-banner .red {
		width: 106px;
		height: 106px;
		margin-left: -40px
	}
	.user-experience-banner .yellow {
		width: 140px;
		height: 140px;
		left: 10px;
		bottom: 120px
	}
	.user-experience-banner .blue {
		width: 120px;
		height: 120px;
		right: 16px
	}
	.it-staffing-service .banner {
		width: 310px;
		height: 380px;
	}
	.it-staffing-service .blue {
		width: 86px;
		height: 86px;
		right: 90px;
	}
	.it-staffing-service .yellow {
		width: 90px;
		height: 90px
	}
	.it-staffing-service .dots {
		width: 104px;
		height: 109px;
		bottom: 43px;
		right: 106px;
	}

	.data-science-service .banner {
		width: 300px;
		height: 320px;
	}
	.data-science-service .blue {
		width: 86px;
		height: 86px;
		right: 90px;
	}
	.data-science-service .yellow {
		width: 90px;
		height: 90px
	}
	.data-science-service .dots {
		width: 104px;
		height: 109px;
		bottom: 43px;
		right: 106px;
	}

	.solution-banner .banner-image {
		width: 180px;
		height: 370px
	}
	.solution-banner .blue-wrapper {
		width: 70px;
		height: 70px;
		right: 110px
	}
	.solution-banner .red-wrapper {
		width: 55px;
		height: 55px;
		left: 18%
	}
	.solution-banner .yellow-wrapper {
		width: 60px;
		height: 60px;
		right: 80px
	}
	.solution-banner .right-side-image {
		width: 165px;
		height: 124px;
		right: 55px
	}
	.solution-banner .left-side-image {
		width: 165px;
		height: 124px;
		left: 34px
	}
	.solution-banner.type-two .left-side-image {
		left: 17px
	}
	.solution-banner.type-two .yellow-wrapper {
		top: 21%
	}
	.solution-banner.type-two .red-wrapper {
		left: 15%;
		top: auto;
		bottom: 70px
	}
	.solution-banner.type-two .right-side-image {
		right: 15px
	}
	.rubn-on-rails-banner .big-white-bg {
		width: 160px;
		height: 160px;
		margin-top: -60px
	}
	.rubn-on-rails-banner .white-bg {
		width: 88px;
		height: 88px
	}
	.rubn-on-rails-banner .java-wrapper {
		bottom: -20px
	}
	.rubn-on-rails-banner .red-wrapper {
		bottom: -80px
	}
	.rubn-on-rails-banner .yellow-wrapper {
		bottom: 80px
	}
	.php-banner .big-white-bg {
		width: 150px;
		height: 150px;
		margin-top: -47px;
	}
	.php-banner.mean-stack-banner .big-white-bg img
	{
		max-width: 75%;
	}
	.php-banner .white-bg {
		width: 78px;
		height: 78px
	}
	.php-banner .python-wrapper {
		top: 41%;
		right: 90px
	}
	.php-banner .android-wrapper .white-bg {
		position: absolute;
		bottom: 22px;
		right: 110px
	}
	.rubn-on-rails-banner .java-wrapper.small-size img,
	.rubn-on-rails-banner .python-wrapper.small-size img {
		max-width: 100%;
	}
	.custom-industry-banner .industry-leading-center {
		width: 190px;
		height: 380px
	}
	.custom-industry-banner .android-wrapper .white-bg {
		width: 58px;
		height: 58px
	}
	.custom-industry-banner .android-wrapper {
		top: 90px;
		left: 190px
	}
	.custom-industry-banner .red-circle-wrapper .red-circle {
		width: 85px;
		height: 115px
	}
	.custom-industry-banner .red-circle-wrapper {
		top: 37%
	}
	.custom-industry-banner .blue-wrapper .inner .blue-square {
		width: 46px;
		height: 46px;
		bottom: 27px;
		left: -20px
	}
	.custom-industry-banner .blue-wrapper .inner .gray-square {
		width: 38px;
		height: 38px;
		right: 110px
	}
	.custom-industry-banner .yellow-wrapper .inner .yellow-square {
		width: 54px;
		height: 54px;
		right: 0
	}
	.custom-industry-banner .yellow-wrapper .inner .gray-square {
		width: 38px;
		height: 38px;
		left: 120px;
		bottom: 40px
	}
	.custom-industry-banner .java-wrapper.white-bg {
		width: 60px;
		height: 60px
	}
	.custom-industry-banner .white-bg.applephone-wrapper {
		width: 68px;
		height: 68px
	}
	.custom-industry-banner {
		padding-top: 30px
	}
	.title {
		font-size: 35px;
		line-height: 48px
	}
	.logistics-plus h2 {
		font-size: 40px
	}
	.contact-us-banner .form {
		padding: 20px 30px 0;
		max-width: 61%
	}
	.contact-us-banner .form-group .form-control {
		padding: 8px 20px
	}
	.contact-us-banner .form-group {
		margin-bottom: 12px
	}
	.contact-us-banner .form h3 {
		margin-bottom: 15px
	}
	.contact-us-banner .yellow {
		width: 82px;
		height: 82px
	}
	.contact-us-banner .red {
		width: 166px;
		height: 166px;
		right: 40px
	}
	.contact-us-banner .dots {
		width: 114px;
		height: 116px;
		left: 37px
	}
	.header-with-banner .left .form-wrapper input {
		padding: 11px 20px
	}
	.header-with-banner .left .form-wrapper .submit-btn {
		padding: 14px 20px
	}
}

@media only screen and (max-width:1200px) {

	.it-staffing-service .blue
	{
		right: 10px;
	}
	.it-staffing-service .dots
	{
		right: 32px;
	}
	.fixed-header .sticky-header .navbar .menu-with-searchbar .navbar-nav li a {
		font-size: 13px;
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-two {
		left: auto;
		width: 203px;
		height: 488px
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-three {
		left: auto;
		right: 360px;
		width: 333px;
		height: 139px
	}
	footer .subscribe .left {
		width: 61%
	}
	.list-of-technology.type-two .box-wrapper .box {
		width: 170px;
		height: 170px
	}
	.list-of-technology .wrapper .left {
		width: 50%;
		padding-right: 30px;
		padding-left: 55px
	}
	.list-of-technology::after,
	.list-of-technology::before {
		width: 50%
	}
	.list-of-technology.type-two .pink-bg {
		top: 10px;
		left: -110px
	}
	.our-services.type-two .view-all-services-wrapper .services ul li {
		width: 22%;
		margin: 0 15px 30px
	}
	.domain-expertise.integration-extensive .box-main {
		width: 30%
	}
	.navbar .menu-with-searchbar {
		margin-right: 0
	}
	.navbar .menu-with-searchbar .navbar-nav li a {
		font-size: 13px;
		margin-right: 21px;
	}
	#get-quote-popup .modal-dialog {
		max-width: 80%
	}
	.title-para-images .bottom-image-banner .image-one {
		left: auto;
		right: 0
	}
	.title-para-images .bottom-image-banner .image-two {
		left: auto;
		right: 90px
	}
	.title-para-images .bottom-image-banner .image-three {
		left: auto;
		right: 250px
	}
	.colour-boxes .box-wrapper .box {
		width: 47%
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-one {
		width: 570px;
		height: 570px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-two {
		width: 217px;
		height: 158px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-three {
		right: 230px;
		width: 316px;
		height: 184px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-four {
		width: 333px;
		height: 108px;
		bottom: 216px;
		right: 170px
	}
	#get-quote-popup .modal-dialog,
	#get-schedule-meeting-popup .modal-dialog {
		position: static;
		margin-top: unset;
		margin-left: unset;
		left: unset;
		top: unset
	}
}
@media only screen and (max-width:1160px) {
	.ai-ml-development-service .banner-section .right{
		width: 48%;
	}
	.ai-ml-service-banner .yellow{
		right: 0;
	}
}
@media only screen and (max-width:1130px) {
	.privacy-policy-desgin-banner .dots {
		width: 111px;
		height: 113px;
		right: 0
	}
	.privacy-policy-desgin-banner .banner {
		width: 280px;
		height: 233px;
		right: 40px;
		top: 100px
	}
}

@media only screen and (max-width:1024px) {
	.banner-section,
	.header-with-banner,
	.mobile-development-service .banner-section {
		height: auto!important
	}
	.header-with-banner {
		min-height: auto!important
	}
	.mobile-development-service {
		padding-bottom: 70px
	}
	.benefits-to-work .left .person {
		right: 30px;
		max-width: 100%
	}
	.benefits-to-work .left .dots {
		right: 41px;
		top: 239px;
		max-width: 100%
	}
	.our-trusted-brand,
	.small-container {
		max-width: 960px
	}
	.client-testimonials .inner-wrapper .right-wrapper {
		padding-left: 20px
	}
	.client-testimonials .inner-wrapper ul li {
		margin-right: 15px
	}
	.it-staffing-service .banner {
		padding-left: 0
	}
	.data-science-service .yellow {
		left: -57px
	}
	.it-staffing-service .banner {
		padding-left: 0
	}
	.data-science-service .yellow {
		left: -87px;}
}

@media only screen and (max-width:1124px) {
	.our-services .inner-wrapper {
		padding: 90px 30px 70px
	}
	.our-services .services .slick-prev.slick-arrow {
		right: 130px
	}
	.our-services .services .slick-next.slick-arrow {
		right: 30px
	}
	.view-all-services-wrapper .services ul li {
		width: 46%
	}
	.our-services .services {
		width: 100%
	}
	.our-services .services .slick-list {
		padding: 0
	}
	.our-services .slick-dots {
		margin: 0!important
	}
}

@media only screen and (max-width:992px) {
	.ai-ml-banner-start,
	.salesforce-banner-start
	{
		padding-top: 0;
	}
	.mobile-banner {
		max-width: 570px;
    	min-height: 420px;
    	margin: 0 auto 90px;
	}
	.our-trusted-brand.home {
		display: none
	}
	.benefits-to-work h2.mobile-view {
		display: inline
	}
	.benefits-to-work h2.web-view {
		display: none
	}
	.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item>a {
		border-radius: 0!important;
		box-shadow: none
	}
	.meet-our-team .image-wrapper .text-wrapper p {
		font-size: 13px!important
	}
	.meet-our-team .team-wrapper {
		width: 34%;
		margin: 0 15px
	}
	.meet-our-team .inner-wrapper .team {
		justify-content: center
	}
	.meet-our-team .team-two .image-wrapper .text-wrapper .learn-more {
		width: 40px;
		height: 40px;
		padding: 0
	}
	.meet-our-team .team-two .image-wrapper .text-wrapper p {
		font-size: 15px
	}
	.privacy-policy-desgin-banner .dots {
		right: -30px
	}
	.fixed-header .sticky-header .navbar .navbar-brand img {
		max-width: 100%
	}
	.fixed-header .sticky-header .mobile-menu-type-two-open {
		top: 76px
	}
	.mobile-menu-type-two-open {
		top: 100px
	}
	.world-wide .wrapper .right .one,
	.world-wide .wrapper .right .two {
		max-width: 40%
	}
	.world-wide .wrapper .right {
		text-align: right
	}
	.about-us .big-yellow-circle {
		width: 310px;
		height: 310px;
		border-radius: 310px
	}
	.about-us .banner-section .right .red-wrapper {
		margin: 0 auto 20px
	}
	.about-us .author-details {
		max-width: 380px;
		margin: 50px auto 20px
	}
	.legacy-modernization-service-banner .dots {
		right: 70px
	}
	.legacy-modernization-service-banner .red {
		left: 20px;
		bottom: 30px
	}
	.testing-service-banner {
		margin: 90px auto 20px;
		max-width: 640px
	}
	.web-development-service-banner {
		margin: 70px auto 40px;
		max-width: 420px
	}
	.web-development-service-banner .red {
		bottom: -50px;
		left: -30px
	}
	.web-development-service-banner .yellow {
		right: 60px
	}
	.web-development-service-banner .blue {
		right: -70px
	}
	.web-development-service-banner .banner {
		margin-left: 0;
		margin-right: 0
	}

	.microsoft-dynamics-service-banner {
		margin: 40px auto 0px;
		max-width: 410px;
	}
	.microsoft-dynamics-service-banner .red {
		bottom: 70px;
		left: 7px;
	}
	.microsoft-dynamics-service-banner .yellow {
		right: -64px;
	}
	.microsoft-dynamics-service-banner .blue {
		right: -20px;
	}
	.microsoft-dynamics-service-banner .banner {
		margin-left: 0;
		margin-right: 0
	}
	.salesforce-service-banner{
		margin: 40px auto 0px;
    	max-width: 510px;
	}
	.salesforce-service-banner .banner {
		width: 310px;
		height: 220px;
	}
	.hire-developers-banner {
		max-width: 500px;
		height: 350px;
		margin: 40px auto
	}
	.hire-developers-banner .yellow-circle {
		width: 330px;
		height: 330px
	}
	.hire-developers-banner .banner {
		width: 357px;
		height: 328px;
		bottom: -30px
	}
	.hire-developers-banner .blue-circle {
		width: 210px;
		height: 210px;
		right: 40px;
		bottom: 0
	}
	.desktop-menu {
		display: none
	}
	.mobile-menu {
		display: block
	}
	.career-desgin-banner {
		max-width: 340px;
		height: 310px;
		margin: 0 auto
	}
	.privacy-policy-desgin-banner {
		max-width: 400px;
		height: 380px;
		margin: 0 auto
	}
	.banner-section .inner-wrapper {
		display: block;
		width: auto
	}
	.career-banner .wrapper {
		max-width: 100%;
		display: block;
		padding: 0 15px
	}
	.banner-section .left,
	.career-banner .wrapper .left {
		width: 100%!important;
		text-align: center
	}
	.cloud-service .banner-section .left p,
	.mobile-development-service .banner-section .left p {
		max-width: 100%
	}
	.mobile-development-service-banner .yellow {
		width: 80px;
		height: 80px;
		right: 9px
	}
	.header-with-banner .left .next-cta {
		justify-content: center;
		margin-bottom: 50px
	}
	.integration-service .next-cta {
		justify-content: center
	}
	.cloud-service-banner {
		max-width: 458px;
		margin: 0 auto
	}
	.banner-section .right,
	.career-banner .wrapper .right {
		width: 100%!important;
		margin: 0 auto;
		display: block
	}
	.banner-section .right .banner-inner-wrapper {
		width: auto;
		justify-content: flex-start;
		flex-wrap: wrap;
		max-width: 484px;
		margin: 60px auto 30px
	}
	.banner-section .right .js-ikonset {
		width: 33.33%;
		height: auto!important
	}
	.services-banner .banner-section .left h2,
	.title {
		font-size: 38px;
		line-height: 55px
	}
	.about-techaffinity .image-wrapper .dots-bg {
		width: 140px;
		left: -39px;
		max-width: 20%
	}
	.about-techaffinity .description {
		max-width: 100%;
		padding: 0 15px
	}
	.benefits-to-work {
		flex-direction: column
	}
	.benefits-to-work .left,
	.benefits-to-work .right {
		width: 100%
	}
	.benefits-to-work .left {
		height: 380px;
		display: flex;
		flex-direction: row-reverse;
		margin-top: 50px
	}
	.benefits-to-work .right {
		padding: 0 15px 30px
	}
	.list-of-technology .wrapper .left,
	.list-of-technology.type-two .wrapper .right {
		width: 100%
	}
	.list-of-technology.type-two .wrapper .right {
		padding-left: 15px
	}
	.list-of-technology .wrapper {
		display: block
	}
	.list-of-technology.ruby-on-rails-tech::after,
	.list-of-technology.ruby-on-rails-tech::before,
	.list-of-technology::after,
	.list-of-technology::before {
		background: #fff
	}
	.list-of-technology .wrapper .left {
		background: #1d5aec;
		padding: 100px 75px
	}
	.list-of-technology.ruby-on-rails-tech .wrapper .left {
		background-color: #1b1e66
	}
	.list-of-technology.ruby-on-rails-tech .wrapper .right {
		background-color: #fff6c4
	}
	.list-of-technology .wrapper .right {
		background: #deedff;
		padding: 100px 15px;
		width: 100%
	}
	.list-of-technology {
		padding: 0
	}
	.list-of-technology .small-container {
		padding: 0
	}
	.list-of-technology.type-two .box-wrapper {
		margin-top: 0;
		max-width: 60%;
		margin: 0 auto
	}
	.web-development-service .banner-section .right {
		padding-bottom: 50px;
	}
	.mobile-development-service-banner {
		width: 250px;
		margin: 0 auto
	}
	.legacy-modernization-service-banner {
		max-width: 380px;
		margin: 70px auto 0
	}
	.integration-service-banner {
		max-width: 480px;
		margin: 70px auto 0
	}
	.user-experience-banner {
		max-width: 450px;
		margin: 0 auto 50px
	}
	.user-experience-banner .blue {
		width: 120px;
		height: 120px;
		right: 30px
	}
	.user-experience-banner .yellow {
		width: 100px;
		height: 100px;
		left: 20px;
		bottom: 130px
	}
	.user-experience-banner .red {
		width: 80px;
		height: 80px;
		margin-left: -40px;
		left: 50%
	}
	.legacy-modernization-service-banner .yellow {
		right: -20px
	}
	.legacy-modernization-service-banner .banner {
		padding-left: 50px;
		padding-right: 50px
	}
	.it-staffing-service-banner {
		max-width: 450px;
		margin: 0 auto
	}
	.it-staffing-service .banner {
		padding-left: 0;
		margin: 0 auto
	}
	.it-staffing-service .yellow {
		width: 80px;
		height: 80px;
		left: 43px
	}
	.it-staffing-service .dots {
		right: 40px;
	}
	.it-staffing-service .blue {
		width: 106px;
		height: 106px;
		right: 30px
	}
	.data-science-banner {
		max-width: 450px;
		margin: 0 auto
	}
	.data-science-service .banner {
		padding-left: 0;
		margin: 0 auto
	}
	.data-science-service .yellow {
		width: 80px;
		height: 80px;
		left: 3px;}
	.data-science-service .dots {
		right: 40px;
	}
	.data-science-service .blue {
		width: 66px;
		height: 66px;
		right: 30px
	}

	.our-services.type-two .view-all-services-wrapper .services ul li {
		width: 44%
	}
	.cloud-service .navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:hover:after,
	.cloud-service .navbar .menu-with-searchbar .navbar-nav li>a:hover:after,
	.mobile-development-service .navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:hover:after,
	.mobile-development-service .navbar .menu-with-searchbar .navbar-nav li>a:hover:after,
	.testing-service .navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:hover:after,
	.testing-service .navbar .menu-with-searchbar .navbar-nav li>a:hover:after,
	.web-development-service .navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:hover:after,
	.web-development-service .navbar .menu-with-searchbar .navbar-nav li>a:hover:after {
		width: 0
	}
	.banner-section.mobile-view {
		display: block
	}
	.banner-section.desktop-view {
		display: none
	}
	.blue-box-wrapper .box {
		width: 49%
	}
	.custom-offerings .wrapper ul.two {
		padding-left: 0
	}
	.domain-expertise.integration-extensive .box-main {
		width: 32%
	}
	.domain-expertise.integration-extensive .box-main .box {
		margin: 30px 10px 30px
	}
	.why-ui-ux .inner-wrapper .wrapper .box {
		padding: 40px 30px!important
	}
	.why-ui-ux .inner-wrapper .wrapper h3 {
		font-size: 16px!important;
		line-height: 20px!important
	}
	.rubn-on-rails-banner {
		position: relative;
		max-width: 525px;
		min-height: 350px;
		display: block;
		margin: 80px auto 80px
	}
	.php-banner {
		max-width: 570px;
		min-height: 360px;
		margin: 0 auto 10px
	}
	.cms-wrapper-banner {
		position: relative;
		max-width: 525px;
		min-height: 350px;
		display: block;
		margin: 80px auto 80px
	}
	.header-with-banner .left .form-wrapper {
		margin: 40px auto 10px
	}
	.banner-section {
		height: auto
	}
	.banner-section .left .banner-left-slider .description,
	.services-banner .banner-section .left p,
	.tech-ruby-on-rails .left .description,
	.web-development-service .description {
		max-width: 100%;
		margin: 20px auto 0
	}
	.banner-section .left a {
		margin-top: 20px
	}
	.header-with-banner {
		height: 100%
	}
	p {
		font-size: 16px!important
	}
	.benefits-to-work .left .pink {
		max-width: 100%;
		position: relative;
		margin-top: -80px;
		margin-right: -320px
	}
	.benefits-to-work .left .person {
		position: relative;
		max-width: 50%;
		right: auto;
		margin-right: 330px;
		margin-top: 20px
	}
	.benefits-to-work .left .dots {
		width: 130px;
		margin-top: -160px;
		margin-right: 260px
	}
	.small-container {
		max-width: 100%
	}
	.client-testimonials .inner-wrapper .right-wrapper {
		padding-left: 0;
		text-align: center
	}
	.client-testimonials .inner-wrapper ul {
		justify-content: center
	}
	.container {
		max-width: 100%
	}
	.client-testimonials .inner-wrapper {
		max-width: 90%
	}
	.client-testimonials .inner-wrapper .d-lg-flex {
		flex-direction: column-reverse
	}
	.client-testimonials .inner-wrapper .image-wrapper .blue {
		top: 17px
	}
	.client-testimonials .inner-wrapper .image-wrapper .yellow {
		bottom: 90px;
		left: -50px;
		z-index: -1;
		max-width: 57%
	}
	.client-testimonials .inner-wrapper .image-wrapper {
		max-width: 45%;
		margin: 70px auto 0
	}
	.client-testimonials .inner-wrapper ul li {
		margin-right: 15px
	}
	.our-trusted-brand {
		max-width: 100%
	}
	.our-services {
		max-width: 100%
	}
	.tech-industry-leading .right {
		padding-left: 0
	}
	.custom-industry-banner {
		max-width: 330px;
		margin: 0 auto;
		padding-top: 0;
		padding-left: 0
	}
	.custom-industry-banner .php-banner .rails-wrapper {
		width: 240px;
		height: 240px;
		z-index: 2
	}
	.custom-industry-banner .yellow-wrapper {
		left: 40px;
		top: -20px;
		bottom: auto;
		z-index: 1
	}
	.custom-industry-banner .yellow-wrapper .inner {
		width: 180px;
		height: 95px;
		position: relative
	}
	.custom-industry-banner .yellow-wrapper .inner .yellow-square {
		width: 54px;
		height: 54px;
		border-radius: 10px;
		top: 20px;
		left: 20px;
		position: absolute
	}
	.custom-industry-banner .yellow-wrapper .inner .gray-square {
		background: #c9c9c9;
		width: 38px;
		height: 38px;
		border-radius: 9px;
		left: -17px;
		bottom: -30px
	}
	.custom-industry-banner .white-bg {
		width: 98px;
		height: 98px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
		border-radius: 16px
	}
	.custom-industry-banner .industry-leading-center {
		max-width: 197px;
		margin: 0 auto
	}
	.custom-industry-banner .java-wrapper {
		position: absolute;
		top: 40%;
		left: 10px
	}
	.custom-industry-banner .java-wrapper.white-bg img {
		max-width: 45%
	}
	.custom-industry-banner .applephone-wrapper {
		position: absolute;
		bottom: 80px;
		left: 50px
	}
	.custom-industry-banner .white-bg.applephone-wrapper img {
		max-width: 65%
	}
	.custom-industry-banner .android-wrapper {
		top: 61px;
		right: 45px;
		left: auto
	}
	.custom-industry-banner .red-circle-wrapper {
		right: 60px;
		top: 37%
	}
	.custom-industry-banner .red-circle-wrapper .red-circle {
		width: 125px;
		height: 125px;
		background: #ff5050;
		border-radius: 0 175px 175px 0
	}
	.custom-industry-banner .blue-wrapper .inner {
		width: 200px;
		height: 200px;
		position: relative
	}
	.custom-industry-banner .blue-wrapper .inner .gray-square {
		background: #c9c9c9;
		width: 48px;
		height: 48px;
		border-radius: 9px;
		bottom: 70px;
		right: 50px;
		position: absolute
	}
	.custom-industry-banner .blue-wrapper .inner .blue-square {
		background: #1d5aec;
		width: 56px;
		height: 56px;
		border-radius: 15px;
		position: absolute;
		bottom: 7px;
		left: 10px
	}
	#get-quote-popup .modal-dialog,
	#get-schedule-meeting-popup .modal-dialog,
	.apply-now-popup .modal-dialog {
		max-width: 95%;
		margin: 40px auto
	}
	.apply-now-popup .support .right a.apply {
		padding: 16px 30px
	}
	.solution-banner {
		max-width: 510px;
		margin: 90px auto 0
	}
	.solution-blue-box-wrapper .box-wrapper .box {
		width: 47%
	}
	.blog-banner-details .wrapper {
		max-width: 100%
	}
	.contact-us-banner .form {
		max-width: 70%
	}
	.contact-us-banner {
		max-width: 68%;
		margin: 60px auto 0
	}
	.mainframe-service-banner{

	max-width: 420px;margin: 60px auto 0px;}
	.mainframe-service-banner .banner {
		
	}
	.mainframe-service-banner .yellow {

		
		width: 120px;
		height: 120px;
		right: 50px;
		top: -35px;

	}
	.mainframe-service-banner .blue {
		width: 120px;
    	height: 120px;
		right: -80px;
    	bottom: 30px;
   
	}
	.mainframe-service-banner .red {

		height: 100px;
		width: 100px;
		bottom: 4px;
    	left: -40px;

	}
	.php-banner.mobile-banner
	{
		margin: 0 auto 40px;
	}
	.ai-ml-service-banner{
		margin: 0px auto 0px;
    	max-width: 520px;
	}
	
}

@media only screen and (max-width:768px) {
	.estimate-wrapper .phone-number {
		margin-bottom: 30px
	}
	.estimate-wrapper .recaptcha-wrapper #recaptcha_response_acc-error {
		bottom: 15px
	}
	.looking-for {
		max-width: 100%
	}
	.app-cost-calculator .estimate-wrapper,
	.app-cost-calculator form {
		max-width: 100%
	}
	.app-cost-calculator .step {
		margin-bottom: 10px
	}
	.app-cost-calculator .tab .icon-wrapper {
		margin-bottom: 15px
	}
	.app-cost-calculator .button-groups {
		margin-top: 10px
	}
	.app-cost-calculator .wpcf7-form-control-wrap {
		transform: scale(.9);
		transform-origin: 0 0
	}
	.app-cost-calculator .button-groups.one button {
		width: 100%
	}
	.all-blogs .banner-image {
		height: auto;
		padding: 30%
	}
	.our-latest-blog.all-blogs .col-md-4 {
		margin-bottom: 15px
	}
	.how-it-works-wrapper .animated-line {
		display: none!important
	}
	.legacy-modernization-accordion,
	.testing-services-accodion,
	.user-experience-accordion,
	.web-development-accordion {
		height: auto
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-two {
		left: auto;
		width: 153px;
		height: 378px
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-one {
		width: 380px;
		height: 380px
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-three {
		right: 180px
	}
	.navbar .navbar-brand img {
		max-width: 100%
	}
	footer .contact ul li {
		width: 100%
	}
	.meet-our-team h3 {
		font-size: 24px
	}
	.all-blogs h3 {
		text-align: left
	}
	.ruby-on-rails-content .inner-wrapper {
		display: block
	}
	footer .navbar-brand img {
		max-width: 110px
	}
	.ruby-on-rails-content .inner-wrapper .left,
	.ruby-on-rails-content .inner-wrapper .right {
		width: 100%
	}
	.ruby-on-rails-content {
		padding-bottom: 20px
	}
	.apply-now-popup .support .left .wrapper {
		width: 100%;
		margin: 10px 0
	}
	.apply-now-popup h2 {
		font-size: 26px
	}
	.apply-now-popup .looking-for .form-wrapper {
		max-width: 100%
	}
	.apply-now-popup .support .left,
	.apply-now-popup .support .right {
		width: 100%
	}
	.apply-now-popup .support .right a.apply {
		padding: 16px 30px;
		font-size: 14px;
		margin-bottom: 20px
	}
	.apply-now-popup .support {
		flex-direction: column-reverse
	}
	footer .subscribe .left {
		width: 50%
	}
	footer .subscribe input {
		max-width: 100%
	}
	.contact-us-banner .recaptcha-submit .left {
		padding-right: 15px
	}
	.contact-us-banner .recaptcha-submit .right {
		padding-left: 15px
	}
	.contact-us-banner .recaptcha-submit #recaptcha_response_contact-error {
		position: absolute;
		bottom: 10px;
		left: 17px
	}
	.world-wide .wrapper {
		display: block
	}
	.world-wide .wrapper .right {
		text-align: left;
		margin-top: 30px
	}
	.world-wide .wrapper .right .two {
		margin-top: 0
	}
	.world-wide .wrapper .right .one,
	.world-wide .wrapper .right .two {
		max-width: 40%
	}
	.world-wide .wrapper .left,
	.world-wide .wrapper .right {
		width: 100%
	}
	.why-ui-ux.e-commerce-service-offerings .inner-wrapper .wrapper .box {
		width: 47%;
		margin: 30px 0
	}
	.contact-our-location .wrapper {
		display: block
	}
	.contact-our-location .wrapper .right {
		width: 100%;
		height: 250px
	}
	.how-it-works-wrapper .box-shadow.four:after,
	.how-it-works-wrapper .box-shadow.one:after,
	.how-it-works-wrapper .box-shadow.three:after,
	.how-it-works-wrapper .box-shadow.two:after {
		display: none
	}
	.mock-dig .row .three-circle,
	.mock-dig .row .two-circle {
		top: 0
	}
	.how-it-works-wrapper .box-shadow {
		max-width: 100%;
		margin: 0 auto
	}
	.how-it-works-wrapper .box-shadow h4 {
		margin: 20px 0 30px
	}
	.navbar {
		padding: 30px 0
	}
	.banner-section .right .js-ikonset {
		width: 33.33%;
		height: 228px
	}
	.banner-section .right {
		width: 100%
	}
	.our-trusted-brand .inner-wrapper h3 {
		margin-bottom: 50px
	}
	.our-services .drag {
		width: 100%;
		text-align: left
	}
	.our-services .services .slick-prev.slick-arrow {
		right: auto;
		left: 0;
		top: 220px
	}
	.our-services .services .slick-next.slick-arrow {
		right: 0;
		top: 220px;
		left: auto
	}
	.our-services .inner-wrapper img.rounder-image {
		position: absolute;
		left: 50%;
		margin-left: -239px;
		top: 50%;
		margin-top: -193px;
		max-width: 70%
	}
	.our-services .services .slick-next.slick-arrow,
	.our-services .services .slick-prev.slick-arrow {
		top: 10px;
		width: 60px;
		height: 60px;
		background-size: auto 70px
	}
	.our-services .services .slick-prev.slick-arrow {
		right: 80px;
		left: auto
	}
	.about-techaffinity,
	.having-a-project,
	.our-latest-blog {
		padding: 50px 0 50px
	}
	.about-techaffinity .image-wrapper .yellow-bg {
		top: -50px;
		right: -40px
	}
	.about-techaffinity .image-wrapper .dots-bg {
		width: 70px;
		left: -24px
	}
	.meet-our-team {
		padding: 70px 0 55px
	}
	.meet-our-team .image-wrapper {
		text-align: center;
		max-width: 100%;
		margin: 0 auto 40px
	}
	.meet-our-team h2 {
		margin-bottom: 50px
	}
	.meet-our-team h2 br {
		display: none
	}
	.meet-our-team .title-wrapper {
		text-align: center;
		margin-bottom: 70px
	}
	.meet-our-team .pink-rounder {
		right: -339px
	}
	.client-testimonials .inner-wrapper .image-wrapper .blue {
		right: -30px;
		top: -40px
	}
	.client-testimonials .inner-wrapper .image-wrapper {
		max-width: 65%;
		margin: 100px auto 0
	}
	.client-testimonials .inner-wrapper .image-wrapper .yellow {
		left: -90px
	}
	.client-testimonials .inner-wrapper .right-wrapper {
		text-align: center;
		padding-left: 0;
		margin-top: 20px
	}
	.client-testimonials .inner-wrapper .details {
		margin-top: 50px
	}
	.client-testimonials .inner-wrapper p {
		font-size: 20px;
		line-height: 40px
	}
	.client-testimonials .inner-wrapper ul {
		justify-content: center
	}
	.client-testimonials {
		padding: 85px 0 70px
	}
	.our-latest-blog .inner-wrapper p,
	.our-latest-blog .inner-wrapper span {
		text-align: left;
		display: block
	}
	.our-latest-blog .inner-wrapper p {
		font-size: 16px
	}
	.our-latest-blog .inner-wrapper h2 {
		margin-bottom: 0
	}
	.our-latest-blog .inner-wrapper .image-wrapper {
		margin: 70px auto 70px;
		width: 100%;
		max-width: 100%
	}
	footer .description {
		margin-top: 20px;
		font-size: 16px
	}
	footer .contacts {
		margin-top: 20px
	}
	footer .contact,
	footer .menus,
	footer .social-links {
		margin-top: 30px
	}
	footer .menus h4 {
		margin-bottom: 15px
	}
	footer .menus ul li a {
		margin-bottom: 12px
	}
	.view-all-services-wrapper .services ul li {
		width: 100%
	}
	.our-services .view-all-wrapper {
		margin-top: 40px
	}
	.our-offerings .box-wrapper {
		display: block
	}
	.our-offerings .box-wrapper .box,
	.our-offerings .box-wrapper.two .box {
		width: 100%
	}
	.domain-expertise .box-wrapper,
	.domain-expertise .box-wrapper.two {
		justify-content: center
	}
	.domain-expertise .box-wrapper .box {
		width: 20%
	}
	.transform-idea .box-wrapper {
		display: block
	}
	.transform-idea .box-wrapper .left,
	.transform-idea .box-wrapper .right {
		width: 90%;
		margin: 25px auto 25px
	}
	.logistics-plus .wrapper .content-with-slider .left-side,
	.logistics-plus .wrapper .content-with-slider .right-side {
		width: 100%
	}
	.logistics-plus .wrapper .content-with-slider .right-side {
		position: static
	}
	.digital-landscape .box-wrapper {
		display: block
	}
	.digital-landscape .box-wrapper .left,
	.digital-landscape .box-wrapper .right {
		width: 100%;
		margin-bottom: 25px;
		padding: 30px
	}
	.development-and-deployment .title-wrapper {
		padding-right: 0
	}
	.servicing-projects .box-wrapper .inner {
		display: block
	}
	.servicing-projects .box-wrapper .inner .wrapper {
		width: 100%;
		padding: 30px 30px!important;
		margin: 0 0 10px
	}
	.covering-all-dimensions .box-wrapper {
		display: block;
		margin-top: 50px
	}
	.covering-all-dimensions .box-wrapper .box {
		margin: 0 auto 20px
	}
	.our-trusted-brand {
		padding: 50px 15px 20px
	}
	.our-services .services {
		margin-top: 40px
	}
	.our-services.type-two .view-all-services-wrapper .services ul li {
		width: 100%
	}
	.Logistics-plus-slider-two {
		margin-top: 50px
	}
	.blue-box-wrapper .box {
		width: 100%
	}
	.custom-offerings .wrapper {
		max-width: 100%
	}
	.integration-benefits .inner-wrapper {
		width: 100%
	}
	.integration-benefits .person {
		display: none
	}
	.integration-benefits .big-yellow {
		position: absolute;
		max-width: 33%;
		top: -60px;
		right: -20px
	}
	.why-ui-ux .inner-wrapper .wrapper .box {
		padding: 30px 30px;
		display: block;
		text-align: center
	}
	.why-ui-ux .inner-wrapper .wrapper h3 {
		margin-left: 0;
		margin-top: 20px;
		font-size: 18px;
		line-height: 25px
	}
	.ruby-on-rails-content .image-wrapper {
		background-position: 50% 50%
	}
	.custom-offerings {
		max-width: 100%
	}
	.all-inclusive-web-security .card .card-header .btn,
	.independent-qa-testing .card .card-header .btn {
		font-size: 21px;
		padding: 30px 30px 30px
	}
	.custom-offerings {
		max-width: 100%
	}
	#get-quote-popup .modal-body .wrapper .left,
	#get-schedule-meeting-popup .modal-body .wrapper .left {
		width: 40%;
		margin: 0 auto
	}
	#get-quote-popup .modal-body .wrapper .right,
	#get-schedule-meeting-popup .modal-body .wrapper .right {
		width: 50%;
		padding: 20px 0 0 0;
		margin: 0 auto
	}
	#get-quote-popup .modal-body .wrapper .left h2,
	#get-schedule-meeting-popup .modal-body .wrapper .left h2 {
		font-size: 28px;
		line-height: 42px
	}
	.solution-banner .banner-image {
		width: 180px;
		height: 370px
	}
	.solution-banner .blue-wrapper {
		width: 70px;
		height: 70px
	}
	.solution-banner .yellow-wrapper {
		width: 50px;
		height: 50px
	}
	.solution-banner .red-wrapper {
		width: 45px;
		height: 45px
	}
	.title-para-images .bottom-image-banner .image-one {
		left: auto;
		width: 430px;
		height: 430px;
		bottom: -140px;
		right: 0
	}
	.title-para-images .bottom-image-banner .image-two {
		left: auto;
		width: 231px;
		height: 331px
	}
	.title-para-images .bottom-image-banner .image-three {
		left: auto;
		width: 241px;
		height: 123px
	}
	.solution-blue-box-wrapper .box-wrapper .box {
		width: 70%;
		margin: 0 auto 20px
	}
	.colour-boxes .box-wrapper .box {
		width: 100%;
		margin: 0 0 20px;
		padding: 25px 25px 55px
	}
	.all-blogs .blog-search {
		max-width: 100%;
		flex-wrap: wrap
	}
	.all-blogs .blog-search .form-group.one,
	.all-blogs .blog-search .form-group.two {
		width: 50%
	}
	.all-blogs .blog-search .form-group {
		margin: 10px 0
	}
	.all-blogs .blog-search .form-group.three {
		width: 100%
	}
	.blog-banner .wrapper {
		flex-direction: column-reverse
	}
	.blog-banner .wrapper .right {
		padding-left: 0;
		width: 100%
	}
	.blog-banner .wrapper .left {
		width: 100%;
		margin: 50px 0 0
	}
	.blog-banner .wrapper .banner-image {
		width: 100%
	}
	.blog-banner.blog-banner-details .wrapper {
		flex-direction: column;
		margin: 0
	}
	.blog-banner.blog-banner-details .wrapper .left {
		margin: 20px 0 0
	}
	.looking-for .form-wrapper {
		max-width: 100%
	}
	.contact-us-banner .form {
		max-width: 100%
	}
	.contact-us-banner {
		max-width: 60%
	}
	.contact-us-banner .yellow {
		left: -50px
	}
	.contact-us-banner .red {
		right: -80px
	}
	.contact-us-banner .dots {
		left: -77px
	}
}

@media only screen and (max-width:767px) {
	.banner-section .left a.get-quote-btn
	{
		padding: 11px 30px;
		font-size: 14px;
	}
	.banner-section .left p
	{
		line-height: 24px;
	}
	.header-with-banner .left .form-wrapper {
		max-width: 70%
	}
	.header-with-banner .left .form-wrapper .remove-padding .first {
		padding-right: 15px
	}
	.header-with-banner .left .form-wrapper .remove-padding .second {
		padding-left: 15px
	}
	.body-content-repet {
		margin-bottom: 0
	}
	.meet-our-team .team-wrapper {
		width: 45%
	}
	.how-it-works-wrapper .box-shadow {
		max-width: 90%;
		margin: 0 auto
	}
	.meet-our-team .image-wrapper {
		max-width: 60%
	}
	.how-it-works-wrapper.web-view {
		display: none
	}
	.how-it-works-wrapper.mobile-view {
		display: block
	}
	.how-it-works-wrapper.mobile-view p {
		max-width: 100%
	}
	.how-it-works-wrapper h2 {
		margin-bottom: 40px
	}
	.how-it-works-wrapper {
		padding: 60px 0 60px 0
	}
	.how-it-works-wrapper .count {
		right: 0
	}
	.how-it-works-wrapper .circle {
		max-width: 150px;
		margin: 0 auto
	}
}

@media only screen and (max-width:600px) {
	ul.nav-tabs li:first-child a.active {
		border-top-right-radius: 60px;
		border-bottom-right-radius: 60px
	}
	.cust-tab-wrapper ul.nav-tabs li:last-child a {
		border-top-left-radius: 60px;
		border-bottom-left-radius: 60px;
		margin-top: 10px
	}
}

@media only screen and (max-width:680px) {
	.testing-service-banner {
		max-width: 450px
	}
	.testing-service-banner .banner {
		width: 390px;
		height: 210px
	}
	.testing-service-banner .search {
		width: 197px;
		height: 222px;
		background-size: auto 192px;
		right: 75px;
		left: auto
	}
	.testing-service-banner .blue {
		width: 73px;
		height: 73px;
		right: 63px;
		left: auto
	}
	.testing-service-banner .dots {
		width: 83px;
		height: 83px;
		left: 35px;
		top: -36px
	}
}

@media only screen and (max-width:576px) {
	.salesforce-service-banner {
		margin: 40px auto 0px;
		max-width: 400px;
	}
	.salesforce-service-banner .banner {
		width: 243px;
		height: 170px;
	}
	.salesforce-service-banner .red{
		width: 60px;
		height: 60px;
	}
	.salesforce-service-banner .yellow{
		width: 70px;
		height: 70px;
	}
	.salesforce-service-banner .blue{
		width: 72px;
    	height: 74px;
	}
	.mobile-banner .blue-wrapper {
		right: 40px;
	}
	.mobile-banner .yellow-wrapper {
		left: 50px;
		top: 0;
	}
	.mobile-banner .yellow-wrapper .inner {
		margin-top: 0;
	}
	.mobile-banner .yellow-wrapper .inner .yellow-square {
		width: 43px;
		height: 43px;
	}
	.mobile-banner .yellow-wrapper .inner .gray-circle {
		bottom: 12px;
	}
	.mobile-banner .yellow-wrapper .inner {
		margin-top: 0;
	}
	.mobile-banner .red-wrapper {
		left: 0;
	}
	.mobile-banner .red-wrapper .inner .red-circle {
		width: 57px;
		height: 57px;
	}
	.mobile-banner .big-white-bg {
		width: 160px;
		height: 160px;
		border-radius: 17px;
		margin-top: -53px;
		margin-left: -75px;
	}
	.mobile-banner .android-wrapper {
		position: absolute;
		right: -10px;
		bottom: -50px;
	}
	.mobile-banner .android-wrapper .white-bg {
		bottom: 12px;
		right: 80px;
	}
	.mobile-banner .android-wrapper .gray-circle-one {
		right: 63px;
	}
	.mobile-banner .android-wrapper .gray-circle-two {
		left: 110px;
		top: -40px;
	}
	.mobile-banner .python-wrapper {
		right: 0;
	}
	.mobile-banner .java-wrapper {
		left: 10px;
	}
	.mobile-banner .white-bg {
		width: 68px;
		height: 68px;
		padding: 7px;
	}
	.php-banner.mobile-banner .android-wrapper{
		bottom: -50px;
	}
	.php-banner.mobile-banner .big-white-bg {
		width: 150px;
		height: 120px;
		
	}
	.php-banner.mobile-banner .yellow-wrapper
	{
		left: 20px;
	}
	.dot-net-banner .big-white-bg img{
		max-width: 80%;
	}
	.rubn-on-rails-banner .python-center-image img{
		max-width: 80%;
	}
	footer.mobile-view .social-links {
		text-align: center;
	}
	#email-section .recaptcha-wrapper {
		margin-top: 15px
	}
	#email-section .intl-tel-input.separate-dial-code .selected-dial-code {
		padding-left: 9px!important
	}
	.navbar .navbar-brand {
		width: 109px
	}
	footer.mobile-view .subscribe {
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	footer.mobile-view .subscribe .left {
		width: 63%
	}
	footer.mobile-view .subscribe .right {
		width: 35%
	}
	footer.mobile-view .subscribe .right .send-btn {
		width: 105px;
		margin: 0 auto 0 0
	}
	.header-with-banner .left .form-wrapper {
		max-width: 100%
	}
	.our-services.type-two .inner-wrapper.mobile-view {
		display: block
	}
	.our-services.type-two .inner-wrapper.mobile-view ul li .box {
		box-shadow: 0 2px 8px rgb(0 0 0 / 16%);
		width: 98%;
		margin: 0 auto
	}
	.our-services.type-two .inner-wrapper.web-view {
		display: none
	}
	.our-services.mobile-view {
		display: block
	}
	.our-services.web-view {
		display: none
	}
	.our-services.type-two {
		padding: 0 15px
	}
	.dev-card ul {
		padding: 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}
	.dev-card ul li {
		float: none
	}
	.how-it-works-wrapper.mobile-view p {
		line-height: 28px
	}
	.how-it-works-wrapper .white-circle {
		width: 100px;
		height: 100px
	}
	.how-it-works-wrapper .count {
		width: 30px;
		height: 30px;
		line-height: 31px
	}
	.how-it-works-wrapper .box-shadow h4 {
		font-size: 14px;
		line-height: 19px;
		margin: 15px 0 30px
	}
	.how-it-works-wrapper .white-circle img {
		max-width: 31%
	}
	.meet-our-team .image-wrapper {
		margin: 0 auto 15px
	}
	.cms-wrapper-banner {
		min-height: 400px;
		max-width: 315px;
		margin: 20px auto 10px
	}
	.cms-wrapper-banner .red-square,
	.cms-wrapper-banner .yellow-wrapper .yellow-square {
		width: 46px;
		height: 46px
	}
	.cms-wrapper-banner .red-square {
		left: 0
	}
	.cms-wrapper-banner .yellow-wrapper {
		top: 213px;
		width: 46px;
		height: 46px;
		right: 0
	}
	.cms-wrapper-banner .separate-square {
		right: 140px;
		bottom: 70px
	}
	.cms-wrapper-banner .small-size-white img {
		max-width: 60%
	}
	.cms-wrapper-banner .small-size-white {
		width: 78px;
		height: 78px
	}
	.cms-wrapper-banner .three {
		margin-left: 70px
	}
	.cms-wrapper-banner .four {
		margin-left: -140px
	}
	.cms-wrapper-banner .two {
		margin-left: -144px
	}
	.cms-wrapper-banner .small-size-white.big-size {
		width: 120px;
		height: 120px
	}
	.cms-wrapper-banner .six {
		margin-left: -48px!important
	}
	#cookie-modal .got-it-btn {
		margin-left: 0
	}
	#cookie-modal .modal-body,
	#cookie-modal .modal-footer {
		padding-top: 27px
	}
	#cookie-modal .got-it-btn {
		padding: 3px 13px;
		font-size: 13px!important
	}
	.meet-our-team .team-wrapper {
		width: 100%
	}
	.title-para-images.tracking-solution .bottom-image-banner {
		min-height: 240px
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-two {
		left: auto;
		width: 83px;
		height: 238px;
		right: 33px
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-one {
		width: 230px;
		height: 230px
	}
	.title-para-images.tracking-solution .bottom-image-banner .image-three {
		right: 127px;
		width: 173px;
		height: 71px
	}
	.development-and-deployment.it-staffing-recruitment .big-yellow {
		position: absolute;
		max-width: 28%;
		top: -20px;
		right: -10px
	}
	.client-testimonials {
		padding: 40px 0 30px
	}
	.our-services .view-all {
		margin: 40px auto 0
	}
	.meet-our-team .inner-wrapper .title-wrapper {
		margin-top: 0;
		margin-bottom: 50px
	}
	.meet-our-team .image-wrapper .text-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: center
	}
	.privacy-policy-banner .description {
		font-size: 15px!important;
		line-height: 30px!important
	}
	.contact-our-location .wrapper .left {
		padding: 60px 0
	}
	.contact-our-location .wrapper .left h2 {
		font-size: 30px;
		line-height: 46px
	}
	.contact-our-location .wrapper .location h3 {
		font-size: 16px;
		margin-top: 20px;
		line-height: 14px
	}
	.logistics-plus {
		padding: 60px 0
	}
	.privacy-policy-desgin-banner {
		max-width: 300px;
		height: 340px;
		margin: 0 auto
	}
	.privacy-policy-desgin-banner .banner {
		width: 210px;
		height: 183px;
		right: 40px;
		top: 100px
	}
	.privacy-policy-desgin-banner .yellow-circle {
		left: 0
	}
	.privacy-policy-desgin-banner .dots {
		right: 0
	}
	footer.mobile-view {
		display: block
	}
	footer.desktop-view {
		display: none
	}
	.fixed-header .sticky-header .mobile-menu-type-two-open {
		top: 51px
	}
	.fixed-header .sticky-header .mobile-menu img {
		max-width: 100%
	}
	.mobile-menu-type-two-open {
		top: 89px
	}
	.mobile-menu button {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.fixed-header .sticky-header .navbar h1 {
		display: grid
	}
	.navbar {
		padding: 15px 0 15px
	}
	.mobile-menu .mobile-menu-icon {
		max-width: 100%;
		width: 100%
	}
	.fixed-header .sticky-header .navbar .navbar-brand img {
		max-width: 100%
	}
	.list-of-technology.type-two .box-wrapper .box img {
		max-width: 40%
	}
	.apply-now-popup h2 {
		font-size: 22px;
		margin-bottom: 18px;
		line-height: 28px
	}
	.apply-now-popup .modal-body {
		padding: 40px 15px
	}
	.looking-for .custom-file-label::after,
	.looking-for .form-control {
		font-size: 14px
	}
	.looking-for button {
		max-width: 100%;
		width: 100%
	}
	.navbar .navbar-brand img {
		max-width: 100%
	}
	footer .subscribe {
		display: block;
		margin-bottom: 0
	}
	footer .subscribe .left {
		width: 100%
	}
	footer .subscribe input {
		max-width: 100%;
		margin-right: 0
	}
	.world-wide .first-para {
		max-width: 100%
	}
	.about-us.services-banner .banner-section .left h2 {
		font-size: 29px;
		line-height: 45px
	}
	.about-us .big-yellow-circle {
		width: 210px;
		height: 210px;
		border-radius: 210px
	}
	.about-us .banner-section .right .red-wrapper {
		width: 220px;
		height: 220px;
		border-radius: 220px
	}
	.about-us .banner-section .right .red-wrapper .image-wrapper {
		width: 193px;
		height: 210px;
		bottom: -4px;
		left: 12px
	}
	.about-us .banner-section .right .red-wrapper {
		margin: 80px auto 20px
	}
	.about-us-content .wrapper .details-one .red-arrow {
		width: 206px;
		height: 263px;
		margin: 20px auto 0
	}
	.benefits-it-staffing {
		padding-left: 0
	}
	.why-ui-ux.e-commerce-service-offerings .inner-wrapper .wrapper .box {
		width: 100%;
		margin: 30px 0;
		text-align: center
	}
	.solution-banner .left-side-image,
	.solution-banner .right-side-image {
		width: 145px;
		height: 114px
	}
	.advantage .list-wrapper ul li {
		font-size: 17px
	}
	.it-staffing-service-banner {
		max-width: 280px
	}
	.user-experience-banner .yellow {
		left: -50px
	}
	.it-staffing-service .banner {
		width: 290px;
		height: 300px;}
	.user-experience-banner .blue {
		right: -36px
	}
	.legacy-modernization-service-banner .banner {
		width: 190px;
		height: 280px;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		margin-left: 50px
	}
	.legacy-modernization-service-banner {
		max-width: 290px
	}
	.web-development-service-banner {
		max-width: 300px
	}
	.microsoft-dynamics-service-banner {
		max-width: 310px;
	}
	.mainframe-service-banner {
		max-width: 300px;
	}
	.mainframe-service-banner .banner {
		
		
		max-width: 100%;
		width: 280px;
		height: 280px;
	margin: 0 auto;}
	.mainframe-service-banner .red {
		height: 80px;
		width: 80px;
		bottom: 0px;
		left: -30px;
	}
	.mainframe-service-banner .blue {
		width: 110px;
		height: 110px;
		right: -60px;
		bottom: 10px;
	}
	.mainframe-service-banner .yellow {
		width: 100px;
		height: 100px;
		right: 30px;
		top: -55px;
	}
	.cust-tab-wrapper ul.nav-tabs {
		display: block;
		border: 0
	}
	.cust-tab-wrapper ul.nav-tabs li {
		display: block
	}
	.cust-tab-wrapper ul.nav-tabs li:last-child a:hover,
	ul.nav-tabs li:last-child a.active {
		border-top-left-radius: 60px;
		border-bottom-left-radius: 60px
	}
	.cust-tab-wrapper ul.nav-tabs li:first-child a:hover,
	ul.nav-tabs li:first-child a.active {
		border-top-right-radius: 60px;
		border-bottom-right-radius: 60px
	}
	.cust-tab-wrapper ul.nav-tabs li a {
		font-size: 15px;
		padding: 8px 10px
	}
	.cust-tab-wrapper ul.nav-tabs li a {
		border: 1px solid #d8d8d8
	}
	.dev-card ul li .box-card {
		border-radius: 10px;
		padding: 15px;
		margin: 10px
	}
	.dev-card ul li .box-card span {
		font-size: 13px;
		margin-top: 10px
	}
	section.cust-tab-wrapper .meeting-btn.two {
		margin: 0 0 10px
	}
	.how-it-works-wrapper .box-shadow {
		max-width: 100%
	}
	.mock-dig {
		margin-top: 40px
	}
	.how-it-works-wrapper {
		padding: 70px 0 50px 0
	}
	.hire-developers-banner {
		max-width: 300px;
		height: 320px;
		margin-bottom: -80px
	}
	.hire-developers-banner .yellow-circle {
		width: 210px;
		height: 210px;
		left: 0
	}
	.hire-developers-banner .banner {
		width: 257px;
		height: 238px;
		bottom: 60px;
		left: 20px
	}
	.hire-developers-banner .blue-circle {
		width: 160px;
		height: 160px;
		right: 0;
		bottom: 80px
	}
	.contact-us-banner .red {
		width: 86px;
		height: 86px;
		right: -20px
	}
	.contact-us-banner {
		max-width: 90%
	}
	.contact-us-banner .yellow {
		width: 52px;
		height: 52px;
		top: -19px;
		left: -20px
	}
	.contact-us-banner .dots {
		width: 74px;
		height: 66px;
		left: -23px
	}
	.contact-us-banner .form {
		padding: 30px 15px
	}
	.contact-us-banner .form button {
		padding: 14px 30px
	}
	.contact-us .phone-email .wrapper h3 {
		font-size: 23px
	}
	.navbar .menu-with-searchbar {
		width: auto
	}
	.navbar .navbar-brand {
		line-height: 0;
		font-size: 0
	}
	.banner-section .right .js-ikonset {
		width: 33.33%;
		height: 148px
	}
	.banner-section .right .image-wrapper {
		width: 33.33%;
		height: auto
	}
	.banner-section .right .image-wrapper p {
		font-size: 12px
	}
	.our-trusted-brand .inner-wrapper h3 {
		text-align: center;
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 20px
	}
	.our-trusted-brand .brans-wrapper img {
		display: block;
		margin: 0 auto 25px
	}
	.our-services .inner-wrapper img.rounder-image {
		display: none
	}
	.logistics-plus h2,
	.services-banner .banner-section .left h2,
	.title {
		font-size: 32px;
		line-height: 40px
	}
	.our-services .inner-wrapper {
		padding: 40px 15px 60px
	}
	.our-services .services ul li .box {
		padding: 40px 15px;
		min-height: auto
	}
	.about-techaffinity .get-quote-btn,
	.get-quote-btn-blue {
		padding: 15px 35px;
		font-size: 15px
	}
	.having-a-project a.meeting-btn,
	.logistics-plus a {
		padding: 15px 30px;
		font-size: 15px
	}
	.our-services .services ul li .box h3,
	.our-services .services ul li .box h3 span {
		font-size: 17px
	}
	.our-services .services ul li .box .details a,
	.our-services .services ul li .box .details p {
		font-size: 15px
	}
	.our-services .services .slick-next.slick-arrow,
	.our-services .services .slick-prev.slick-arrow {
		top: 19px
	}
	.our-services .services .slick-prev.slick-arrow {
		right: 54px;
		left: auto
	}
	.our-services .services .slick-next.slick-arrow {
		left: auto;
		right: 0
	}
	.about-techaffinity .image-wrapper .yellow-bg {
		top: -21px;
		right: -10px
	}
	.about-techaffinity .image-wrapper .dots-bg {
		width: 50px;
		left: -16px
	}
	.about-techaffinity .description p {
		font-size: 16px;
		line-height: 33px
	}
	.about-techaffinity .image-wrapper {
		margin: 55px auto 45px
	}
	.benefits-to-work .left .person {
		margin-right: 53px;
		max-width: 240px;
		right: 0
	}
	.benefits-to-work .right {
		padding: 30px 15px 20px
	}
	.benefits-to-work .right ul {
		margin-top: 0
	}
	.benefits-to-work .right ul li {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 14px;
		padding: 0 0 0 28px;
		background-size: 18px auto
	}
	.meet-our-team .pink-rounder {
		right: -218px
	}
	.meet-our-team h3 {
		font-size: 28px
	}
	.meet-our-team .image-wrapper .text-wrapper p,
	.meet-our-team .team-two .image-wrapper .text-wrapper p {
		margin-bottom: 0;
		line-height: 19px;
		font-size: 13px!important
	}
	footer .bottom p {
		text-align: center;
		font-size: 12px!important
	}
	footer .bottom ul {
		justify-content: center;
		margin-top: 20px
	}
	footer {
		padding: 25px 0 20px
	}
	footer .bottom {
		margin-top: 30px
	}
	.mobile-menu .modal .modal-body .search-form button {
		padding: 16px 20px
	}
	.client-testimonials .inner-wrapper ul li {
		margin-right: 0
	}
	.banner-section .right .banner-inner-wrapper {
		min-height: 490px
	}
	.cloud-service-banner {
		max-width: 260px
	}
	.cloud-service-banner .sky {
		width: 330px;
		height: 160px;
		background-size: auto 160px;
		margin-left: -153px;
		top: -10px;
		z-index: 1;
		left: 120px
	}
	.cloud-service-banner .yellow {
		width: 70px;
		height: 70px;
		left: 0;
		bottom: 50px
	}
	.cloud-service-banner .aws {
		width: 90px;
		height: 90px;
		background-size: auto 75px;
		bottom: 20px;
		right: 50px
	}
	.cloud-service-banner .red {
		width: 40px;
		height: 70px;
		top: 149px;
		right: 0;
		z-index: -1
	}
	.cloud-service-banner .dots {
		background: url(../../assets/images/cloud-services/dots.png);
		width: 110px;
		height: 77px;
		left: 2px;
		top: 160px;
		background-size: auto 77px
	}
	.our-trusted-brand.web-development-service {
		padding: 50px 15px 20px
	}
	.architecting {
		padding-bottom: 70px
	}
	.business-benefits {
		padding: 70px 0 0
	}
	.our-services.type-two .inner-wrapper {
		padding: 70px 0
	}
	.business-benefits .right {
		margin-top: 70px
	}
	.business-benefits .right ul li {
		font-size: 17px;
		line-height: 30px;
		margin: 25px 0;
		background-size: 19px;
		background-position: 5px 6px;
		padding-left: 34px
	}
	.all-inclusive-web-security p.description,
	.architecting p.description,
	.digital-landscape p.description,
	.domain-expertise p.description,
	.independent-qa-testing p.description,
	.our-offerings p.description,
	.ready-to-start p.description,
	.servicing-projects p.description,
	.transform-idea p.description,
	.why-modernize .description {
		font-size: 20px;
		line-height: 40px;
		max-width: 100%
	}
	.mobile-development-service-banner .dots {
		width: 80px;
		height: 80px;
		left: 0
	}
	.mobile-development-service-banner .red {
		width: 70px;
		height: 70px;
		bottom: 100px;
		left: -5px
	}
	.mobile-development-service-banner .banner {
		padding-left: 0
	}
	.mobile-development-service-banner .yellow {
		width: 70px;
		height: 70px;
		margin-top: -76px;
		z-index: 1;
		right: 25px
	}
	.domain-expertise .box-wrapper .box {
		width: 49%
	}
	.domain-expertise .box-wrapper .box {
		margin: 15px 0 15px
	}
	.domain-expertise .box-wrapper .box .inner {
		width: 128px;
		height: 128px
	}
	.domain-expertise {
		padding-bottom: 70px
	}
	.needs,
	.transform-idea {
		padding: 70px 0 70px
	}
	.needs .wrapper {
		margin-top: 50px
	}
	.transform-idea img {
		max-width: 68%
	}
	.transform-idea .box-wrapper .left,
	.transform-idea .box-wrapper .right {
		padding: 30px 20px
	}
	.transform-idea {
		padding: 70px 0 70px
	}
	.list-of-technology.type-two .box-wrapper .box {
		width: 130px;
		height: 130px;
		margin: 0 auto 20px
	}
	.list-of-technology .wrapper .right {
		padding: 50px 15px
	}
	.list-of-technology.type-two .pink-bg {
		left: -30px
	}
	.our-services.type-two .services {
		margin-top: 30px
	}
	.web-development-service-banner .yellow {
		width: 80px;
		height: 80px;
		top: -35px
	}
	.web-development-service-banner .blue {
		width: 90px;
		height: 80px;
		bottom: 40px;
		right: -38px
	}
	.web-development-service-banner .red {
		width: 80px;
		height: 80px;
		bottom: -30px;
		left: -20px
	}
	.web-development-service-banner .banner {
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
		width: auto;
		height: 210px
	}
	.web-development-service-banner {
		margin-top: 0
	}

	.microsoft-dynamics-service-banner .yellow {
		width: 65px;
		height: 65px;
		top: -35px;
		right: -18px;
	}
	.microsoft-dynamics-service-banner .blue {
		width: 70px;
		height: 70px;
		bottom: 12px;
		right: 10px;
	}
	.microsoft-dynamics-service-banner .red {
		width: 50px;
		height: 50px;
		bottom: 40px;
		left: -10px;
	}
	.microsoft-dynamics-service-banner .banner {
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
		width: auto;
		height: 290px;
	}
	.microsoft-dynamics-service-banner {
		margin-top: 0
	}



	.web-development-service-banner.content-management-solution-banner .banner {
		width: 310px;
		height: 220px
	}
	.web-development-service .banner-section .right {
		padding-top: 36px
	}
	.all-inclusive-web-security .card .card-header .btn {
		font-size: 18px;
		line-height: 30px;
		padding: 20px 20px 20px;
		background-size: 14px!important;
		background-position: 92% 50%
	}
	.all-inclusive-web-security .card .card-header .btn.collapsed {
		background-size: 12px!important;
		background-position: 92% 50%
	}
	.all-inclusive-web-security .card .card-body,
	.independent-qa-testing .card .card-body {
		padding: 0 15px 15px
	}
	.all-inclusive-web-security .card .card-body ul li {
		font-size: 17px;
		background-size: 18px;
		padding-left: 27px
	}
	.all-inclusive-web-security .text-center img {
		margin-bottom: 25px
	}
	.list-of-technology .pink-bg {
		bottom: -20px;
		left: -20px;
		z-index: 1;
		max-width: 22%
	}
	.list-of-technology .dot-bg {
		max-width: 22%
	}
	.testing-service-banner .blue {
		width: 70px;
		height: 70px
	}
	.testing-service-banner .yellow {
		width: 70px;
		height: 70px;
		bottom: -30px;
		left: 50px
	}
	.testing-service-banner .search {
		width: 210px;
		height: 210px;
		bottom: -100px;
		right: -13px;
		background-size: auto 162px
	}
	.testing-service-banner .dots {
		width: 80px;
		height: 80px;
		left: 0
	}
	.testing-service-banner {
		margin-top: 80px
	}
	.covering-all-dimensions .box-wrapper .box {
		width: 100%;
		height: 250px
	}
	.covering-all-dimensions .box-wrapper .box img {
		max-width: 20%
	}
	.covering-all-dimensions {
		padding: 70px 0
	}
	.independent-qa-testing,
	.ready-to-start {
		padding: 70px 0 0
	}
	.independent-qa-testing .card .card-header .btn {
		font-size: 17px;
		line-height: 30px;
		padding: 20px 20px 20px;
		background-size: 15px
	}
	.independent-qa-testing .card .card-header .btn.collapsed {
		background-size: 15px
	}
	.independent-qa-testing .card .card-body {
		padding: 0 15px 15px
	}
	.independent-qa-testing .card .card-body ul li {
		font-size: 17px;
		background-size: 18px;
		padding-left: 27px
	}
	.independent-qa-testing .text-center img {
		margin-bottom: 25px
	}
	.our-trusted-brand.web-development-service .slick-initialized .slick-slide {
		padding: 0
	}
	.mobile-development-service-banner {
		width: 260px
	}
	.legacy-modernization-service-banner .yellow {
		right: 0;
		width: 80px;
		height: 80px
	}
	.legacy-modernization-service-banner .red {
		left: 10px;
		width: 80px;
		height: 80px
	}
	.legacy-modernization-service-banner .dots {
		width: 110px;
		height: 110px;
		top: -13px;
		right: 60px
	}
	.integration-service-banner .banner {
		padding-left: 20px;
		padding-right: 20px
	}
	.integration-service-banner .blue {
		width: 79px;
		height: 37px;
		right: 7px
	}
	.integration-service-banner .yellow {
		width: 70px;
		height: 70px;
		left: 2px
	}
	.integration-service-banner .dots {
		width: 110px;
		height: 49px;
		right: 70px;
		bottom: 23px
	}
	.integration-benefits .big-yellow {
		position: absolute;
		max-width: 54%;
		top: -60px;
		right: -20px
	}
	.domain-expertise.integration-extensive .box-wrapper {
		align-items: self-end
	}
	.user-experience-banner {
		max-width: 210px
	}
	.user-experience-banner .banner {
		margin-left: 0;
		margin-right: 0;
		width: 210px;
		height: 250px
	}
	.why-ui-ux .inner-wrapper .wrapper {
		display: block
	}
	.why-ui-ux .inner-wrapper .wrapper .box {
		width: 100%;
		text-align: left
	}
	.leverage-efficiency h4 {
		margin-bottom: 40px
	}
	.leverage-efficiency .wrapper {
		text-align: center
	}
	.rubn-on-rails-banner .big-white-bg {
		width: 120px;
		height: 120px;
		margin-left: -67px;
		margin-top: -138px
	}
	.rubn-on-rails-banner .white-bg {
		width: 68px;
		height: 68px;
		border-radius: 15px
	}
	.rubn-on-rails-banner .white-bg img {
		max-width: 100% !important;
	}
	.rubn-on-rails-banner .red-wrapper {
		bottom: 60px;
		left: 0
	}
	.rubn-on-rails-banner .java-wrapper {
		right: 60px;
		bottom: 110px
	}
	.rubn-on-rails-banner .android-wrapper {
		right: 20px;
		top: -10px
	}
	.rubn-on-rails-banner .python-wrapper {
		top: 18%;
		position: absolute;
		left: 0
	}
	.rubn-on-rails-banner .yellow-wrapper {
		right: 0;
		bottom: 150px
	}
	.taff-partnership .list-wrapper {
		display: block
	}
	.our-services {
		max-width: 1430px;
		margin: 0 auto
	}
	.client-testimonials .inner-wrapper .image-wrapper .person-bg {
		height: 370px
	}
	.client-testimonials .inner-wrapper .image-wrapper .person {
		margin-top: 138px;
		height: 91px
	}
	.client-testimonials .inner-wrapper .image-wrapper .blue {
		top: 17px;
		max-width: 30%
	}
	.client-testimonials .inner-wrapper .image-wrapper .yellow {
		max-width: 50%;
		left: -40px
	}
	.client-testimonials .inner-wrapper {
		max-width: 100%
	}
	.client-testimonials .slick-dots li button {
		width: 48px;
		height: 48px
	}
	.benefits-to-work .left .dots {
		max-width: 110px;
		margin-right: 0;
		right: 45px
	}
	.benefits-to-work .left .pink {
		margin-top: auto;
		bottom: 0;
		left: auto;
		margin-bottom: -110px;
		max-width: 290px;
		right: 210px
	}
	.client-testimonials .inner-wrapper .image-wrapper {
		max-width: 65%;
		margin: 0 auto 0
	}
	.list-of-technology .wrapper .left {
		padding: 90px 25px 70px
	}
	.list-of-technology.type-two .box-wrapper {
		max-width: 100%
	}
	.blue-box-wrapper .box h3 {
		font-size: 20px;
		line-height: 30px
	}
	.domain-expertise.integration-extensive .box-main {
		width: 50%
	}
	.it-staffing-service .blue {
		width: 86px;
		height: 86px;
		right: 0
	}
	.it-staffing-service .yellow {
		bottom: 130px;
		left: 0
	}
	.it-staffing-service .dots {
		width: 124px;
		height: 129px;
		right: 52px;
		bottom: 37px
	}
	.data-science-service .blue {
		width: 66px;
		height: 66px;
		right: 0
	}
	.data-science-service .yellow {
		bottom: 120px;
		left: 0
	}
	.data-science-service .dots {
		width: 104px;
		height: 89px;
		right: 12px;
		bottom: 47px;}
	.rubn-on-rails-banner {
		min-height: 400px;
		max-width: 315px;
		margin: 80px auto -60px
	}
	.rubn-on-rails-banner .blue-wrapper .inner {
		height: 82px;
		width: 110px
	}
	.rubn-on-rails-banner .blue-wrapper .inner .blue-square {
		width: 46px;
		height: 46px
	}
	.rubn-on-rails-banner .blue-wrapper .inner .gray-square {
		width: 28px;
		height: 28px
	}
	.rubn-on-rails-banner .blue-wrapper .inner .gray-circle {
		position: absolute;
		right: 20px;
		top: 0
	}
	.rubn-on-rails-banner .yellow-wrapper .inner .yellow-square {
		width: 53px;
		height: 53px;
		border-radius: 12px;
		top: -60px
	}
	.rubn-on-rails-banner .yellow-wrapper .inner {
		width: 120px;
		height: 90px
	}
	.rubn-on-rails-banner .yellow-wrapper .inner .gray-square {
		width: 38px;
		height: 38px;
		right: 50px;
		bottom: 60px
	}
	.rubn-on-rails-banner .red-wrapper .inner .red-square {
		width: 57px;
		height: 57px
	}
	.rubn-on-rails-banner .red-wrapper .inner .gray-circle {
		bottom: 61px;
		right: 20px
	}
	.php-banner .rails-wrapper {
		margin-left: -60px
	}
	.php-banner .big-white-bg {
		width: 120px;
		height: 120px;
		border-radius: 17px;
		margin-top: -53px;
		margin-left: -75px
	}
	.php-banner .big-white-bg.mobile-center-image img{
		/* max-width: 80%; */
	}
	.rubn-on-rails-banner .big-white-bg.django-center img{
		max-width: 80%;
	}
	.php-banner .white-bg {
		width: 68px;
		height: 68px;
		padding: 7px
	}
	.php-banner .white-bg img {
		max-width: 100%;}
	.php-banner .yellow-wrapper {
		left: 110px;
		top: 0
	}
	.php-banner .yellow-wrapper .inner {
		margin-top: 0
	}
	.php-banner .yellow-wrapper .inner .yellow-square {
		width: 43px;
		height: 43px
	}
	.php-banner .yellow-wrapper .inner .gray-circle {
		bottom: 12px
	}
	.php-banner .blue-wrapper {
		right: 40px
	}
	.php-banner .python-wrapper {
		right: 0
	}
	.php-banner .red-wrapper {
		left: 0
	}
	.php-banner .red-wrapper .inner .red-circle {
		width: 57px;
		height: 57px
	}
	.php-banner .android-wrapper {
		position: absolute;
		right: 0
	}
	.php-banner .android-wrapper .gray-circle-one {
		right: 63px
	}
	.php-banner .android-wrapper .white-bg {
		bottom: 12px;
		right: 80px
	}
	.php-banner .android-wrapper .gray-circle-two {
		left: 110px;
		top: -40px
	}
	.php-banner .java-wrapper {
		left: 10px
	}
	.custom-industry-banner .yellow-wrapper .inner {
		width: 120px
	}
	.custom-industry-banner .yellow-wrapper .inner .gray-square {
		left: 0
	}
	.custom-industry-banner .java-wrapper {
		left: 25px
	}
	.custom-industry-banner .industry-leading-center {
		max-width: 64%
	}
	.custom-industry-banner .applephone-wrapper {
		bottom: 60px;
		left: 0
	}
	.custom-industry-banner .android-wrapper {
		top: 79px;
		right: 0
	}
	.custom-industry-banner .red-circle-wrapper {
		right: 0;
		top: 33%
	}
	.custom-industry-banner .blue-wrapper .inner {
		width: 90px;
		height: 120px
	}
	.custom-industry-banner .blue-wrapper .inner .gray-square {
		width: 38px;
		height: 38px;
		right: 0
	}
	.tech-python .dark-blue-bg {
		width: 68px;
		height: 68px;
		border-radius: 11px
	}
	.client-testimonials-slider-two canvas {
		max-height: 65px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0
	}
	.client-testimonials .slick-dots li.slick-active button {
		left: 8px
	}
	#get-quote-popup .modal-body .wrapper,
	#get-schedule-meeting-popup .modal-body .wrapper {
		flex-direction: column
	}
	#get-quote-popup .modal-body .wrapper .left,
	#get-schedule-meeting-popup .modal-body .wrapper .left {
		width: 100%;
		padding: 20px 30px 0 30px;
		margin-top: 30px;
		min-height: 390px
	}
	#get-quote-popup .modal-body .wrapper .right,
	#get-schedule-meeting-popup .modal-body .wrapper .right {
		width: 100%;
		padding: 20px 0 0 0
	}
	#get-quote-popup .modal-body .wrapper .left h2,
	#get-schedule-meeting-popup .modal-body .wrapper .left h2 {
		font-size: 27px;
		line-height: 36px
	}
	#get-quote-popup .modal-body .wrapper .image-wrapper .red-shape,
	#get-schedule-meeting-popup .modal-body .wrapper .image-wrapper .red-shape {
		width: 45px;
		height: 45px
	}
	#get-quote-popup .modal-body .wrapper .image-wrapper .blue-shape,
	#get-schedule-meeting-popup .modal-body .wrapper .image-wrapper .blue-shape {
		width: 53px;
		height: 53px
	}
	#get-quote-popup .modal-body,
	#get-schedule-meeting-popup .modal-body {
		padding: 30px 10px
	}
	#get-quote-popup .modal-body .wpcf7-form-control-wrap,
	#get-schedule-meeting-popup .modal-body .wpcf7-form-control-wrap {
		transform: scale(.66)
	}
	#get-quote-popup .send-btn,
	#get-schedule-meeting-popup .send-btn {
		padding: 10px 18px;
		font-size: 13px
	}
	.solution-banner {
		max-width: 100%
	}
	.solution-banner .blue-wrapper,
	.solution-banner .yellow-wrapper {
		right: 50px
	}
	.solution-banner .red-wrapper {
		left: 80px
	}
	.solution-banner .left-side-image {
		left: 50px
	}
	.solution-banner .right-side-image {
		right: 40px
	}
	.title-para-images .bottom-image-banner .image-one {
		width: 300px;
		height: 300px;
		bottom: -60px
	}
	.title-para-images .bottom-image-banner .image-two {
		width: 201px;
		height: 291px;
		left: auto;
		bottom: 0;
		right: 10px
	}
	.title-para-images .bottom-image-banner .image-three {
		width: 241px;
		height: 123px;
		right: 60px
	}
	.title-para-images .description {
		max-width: 100%
	}
	.solution-blue-box-wrapper .box-wrapper .box {
		width: 100%
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-one {
		width: 330px;
		height: 350px;
		bottom: -60px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-four {
		width: 283px;
		height: 98px;
		bottom: 146px;
		right: 25px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-two {
		width: 137px;
		height: 98px
	}
	.title-para-images.type-two .bottom-image-banner.type-two .image-three {
		right: 140px;
		width: 176px;
		height: 104px
	}
	.title-para-images .bottom-image-banner {
		min-height: 310px
	}
	.our-services .services .slick-next.slick-arrow,
	.our-services .services .slick-prev.slick-arrow {
		width: 50px;
		height: 50px;
		border: 1px solid #dedede
	}
	.blog-banner.blog-banner-details .prev-next-blog .prev {
		padding-left: 20px
	}
	.blog-banner.blog-banner-details .prev-next-blog .next {
		padding-right: 20px
	}
	.blog-banner.blog-banner-details .prev-next-blog a {
		font-size: 15px
	}
	.career-desgin-banner {
		max-width: 290px;
		height: 290px
	}
	.career-desgin-banner .yellow-circle {
		left: 20px
	}
	.career-desgin-banner .banner {
		right: 90px;
	}
	.career-desgin-banner .dots {
		right: 0;
		width: 111px;
		height: 113px
	}
	.career-banner .form-group {
		margin-top: 10px
	}
	.open-position .category .details-wrapper a,
	.open-position .category .details-wrapper span {
		font-size: 14px
	}
	.open-position .category .details-wrapper {
		padding: 15px
	}
	.open-position .title-wrapper h3 {
		font-size: 28px
	}
	.open-position .category h4 {
		font-size: 17px
	}
	.ai-ml-service-banner {
		max-width: 300px;
	}
	.ai-ml-service-banner .banner {
		padding-left: 0;
		background-size: cover!important;
		width: 337px;
		height: 299px;
		position: relative;
	}
	.ai-ml-service-banner .yellow {
		right: -50px;
		width: 50px;
		height: 50px;
	}
	.ai-ml-service-banner .dots{
		width: 80px;
    	height: 80px;
		left: 0;
	}
	.ai-ml-service-banner .red{
		width: 40px;
		height: 40px;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
}

@media only screen and (max-width:480px) {
	.testing-service-banner {
		max-width: 290px
	}
	.testing-service-banner .banner {
		width: 250px;
		height: 130px
	}
	.all-blogs .blog-search .form-group.one,
	.all-blogs .blog-search .form-group.two {
		width: 100%
	}
	.meet-our-team .pink-rounder {
		right: -107px;
		top: -50px
	}
	.banner-section .right .banner-inner-wrapper {
		min-height: 410px
	}
	.our-trusted-brand .brans-wrapper img {
		display: inline-block;
		width: 48%
	}
	.solution-banner .right-side-image {
		right: 5px
	}
	.solution-banner .blue-wrapper,
	.solution-banner .yellow-wrapper {
		right: 0
	}
	.solution-banner .red-wrapper {
		left: 0
	}
	.solution-banner .left-side-image {
		left: 5px
	}
	.testing-service-banner .dots {
		width: 50px;
		height: 50px;
		left: 10px;
		top: -20px
	}
	.testing-service-banner .yellow {
		width: 50px;
		height: 50px;
		bottom: -20px;
		left: 50px
	}
	.testing-service-banner .blue {
		width: 50px;
		height: 50px;
		top: -30px
	}
}

@media only screen and (max-width:460px) {
	.dev-card ul li .box-card {
		min-height: 144px
	}
	.data-science-service .yellow {
		width: 70px;
		height: 70px;
		left: 0;
		top: -10px;
		bottom: auto;
	}
	.data-science-service .blue
	{
		top: -10px;
		bottom: auto;
	}
}
@media only screen and (max-width:420px) {
	.ai-ml-service-banner {
		max-width: 280px;
	}
	.ai-ml-service-banner .banner{
		width: 267px;
		height: 235px;
	}
	.ai-ml-service-banner .yellow{
		right: 0;
	}
	.salesforce-service-banner .banner {
		width: 193px;
		height: 135px;
	}
	.salesforce-service-banner .red{
		width: 50px;
    	height: 50px;
		left: 17px;
	}
	.salesforce-service-banner .blue{
		right: 16px;
	}
}
@media only screen and (max-width:380px) {
	.mainframe-service-banner
	{
		margin: 0;
	}
	.mainframe-service-banner .banner {
		max-width: 100%;
		width: 240px;
		height: 240px;
		margin: 0 auto;
	}
	.mainframe-service-banner .blue {
		width: 100px;
		height: 100px;
		right: 0;
		bottom: 10px;
	}
	.mainframe-service-banner .yellow {
		width: 80px;
		height: 80px;
		right: 30px;
		top: -25px;
	}
	.mainframe-service-banner .red {
		height: 70px;
		width: 70px;
		bottom: 0px;
		left: 0px;
	}
	.solution-banner .banner-image {
		width: 160px;
		height: 330px
	}
	.solution-banner .left-side-image,
	.solution-banner .right-side-image {
		width: 105px;
		height: 84px;
		border-radius: 20px
	}
	.solution-banner.type-two .blue-wrapper {
		left: 20px;
		top: -60px
	}
	.solution-banner.type-two .yellow-wrapper {
		top: 21%;
		right: 0
	}
	.solution-banner.type-two .red-wrapper {
		left: 0
	}
	.banner-section .right .banner-inner-wrapper {
		min-height: 342px
	}
	#get-quote-popup .send-btn,
	#get-schedule-meeting-popup .send-btn {
		padding: 10px 11px
	}
	.open-position .category .details-wrapper a,
	.open-position .category .details-wrapper span {
		font-size: 11px
	}
	.open-position .category .details-wrapper a {
		background-position: 90% 50%;
		background-size: 8px auto
	}
	.open-position .category .details-wrapper div:nth-child(1) {
		width: 25%
	}
	.web-development-service-banner {
		max-width: 241px
	}
	.web-development-service-banner .red {
		width: 70px;
		height: 70px
	}
	.web-development-service-banner .banner {
		height: 150px
	}

	.microsoft-dynamics-service-banner {
		max-width: 251px;
	}
	.microsoft-dynamics-service-banner .red {
		width: 40px;
		height: 40px;
		bottom: 40px;
		left: -4px;
	}
	.microsoft-dynamics-service-banner .banner {
		height: 225px;
	}

	.web-development-service-banner.content-management-solution-banner .banner {
		width: 280px;
		height: 160px
	}
	.web-development-service-banner.content-management-solution-banner .blue {
		right: -22px
	}
	.cloud-service-banner .sky {
		width: 300px;
		height: 140px;
		left: 120px;
		background-size: auto 150px
	}
	
	.php-banner .android-wrapper {
		width: 285px;
		height: 85px
	}
	.php-banner .android-wrapper .gray-circle-one {
		right: 20px
	}
	.php-banner .android-wrapper .white-bg {
		bottom: 32px;
		right: 40px
	}
	.php-banner .blue-wrapper {
		right: 10px
	}
	.php-banner .blue-wrapper .inner {
		height: 60px;
		width: 60px
	}
	.custom-industry-banner .yellow-wrapper {
		left: 20px
	}
	.custom-industry-banner .applephone-wrapper {
		left: 40px
	}
	.custom-industry-banner .android-wrapper {
		top: 49px;
		right: 10px
	}
	.custom-industry-banner .blue-wrapper {
		left: 195px
	}
	.custom-industry-banner .red-circle-wrapper .red-circle {
		width: 95px;
		height: 105px
	}
}

@media only screen and (max-width:350px) {
	.banner-section .left a.get-quote-btn {
		padding: 16px 30px
	}
	.banner-section .right .banner-inner-wrapper {
		min-height: 290px
	}
}