/*
 * Landing Section
 */

.landing-section {
	padding: 40px 0 20px;
}

.landing-section .point {
	position: relative;
	padding: 40px 0;
}

.landing-section .title {
	line-height: 1;
}

.landing-section .point .heading {
	position: relative;
	z-index: 2;
	margin-bottom: 50px;
}

.landing-section .point .description {
	position: relative;
	z-index: 2;
	/*font-size: 1rem;*/
	/*text-align: justify;*/
}

.landing-section .point .point-mg {
	display: inline-block;
	/*width: 250px;*/
	width: 240px;
	height: auto;
	position: absolute;
	z-index: 1;
	top: 65px;
}

.landing-section .point:nth-of-type(2n+1) {
	/*direction:rtl;*/
	/*text-align: right*/
}

.landing-section .point:nth-of-type(2n) .point-mg {
	right: 8.33333%;
	transform: translateX(50%);
}

.landing-section .point:nth-of-type(2n+1) .point-mg {
	left: 8.33333%;
	transform: translateX(-50%);
}

.landing-section .point .point-mg.calendar {
	transform: translateX(50%) rotate(-15deg);

}

.landing-section .point .point-mg.laptop,
.landing-section .point .point-mg.phone {
	overflow-x: hidden;
}

.landing-section .point .point-mg.laptop.laptop {
	width: 180px;
	top: 130px;
	right: -50px;
	transform: translateX(0);
}

.landing-section .point .point-mg.laptop video {
	width: 135%;
}
	
.landing-section .point .point-mg.phone.phone {
	width: 253px;
	top: 110px;
	left: -50px;
	transform: translateX(0);
}

.landing-section .point .point-mg.phone video {
	width: 100%;
}



@media( min-width: 640px )  {
	.landing-section {
		padding: 100px 0 23px;
	}

	.landing-section .point {
		padding: 70px 0;
	}

	.landing-section .point .description {
		line-height: 1.5;
		text-align: inherit;
	}
	.landing-section .point:nth-of-type(2n+1) {
		direction: initial;
	}
	.landing-section .point:nth-of-type(2n+1) .heading,
	.landing-section .point:nth-of-type(2n+1) .description {
		text-align: right;
	}


	.landing-section .point .point-mg {
		width: 400px;
		top: -20px;
	}
	.landing-section .point:nth-of-type(2n) .point-mg {
		right: 0;
	}
	.landing-section .point:nth-of-type(2n+1) .point-mg {
		left: 0;
	}

	.landing-section .point .point-mg.laptop.laptop {
		width: 280px;
		top: 50px;
		right: -100px;
	}
	.landing-section .point .point-mg.laptop video {
		width: 180%;
	}	
	.landing-section .point .point-mg.phone.phone {
		width: 420px;
		top: 20px;
		left: -100px;
	}

}




@media( min-width: 1040px ) {
	.landing-section {
		padding: 180px 0 74px;
	}

	.landing-section .point {
		padding: 100px 0;
	}

	.landing-section .point .description {
		line-height: 1.75;
	}
	
	.landing-section .point .point-mg {
		width: 460px;
		top: -20px;
	}

	.landing-section .point .point-mg.laptop.laptop {
		width: 380px;
		top: 80px;
		right: -100px;
	}

	.landing-section .point .point-mg.laptop video {
		width: 142%;
	}

	.landing-section .point .point-mg.phone.phone {
		width: 540px;
		top: 40px;
		left: -100px;
	}
}




@media( min-width: 1380px ) {
	.landing-section {
		padding: 240px 0 118px;
	}

	.landing-section .point {
		padding: 160px 0;
	}

	.landing-section .point .description {
		line-height: 2;
	}
	
	.landing-section .point .point-mg {
		width: 640px;
		top: -10px;
	}

	.landing-section .point:nth-of-type(2n) .point-mg {
		right: 4.16665%;
	}

	.landing-section .point:nth-of-type(2n+1) .point-mg {
		left: 4.16665%;
	}


	.landing-section .point .point-mg.laptop.laptop {
		width: 640px;
		top: 80px;
		right: -130px;
	}
	
	.landing-section .point .point-mg.laptop video {
		width: 140%;
	}

	.landing-section .point .point-mg.phone.phone {
		width: 800px;
		top: 40px;
		left: -130px;
	}
}