@media screen and (max-width: 1590px) {
	.sections.fitfix {
		padding: 11% 0 0;
		/* background: linear-gradient(133deg, rgba(33, 33, 44, 1) 1%, rgba(59, 59, 78, 1) 47.5%, rgba(33, 33, 44, 1) 47.5%, rgba(59, 59, 78, 1) 100%) */
	}
	.fitfix .left-img-sec figure {
		position: relative;
		left: -45%;
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9)
	}
	.notch-screens {
		right: -5.5%;
		transform: scale(.9);
		top: 30px;
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9)
	}
	.notch .left-text-sec {
		padding-top: 4%
	}
	.spooner .left-text-sec {
		padding-top: 8%
	}
	.spooner .right-img-sec {
		padding-left: 6%;
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9);
		top: -18px
	}
	.spooner-app-screen4 {
		left: 35%
	}
	.spooner-app-screen3 {
		left: 36%
	}
	.lunchserved .left-text-sec {
		padding-top: 55px
	}
	.lunchserved .right-img-sec figure {
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9);
		bottom: -180px;
		right: -100px
	}
	.juvly img.juvly-screen {
		left: 0;
		top: -38px;
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9)
	}
	.juvly .left-text-sec {
		margin-top: 9.5%
	}
	.juvly {
		
		background-image: url(./images/portfolio/taxbg.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
		/* background: linear-gradient(153.2deg, #0089a5 0%, #0089a5 50%, #005a6c 50%, #005a6c 99%) */
	}
	.campcrate .left-text-sec {
		top: 300px
	}
	.campcrate .right-img-sec {
		padding-top: 0;
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9)
	}
	.whos-in .right-img-sec {
		right: 0;
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9)
	}
	.whos-in-app {
		right: -45px
	}
	.whos-in .right-img-sec figure {
		bottom: -90px
	}
	.neworleans .left-text-sec {
		padding-top: 37px
	}
	.neworleans .right-img-sec figure {
		bottom: -100px;
		right: -50px;
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9)
	}
	.webild .left-text-sec {
		padding-top: 60px
	}
	.webild figure {
		/* bottom: -34px; */
		transform: scale(.9);
		/* -webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9) */
	}
	.menuvenu.webild figure {
		right: -30px;
		bottom: -47px
	}
	.menuvenu {
		background: linear-gradient(153.2deg, rgba(255, 90, 95, 1) 0%, rgba(255, 90, 95, 1) 50%, rgba(255, 195, 90, 1) 50%, rgba(255, 195, 90, 1) 100%)
	}
	.lunchserved.ecoupons .right-img-sec figure {
		right: -144px;
		bottom: -140px
	}
	.lunchserved.ecoupons .left-text-sec {
		padding-top: 75px
	}
	.snapsellers .full-img figure {
		left: -100px;
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9)
	}
	.snapsellers .full-img figure {
		left: -78px;
		bottom: -32px
	}
	.snapsellers {
		/*background: linear-gradient(38deg, rgba(154, 75, 156, 1) 0%, rgba(154, 75, 156, 1) 50%, rgba(114, 54, 117, 1) 50%, rgba(114, 54, 117, 1) 100%)*/
		/* background: linear-gradient(145deg, rgb(223, 68, 65) 0%, rgb(215, 61, 58) 50%, rgb(99, 99, 99) 50%, rgb(99, 99, 99) 100%); */
	background: url(../images/portfolio/tasky.png) no-repeat center center/cover;

	}

	.DEM {
		/*background: linear-gradient(38deg, rgba(154, 75, 156, 1) 0%, rgba(154, 75, 156, 1) 50%, rgba(114, 54, 117, 1) 50%, rgba(114, 54, 117, 1) 100%)*/
		background: linear-gradient(135deg, rgb(23, 194, 164) 0%, rgb(23, 194, 164) 50%, rgb(64, 63, 63) 50%, rgb(64, 63, 63) 100%);
	}
	.whiteswan .corner-square h2 {
		font-size: 60px;
		left: 0;
		transform: translate(24%, 0);
		margin: 0 auto;
		letter-spacing: -3px
	}
	.whiteswan .corner-square p {
		margin: 30px 0 30px 50px;
		max-width: 55%
	}
	.app-btn {
		transform: translate(-7%, 0)
	}
	.owl-carousel .owl-item {
		height: 100vh
	}
	.innerbanner {
		background-position: 0 0
	}
	.white-header .nav li .sub {
		top: 50px
	}
	.imagebg-container {
		/*background: url(https://www.xicom.biz/) no-repeat 0px 0px/cover*/
	}
	.imagebg-container.offer-bg {
		padding: 19vh 0 5px
	}
	.third-slide {
		margin-top: -250px
	}
	.row.different-columns {
		margin: 40px auto 0
	}
	.form-popup-ms .modal-dialog {
		margin: 6.9% auto 0
	}
}

@media screen and (max-width: 1400px) {
	.sections.fitfix {
		padding: 7% 0 0;
		/*background: linear-gradient(133deg, rgba(33, 33, 44, 1) 1%, rgba(59, 59, 78, 1) 44.5%, rgba(33, 33, 44, 1) 44.5%, rgba(59, 59, 78, 1) 100%)*/
		/* background: linear-gradient(133deg,rgb(101, 206, 209) 1%,rgb(3, 155, 158) 50%,rgb(33, 33, 44) 50%,rgb(59, 59, 78) 100%); */
	}
	.notch .left-text-sec {
		padding-top: 6%
	}
	.fitfix .left-img-sec figure {
		position: relative;
		left: -39%
	}
	.sections.fitfix .right-text-sec {
		padding-left: 65px;
		padding-top: 20px
	}
	.notch .left-text-sec {
		padding-right: 80px
	}
	.mobile-portfolio .btn {
		margin-top: 10px;
		padding: 11px 20px 11px 46px;
		width: auto;
		color: #fff;
		font-size: 16px
	}
	#portfolio .circle-btn::before,
	#portfolio .circle-btn::after {
		top: 12px;
		left: 17px
	}
	.sections p {
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 23px
	}
	.mobile-portfolio h2 {
		margin-bottom: 17px;
		font-size: 80px
	}
	.spooner-app-screen3 {
		left: 31%
	}
	.spooner-app-screen4 {
		left: 30%
	}
	.spooner .right-img-sec {
		padding-left: 1%;
		left: 50px;
		padding-left: 0%;
		transform: scale(.85);
		-webkit-transform: scale(.85);
		-moz-transform: scale(.85);
		-o-transform: scale(.85);
		-ms-transform: scale(.85);
		top: -50px
	}
	.lunchserved .left-text-sec {
		padding-top: 70px
	}
	.lunchserved .right-img-sec figure {
		transform: scale(.85);
		-webkit-transform: scale(.85);
		-moz-transform: scale(.85);
		-o-transform: scale(.85);
		-ms-transform: scale(.85);
		bottom: -195px;
		right: -100px
	}
	.juvly {
		/* background: linear-gradient(154.2deg, #0089a5 0%, #0089a5 50%, #005a6c 50%, #005a6c 99%) */
	}
	.juvly img.juvly-screen {
		left: -60px
	}
	.campcrate .left-text-sec {
		top: 270px
	}
	.campcrate .right-img-sec {
		padding-top: 0;
		transform: scale(.85);
		-webkit-transform: scale(.85);
		-moz-transform: scale(.85);
		-o-transform: scale(.85);
		-ms-transform: scale(.85);
		top: -46px
	}
	.whos-in .right-img-sec {
		right: -21px;
		bottom: -12px;
		transform: scale(.85);
		-webkit-transform: scale(.85);
		-moz-transform: scale(.85);
		-o-transform: scale(.85);
		-ms-transform: scale(.85)
	}
	.neworleans .right-img-sec figure {
		bottom: -120px;
		right: -74px;
		transform: scale(.85);
		-webkit-transform: scale(.85);
		-moz-transform: scale(.85);
		-o-transform: scale(.85);
		-ms-transform: scale(.85)
	}
	.webild figure {
		/* bottom: -70px;
		right: -30px; */
		transform: scale(.8);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		-ms-transform: scale(.8)
	}
	.menuvenu.webild figure {
		right: -60px;
		bottom: -94px
	}
	.whos-in-app {
		right: 0
	}
	.webild .right-img-sec {
		right: -34px
	}
	.webild.menuvenu .left-text-sec {
		padding-top: 90px
	}
	.lunchserved.ecoupons .left-text-sec {
		padding-top: 85px
	}
	.snapsellers .full-img figure {
		left: -115px;
		top: 0
	}
	.sections.snapsellers .container {
		position: static
	}
	.snapsellers .full-img {
		position: absolute;
		bottom: 0;
		right: 0
	}
	.first-slide {
		margin-top: -200px
	}
	.third-slide {
		margin-top: -230px
	}
	.item .business_outsourcing {
		display: inline-block
	}
	.iphone {
		right: -358px
	}
}
@media screen and (max-width: 1360px) {}@media screen and (max-width: 1270px) and (min-width: 1025px) {
	#fp-nav.left {
		left: -3px!important
	}
	.fp-viewing-0 #fp-nav.left {
		left: auto!important;
		right: -3px!important
	}
	.mobile-portfolio h2 {
		font-size: 70px
	}
	.sections p {
		font-size: 16px;
		line-height: 21px
	}
	.mobile-portfolio .btn {
		margin-top: 10px;
		padding: 10px 18px 11px 45px;
		width: auto;
		color: #fff;
		font-size: 18px
	}
	.fitfix .left-img-sec figure {
		position: relative;
		left: -46%;
		transform: scale(.75);
		-moz-transform: scale(.75);
		-ms-transform: scale(.75);
		-o-transform: scale(.75);
		-webkit-transform: scale(.75)
	}
	.sections.fitfix .right-text-sec {
		padding-top: 50px
	}
	.sections.fitfix {
		padding: 13.5% 0 0
	}
	.iphone {
		right: -490px
	}
	.notch-screens {
		-moz-transform: scale(.75);
		-webkit-transform: scale(.75);
		-ms-transform: scale(.75);
		transform: scale(.75);
		-o-transform: scale(.75);
		right: -20.5%;
		top: 80px
	}
	.notch .left-text-sec {
		padding-right: 30px;
		padding-top: 12%
	}
	.spooner .left-text-sec {
		padding-top: 16%
	}
	.spooner .right-img-sec {
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7);
		left: 0
	}
	.lunchserved .right-img-sec figure {
		transform: scale(.65);
		-webkit-transform: scale(.65);
		-moz-transform: scale(.65);
		-o-transform: scale(.65);
		-ms-transform: scale(.65);
		bottom: -240px;
		right: -170px;
		left: auto;
		position: absolute
	}
	.juvly img.juvly-screen {
		left: -160px;
		transform: scale(.75);
		-webkit-transform: scale(.75);
		-moz-transform: scale(.75);
		-o-transform: scale(.75);
		-ms-transform: scale(.75)
	}
	.campcrate .right-img-sec {
		right: 115px;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.whos-in .right-img-sec {
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7);
		right: 76px;
		bottom: -37px
	}
	.neworleans .right-img-sec figure {
		bottom: -120px;
		right: -148px;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.webild figure {
		/* bottom: -105px;
		right: -90px; */
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.menuvenu.webild figure {
		right: -90px;
		bottom: -150px;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.webild.menuvenu .left-text-sec {
		padding-top: 140px
	}
	.lunchserved.ecoupons .right-img-sec figure {
		right: -226px;
		bottom: -188px;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.lunchserved.ecoupons .left-text-sec {
		padding-top: 135px
	}
	.snapsellers .full-img figure {
		left: -200px;
		bottom: -100px;
		top: auto;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.snapsellers .left-text-sec {
		padding-top: 135px
	}
	#portfolio .circle-btn::before,
	#portfolio .circle-btn::after {
		top: 14px
	}
}
@media screen and (max-width: 1279px) {
	#fp-nav.left {
		left: -3px!important
	}
	.fp-viewing-0 #fp-nav.left {
		left: auto!important;
		right: -3px!important
	}
	.mobile-portfolio h2 {
		font-size: 60px;
		font-weight: 700;
		letter-spacing: -3px
	}
	.sections p {
		font-size: 16px;
		line-height: 21px
	}
	.mobile-portfolio .btn {
		margin-top: 10px;
		padding: 10px 18px 11px 45px;
		width: auto;
		color: #fff;
		font-size: 18px
	}
	.fitfix .left-img-sec figure {
		position: relative;
		left: -46%;
		transform: scale(.75);
		-moz-transform: scale(.75);
		-ms-transform: scale(.75);
		-o-transform: scale(.75);
		-webkit-transform: scale(.75)
	}
	.sections.fitfix .right-text-sec {
		padding-top: 50px
	}
	.sections.fitfix {
		padding: 13.5% 0 0
	}
	.iphone {
		right: -490px
	}
	.notch-screens {
		-moz-transform: scale(.75);
		-webkit-transform: scale(.75);
		-ms-transform: scale(.75);
		transform: scale(.75);
		-o-transform: scale(.75);
		right: -20.5%;
		top: 80px
	}
	.notch .left-text-sec {
		padding-right: 30px;
		padding-top: 12%
	}
	.spooner .left-text-sec {
		padding-top: 16%
	}
	.spooner .right-img-sec {
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7);
		left: 0
	}
	.lunchserved .right-img-sec figure {
		transform: scale(.65);
		-webkit-transform: scale(.65);
		-moz-transform: scale(.65);
		-o-transform: scale(.65);
		-ms-transform: scale(.65);
		bottom: -240px;
		right: -170px;
		left: auto;
		position: absolute
	}
	.juvly img.juvly-screen {
		left: -160px;
		transform: scale(.75);
		-webkit-transform: scale(.75);
		-moz-transform: scale(.75);
		-o-transform: scale(.75);
		-ms-transform: scale(.75)
	}
	.campcrate .right-img-sec {
		right: 115px;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.whos-in .right-img-sec {
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7);
		right: 76px;
		bottom: -37px
	}
	.neworleans .right-img-sec figure {
		bottom: -120px;
		right: -148px;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.webild figure {
		bottom: -105px;
		right: -90px;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.menuvenu.webild figure {
		right: -90px;
		bottom: -150px;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.webild.menuvenu .left-text-sec {
		padding-top: 140px
	}
	.lunchserved.ecoupons .right-img-sec figure {
		right: -226px;
		bottom: -188px;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.lunchserved.ecoupons .left-text-sec {
		padding-top: 135px
	}
	.snapsellers .full-img figure {
		left: -200px;
		bottom: -100px;
		top: auto;
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		-ms-transform: scale(.7)
	}
	.snapsellers .left-text-sec {
		padding-top: 135px
	}
	.third-slide {
		margin-top: -218px
	}
	.statistics .stats-title.lg-font+.redborder,
	.statistics .lg-font+.redborder {
		margin-top: 40px;
		margin-bottom: 28px
	}
	.statistics .stats-title .redborder,
	.statistics .redborder {
		margin: 43px auto 20px
	}
	.statistics h2 {
		padding: 0 80px
	}
	.imagebg-container .subtitle br {
		display: none
	}
	.iphone-slider .stepcarousel .panel .right-area img {
		width: 100%
	}
	.imagebg-container .subtitle,
	.imagebg-container h2 {
		font-size: 18px;
		line-height: normal
	}
	.services-sec .right-sec {
		padding-left: 80px
	}
	.img-right {
		right: 10px;
		width: 40%;
		top: 60px
	}
	.services-sec {
		width: 58%
	}
	.services-sec h3 {
		font-size: 20px;
		margin-bottom: 5px
	}
	.services-left-column {
		padding-right: 10px
	}
	#slide-portfolio.fade-portfolio {
		background: url(../images/portfolio/ecoupons.jpg) scroll no-repeat 0px 0px/auto 100%
	}
	#slide-portfolio.campcrate .left-img-sec figure img {
		max-width: 95%
	}
	.fitfix-sec .ipad {
		left: -33px
	}
	.fitfix-sec .iphone {
		right: -610px
	}
	.whosin-sec img {
		max-height: 630px
	}
	#portfolio .sections .container {
		width: 970px;
		padding: 0
	}
	#portfolio .circle-btn::before,
	#portfolio .circle-btn::after {
		top: 14px
	}
	.spooner .right-img-sec {
		width: 66.66666667%;
		max-width: none;
		flex: none
	}
	.lunchserved .left-text-sec {
		padding-top: 140px
	}
	.juvly .left-text-sec {
		margin-top: 16.5%
	}
	.campcrate .left-text-sec {
		top: 300px
	}
	.whos-in .left-text-sec {
		padding-top: 90px
	}
	.neworleans .left-text-sec {
		padding-top: 145px
	}
	.webild .left-text-sec {
		padding-top: 140px
	}
	.webild.menuvenu .left-text-sec {
		padding-top: 160px
	}
	.ecoupons {
		background: url(../images/portfolio/Ticket-booking-app_bg.jpg) no-repeat 0px 0px/cover
	}
}
@media screen and (max-width: 980px) {
	.fitfix .left-img-sec figure {
		left: 0;
		padding-top: 40px
	}
	.fitfix .left-img-sec figure,
	.notch-screens,
	.spooner .right-img-sec,
	.lunchserved .right-img-sec figure,
	.campcrate .right-img-sec,
	.whos-in .right-img-sec,
	.neworleans .right-img-sec figure,
	.webild figure,
	.menuvenu.webild figure,
	.lunchserved.ecoupons .right-img-sec figure,
	.snapsellers .full-img figure {
		transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1)
	}
	.spooner .right-img-sec {
		padding-right: 0;
		padding-top: 100px
	}
	.spooner .right-img-sec img.spooner-app-screen1,
	.spooner .right-img-sec img.spooner-app-screen2 {
		max-width: 32%
	}
	.spooner .right-img-sec img {
		/*max-width: 44.5%*/
		max-width: 800px;
	}
	.spooner .right-img-sec img.spooner-app-screen3 {
		max-width: 50%;
		top: auto
	}
	img.ipad {
		position: relative;
		left: 0;
		max-width: 73%
	}
	.iphone {
		right: 0;
		max-width: 44%
	}
	.notch .right-img-sec,
	.webild .right-img-sec {
		left: 0
	}
	.sections.fitfix .right-text-sec {
		padding-top: 0px;
		padding-left: 20px
	}
	.sections.fitfix {
		padding: 12% 0 0
	}
	.notch .left-text-sec {
		padding-top: 60px
	}
	.notch-screens {
		right: -5%;
		top: 0;
		max-width: 100%
	}
	.spooner .left-text-sec {
		padding-top: 50px
	}
	.lunchserved .right-img-sec figure {
		bottom: -147px;
		right: 0;
		left: auto;
		position: absolute
	}
	.lunchserved .right-img-sec figure img.webild1 {
		max-width: 90%;
		float: right
	}
	.lunchserved .right-img-sec,
	.neworleans .right-img-sec {
		left: 0
	}
	.juvly .left-text-sec {
		width: 100%;
		margin-top: 60px;
		transform: translate(0, 0)
	}
	.campcrate .left-text-sec {
		padding-right: 0;
		padding-top: 40px;
		padding-bottom: 50px
	}
	.campcrate .right-img-sec {
		right: 0;
		position: relative;
		max-height: 51vh;
		overflow: hidden;
		top: 20px
	}
	.campcrate .right-img-sec img {
		max-width: 100%
	}
	.whos-in .left-text-sec {
		max-width: 78%;
		padding: 10px 0 50px
	}
	.whos-in .right-img-sec figure {
		bottom: 0;
		position: relative;
		max-width: 100%
	}
	.whos-in-app {
		right: 0;
		max-width: 100%
	}
	.whos-in .right-img-sec {
		right: 0;
		bottom: -40px;
		left: 0;
		top: auto;
		position: relative
	}
	.neworleans .left-text-sec {
		padding-top: 50px
	}
	.neworleans .right-img-sec figure {
		bottom: -150px;
		right: 0
	}
	.neworleans-screens {
		max-width: 100%
	}
	.webild .left-text-sec {
		padding-top: 60px
	}
	.webild .right-img-sec {
		right: 0
	}
	.webild figure .webild1 {
		right: 90px;
		max-width: 80%;
		position: relative
	}
	.webild figure img {
		max-width: 80%;
		right: -55px
	}
	.webild figure {
		/* bottom: -27px */
	}
	.webild.menuvenu .left-text-sec {
		padding-top: 80px
	}
	.menuvenu.webild figure {
		right: -100px;
		bottom: -150px
	}
	.lunchserved.ecoupons .left-text-sec {
		padding-top: 65px
	}
	.lunchserved.ecoupons .right-img-sec {
		position: relative
	}
	.lunchserved.ecoupons .right-img-sec figure {
		right: -90px;
		bottom: -130px;
		position: relative
	}
	.lunchserved.ecoupons .right-img-sec figure img {
		max-width: 100%
	}
	.snapsellers .full-img figure img {
		float: left;
		max-width: 81%
	}
	.snapsellers .full-img figure {
		right: 0;
		position: relative;
		left: 0;
		bottom: -5px;
		top: auto
	}
	.snapsellers .full-img {
		right: -72px;
		position: relative
	}
	.snapsellers .left-text-sec {
		padding-top: 48px
	}
	.third-slide {
		margin-top: -120px
	}
	#demo {
		margin-bottom: -20px
	}
	.service-section #innerleft ul.leftlinks li a h3,
	.service-section #innerleft ul.leftlinks li a strong.left-head {
		font-size: 16px;
		line-height: 18px
	}
	.container.offering-section>.rowfull.pt10 {
		padding-top: 20px
	}
	ul.hire-team-process {
		padding: 20px 0 25px
	}
	.our-brand .section-title {
		left: 0;
		top: -10px;
		right: 0;
		margin: 0 auto;
		width: 150px;
		text-align: center
	}
	.container.offering-section .our-brand {
		margin-bottom: 40px
	}
	.iphone-slider .stepcarousel .panel .right-area {
		width: 300px!important;
		padding: 60px 0 0 20px!important
	}
	.mob-btn-scroll {
		display: inline-block;
		width: auto
	}
	.custom_requirements .buttons.red_small,
	.buttons.mob-btn-scroll {
		padding: 14px 33px!important
	}
	.services-sec {
		float: left
	}
	#slide-portfolio.campcrate {
		min-height: 62vh
	}
	#slide-portfolio h2,
	#slide-portfolio h4,
	#slide-portfolio .h4 {
		font-family: breuertextbold;
		font-size: 60px;
		text-indent: -3px;
		letter-spacing: -4px
	}
	#slide-portfolio.fade-portfolio .fitfix-sec .right-text-sec {
		top: 20px
	}
	.fitfix-sec .ipad {
		top: 0;
		left: 0
	}
	.fitfix-sec .iphone {
		bottom: -80px;
		right: -540px
	}
	.whosin-sec img {
		right: 0
	}
	#slide-portfolio .spooner-sec .left-img-sec figure img {
		max-width: 280px
	}
	.img-right {
		right: 0;
		top: 30px
	}
	.our-brand li {
		display: inline-block;
		vertical-align: middle
	}
	.our-brand li {
		padding: 0 2px;
		transform: scale(.8);
		float: left
	}
	.success-stories h5,
	.diffrentiators h5 {
		font-size: 18px
	}
	.diffrentiators {
		padding: 40px 0 45px
	}
	.success-stories h4,
	.success-stories .lrg-head,
	.diffrentiators h4 {
		font-size: 43px
	}
	.row.different-columns {
		margin: 30px auto 0
	}
	.diffrentiators .inner-box .content {
		padding: 15px 10px 5px;
		left: 15px;
		right: 15px;
		bottom: 15px
	}
	.red-title {
		padding: 4px 8px 3px;
		margin: 0 auto 9px
	}
	.diffrentiators .inner-box {
		height: 280px
	}
	.diffrentiators .content h5 {
		font-size: 18px
	}
	.diffrentiators .content p {
		line-height: 1.2;
		font-size: 13px
	}
	.red-section .flex {
		display: inline-block;
		padding: 0
	}
	.industries-list {
		padding: 25px 10px 15px;
		font-size: 14px;
		line-height: normal;
		float: left;
		max-width: none
	}
	.list-heading {
		font-size: 16px;
		font-family: breuertextbold;
		margin-bottom: 4px
	}
	.red-section h2,
	.red-section h4,
	.red-section .h4.main-heading {
		font-size: 43px
	}
	.red-section {
		padding: 40px 0 45px 0
	}
	.testimonials h4.small-heading,
	.testimonials .h4.small-heading {
		margin: 5px 25px 20px
	}
	.testmonial-box p {
		font-size: 17px
	}
	.success-stories {
		padding: 50px 0 0;
		height: 300px
	}
	.hsgroup h2.topHeading,
	.hsgroup h5.topHeading,
	.capabilities h2,
	.white-bg h2,
	.top-bar h2,
	.hsgroup.top-bar h2,
	h4.Testi-head {
		margin: 25px 0 10px
	}
	#sec3.our-guarantee p {
		margin-bottom: 0
	}
	.img-right.iphone-img {
		top: 125px
	}
	.success-stories {
		background: url(https://www.xicom.biz/) no-repeat center -170px/cover
	}
	.col-md-6 {
		flex: 100%;
		max-width: 100%;
		padding: 0 15px
	}
	.notch .right-img-sec,
	.webild .right-img-sec,
	.notch .left-text-sec,
	.spooner .left-text-sec,
	.spooner .right-img-sec,
	.lunchserved .left-text-sec,
	.lunchserved .right-img-sec,
	.neworleans .right-img-sec,
	.juvly .left-text-sec,
	.whos-in .right-img-sec,
	.webild.menuvenu .left-text-sec {
		flex: 100%;
		max-width: 100%
	}
	#portfolio .sections .container {
		padding: 0 15px;
		display: inline-block
	}
	#portfolio .sections .container {
		width: 750px
	}
	.sections.spooner .right-img-sec {
		width: 100%;
		max-width: 100%
	}
	.spooner-app-screen4 {
		left: 24%
	}
	.spooner-app-screen3 {
		left: 25%
	}
	.spooner-app-screen2 {
		left: 34%
	}
	.lunchserved .left-text-sec {
		padding-top: 90px
	}
	.campcrate .left-text-sec {
		top: 190px
	}
}
@media screen and (max-width: 767px) {
	.mobile-portfolio h2 {
		font-size: 50px;
		margin: 7px auto;
		/* letter-spacing: -3px */
	}
	.fitfix .left-img-sec figure {
		left: 0;
		padding-top: 0
	}
	.iphone {
		bottom: -45px
	}
	.sections p {
		font-size: 14px;
		line-height: 17px
	}
	.mobile-portfolio .btn {
		margin-top: 5px
	}
	.notch .left-text-sec {
		padding: 0 15px 10px
	}
	.notch {
		padding: 60px 0 0
	}
	.spooner .left-text-sec {
		padding-top: 0;
		padding-bottom: 40px
	}
	.sherlock-app1,
	.spooner-app-screen1,
	.sherlock-app4,
	.spooner-app-screen2 {
		top: 50px
	}
	.sections {
		padding: 60px 0 0
	}
	.lunchserved .left-text-sec {
		padding-top: 0
	}
	.lunchserved .right-img-sec figure {
		bottom: -80px
	}
	.juvly .left-text-sec {
		margin-top: 0
	}
	.lunchserved .right-img-sec figure img.webild1 {
		max-width: 100%
	}
	.sections.lunchserved p,
	.sections.whos-in p {
		width: 100%
	}
	.whos-in .left-text-sec {
		width: 100%;
		max-width: 100%;
		padding: 10px 15px 50px
	}
	.sections.fitfix .right-text-sec {
		padding-left: 15px;
		padding-right: 15px
	}
	.juvly .right-img-sec {
		top: 0
	}
	.juvly .right-img-sec figure {
		max-height: 800px;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 80px
	}
	.juvly img.juvly-screen {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		max-width: 100%;
		top: 0;
		left: 0
	}
	.campcrate .left-text-sec {
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 30px
	}
	.campcrate .right-img-sec {
		max-height: 41vh
	}
	.sections.whos-in {
		padding-top: 75px
	}
	.whos-in {
		background: linear-gradient(123deg, rgba(0, 139, 204, 1) 0%, rgba(0, 139, 204, 1) 67.2%, rgba(255, 255, 255, 1) 53.8%, rgba(255, 255, 255, 1) 100%)
	}
	.whos-in .right-img-sec {
		bottom: -45px
	}
	.neworleans .left-text-sec,
	.webild .left-text-sec,
	.webild.menuvenu .left-text-sec,
	.lunchserved.ecoupons .left-text-sec,
	.snapsellers .left-text-sec {
		padding-top: 0
	}
	.neworleans .left-text-sec p {
		width: 100%
	}
	.neworleans {
		background: linear-gradient(58deg, #63483c 1%, #63483c 67.2%, #222 67.2%, #222 100%)
	}
	.webild figure img {
		max-width: 50%;
		right: 85px;
		top: 0
	}
	.webild figure img.webild2 {
		top: 40px
	}
	.webild figure .webild1 {
		right: 0;
		max-width: 50%;
		position: relative
	}
	.webild.menuvenu .right-img-sec {
		right: 0
	}
	.menuvenu img.menuvenu-1 {
		width: 100%;
		max-width: 90%;
		top: 0;
		display: block;
		float: none;
		margin: 0 auto
	}
	.menuvenu.webild figure {
		bottom: -133px
	}
	.lunchserved.ecoupons .right-img-sec figure {
		right: 0;
		bottom: -70px
	}
	.lunchserved.ecoupons .right-img-sec {
		padding: 0
	}
	.snapsellers .full-img figure {
		right: 0;
		position: relative;
		left: 0;
		bottom: 0;
		top: auto;
		width: 100%
	}
	.snapsellers .full-img figure img {
		float: left;
		max-width: 100%
	}
	.snapsellers .full-img {
		right: -18px;
		top: auto;
		bottom: -50px
	}
	img.ipad {
		max-width: 100%
	}
	.sections.fitfix .right-text-sec {
		padding-top: 20px
	}
	#fp-nav {
		display: none
	}
	.fp-scrollable {
		height: auto!important
	}
	.sections,
	.sections.whos-in {
		/* height: auto!important; */
		/* padding: 20px 0 0; */
		/* min-height: 0!important */
	}
	.sections.fitfix {
		padding: 21% 0 25px
	}
	.notch .right-img-sec,
	.webild .right-img-sec,
	.lunchserved .right-img-sec,
	.neworleans .right-img-sec {
		position: relative
	}
	.notch .right-img-sec figure,
	.lunchserved .right-img-sec figure,
	.juvly .right-img-sec figure,
	.neworleans .right-img-sec figure,
	.webild figure {
		position: relative
	}
	.neworleans .right-img-sec {
		padding: 0;
		top: 0
	}
	.neworleans .right-img-sec figure {
		bottom: 0
	}
	.webild .right-img-sec {
		top: 0;
		margin-top: 20px
	}
	.lunchserved .right-img-sec {
		padding: 0
	}
	.lunchserved .right-img-sec figure {
		bottom: 0
	}
	.juvly .right-img-sec figure {
		top: 20px
	}
	.campcrate .right-img-sec {
		max-height: 60vh
	}
	.whos-in .left-text-sec {
		padding-bottom: 0
	}
	.webild.menuvenu .right-img-sec {
		height: 300px
	}
	.menuvenu.webild figure {
		bottom: -20px
	}
	.lunchserved.ecoupons .right-img-sec figure {
		bottom: 0
	}
	.lunchserved .right-img-sec figure,
	.neworleans .right-img-sec figure {
		right: -15px
	}
	.webild figure img {
		right: 115px
	}
	.webild figure {
		bottom: -10px
	}
	.webild figure .webild1 {
		right: 60px
	}
	header.logo-navbar {
		border: 0
	}
	.statistics.transform-business .stats-title {
		font-size: 29px;
		line-height: 30px
	}
	.imagebg-container .buttons.mob-btn-scroll {
		font-family: breuertextbold;
		width: 87%;
		margin: 30px auto 0;
		font-size: 20px;
		height: auto;
		line-height: normal;
		max-width: 345px
	}
	.item.third-slide img {
		height: auto
	}
	.mobile-portfolio .btn {
		font-size: 14px
	}
	#portfolio .circle-btn::before,
	#portfolio .circle-btn::after {
		top: 11px
	}
	.spooner .right-img-sec {
		padding-top: 30px
	}
	.sections.spooner .right-img-sec {
		margin-bottom: -7px
	}
	.campcrate .left-text-sec {
		top: 135px
	}
	.neworleans-screens {
		float: right
	}
	.menuvenu.webild figure {
		right: 0
	}
	.sections.fitfix {
		padding: 120px 0 50px
	}
	.mobile-portfolio .btn {
		padding: 12px 24px 12px 50px
	}
	#portfolio .circle-btn::before,
	#portfolio .circle-btn::after {
		top: 12px;
		left: 20px
	}
	.sections,
	.sections.whos-in {
		padding: 40px 0 0
	}
}
@media screen and (max-width: 567px) {
	.mobile-portfolio h2 {
		font-size: 45px !important
	}
	.sections.fitfix {
		padding: 120px 0 50px
	}
	.iphone {
		right: -59px;
		max-width: 85%;
		bottom: -71px
	}
	img.ipad {
		max-width: 550px;
		/*left: -233px;*/
		left: -156px;
	}
	.mobile-portfolio .btn {
		padding: 13px 24px 13px 50px;
		margin: 20px auto 0;
		/* width: 100%; */
		text-align: center
	}
	#portfolio .circle-btn::before,
	#portfolio .circle-btn::after {
		top: 13px;
		left: 20px
	}
	.sections p {
		font-size: 14px;
		line-height: 22px;
	}
	.notch-screens {
		/*right: -38%;*/
		right: -13%;
		top: -35px;
		max-width: 450px
	}
	.spooner .right-img-sec img,
	.spooner .right-img-sec img.spooner-app-screen3,
	.spooner .right-img-sec img.spooner-app-screen1,
	.spooner .right-img-sec img.spooner-app-screen2 {
		/*max-width: 200px*/
		max-width: 450px;
	}
	.spooner .right-img-sec img.spooner-app-screen1 {
		margin-left: -80px
	}
	.spooner .right-img-sec img.spooner-app-screen4 {
		margin-left: -40px;
		margin-top: -12px;
		max-width: 250px
	}
	.spooner .right-img-sec img.spooner-app-screen3 {
		margin-left: 0;
		margin-top: 0;
		display: none
	}
	.spooner .right-img-sec img.spooner-app-screen2 {
		margin-left: -20px;
		margin-top: -20px
	}
	.mobile-portfolio .sections.spooner .btn {
		margin: 20px auto 30px
	}
	.sections.spooner {
		padding: 55px 0 0
	}
	.lunchserved .right-img-sec figure img.webild1 {
		max-width: 380px;
		/*right: -25px;*/
		right: 0px;
		position: relative
	}
	.lunchserved.ecoupons .right-img-sec figure img.webild1 {
		max-width: 400px;
		/*right: -43px;*/
		right: 5px;
		position: relative
	}
	.lunchserved .right-img-sec figure {
		right: 0
	}
	.lunchserved .right-img-sec,
	.juvly .right-img-sec,
	.campcrate .right-img-sec,
	.whos-in .right-img-sec,
	.webild .right-img-sec,
	.neworleans .right-img-sec,
	.webild.menuvenu .right-img-sec,
	.snapsellers .full-img {
		width: calc(100% + 30px);
		max-width: none;
		margin: 0 -15px;
		padding: 0
	}
	.whos-in-app {
		right: 50px;
		max-width: 130%
	}
	.juvly img.juvly-screen {
		margin-top: 30px
	}
	.campcrate .left-text-sec {
		top: 0;
		transform: translate(0, 0);
		padding: 0 15px 20px
	}
	.campcrate .right-img-sec img {
		/*max-width: 135%;
		left: 32px;
		position: relative*/
		/* max-width: 110%;
		left: -25px; */
		position: relative;
	}
	.whos-in {
		/*background: linear-gradient(130deg, rgba(0, 139, 204, 1) 0%, rgba(0, 139, 204, 1) 61.2%, rgba(255, 255, 255, 1) 16.8%, rgba(255, 255, 255, 1) 100%)*/
		background: linear-gradient(145deg, rgb(250, 208, 77) 0%, rgb(250, 208, 77) 59%, rgb(58, 58, 60) 59%, rgb(59, 59, 59) 100%);
	}
	.webild.menuvenu .right-img-sec {
		height: 313px;
		margin: 30px -15px 0
	}
	.webild .right-img-sec {
		margin: 40px auto 0
	}
	.webild figure .webild1 {
		max-width: 80%;
		right: 97px
	}
	.webild figure img.webild2 {
		top: 90px;
		right: 120px
	}
	.snapsellers .full-img {
		bottom: -20px;
		margin: 20px auto 0
	}
	header.logo-navbar {
		background: rgba(20, 20, 20, .9)
	}
	.neworleans {
		background: #6dcc97; 
	}
	.neworleans .right-img-sec figure {
		right: 0
	}
}
@media screen and (max-width: 360px) {}