@media screen and (min-width: 600px) {
	.show-on-599 {
		display: none !important;
	}
}
@media screen and (min-width: 768px) {
	.show-on-mobile,
	.showInMobile,
	.showOnMobile {
		display: none !important;
	}
	.bottomContactSubmit:not(.js_loader)::before {
		content: "";
		background: #000;
		width: 100%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		-webkit-transition: all 0.6s ease 0.1s;
		transition: all 0.6s ease 0.1s;
	}
	.bottomContactSubmit {
		text-transform: uppercase;
	}
	.customersSection .swiper-wrapper {
		display: block;
	}
}
@media screen and (min-width: 992px) {
	.workItem_a:hover .workItemImg,
	.hpPortfolioItems:hover .hpPortfolioItemsImgWrap {
		filter: alpha(opacity=80);
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	.show-on-tablet,
	.showInTablet,
	.showOnTablet {
		display: none !important;
	}
	.imgCenterHover {
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.imgCenterHoverWrap:focus .imgCenterHover,
	.imgCenterHoverWrap:hover .imgCenterHover {
		-webkit-transform: translate(50%,-50%) scale(1.04);
		transform: translate(50%,-50%) scale(1.04);
	}
	.mainMenuUL li:not(.active):focus > a,
	.mainMenuUL li:not(.active):hover > a {
		-webkit-transform: translate(-5px,0);
		transform: translate(-5px,0);
	}
	.mainMenuUL li:not(.active):focus > a::before,
	.mainMenuUL li:not(.active):hover > a::before {
		-webkit-transform: translate(5px,0);
		transform: translate(5px,0);
		filter: alpha(opacity=100);
		opacity: 1;
		-khtml-opacity: 1;
	}
	.hpPortfolioItems:focus .hpPortfolioItemsTextWrap::before,
	.hpPortfolioItems:focus .hpPortfolioItemsText,
	.hpPortfolioItems:focus .hpPortfolioItemsReadMore,
	.hpPortfolioItems:hover .hpPortfolioItemsTextWrap::before,
	.hpPortfolioItems:hover .hpPortfolioItemsText,
	.hpPortfolioItems:hover .hpPortfolioItemsReadMore {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		filter: alpha(opacity=100);
		opacity: 1;
		-khtml-opacity: 1;
	}
	.bottomContactSubmit:focus,
	.bottomContactSubmit:hover {
		color: #000;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.bottomContactSubmit:focus::before,
	.bottomContactSubmit:hover::before {
		-webkit-transform: scale(0.85,0.75);
		transform: scale(0.85,0.75);
		filter: alpha(opacity=0);
		opacity: 0;
		-khtml-opacity: 0;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.hpPortfolioItems:focus .hpPortfolioItemsReadMore,
	.hpPortfolioItems:hover .hpPortfolioItemsReadMore {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}
	a.readMoreBlack:hover {
		color: #08B4D5;
	}
	a.readMoreBlack:hover::after {
		background: rgba(8,180,213,0.4);
	}
	.landing-header-menu-ul a::after {
		content: "";
		background: #0cf;
		width: 100%;
		height: 2px;
		position: absolute;
		right: 0;
		bottom: 0;
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		transform-origin: right;
	}
	.landing-header-menu-ul a:hover::after {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
		visibility: visible;
	}
	.landingPage_body .bottomContactSubmit:hover,
	.btn-green-bd:hover {
		background: #0cf;
		color: #111;
	}
	.landing-services-item-link:hover {
		color: #0cf;
	}
	.bottomContactSubmit:hover,
	.landing-top-content .btn-green-bd:hover {
		opacity: 0.9;
	}
}
@media screen and (min-width: 1025px) {
	.hpServicesItems.focus  {
		background-color: #181818;
		border-color: #181818;
		color: #fff;
		z-index: 2;
	}
	.hpServicesItems.focus rect[fill] {
		fill: #fff;
	}
	.hpServicesItems.focus rect[stroke] {
		stroke: #fff;
	}
	body.showFocus .hpServicesItems:focus rect[fill] {
		fill: #000;
	}
	body.showFocus .hpServicesItems:focus rect[stroke] {
		stroke: #000;
	}
	.hpServicesItems.focus .hpServicesItemsText {
		color: #ccc;
		filter: alpha(opacity=100);
		opacity: 1;
		-khtml-opacity: 1;
	}
	.hpServicesItems.focus .readMoreWhite {
		filter: alpha(opacity=100);
		opacity: 1;
		-khtml-opacity: 1;
		-webkit-transform: translate(0,0px);
		transform: translate(0,0px);
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.hpTargetMarketItem.focus .hpTargetMarketItemInner {
		background: #111;
		color: #fff;
		z-index: 1;
	}
	.hpTargetMarketItem.focus .hpTargetMarketItemInner2 svg [fill] {
		 fill: #fff;
	}
	.hpTargetMarketItem.focus .hpTargetMarketItemInner2 svg [stroke] {
		 stroke: #fff;
	}
	.hpTargetMarketItem.focus .hpTargetMarketItemText {
		color: #ccc;
	}
	.hpTargetMarketItem.focus .readMoreWhite {
		max-height: 30px;
		filter: alpha(opacity=100);
		opacity: 1;
		-khtml-opacity: 1;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	.hpTargetMarketItem .readMoreWhite:focus,
	.hpTargetMarketItem .readMoreWhite:hover {
		color: #08B4D5;
	}
	.hpTargetMarketItem .readMoreWhite:focus::after,
	.hpTargetMarketItem .readMoreWhite:hover::after {
		background-color: #08B4D5;
	}
}
@media screen and (min-width: 1201px) {
	.pageid-2298 .work-page-banner-img-near-title-wrap {
		width: 40.382%;
	}
	.pageid-2298 .work-page-banner-titles-wrap2 {
		width: 59.62%;
	}
}
@media screen and (max-width: 1677px) {
	.landing-about-section {
		padding: 0;
	}
	.landing-about-section .container1440 {
		width: -webkit-calc(100% - ((100vw - 1480px) / 2));
		width: calc(100% - ((100vw - 1480px) / 2));
		margin: 0 auto 0 0;
		padding: 0 20px;
	}
	.landing-sections-content {
		width: 100%;
		margin: 0;
	}
	.landingPage_body #footer {
		padding-right: 20px;
	}
}
@media screen and (max-width: 1600px) {
	.hpPortfolioItemsTitle {
		font-size: 37px;
	}
	.hpPortfolioItemsText {
		margin: 40px 0 0 0;
		line-height: 38px;
	}
	.hpAboutSection {
		min-height: 920px;
		padding-top: 140px;
	}
	.hpTargetMarketSection {
		padding-top: 120px;
	}
	.hpAboutLeft {
		padding: 50px;
	}
	.hpAboutLeftInner {
		width: auto;
	}
	.hpAboutLeftInner .hpLargeTitles {
		margin: 0 0 40px 0;
	}
	.workProcessItem {
		width: 21.5vw;
	}
	.workProcessItemTitle {
		height: -webkit-calc(21.5vw + 4px);
		height: calc(21.5vw + 4px);
		font-size: 40px;
	}
	.iPadBG {
		width: -webkit-calc(100% + 300px);
		width: calc(100% + 300px);
		margin: 0 -150px;
	}
	.iPadImgWrap {
		height: 68%;
		right: 111px;
		left: 111px;
		top: 124px;
	}
	.workItemImgWrap, .workItemImgWrapPlaceHolder {
		height: 540px;
	}
	.hpServicesSection {
		flex-wrap: wrap;
		padding-top: 140px;
	}
	.hpServicesSection .waypoint-center {
		top: 100px;
	}
	.hpServicesTitlesWrap {
		width: 610px;
		padding:  0 0 30px 0;
	}
	.hpTargetMarketSection {
		padding-bottom: 140px;
	}
	.contact-page-form-wrap {
		padding-left: 90px;
		padding-right: 90px;
	}
	.work-page-banner-section .hpLargeTitles {
		font-size: 4vw;
	}
}
@media screen and (max-width: 1440px) {
	body {
		font-size: 22px;
		line-height: 38px;
	}
	.content-content-section {
		padding: 0 80px !important;
	}
	.pageid-2295 .work-page-banner-img-near-title {
	    width: 222%;
	}
	.contact-page-top,
	#header,
	#header2,
	.hpTopSection,
	.hpTargetMarketSection,
	.worksCatsTabsWaypoint,
	.worksCatsTabWrap,
	.worksTopSection {
		padding-left: 80px;
		padding-right: 80px;
	}
	.work-page-banner-titles-wrap,
	.workAboutSection,
	.worksItemsSection,
	#footer,
	.hpPortfolioSection,
	.hpCustomersSection,
	.hpServicesSection,
	.hpAboutSection,
	.bottomContactSection {
		padding-right: 80px;
	}
	.workAboutSection {
		padding-bottom: 80px;
	}
	.screenshot-img-section {
		padding: 80px 80px 0;
	}
	.screenshot-imgs-list {
		margin: 80px 0 0 0;
	} 
	.workAboutServices {
		padding-right: 90px;
	}
	.workAboutContainer {
		padding: 85px 90px 110px;
	}
	.contact-page-form-section {
		padding: 0 80px 80px 0;
	}
	.menuContainer {
		padding: 30px 80px 40px;
	}
	.mainMenuUL a {
		font-size: 26px;
		line-height: 32px;
	}
	.mainMenuUL a::before {
		bottom: 5px;
		height: 2px;
	}
	.contact-page-top-title,
	.hpTitle {
		font-size: 62px;
		line-height: 86px;
	}
	.hpTargetMarketSection {
		padding-bottom: 130px;
	}
	.bottomContactLeftInner {
		font-size: 58px;
		line-height: 86px;
	}
	.floatingFlags {
		right: 30px;
	}
	.hpPortfolioSection::before {
		height: 380px;
	}
	.leftScrollBtn {
		top: 380px;
		right: 34px;
	}
	.hpPortfolioItemsTextWrap {
		padding: 40px 30px;
	}
	.hpPortfolioItemsTitle {
		font-size: 35px;
		line-height: 52px;
	}
	.hpPortfolioItemsText {
		line-height: 36px;
	}
	.hpCustomersSection {
		height: 190px;
	}
	.hpServicesItems {
		min-height: 550px;
		padding: 40px 24px;
	}
	.hpServicesItemsSubTitle {
		margin: 0 0 36px 0;
	}
	.hpAboutLeft {
		width: 40%;
	}
	.hpAboutSection {
		min-height: 850px;
	}
	.hpTargetMarketItemInner {
		padding: 40px;
	}
	.hpTargetMarketItemTitle {
		font-size: 28px;
	}
	.hpTargetMarketItem,
	.hpTargetMarketItemInner {
		min-height: 332px;
	}
	.hpTargetMarketItemTitle {
		width: 200px;
	}
	.landingPage_body .bottomContactLeft,
	.bottomContactLeft {
		font-size: 47px;
		padding: 0 0 0 70px;
	}
	.landingPage_body .bottomContactRight,
	.bottomContactRight {
		width: 45%;
	}
	.bottomContact-titles-wrap {
		width: 55%;
	}
	.bottomContactWrap {
		padding: 70px;
	}
	.landingPage_body .bottomContactWrap {
		padding: 70px 20px 70px 70px;
	}
	.landingPage_body .bottomContactWrap2 {
		width: 100%;
		padding: 0;
	}
	.bottomContactTitle2 {
		font-size: 43px;
		line-height: 58px;
	}
	.footerContactUL li,
	.footerContactUL td {
		padding: 0 0 40px 40px;
	}
	.aboutTopSection {
		min-height: 820px;
		padding-top: 200px;
		padding-right: 80px;
		padding-left: 80px;
	}
	.aboutTopSectionTextWrap {
		font-size: 24px;
		line-height: 40px;
	}
	.ourTeamSection {
		padding: 70px 80px 100px;
	}
	.ourTeamWrap {
		min-height: 720px;
	}
	.ourTeamImgWrap {
		width: 45%;
	}
	.aboutPageBottomBigImg {
		margin: 0 0 100px 0;
	}
	.customersSection {
		padding: 0 80px 100px;
	}
	.testimonialsSection {
		padding: 0 0 140px 0;
	}
	.testimonialText {
		font-size: 40px;
		line-height: 56px;
	}
	.testimonialsContainer {
		width: 750px;
	}
	.workTopSection {
		padding: 132px 80px;
	}
	.workTopSection .aboutTopSectionSubTitle {
		font-size: 62px;
		line-height: 86px;
	}
	.workTopSectionImg {
		left: -110px;
		min-width: -webkit-calc(100% + 110px);
		min-width: calc(100% + 110px);
	}
	.workRotateImgsBG {
		height: 750px;
	}
	.workProcessSection {
		padding: 130px 80px 100px;
	}
	.workMoreImgsSection {
		padding-right: 80px;
		padding-left: 80px;
	}
	.workProcessItemTitle {
		font-size: 32px;
		width: -webkit-calc(100% + 3px);
		width: calc(100% + 3px);
	}
	.workProcessItemTitle {
		height: -webkit-calc(21.5vw + 3px);
		height: calc(21.5vw + 3px);
	}
	.workProcessItem:not(:first-child) .workProcessItemTitle::after {
		border-width: 3px;
		width: 14px;
		height: 14px;
		right: -5px;
	}
	.iPadImgWrap {
		width: 85%;
		height: 67%;
		left: auto;
		right: 50%;
		-webkit-transform: translate(50%,0);
		transform: translate(50%,0);
	}
	.workMoreImgs_imgWrap {
		margin-left: 80px;
		margin-bottom: 150px;
		width: -webkit-calc(50% - 80px);
		width: calc(50% - 80px);
	}
	.workMoreImgs_imgWrap.right {
		margin-right: 80px;
	}
	.iPhoneSection {
		height: 1220px;
		padding: 190px 0;
	}
	.iPhoneBorder {
		width: 560px;
		margin: 0 -280px 0 0;
		top: 137px;
	}
	.iPhoneItem.swiper-slide {
		width: 454px;
		height: 797px;
		padding: 0 40px;
	}
	.workProjectsSection {
		padding: 0 0 180px 0;
	}
	.workProjectsSection a {
		font-size: 60px;
		line-height: 80px;
	}
	.worksCatsTab_a {
		font-size: 28px;
	}
	.worksItemsSection {
		padding-bottom: 80px;
	}
	.workItemImgWrap,
	.workItemImgWrapPlaceHolder {
		height: 440px;
	}
	.hpPortfolioTitleArrows {
		width: 120px;
	}
	.hpServicesTitlesWrap {
		width: 500px;
	}
	.hpLargeTitles {
		font-size: 46px;
	}
	.works-page-top-section .contact-page-top-title {
		max-width: 580px;
	}
	.landing-top-ul {
		font-size: 3.49vw;
		gap: 1.91vw;
	}
	.landing-top-ul li {
		padding: 0 5vw 0 0;
	}
	.landing-top-ul li::before {
		width: 3.42vw;
		height: 3.42vw;
	}
	.landing-about-section .container1440 {
		width: 100%;
	}
	.landing-about-item-num {
		font-size: 64px;
	}
}
@media screen and (min-width: 1201px) {
	body.worksTabsMenu_waypointActive .worksCatsTabWrap {
		background: #fff;
		position: fixed;
		top: 132px;
		bottom: auto;
	}
	body.worksTabsMenu_waypointActive .worksCatsTab_a:not(:hover):not(.active) {
		color: #000;
	}
}
@media screen and (max-width: 1200px) {
	body {
		font-size: 20px;
		line-height: 36px;
	}
	.work-page-banner-titles-wrap2 {
		width: 50%;
		height: 460px;
	}
	.work-page-banner-img-near-title-wrap {
		width: 50%;
		max-height: 460px;
	}
	.workAboutContainer {
		padding-bottom: 104px;
	}
	#header,
	#header2 {
		min-height: 100px;
	}
	.contact-page-top {
		padding-top: 142px;
		padding-bottom: 120px;
		min-height: 560px;
	}
	.menuContainer {
		padding-left: 50px;
		padding-right: 50px;
	}
	.mainMenuUL {
		width: 45%;
	}
	.mainMenuUL li ul {
		width: 122%;
		padding: 0 80px 0 0;
	}
	.mainMenuUL li ul::before {
		width: 40px;
	}
	.mainMenuUL li ul a {
		font-size: 20px;
	}
	.contact-page-top-title,
	.hpTitle {
		font-size: 52px;
		line-height: 73px;
	}
	.hpPortfolioTitleWrap2 {
		padding: 0 30px;
		min-height: 80px;
	}
	.hpPortfolioItemsText {
		font-size: 18px;
		line-height: 29px;
		margin: 30px 0 0 0;
	}
	.hpPortfolioItemsTitle {
		font-size: 28px;
		line-height: 45px;
	}
	.hpServicesTitlesWrap {
		width: 450px;
	}
	.hpLargeTitles {
		font-size: 42px;
		line-height: 57px;
	}
	.hpTopSection {
		padding-top: 142px;
	}
	.work-page-banner-section .hpLargeTitles {
		font-size: 42px;
	}
	#header,
	#header2,
	.hpTopSection,
	.hpTargetMarketSection {
		padding-left: 40px;
	}
	.hpAboutTextWrap,
	.hpServicesItemsText,
	.hpTargetMarketItemText {
		font-size: 18px;
		line-height: 28px;
	}
	.bottomContactLeftInner {
		font-size: 50px;
		line-height: 76px;
	}
	.landingPage_body .bottomContactWrap,
	.bottomContactWrap {
		padding: 60px;
	}
	.footerCopyrightsSpan {
		display: block;
	}
	.footerContactUL li,
	.footerContactUL td {
		padding: 0 0 30px 30px;
	}
	.footerContactIconWrap {
		width: 30px;
	}
	.ourTeamSection {
		padding-left: 0;
	}
	.ourTeamImgWrap {
		width: 46%;
	}
	.customersSection {
		padding-left: 40px;
	}
	.workTopSection .worksTopSectionTextWrap {
		width: 640px;
	}
	.workTopSection .aboutTopSectionSubTitle {
		font-size: 52px;
		line-height: 72px;
	}
	.workRotateImgsBG {
		height: 650px;
	}
	.iPadBG {
		width: -webkit-calc(100% + 160px);
		width: calc(100% + 160px);
		margin: 0 -80px;
	}
	.iPadImgWrap {
		top: 10.5%;
		width: 78%;
		height: 66.3%;
	}
	.workMoreImgs_imgWrap {
		margin-left: 60px;
		margin-bottom: 120px;
		width: -webkit-calc(50% - 60px);
		width: calc(50% - 60px);
	}
	.workMoreImgs_imgWrap.right {
		margin-right: 60px;
	}
	.iPhoneSection {
		padding: 160px 0;
		height: 1020px;
	}
	.iPhoneBorder {
		width: 460px;
		margin: 0 -230px 0 0;
		top: 116px;
	}
	.iPhoneItem.swiper-slide {
		width: 384px;
		height: 654px;
	}
	.iPhoneItemImg {
		border-radius: 35px;
	}
	.workProjectsSection a {
		font-size: 40px;
		line-height: 60px;
	}
	.worksTopSection {
		flex-direction: column;
		padding: 138px 80px 80px;
		min-height: 1px;
	}
	.worksCatsTabsWaypoint {
		display: none;
	}
	.worksCatsTabWrap {
		position: static;
		padding: 100px 0 0 0;
		height: auto;
	}
	.hpPortfolioItemsTitle,
	.workItemTitle {
		font-size: 30px;
		line-height: 40px;
	}
	.workItemImgWrap,
	.workItemImgWrapPlaceHolder {
		height: 340px;
	}
	.hpCustomersSection .smallTitle {
		margin: 0 0 0 60px;
	}
	.hpCustomersLogoWrap  {
		padding: 0 0 0 80px;
	}
	.hpAboutSection,
	.hpServicesSection {
		padding-top: 90px;
	}
	.hpPortfolioItemsTextWrap {
		padding-top: 25px;
	}
	.contact-page-form-wrap {
		padding: 60px 50px;
	}
	.works-page-top-section .contact-page-top-title {
		max-width: 500px;
	}
	.landing-top-section {
		min-height: 1px;
	}
	.landing-about-section {
		margin-left: 80px;
		padding: 50px 0;
	}
	.landingPage_body .bottomContactSection {
		padding-left: 80px;
	}
	.landingPage_body #footer .leftScrollBtn,
	.landing-top-section .leftScrollBtn {
		left: 40px;
	}
	.landing-about-section .container1440,
	.landing-services-section .container1440,
	.landing-systems-container {
		flex-direction: column;
		gap: 40px;
	}
	.landing-systems-section {
		padding-right: 0;
		padding-left: 0;
	}
	.landing-systems-section .landing-sections-title {
		padding-right: 20px;
		padding-left: 20px;
	}
	.landing-systems-section .swiper-container {
		padding-right: 20px;
		padding-left: 20px;
	}
	.landing-sections-title {
		width: 100%;
	}
	.landing-services-section {
		padding: 120px 20px;
	}
	.landing-services-item-title {
		font-size: 28px;
	}
	.landing-services-section .landing-sections-title {
		margin: 0;
	}
	.landing-systems-container {
		align-items: flex-start;
		justify-content: center;
	}
	.landingPage_body #footer {
		padding-left: 80px;
	}
	.landingPage_body .footerContactUL {
		gap: 60px;
	}
}
@media screen and (max-width: 1024px) {
	.work-page-banner-titles-wrap2 {
		width: 42.1%;
		height: 360px;
	}
	.pageid-2295 .work-page-banner-img-near-title {
	    width: 180%;
	}
	.work-page-banner-img-near-title-wrap {
		width: 57.9%;
		max-height: 360px;
	}
	.hpAboutLeft {
		padding: 40px;
	}
	.hpTargetMarketItem,
	.hpTargetMarketItemInner {
		min-height: 346px;
	}
	.hpTargetMarketItemInner2 {
		flex-direction: column;
		align-items: flex-start;
	}
	.hpTargetMarketItemTitle {
		font-size: 32px;
		width: 100%;
		padding: 0;
		margin: 0 0 32px 0;
	}
	.hpAboutTextWrap,
	.hpServicesItemsText,
	.hpTargetMarketItemText {
		font-size: 16px;
		line-height: 24px;
	}
	.hpTargetMarketItemTextWrap {
		max-width: 100%;
		margin: 0 0 32px 0;
		-webkit-transition: margin 0.3s ease;
		transition: margin 0.3s ease;
	}
	.hpTargetMarketItemInner {
		padding: 32px;
	}
	.hpTargetMarketItemImg,
	.hpTargetMarketItemInner2 svg {
		position: static;
	}
	.hpAboutSection {
		padding-top: 80px;
	}
	.hpTargetMarketSection {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.bottomContactTitle2 {
		font-size: 38px;
		line-height: 53px;
		margin: 0 0 32px 0;
	}
	.landingPage_body .bottomContactLeft,
	.bottomContactLeft {
		font-size: 45px;
		line-height: 65px;
	}
	.bottomContactRight {
		width: 49%;
	}
	.aboutTopSection {
		min-height: 650px;
		padding: 140px 80px 60px;
	}
	.aboutTopSectionSubTitle {
		font-size: 62px;
		line-height: 86px;
		margin: 0 0 45px 0;
	}
	.aboutTopSectionTextWrap {
		width: 700px;
	}
	.ourTeamWrap {
		min-height: 580px;
	}
	.aboutPageBottomBigImg {
		margin: 0 0 60px 0;
	}
	.customersSection {
		padding-bottom: 60px;
	}
	.customersUL li {
		height: 110px;
	}
	.customersSection .smallTitle {
		margin: 0 0 32px 0;
	}
	.testimonialsContainer {
		width: 660px;
	}
	.testimonialText {
		font-size: 30px;
		line-height: 46px;
	}
	.workAboutContainer {
		flex-direction: column;
		padding: 115px 115px 104px;
	}
	.workAbout {
		width: 100%;
	}
	.iPadImgWrap {
		width: 79%;
	}
	.workMoreImgs_imgWrap {
		margin-left: 40px;
		margin-bottom: 80px;
		width: -webkit-calc(50% - 40px);
		width: calc(50% - 40px);
	}
	.workMoreImgs_imgWrap.right {
		margin-right: 40px;
	}
	.iPhoneSection {
		padding: 120px 0;
		height: 890px;
	}
	.iPhoneBorder {
		width: 420px;
		margin: 0 -210px 0 0;
		top: 83px;
	}
	.iPhoneItem.swiper-slide {
		width: 340px;
		height: 601px;
		padding: 0 30px;
	}
	.workProjectsSection {
		padding: 0 0 100px 0;
	}
	.workProjectsSection a {
		font-size: 34px;
		line-height: 50px;
	}
	.worksCatsTabWrap {
		padding: 50px 0 0 0;
	}
	.socialsWrap,
	.bottomContact-titles-wrap,
	.landingPage_body .bottomContact-titles-wrap,
	.landingPage_body .bottomContactRight,
	.bottomContactRight {
		float: none;
		width: 100%;
	}
	.socialsWrap {
		margin: 50px 0 0 0;
	}
	.hpServicesItems {
		width: 50%;
	}
	.hpServicesTitlesWrap {
		width: 460px;
	}
	.hpServicesItems {
		min-height: 1px;
	}
	.hpServicesItemsText {
		font-size: 16px;
		line-height: 24px;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
		opacity: 1;
	}
	.hpServicesItemsTextWrap2 {
		height: auto;
	}
	.contact-page-form-section {
		padding: 0;
	}
	.hpPortfolioSection::before {
		height: 300px;
	}
	.leftScrollBtn {
		top: 300px;
	}
	.workAboutServices {
		padding: 39px 0 0 0;
	}
	.work-page-banner-titles-wrap2 {
		width: 55%;
	}
	.pageid-2298 .work-page-banner-img-near-title-wrap {
		width: 45%;
	}
	.pageid-2299 .work-page-banner-titles-wrap2,
	.pageid-2299 .work-page-banner-img-near-title-wrap {
		width: 50%;
	}
	.landingPage_body .bottomContact-titles-wrap {
		margin: 0;
	}
	.landing-services-section {
        padding: 80px 20px;
    }
	.landing-services-item-inner {
		width: 210px;
	}
	.landing-services-item-img {
		margin: 0 0 16px 0;
	}
	.landing-services-item-title {
        font-size: 24px;
    }
	.landing-systems-list li {
		padding: 0 0 0 75px;
	}
}
@media screen and (max-width: 991px) {
	.screenshot-img-section {
	    padding: 60px 60px 0;
	}
	.screenshot-imgs-list {
		margin: 60px 0 0 0;
	}
	.pageid-2301 .work-page-banner-img-near-title {
		width: 200%;
	}
	.pageid-2295 .work-page-banner-img-near-title {
	    width: 240%;
	}
	.hideInTablet,
	.hide-on-tablet,
	.hideOnTablet {
		display: none !important;
	}
	.contact-page-top,
	#header,
	#header2,
	.hpTopSection,
	.hpTargetMarketSection,
	.worksCatsTabsWaypoint,
	.worksCatsTabWrap,
	.worksTopSection {
		padding-left: 60px;
		padding-right: 60px;
	}
	.menuContainer {
		width: 100%;
		max-width: 100%;
		height: 100%;
		padding: 20px 32px 48px;
		margin: 0;
	}
	.hpPortfolioTitleWrap {
		width: 50%;
	}
	.hpPortfolioTitleWrap2 {
		min-height: 72px;
	}
	.hpServicesSection {
		flex-direction: column;
	}
	.hpServicesSection .swiper-container {
		padding: 0;
	}
	.hpServicesSection .swiper-slide.swiper-slide-active .hpServicesItems {
		background: #181818;
		border-color: #181818;
		color: #fff;
		z-index: 2;
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
		-webkit-box-shadow: rgba(24,24,24,0.2) 0px 50px 19px -32px;
		box-shadow: rgba(24,24,24,0.2) 0px 50px 19px -32px;
	}
	.hpServicesSection .swiper-slide.swiper-slide-active .hpServicesItems rect[fill] {
		fill: #fff;
	}
	.hpServicesSection .swiper-slide.swiper-slide-active .hpServicesItems rect[stroke] {
		stroke: #fff;
	}
	.hpServicesSection .swiper-slide.swiper-slide-active .hpServicesItems .hpServicesItemsText {
		filter: alpha(opacity=80);
		opacity: 0.8;
		-khtml-opacity: 0.8;
		-webkit-transform: translate(0,0px);
		transform: translate(0,0px);
	}
	.hpServicesSection .swiper-slide.swiper-slide-active .hpServicesItems .readMoreWhite {
		filter: alpha(opacity=100);
		opacity: 1;
		-khtml-opacity: 1;
		-webkit-transform: translate(0,0px);
		transform: translate(0,0px);
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.hpAboutSection {
		min-height: 1px;
		flex-direction: column;
		padding: 70px 80px 0 0;
	}
	.hpTargetMarketSection {
		padding-top: 50px;
	}
	.hpAboutLeft {
		width: 100%;
	}
	.hpAboutRight .imgCenter {
		position: static;
		width: 100%;
		height: auto;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		object-fit: unset;
	}
	.bottomContactWrap {
		flex-direction: column;
	}
	.landingPage_body .bottomContactRight,
	.bottomContactRight {
		width: 100%;
		margin: 10px 0 0 0;
	}
	#footer .container1560 {
		flex-direction: column;
		align-items: flex-start;
	}
	.footerCopyrights {
		margin: 0;
	}
	.footerCopyrightsSpan {
		display: inline;
	}
	.ourTeamWrap {
		flex-direction: column;
		min-height: 1px;
	}
	.ourTeamTextWrap {
		width: 100%;
		padding: 0 0 32px 40px;
	}
	.ourTeamImgWrap {
		margin: 0 auto 0 0;
		height: 600px;
		width: 100%;
	}
	.customersUL li {
		width: 33.333%;
	}
	.customersSection {
		padding-left: 0;
		padding-right: 40px;
	}
	.testimonialsSection {
		padding: 0 0 90px 0;
	}
	.testimonialsSection .smallTitle {
		margin: 0 0 32px 0;
	}
	.testimonialsContainer {
		width: 560px;
		padding: 0 32px;
	}
	.testimonialText {
		font-size: 24px;
		line-height: 36px;
		margin: 0 0 16px 0;
	}
	.workTopSection::before {
		content: "";
		background: rgba(0,0,0,0.3);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		filter: alpha(opacity=0);
		opacity: 0;
		-khtml-opacity: 0;
	}
	.workPageFinishLoading .workTopSection::before {
		filter: alpha(opacity=100);
		opacity: 1;
		-khtml-opacity: 1;
	}
	.workTopSection .container1440 {
		position: relative;
		z-index: 2;
		color: #fff;
	}
	.workTopSection .leftScrollBtn {
		z-index: 2;
	}
	.workAboutSection {
		padding: 0;
		margin: 0;
	}
	.workAboutContainer {
		min-height: 1px;
		flex-direction: column;
		padding: 55px 60px;
	}
	.workAboutSection .leftScrollBtn {
		display: none;
		top: auto;
		bottom: 100%;
		margin: 0 0 -15px 0;
	}
	.workAboutServices {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}
	.workAboutServicesItem {
		width: 50%;
	}
	.workRotateImgsBG {
		height: 500px;
	}
	.workProcessSection {
		padding: 80px 50px;
	}
	.workProcessItemTitle {
		font-size: 25px;
		margin: 0 0 30px 0;
	}
	.workProcessItemList {
		font-size: 16px;
		line-height: 22px;
	}
	.workProcessItemList li {
		padding: 5px 0;
	}
	.iPadBG {
		width: -webkit-calc(100% + 110px);
		width: calc(100% + 110px);
		margin: 0 -55px;
	}
	.iPadImgWrap {
		top: 10.4%;
		width: 77%;
		height: 66.5%;
	}
	.workMoreImgsSection {
		padding-right: 50px;
		padding-left: 50px;
	}
	.workMoreImgs_imgWrap {
		margin-left: 30px;
		margin-bottom: 80px;
		width: -webkit-calc(50% - 30px);
		width: calc(50% - 30px);
	}
	.workMoreImgs_imgWrap.right {
		margin-right: 30px;
	}
	.workProjects_a {
		padding: 0 15px;
	}
	.worksItemsSection {
		padding-bottom: 96px;
	}
	.workItem {
		width: 50%;
		height: 63vw;
	}
	.workItemImgWrap, .workItemImgWrapPlaceHolder {
		height: 395px;
	}
	#header2 {
		left: 0;
	}
	body[data-black-text-on-banner="True"] .workTopSection .worksTopSectionTextWrap, 
	body[data-black-text-on-banner="True"] .workTopSection .leftScrollBtn,
	.workItem[data-black-text-on-banner="True"] .workTopSection .worksTopSectionTextWrap, 
	.workItem[data-black-text-on-banner="True"] .workTopSection .leftScrollBtn {
		color: #fff;
	}
	body[data-black-text-on-banner="True"] .workTopSection .leftScrollBtn::before,
	.workItem[data-black-text-on-banner="True"] .workTopSection .leftScrollBtn::before {
		background: rgba(255,255,255,0.4);
	}
	.hpTopSection {
		min-height: 400px;
	}
	.hpPortfolioItems {
		height: 57vw;
	}
	.hpPortfolioWrap .swiper-container:not(.swiper-container-initialized) .swiper-slide {
		max-width: 44.8vw;
	}
	.hpCustomersLogo {
		max-height: 50%;
	}
	.hpAboutRight {
		min-height: 1px;
	}
	.contact-page-top {
		min-height: 472px;
		padding-bottom: 112px;
	}
	.contact-page-form-wrap {
		width: 100%;
	}
	.work-page-banner-titles-wrap {
		justify-content: flex-start;
		padding: 0 60px 0 0;
	}
	.work-page-banner-titles-wrap2 {
		width: 50.8%;
	}
	.pageid-2298 .work-page-banner-img-near-title-wrap {
		width: 49.2%;
	}
	.content-content-section {
		padding: 0 60px !important;
	}
	.hpTargetMarketItemTitle {
		max-width: 100%;
	}
	.landing-about-list {
		flex-wrap: wrap;
	}
	.landing-about-list-item {
		width: -webkit-calc(50% - 10px) !important;
		width: calc(50% - 10px) !important;
	}
	.landing-services-section .landing-sections-content {
		flex-wrap: wrap;
		gap: 80px 40px;
	}
	.landing-services-item {
		width: -webkit-calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
	}
	.landing-services-item-inner {
		width: 100%;
	}
	.landingPage_body #footer {
		font-size: 18px;
	}
	.landingPage_body .footerContactUL {
		gap: 30px;
	}
	.landingPage_body .footerCopyrights {
		margin: 30px 0 0 0;
	}
}
@media screen and (max-width: 767px) {
	.screenshot-img-section::before {
		height: 37vw;
	}
	.screenshot-img-section {
	    padding: 30px 30px 0;
	}
	.screenshot-imgs-list {
		margin: 30px 0 0 0;
	}
	.screenshot-img {
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	}
	.work-page-banner-titles-wrap {
		padding: 0 32px 0 0;
	}
	[data-black-text-on-banner="False"] .workAboutSection .leftScrollBtn::before {
		background: #111;
	}
	.workAboutContainer .smallTitle {
		color: #666;
		margin: 0 0 7px 0;
	}
	body {
		line-height: 32px;
	}
	.hide-on-mobile,
	.hideInMobile,
	.hideOnMobile {
		display: none !important;
	}
	.workAboutContainer {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 39px;
	}
	.workAboutServices {
		padding: 0;
	}
	.workAbout,
	.workAboutServicesItemText {
		margin: 0 0 20px 0;
		font-size: 20px;
	}
	#header,
	#header2 {
		min-height: 88px;
	}
	body.mainMenuIsOpen .logoImg path {
		fill: #000;
	}
	.menuOverlay {
		background: #fff;
	}
	.mainMenuUL {
		width: 100%;
	}
	.mainMenuUL a {
		font-size: 24px;
	}
	.mainMenuUL li ul {
		display: none;
		width: 100%;
		position: static;
		padding: 0 40px 0 0;
	}
	.mainMenuUL li.hover > ul {
		display: block;
	}
	.mainMenuUL li ul::before {
		width: 25px;
		top: 28px;
	}
	.menuContainer .footerContactUL li,
	.menuContainer .footerContactUL td {
		padding: 16px 0 !important;
	}
	.hpTopSection {
		padding: 130px 32px 60px 40px;
		min-height: 400px;
	}
	.contact-page-top-title,
	.hpTitle {
		font-size: 48px;
		line-height: 64px;
	}
	.hpPortfolioWrap {
		margin: 0;
	}
	.contact-page-top,
	.contact-page-form-wrap,
	#header,
	#header2 {
		padding-left: 32px;
		padding-right: 32px;
	}
	.bottomContactSection {
		padding-right: 0;
	}
	.landingPage_body .bottomContactWrap,
	.bottomContactWrap {
		border-right: none;
		border-left: none;
		padding: 32px;
	}
	.bottomContactTitle2 {
		font-size: 40px;
		line-height: 56px;
	}
	.bottomContactSubmit {
		color: #000;
		font-size: 16px;
		border-color: #e4e4e4;
	}
	.hpPortfolioTitleWrap {
		width: 100%;
	}
	.hpPortfolioSection {
		padding: 0;
	}
	.hpPortfolioTitleWrap2 {
		width: 100%;
		padding: 0 32px 0 24px;
	}
	.hpPortfolioItemsTextWrap {
		padding: 32px;
	}
	.hpCustomersSection {
		height: auto;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		padding: 30px 0 40px 0;
	}
	.hpCustomersSection .smallTitle {
		margin: 0 32px 38px 0;
	}
	.hpCustomersLogoWrap {
		padding: 0 0 0 50px;
		justify-content: flex-start;
	}
	.hpCustomersSection .swiper-container {
		height: 60px;
		padding: 0 32px 0 0;
	}
	.hpLargeTitles {
		font-size: 40px;
		line-height: 56px;
	}
	.hpServicesSection {
		padding: 32px 0 0 0;
	}
	.hpServicesTitlesWrap {
		width: 500px;
		padding: 0 32px 32px;
	}
	.hpServicesSection .swiper-container {
		padding: 0 32px;
	}
	.smallTitle {
		margin: 0 0 32px 0;
	}
	.work-page-banner-titles-wrap3 .smallTitle {
		margin: 0 0 5px 0;
	}
	.hpServicesItemsSubTitle {
		margin: 0 0 14px 0;
		line-height: 38px;
	}
	.hpServicesItemsTextWrap2 {
		margin: 0 0 29px 0;
	}
	.hpPortfolioItemsTitle {
		font-size: 40px;
		line-height: 56px;
	}
	.logoImg {
		width: 96px;
	}
	.hpAboutSection {
		padding: 0;
	}
	.hpAboutLeft {
		border: none;
	}
	.hpAboutTextWrap {
		margin: 0 0 32px 0;
	}
	.hpAboutLeftInner .hpLargeTitles {
		margin: 0 0 16px 0;
	}
	.hpAboutLeft {
		padding: 32px 32px 48px;
	}
	.hpTargetMarketItem {
		width: 100%;
		height: auto;
	}
	.hpTargetMarketItemInner {
		position: relative;
		height: auto;
		border-left: none;
		border-right: none;
	}
	.hpTargetMarketSection {
		padding: 32px 0 0 0;
	}
	.hpTargetMarketSection .smallTitle {
		padding: 0 32px;
	}
	#footer {
		padding: 32px;
	}
	.footerContactUL {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.footerContactUL li,
	.footerContactUL td {
		padding: 0 0 32px 0;
	}
	.footerCopyrightsSpan {
		display: block;
	}
	.footerCopyrights {
		margin: 0;
		padding: 0;
		font-size: 16px;
	}
	.footerContactIconWrap {
		width: 40px;
	}
	.aboutTopSection {
		min-height: 350px;
		padding: 107px 32px 48px;
	}
	.aboutTopSection .smallTitle {
		margin: 0 0 24px 0;
	}
	.aboutTopSectionSubTitle {
		font-size: 48px;
		line-height: 64px;
		margin: 0 0 32px 0;
	}
	.aboutTopSectionTextWrap {
		font-size: 20px;
		line-height: 32px;
	}
	.ourTeamSection {
		padding: 32px 32px 32px 0;
	}
	.ourTeamTextWrap {
		padding-left: 32px;
	}
	.aboutPageBottomBigImg {
		margin: 0 0 32px 0;
	}
	.customersSection {
		padding: 0 0 97px 0;
	}
	.customersSection .smallTitle {
		padding: 0 32px;
	}
	.customersUL li {
		height: 96px;
	}
	.customersSection .swiper-pagination {
		margin: 24px 0 0 0;
	}
	.workTopSection {
		padding: 110px 32px;
	}
	.workTopSection .aboutTopSectionSubTitle {
		font-size: 42px;
		line-height: 56px;
	}
	.workRotateImgsBG {
		height: 300px;
	}
	.workMoreImgsSection {
		padding: 0 32px 30px;
	}
	.workProcessSection {
		padding: 50px 32px 0;
	}
	.workProcessContainer {
		flex-direction: column;
		align-items: center;
	}
	.workProcessItem {
		width: 100%;
		max-width: 320px;
		margin: 0 0 50px 0;
	}
	.workProcessItemTitle {
		width: 100%;
		height: 83vw;
		max-height: 311px;
	}
	.workProcessItemList {
		font-size: 22px;
		line-height: 30px;
	}
	.iPadImgWrap {
		top: 11.3%;
		width: 78%;
		border-radius: 11px;
		height: 64%;
	}
	.workMoreImgs_imgWrap {
		margin-left: 15px;
		margin-bottom: 30px;
		width: -webkit-calc(50% - 15px);
		width: calc(50% - 15px);
	}
	.workMoreImgs_imgWrap.right {
		margin-right: 15px;
	}
	.iPhoneSection {
		padding: 90px 0;
		height: 620px;
	}
	.iPhoneBorder {
		width: 280px;
		margin: 0 -140px 0 0;
		top: 64px;
	}
	.iPhoneItem.swiper-slide {
		width: 230px;
		height: 399px;
		padding: 0 20px;
	}
	.iPhoneItemImg {
		border-radius: 23px;
	}
	.workProjectsSection a {
		font-size: 24px;
		line-height: 30px;
	}
	.worksTopSection {
		padding: 107px 30px 70px;
	}
	.worksCatsTab_a {
		font-size: 24px;
		padding: 0;
		margin: 0 0 30px 48px;
	}
	.worksCategoriesTabsUL li:last-child .worksCatsTab_a {
		margin-left: 0;
	}
	.worksCatsTabNum {
		margin: -10px 0 0 0;
	}
	.worksItemsSection {
		padding: 0;
	}
	.workItem {
		width: 50%;
		height: 70vw;
	}
	.hpPortfolioItemsTitle,
	.workItemTitle {
		font-size: 40px;
		line-height: 44px;
	}
	.landingPage_body .bottomContactFields,
	.bottomContactFields {
		height: 56px;
		padding: 0 10px 0 0;
		font-size: 24px;
	}
	.hpPortfolioItems {
		height: 67vw;
	}
	.hpServicesItems {
		padding-right: 32px;
		padding-left: 32px;
	}
	.contact-page-top {
		padding-top: 130px;
		min-height: 400px;
		padding-bottom: 60px;
	}
	.contact-page-top-title {
		font-size: 44px;
	}
	.works-page-top-section .contact-page-top-title {
		max-width: 430px;
	}
	.pageid-2298 .work-page-banner-img-near-title-wrap {
		display: none;
	}
	body.pageid-2298 .work-page-banner-titles-wrap::before {
		display: none;
	}
	body.pageid-2298 .work-page-banner-titles-wrap2 {
		width: 100%;
	}
	.pageid-2299 .work-page-banner-img-near-title {
		width: 310%;
	}
	.content-content-section {
		padding: 0 32px !important;
	}
	.content-content-section .contact-page-form-wrap {
		padding: 20px 16px;
	}
	.header-contact-btn {
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		font-size: 14px;
	}
	.header-phone {
		margin-left: 16px;
	}
	.menuBTN {
		margin: 0 18px 0 0;
	}
	.landingPage_body .bottomContactSection {
		padding-left: 0;
	}
	.landing-top-section {
		padding: 110px 20px 70px;
	}
	.landing-header-menu-ul {
		gap: 24px;
	}
	.landing-top-ul {
        gap: 20px;
    }
	.landing-top-ul li::before {
        width: 25px;
        height: 25px;
        margin: 0;
    }
	.landing-about-section {
		margin: 0;
	}
	.landingPage_body #footer {
		padding-left: 20px;
	}
	.landingPage_body .footerContactUL {
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.landing-about-item-num {
        font-size: 54px;
    }
	.header-landing-container {
		flex-direction: row-reverse;
	}
	#landing-header-menu-nav {
		background: #fff;
		position: fixed;
		inset: 0;
		z-index: 15;
		padding: 20px 32px 48px;
		overflow: auto;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
	}
	.mainMenuIsOpen #landing-header-menu-nav {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.landing-header-menu-ul {
		display: block;
	}
	.landing-header-menu-ul a {
		color: #111;
		padding: 12px 0;
		font-size: 24px;
		font-weight: 700;
	}
	.landing-systems-list li {
		padding: 0 0 0 60px;
	}
	.landing-systems-list img {
		height: 32px;
	}
	.landing-top-ul li {
		padding: 0 35px 0 0;
	}
}
@media screen and (max-width: 660px) {
	.menuContainer .footerContactUL {
		flex-direction: column;
	}
	.landingPage_body .footerContactUL {
		flex-direction: column;
	}
}
@media screen and (max-width: 599px) {
	.hide-on-599 {
		display: none !important;
	}
	.ourTeamImgWrap {
		height: 480px;
	}
	.iPadBG {
		width: -webkit-calc(100% + 70px);
		width: calc(100% + 70px);
		margin: 0 -35px;
	}
	.iPadImgWrap {
		top: 11.3%;
		width: 75%;
	}
	.workItem {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		height: 140vw;
	}
	.hpPortfolioItems {
		height: 137vw;
	}
	.hpPortfolioWrap .swiper-container:not(.swiper-container-initialized) .swiper-slide {
		max-width: 100vw;
	}
	.work-page-banner-section .hpLargeTitles,
	.work-page-banner-section .smallTitle {
		color: #fff !important;
	}
	body:not(.mainMenuIsOpen) .logoImg path {
	    fill: #fff !important;
	}
	body:not(.mainMenuIsOpen) #header .menuBTNinner:before,
	body:not(.mainMenuIsOpen) #header .menuIconSpans {
		background: #fff !important;
	}
	.work-page-banner-img-near-title-wrap {
		width: auto;
		position: absolute;
		left: 0;
		right: 120px;
		top: 120px;
	}
	body:not(.pageid-2145):not(.pageid-2294) .work-page-banner-titles-wrap::before {
		content: "";
		background: rgba(17, 17, 17, 0.5);
		position: absolute;
		inset: 0;
		z-index: 2;
	}
	.work-page-banner-titles-wrap2 {
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.pageid-2295 .work-page-banner-img-near-title {
	    width: 384%;
	}
	.pageid-2299 .work-page-banner-titles-wrap2 {
		width: 100%;
	}
	.pageid-2299 .work-page-banner-img-near-title-wrap {
		width: auto;
	}
	.pageid-2301 .work-page-banner-img-near-title {
		width: 280%;
	}
	.pageid-2299 .work-page-banner-img-near-title {
		width: 330%;
	}
	.landing-top-container {
		flex-direction: column-reverse;
	}
	.landing-top-img-wrap {
		width: 80%;
		text-align: center;
	}
	.landing-top-content {
		width: fit-content;
		margin: 0 auto;
	}
	.landing-top-ul {
		font-size: 22px;
		margin: 0 0 36px 0;
	}
	.landing-top-content .btn-green-bd {
		width: 100%;
	}
	.landing-services-item {
		width: 100% !important;
	}
	.landing-about-list {
		gap: 60px;
	}
	.landing-about-list-item {
		width: 100% !important;
	}
	.landing-about-item-num {
        font-size: 60px;
    }
}
@media screen and (max-width: 479px) {
	.ourTeamImgWrap {
		height: auto;
	}
	.ourTeamImg.imgCenter {
		height: auto;
		width: 100%;
		position: static;
		vertical-align: top;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	.customersUL li {
		width: 50%;
	}
	.workAboutServicesItem {
		width: 100%;
	}
	.iPadBG {
		width: -webkit-calc(100% + 70px);
		width: calc(100% + 50px);
		margin: 0 -25px;
	}
	.iPadImgWrap {
		top: 10.9%;
		width: 76%;
		max-height: 65%;
	}
	.hpServicesItems {
		width: 100%;
	}
	.hpServicesItemsSubTitle {
		min-height: 1px;
	}
	.contact-page-form-box .bottomContactSubmit {
		width: 100%;
	}
}