@media (min-width: 375px) {
	.banner-content h1 {
		font-size: 16px;
		margin-bottom: 14px
	}
	.banner-content h2, .meet-left h2 {
		font-size: 25px
	}
	.banner-content p, .card-text .card-heading, .meet-wrap .meet-right .meet-card p, .meet-wrap p, .project-content p, .tech-text p {
		font-size: 16px;
		line-height: 1.14
	}
	.awards-wrapper h2, .deliver-head h2, .ideas, .world-wrapper h2 {
		font-size: 21px
	}
	.card-text .card-heading h3, .meet-card strong, .project-content h2, .world-cards .card-text h3 {
		font-size: 18px
	}
	.idea-list li a, .it-companies span, .it-companies strong, .project-slider .slick-arrow, .tech-text h3 {
		font-size: 16px
	}
	.companies-slider p {
		font-size: 15px
	}
	.deliver-head p {
		line-height: 1.1
	}
	.btn-wrap button, .btn-wrap p, .card-bottom a, .deliver-head p, .listing-wrap li a, .quote-btn, .time-wrap span {
		font-size: 14px
	}
	.companies-wrap .slick-arrow {
		display: block !important
	}
	.companies-wrap .slick-prev {
		display: none !important
	}
	.companies-wrap {
		padding-right: 0px;
	}
	.companies-wrap .slick-next {
		position: absolute;
		right: -70px;
		height: 100%;
		width: 40px;
		background: rgba(20,21,27,.7);
		top: 0;
		font-size: 0;
		cursor: pointer;
		z-index: 99
	}
	.banner-wrap .client {
		width: 290px
	}
	.banner-wrap .client p {
		font-size: 11px
	}
	.banner-wrap {
		margin-top: 67px;
		padding-bottom: 34px
	}
	.banner-content {
		padding: 105px 20px 20px 20px
	}
	.banner-content h1 span {
		padding-bottom: 6px
	}
	.meet-wrap {
		padding: 55px 5px 34px
	}
	.ideas {
		margin-bottom: 26px
	}
	.meet-wrap p {
		margin-bottom: 16px
	}
	.meet-wrap .meet-right p {
		margin-bottom: 28px
	}
	.meet-card {
		padding: 21px 19px 19px
	}
	.meet-wrap .meet-right .meet-card p {
		margin-bottom: 18px
	}
	.idea-list li:first-child a {
		padding-left: 0
	}
	.idea-list li a {
		padding: 0 5px
	}
	.meet-slider {
		margin-bottom: 39px
	}
	.solutions-wrapper {
		padding: 37px 0 23px
	}
	.deliver-head h2 {
		margin-bottom: 8px
	}
	.deliver-head {
		margin-bottom: 20px
	}
	.image-block {
		height: 142px
	}
	.solution-overlay h3 {
		display: block
	}
	.card-text {
		padding: 23px 10px 44px
	}
	.card-text .card-heading h3 {
		margin-bottom: 16px
	}
	.card-block {
		margin-bottom: 19px
	}
	.delivery-sec {
		padding-bottom: 35px
	}
	.tech-block {
		padding: 50px 0 22px
	}
	.up-icon {
		background-size: 900px 375px;
		background-position: -254px -9px;
		width: 24px;
		height: 27px
	}
	.box-img {
		width: 53px;
		height: 53px;
		margin-bottom: 21px
	}
	.tech-wrap {
		margin-bottom: 24px
	}
	.btn-wrap button, .quote-btn {
		margin-bottom: 7px
	}
	.height {
		height: 634px
	}
	.project-img img {
		height: 231px;
		object-fit: cover
	}
	.project-content {
		padding: 30px 15px 19px
	}
	.project-heading {
		margin-bottom: 23px
	}
	.project-content h2 {
		margin-bottom: 14px
	}
	.project-slider .slick-arrow {
		bottom: 61px
	}
	.content-wrap {
		padding-bottom: 95px
	}
	.awards-wrapper {
		padding: 52px 0 50px
	}
	.awards-wrapper h2 {
		margin-bottom: 45px
	}
	.world-wrapper {
		padding: 36px 0 20px
	}
	.world-wrapper h2 {
		margin-bottom: 10px
	}
	.listing-wrap {
		margin-bottom: 24px
	}
	.listing-wrap li {
		margin: 0 27px
	}
	.world-img picture img {
		height: 217px
	}
	.world-cards .card-text {
		padding: 14px
	}
	.world-cards .card-text h3 {
		margin-bottom: 78px
	}
	.world-wrapper .card-wrapper {
		margin-bottom: 23px
	}
	.design-overview {
		flex-direction: row
	}
	.design-overview strong {
		width: 67.5%;
		margin-bottom: 0
	}
	.design-overview a {
		width: auto
	}
}
@media (min-width: 550px) {
	.banner-content h1 {
		font-size: 32px
	}
	.banner-content h2 {
		font-size: 50px
	}
	.banner-content p {
		font-size: 32px;
		padding: 0 17px
	}
	.banner-wrap .client {
		font-size: 16px;
		width: 308px
	}
	.deliver-head {
		padding: 0 68px
	}
	.deliver-head h2 {
		padding: 0 50px;
		font-size: 28px
	}
	.deliver-head p {
		font-size: 22px
	}
	.image-block {
		height: 287px
	}
	.card-text .card-heading {
		padding: 0 35px;
		font-size: 28px
	}
	.card-text .card-heading h3 {
		font-size: 32px;
		margin-bottom: 30px
	}
	.card-block {
		min-height: 567px;
		margin: 0 23px 35px
	}
	.tech-text h3 {
		font-size: 32px
	}
	.tech-text p {
		font-size: 32px;
		padding: 0 45px
	}
	.booktext-icon {
		background-position: -881px -53px;
		width: 196px;
		height: 27px;
		background-size: initial
	}
	.careerfer-icon {
		background-position: -728px -14px;
		width: 128px;
		height: 27px;
		background-size: initial
	}
	.eziride-icon {
		background-position: -880px -14px;
		width: 119px;
		height: 28px;
		background-size: initial
	}
}
@media (min-width: 667px) {
	.project-img img {
		height: 270px
	}
	.content-wrap {
		padding-bottom: 78px
	}
	.project-slider .slick-arrow {
		bottom: 25px
	}
	.project-slider .slick-prev {
		left: 26%
	}
	.project-slider .slick-next {
		right: 26%
	}
}
@media (min-width: 740px) {
	.deliver-head.product-head h2 {
		padding: 0 90px
	}
	.deliver-head.product-head {
		padding: 0 20px
	}
	.card-one {
		height: 740px
	}
	.product-text {
		bottom: 70px;
		padding: 0 50px
	}
	.product-text h3 {
		font-size: 50px
	}
	.product-text p {
		font-size: 32px
	}
	.project-content {
		padding: 30px 65px
	}
	.project-content h2 {
		font-size: 36px;
		padding: 0 85px
	}
	.project-content p {
		font-size: 32px
	}
	.awards-wrapper h2 {
		font-size: 42px
	}
	.world-wrapper h2 {
		font-size: 42px;
		font-weight: 500;
		text-align: center
	}
	.listing-wrap li a {
		padding: 5px 15px
	}
	.world-cards .card-text {
		padding: 40px
	}
	.time-wrap span {
		font-size: 28px
	}
	.world-cards .card-text h3 {
		font-size: 36px;
		padding: 0 40px;
		margin-bottom: 150px
	}
	.card-bottom a {
		font-size: 28px
	}
	.card-bottom a .red-arrow-icon {
		background-position: -648px -52px;
		width: 40px;
		height: 20px;
		background-size: 2000px
	}
	.gl-share {
		background-position: -232px -85px;
		width: 12px;
		height: 15px;
		background-size: 250px 250px
	}
	.world-wrapper .card-wrapper {
		margin: 0 20px;
		margin-bottom: 40px
	}
}
@media (min-width: 768px) {
	.container, .technology-wrap .container {
		padding: 0 3%
	}
	.logo-sparx img {
		max-width: 80px;
		max-height: 80px
	}
	.banner-wrap {
		margin-top: 102px
	}
	.banner-content {
		padding: 135px 25px 50px
	}
	.banner-wrap .client {
		width: 325px
	}
	.banner-wrap .client p {
		font-size: 12px
	}
	.brands-slide {
		margin-right: 8px
	}
	.meet-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: left
	}
	.meet-left {
		width: 50%;
		margin-top: -20px
	}
	.meet-right {
		width: 50%
	}
	.meet-left h2 {
		font-size: 30px
	}
	.ideas {
		font-size: 28px;
		margin-bottom: 50px
	}
	.meet-wrap p {
		padding: 0 21px 0 0
	}
	.meet-wrap .meet-right .meet-card p {
		margin-bottom: 20px
	}
	.meet-card strong {
		font-size: 20px;
		margin-bottom: 10px
	}
	.meet-card {
		padding: 30px 22px;
		margin: 0
	}
	.left-pannel {
		position: absolute;
		top: 35%;
		width: 110px;
		display: none;
		left: 25px
	}
	.left-pannel li {
		margin-bottom: 8px
	}
	.left-pannel li a {
		color: #857f82;
		font-size: 11px;
		padding: 3px 5px;
		background: #f9f8f8;
		display: inline-block
	}
	.meet-icon {
		background-position: -293px -26px;
		width: 28px;
		height: 25px;
		background-size: initial
	}
	.meet-wrap .meet-right p {
		margin-bottom: 20px
	}
	.see-industry {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap
	}
	.see-industry a {
		color: #ff0010;
		font-weight: 500;
		margin-bottom: 10px;
		display: inline-block
	}
	.meet-left span {
		width: 36px;
		height: 36px
	}
	.meetus-wrapper {
		padding-bottom: 20px
	}
	.over-list {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		left: 10px;
		z-index: 10
	}
	.over-list li {
		margin-bottom: 8px
	}
	.over-list li a {
		position: relative
	}
	.over-list li a:before {
		content: "";
		display: inline-block;
		width: 4px;
		height: 4px;
		background-color: #b2aaad
	}
	.over-list li a.active:before {
		background-color: #857f82
	}
	.over-list li span {
		visibility: hidden;
		color: #857f82;
		font-size: 13px;
		font-weight: 500;
		margin-left: 8px;
		padding: 3px 5px;
		background-color: transparent
	}
	.over-list li a.active span, .over-list li a:hover span {
		visibility: visible
	}
	.over-list li a.active span {
		background-color: #f9f8f8;
		color: #4e4e4e
	}
	.solutions-wrapper {
		position: relative
	}
	.deliver-head h2 {
		font-size: 34px;
		padding: 0 25px;
		font-weight: 500
	}
	.deliver-head p {
		font-size: 16px
	}
	.card-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0
	}
	.image-block {
		height: 182px
	}
	.card-text {
		text-align: left
	}
	.card-text .card-heading {
		font-size: 14px;
		padding: 0 10px;
		line-height: 1.1;
		min-height: 44px
	}
	.card-text .card-heading h3 {
		font-size: 16px;
		margin-bottom: 0;
		display: inline-block
	}
	.card-text .card-heading .dots {
		display: inline-block
	}
	.card-block {
		margin: 0 0 15px 0;
		min-height: inherit;
		position: relative
	}
	.card-block:after {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 5px;
		background: #cb111d
	}
	.card-sec {
		padding: 0;
		width: 48.5%
	}
	.card-block:hover .solution-overlay {
		bottom: 0
	}
	.card-sec:last-child {
		margin-right: 0
	}
	.card-order {
		display: flex;
		width: 100%;
		justify-content: space-between
	}
	.card-order .card-block {
		width: 48.5%
	}
	.card-text {
		padding: 15px 0
	}
	.up-icon {
		display: none
	}
	.end-block .image-block {
		height: 100%
	}
	.solution-overlay h3 {
		font-size: 16px;
		margin-bottom: 14px
	}
	.design-overview {
		margin-bottom: 14px
	}
	.design-overview strong {
		width: 69.5%;
		padding: 12px 0 10px
	}
	.design-overview a {
		padding: 10px
	}
	.close-cross {
		display: none
	}
	.tech-wrap {
		display: flex;
		justify-content: space-between;
		background: #14151b;
		margin-bottom: 34px
	}
	.technology-wrap {
		padding-top: 12px;
		background: 0 0
	}
	.tech-text h3 {
		font-size: 22px
	}
	.tech-text p {
		font-size: 16px;
		padding: 0 15px
	}
	.box-img {
		width: 66px;
		height: 66px
	}
	.box-img svg {
		width: 39px
	}
	.blockchain-icon {
		background-position: -582px -14px;
		height: 39px;
		width: 39px;
		background-size: initial
	}
	.data-icon {
		background-position: -514px -14px;
		height: 39px;
		width: 39px;
		background-size: initial
	}
	.iot-icon {
		background-position: -654px -14px;
		height: 39px;
		width: 39px;
		background-size: initial
	}
	.tech-block {
		width: 33.33%;
		padding: 55px 15px 34px;
		border-right: 1px solid #3e404d
	}
	.tech-slider .tech-block {
		border-right: 0
	}
	.tech-slider .slick-dots {
		bottom: -7px
	}
	.btn-wrap button, .contact.testimonial-linkbtn, .quote-btn {
		font-size: 15px;
		margin-bottom: 15px;
		padding: 12px 50px
	}
	.btn-wrap p {
		font-size: 12px
	}
	.product-sec {
		padding: 117px 0 7px
	}
	.product-wrap {
		display: flex;
		justify-content: space-between;
		padding-bottom: 33px
	}
	.product-text {
		text-align: left;
		padding: 0 30px;
		bottom: 22px
	}
	.product-text p {
		font-weight: 300;
		line-height: 1.2;
		font-size: 16px
	}
	.product-text h3 {
		margin-bottom: 30px;
		font-size: 26px;
		font-weight: 400
	}
	.product-subcard .product-text h3 {
		font-size: 22px
	}
	.product-wrap {
		margin: 0
	}
	.card-one {
		width: 420px !important;
		height: 100%
	}
	.card-two {
		width: 330px !important
	}
	.card-one .product-text {
		bottom: 50px
	}
	.product-wrap .slick-slide > div {
		height: 100%
	}
	.product-wrap .slick-track {
		display: flex;
		height: 100%
	}
	.product-wrap .slick-slide {
		float: none;
		height: 100%
	}
	.project-warp {
		padding: 50px 0;
		margin: 0
	}
	.project-slider {
		border: 1px solid #d8d4d6
	}
	.project-slides {
		position: relative
	}
	.project-heading {
		text-align: left
	}
	.content-wrap {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 50px;
		background: rgba(255,255,255,.95);
		width: 500px;
		text-align: left;
		padding: 0 0 70px 0
	}
	.project-content {
		padding: 30px 50px;
		text-align: left
	}
	.project-content p {
		font-size: 14px;
		min-height: 63px
	}
	.project-content h2 {
		font-size: 18px;
		padding: 0
	}
	.slider-for .slick-slide {
		height: 100%
	}
	.project-img, .project-img img, .project-img picture, .project-slides {
		height: 100%
	}
	.slider-nav-list li {
		display: inline-block
	}
	.sub-slide {
		padding: 15px;
		display: flex !important;
		align-items: center;
		border-right: 1px solid #d8d4d6
	}
	.slider-text {
		font-size: 15px;
		font-weight: 500;
		line-height: 1.23
	}
	.slider-img {
		margin-right: 15px;
		width: 55px;
		height: 55px
	}
	.slider-img img {
		width: 100%;
		height: 100%
	}
	.slider-nav {
		display: block;
		border-top: 0
	}
	.slider-nav .slick-slide {
		background-color: #fff;
		cursor: pointer;
		border-top: 1px solid #d8d4d6;
		transition: all .5s ease-in-out
	}
	.slider-nav .slick-slide.slick-current.slick-center {
		background-color: #e9e7e7;
		position: relative
	}
	.slider-nav .slick-slide:after {
		content: "";
		position: absolute;
		bottom: 100%;
		z-index: 99;
		left: 0;
		width: 0;
		height: 5px;
		background-color: #e01321;
		transition: all .5s ease-in-out
	}
	.slider-nav .slick-slide.slick-current.slick-center:after {
		width: 62.3%
	}
	.slider-nav .slick-list {
		padding: 0 !important;
		overflow: visible
	}
	.project-warp {
		overflow: hidden
	}
	.project-img {
		max-height: 366px
	}
	.project-slider .slick-arrow {
		bottom: 66px
	}
	.project-slider .slick-prev {
		left: 152px
	}
	.project-slider .slick-next {
		right: auto;
		left: 408px
	}
	.awards-wrapper h2 {
		font-size: 26px
	}
	.world-wrapper {
		padding: 55px 0
	}
	.world-wrapper h2 {
		font-size: 32px;
		margin-bottom: 7px
	}
	.world-img picture img {
		height: 238px
	}
	.listing-wrap {
		margin-bottom: 40px
	}
	.world-cards {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 12px
	}
	.world-cards .card-wrapper {
		width: 31.9%;
		display: block;
		padding: 0;
		margin: 0 5px 15px;
		position: relative;
		cursor: pointer;
		transition: all .5s ease-in-out;
		box-shadow: 0 0 11.28px .72px rgba(0,0,0,.13)
	}
	.world-cards .card-text h3 {
		font-size: 13px;
		padding: 0;
		margin-bottom: 0
	}
	.world-cards .wrapper-end {
		width: 65%
	}
	.world-cards .card-text {
		padding: 5px 15px;
		position: absolute;
		bottom: 0;
		transition: all .5s ease-in-out
	}
	.time-wrap {
		margin-bottom: 5px
	}
	.time-wrap span {
		font-size: 14px
	}
	.card-bottom {
		transition: all .3s ease-in-out;
		padding: 10px 15px;
		margin: 0 -15px;
		background-color: #f9f8f8;
		display: none
	}
	.world-cards .card-wrapper:hover .card-bottom {
		display: flex
	}
	.world-cards .card-wrapper:hover .card-text {
		padding: 20px 15px 0
	}
	.world-cards .card-wrapper:hover .card-text h3 {
		height: 100%;
		font-size: 18px
	}
	.card-bottom a {
		font-size: 13px
	}
	.card-bottom a .red-arrow-icon {
		background-size: initial;
		background-position: -390px -27px;
		width: 20px;
		height: 15px
	}
	.listing-wrap li a {
		font-size: 16px
	}
	.world-wrapper button {
		display: inline-block;
		margin-bottom: 0
	}
	.feature-section {
		display: block;
		position: relative;
		background-color: #fff;
		padding: 45px 0 11px
	}
	.gardian-icon {
		background-position: -349px -279px;
		height: 38px;
		width: 118px
	}
	.forbes-icon {
		background-position: -511px -284px;
		height: 35px;
		width: 100px
	}
	.telegraph-icon {
		background-position: -647px -288px;
		height: 38px;
		width: 160px
	}
	.tc-icon {
		background-position: -830px -285px;
		height: 38px;
		width: 75px
	}
	.cnet-icon {
		background-position: -919px -289px;
		width: 32px;
		height: 31px
	}
	.feature-section .it-companies {
		align-items: flex-start
	}
	.testimonial-slider {
		width: 90%;
		margin: 30px auto 60px;
		padding: 25px 40px 30px
	}
	.testimonials blockquote {
		font-size: 19px
	}
	.customer-wrapper h3, .insite-wrapper h3, .testimonials h3 {
		font-size: 20px
	}
}
@media (min-width: 992px) {
	.deliver-head {
		margin-bottom: 24px
	}
	.solution-overlay {
		padding: 20px
	}
	.design-overview a {
		max-width: 121px;
		width: 100%
	}
	.card-one {
		width: 558px !important;
		height: 100%
	}
	.card-two {
		width: 405px !important
	}
	.card-one .product-text {
		bottom: 50px
	}
	.world-cards .card-wrapper {
		width: 32.26%
	}
	.world-cards .wrapper-end {
		width: 65.5%
	}
	.project-img {
		max-height: 472px
	}
	.project-slider .slick-arrow {
		bottom: 121px
	}
	.world-cards .card-wrapper:hover .card-text h3 {
		font-size: 16px
	}
}
@media (min-width: 1024px) {
	.banner-wrap .client {
		display: none
	}
	.top-section {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%
	}
	.meetus-wrapper {
		margin-top: 660px;
		padding-bottom: 67px
	}
	.banner-wrap {
		min-height: initial;
		position: relative;
		margin-top: 0;
	}
	.banner-content {
		text-align: left;
		width: 560px;
		padding-bottom: 150px;
		padding-top: 200px
	}
	.banner-content h1 {
		font-size: 26px
	}
	.banner-content h1:after {
		left: 0;
		transform: none;
		width: 83%;
		bottom: -13px
	}
	.banner-content h2 {
		font-size: 42px;
		margin-bottom: 8px
	}
	.banner-content p {
		font-size: 18px;
		padding: 0
	}
	.contact-block {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		font-size: 15px;
		background: #cd1421;
		width: 100px;
		height: 100px;
		font-weight: 300;
		padding: 10px;
		text-align: center;
		display: block;
		cursor: pointer
	}
	.contact-block.open {
		cursor: default
	}
	.contact-block .contact-icon {
		background-position: 6.7px 1.5px;
		background-size: 850px;
		margin-bottom: -7px
	}
	.right-menu-list a {
		font-size: 13px;
		color: #fff;
		padding-left: 36px;
		display: inline-block;
		text-decoration: underline
	}
	.right-menu-list a:hover {
		color: #cd1421
	}
	.header-fixed .right-menu-list a {
		color: #0b0c11
	}
	.book-icon {
		position: absolute;
		left: 0;
		height: 35px;
		background-position: -133px -8px;
		background-size: 800px
	}
	.arrow-white-icon {
		position: absolute;
		right: 0;
		height: 35px;
		background-position: -115px -7px;
		background-size: 960px
	}
	.red-arrow-icon {
		background-position: -390px -19px
	}
	.see-industry a {
		font-size: 13px
	}
	.meetus-wrapper {
		position: relative;
		z-index:999;
		border-top: 1px solid transparent
	}
	.newClass {
		border: 1px solid #f4f4f4;
		border-top: 1px solid #e9e7e7
	}
	.left-pannel {
		display: block
	}
	.it-companies strong {
		font-size: 18px
	}
	.it-companies span {
		font-size: 16px
	}
	.meet-slider {
		margin-bottom: 0
	}
	.content-wrap {
		padding-bottom: 82px
	}
	.project-img {
		max-height: 487px
	}
	.project-slider .slick-arrow {
		bottom: 130px
	}
	.product-text {
		padding: 0 30px;
		bottom: 18px
	}
	.card-one {
		width: 490px !important;
		height: 100%
	}
	.card-two {
		width: 310px !important
	}
	.card-one .product-text {
		bottom: 50px
	}
	.card-text .card-heading {
		min-height: 51px
	}
	.end-block .image-block {
		height: 460px
	}
	.feature-section {
		padding: 50px 0
	}
	.testimonial-slider {
		width: 75%;
		padding: 40px 40px 30px
	}
	.testimonials h4 {
		font-size: 13px;
		margin: 12px 0
	}
	.testimonial-slider .slick-next {
		position: absolute;
		right: -16px;
		top: 44%;
		background: #d70a18;
		height: 50px;
		width: 50px;
		font-size: 0;
		display: block !important
	}
	.testimonial-slider .slick-next::after {
		content: "";
		background-image: url(../home-images/sprites.png);
		display: inline-block;
		position: absolute;
		top: 17px;
		background-position: -382px -128px;
		width: 32px;
		height: 17px;
		left: 10px;
		transform: rotate(268deg)
	}
	.testimonial-slider .slick-dots {
		display: none !important
	}
	.testi {
		display: flex;
		justify-content: space-between
	}
	.testi-video {
		width: 32%
	}
	.testimonial-content {
		text-align: left;
		width: 55%;
		padding-top: 20px;
		margin-top: 0
	}
}
@media (min-width: 1200px) {
	.banner-content p, .card-text .card-heading, .meet-wrap .meet-right .meet-card p, .meet-wrap p, .project-content p, .tech-text p {
		line-height: 1.3
	}
	.meet-slider {
		margin-bottom: 0
	}
	.it-companies {
		display: block;
		width: 287px;
		text-align: left;
		padding: 29px 30px
	}
	.companies-slider li {
		padding: 34px 8px 11px 10px
	}
	.it-companies span, .it-companies strong {
		font-size:20px
	}
	.companies-slider p {
		font-size: 16px;
		line-height: 1.2
	}
	.card-wrapper {
		flex-wrap: inherit
	}
	.card-sec.end-block {
		order: inherit
	}
	.card-sec, .card-sec.end-block {
		width: 32.5%
	}
	.card-order {
		display: block
	}
	.card-order .card-block {
		width: 100%
	}
	.image-block {
		height: 171px
	}
	.end-block .image-block {
		height: 444px
	}
	.design-overview strong {
		width: 66%
	}
	.design-overview a {
		max-width: 100px
	}
	.card-text .card-heading {
		font-size: 14px;
		min-height: 57px
	}
	.tech-block {
		padding: 68px 15px 52px
	}
	.project-img {
		max-height: 570px
	}
	.project-content p {
		min-height: 40px
	}
	.project-slider .slick-arrow {
		bottom: 183px
	}
	.slider-text {
		font-size: 18px
	}
	.product-text h3 {
		font-size: 42px
	}
	.product-text p {
		font-size: 26px
	}
	.card-one {
		width: 580px !important
	}
	.card-two {
		width: 370px !important
	}
	.feature-section {
		padding: 63px 0 80px
	}
	.feature-section .it-companies {
		display: flex
	}
	.testimonial-slider {
		width: 70%;
		margin-top: 37px;
		padding: 50px
	}
	.testimonials h4 {
		margin: 12px 0 38px
	}
	.testimonial-content {
		width: 60%
	}
	.testimonials blockquote {
		font-size: 22px;
		line-height: 1.37;
		padding-top: 0
	}
	.customer-wrapper h3, .insite-wrapper h3, .testimonials h3 {
		font-size: 24px
	}
	.testimonials p a {
		font-size: 18px;
		margin: 4px 0
	}
}
@media (min-width: 1280px) {
	.project-img {
		max-height: 609px
	}
	.project-slider .slick-arrow {
		bottom: 199px
	}
}
@media (min-width: 1350px) {

	.container, .technology-wrap .container {
		padding: 0 15px
	}
	.meet-wrap {
		padding-top: 97px;
		padding-bottom: 57px
	}
	.meet-left h2 {
		font-size: 42px
	}
	.ideas {
		font-size: 34px;
		margin-bottom: 66px
	}
	.meet-wrap p {
		font-size: 20px
	}
	.meet-wrap .meet-right .meet-card p {
		font-size: 18px
	}
	.meet-right {
		padding-left: 68px
	}
	.meet-wrap .meet-right p {
		padding: 0;
		margin-bottom: 23px
	}
	.idea-list li a {
		font-size: 16px;
		padding: 0 9px
	}
	.idea-list li a.startup {
		border-right: 2px solid #bbb5b8
	}
	.meet-card {
		padding: 28px 30px
	}
	.solutions-wrapper {
		padding: 41px 0 50px
	}
	.deliver-head h2 {
		margin-bottom: 13px
	}
	.deliver-head {
		margin-bottom: 32px
	}
	.card-text .card-heading {
		min-height: 59px;
		padding: 0
	}
	.card-text .card-heading h3 {
		font-size: 20px;
		line-height: 1.1
	}
	.image-block {
		height: 174px
	}
	.card-text {
		padding: 14px 0 8px 7px
	}
	.card-block {
		min-height: 255px;
		margin-bottom: 27px
	}
	.end-block .card-block {
		height: auto
	}
	.end-block .image-block {
		height: 456px
	}
	.solution-overlay {
		padding: 25px
	}
	.solution-overlay h3 {
		font-size: 22px
	}
	.design-overview, .solution-overlay h3 {
		margin-bottom: 18px
	}
	.design-overview strong {
		width: 62%
	}
	.design-overview a {
		max-width: 121px
	}
	.tech-block {
		padding: 0 0;
		padding-top: 62px;
		padding-bottom: 24px
	}
	.box-img {
		border-width: 3px;
		margin-bottom: 25px
	}
	.tech-text p {
		padding: 0 52px
	}
	.tech-text h3 {
		margin-bottom: 11px
	}
	.product-text {
		padding: 0 45px;
		bottom: 18px
	}
	.card-one {
		width: 620px !important
	}
	.card-two {
		width: 450px !important
	}
	.project-content h2 {
		font-size: 22px;
		padding-right: 85px
	}
	.project-content p {
		font-size: 16px;
		min-height: 72px
	}
	.content-wrap {
		left: 185px;
		width: 602px
	}
	.project-content {
		padding: 42px 59px 42px
	}
	.project-img {
		max-height: none
	}
	.project-slider .slick-arrow {
		bottom: 189px
	}
	.project-slider .slick-prev {
		left: 295px
	}
	.project-slider .slick-next {
		left: 623px
	}
	.world-cards .card-wrapper {
		width: 32.54%
	}
	.world-cards .wrapper-end {
		width: 65.85%
	}
}
@media (min-width: 1600px) {
	.book-icon {
		background-size: initial;
		height: 45px;
		background-position: -199px -18px
	}
	.navigation-menu {
		padding: 9px 12px 0 0
	}
	.left-client {
		position: relative;
		top: -62px
	}
	.banner-content {
		padding-top:230px;
		padding-left:60px;
		width: 620px;
		padding-bottom: 226px
	}
	.banner-content h1 {
		margin-bottom: 22px
	}
	.banner-content h1::after {
		bottom: -11px
	}
	.banner-content p {
		font-size: 22px;
		padding: 0;
		line-height: 1.2
	}
	.meetus-wrapper {
		margin-top: 774px
	}
	.card-text .card-heading {
		padding: 0 10px
	}
	.card-one {
		width: 790px !important
	}
	.card-two {
		width: 485px !important
	}
	.card-one .product-text {
		padding: 0 54px;
		bottom: 90px
	}
	.card-text .card-heading h3 {
		font-size: 19px
	}
	.slider-for {
		height: 560px
	}
	.feature-section .it-companies {
		width: 207px
	}
	.project-slider .slick-arrow {
		bottom: 103px
	}
	.delivery-sec {
		padding-bottom: 0
	}
	.technology-wrap {
		padding-top: 4px
	}
}