html {
	overflow-x: hidden;
	scroll-behavior: smooth
}
.af.sec3 {float:none}
#scroll {
	padding: 0
}
html,
body,
div,
span,
h1,
h2,
h3,
p,
a,
img,
i {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}
.heading-menu {
	display: none
}
.af {
	color: #102336;
	background: #fff;
	font-family: "ZohoPuvi";
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	color: #102336
}
.af p,
.af a,
.af span {
	line-height: 24px;
	font-size: 14px;
	color: #102336;
	font-weight: 300
}
.af h1,
.af h2,
.af h3 {
	margin: 0;
	color: #102336
}
.af a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.af a:hover {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.af div,
.af a,
.af p,
.af h1,
.af h2,
.af span {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #102336
}
.af div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.af {
	width: 100%;
	display: inline-block;
	float: left
}
.ac {
	margin: 0 auto;
	position: relative;
	max-width: 1200px;
	padding: 0 40px
}
a {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.ban {
	padding: 72px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff2d5), to(#fff));
	background: -o-linear-gradient(top, #fff2d5, #fff);
	background: linear-gradient(to bottom, #fff2d5, #fff);
	margin-bottom: 25px
}
.ban .lhs {
	float: left;
	width: calc(100% - 480px);
	padding-right: 100px;
	padding-top: 20px
}
.ban .lhs h1 {
	font-size: 40px;
	font-weight: 500;
	color: #000;
	margin-bottom: 16px;
	line-height: 56px
}
.ban .lhs p {
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	padding-bottom: 22px;
	color: #102336;
	margin-bottom: 18px
}
.ban .rhs {
	float: right;
	position: relative;
	background: url('https://www.manageengine.com/log-management/images/forensic-analysis-sprite.png') no-repeat -372px -2px;
	background-size: 846px;
	width: 422px;
	height: 387px;
}
.ban .rhs::before {
	content: "";
	position: absolute;
	left: 110px;
	right: 0;
	top: 115px;
	background: url('https://www.manageengine.com/log-management/images/forensic-analysis-sprite.png') no-repeat -10px -57px;
	background-size: 846px;
	width: 326px;
	height: 294px;
	animation-delay: 0s;
	animation-duration: 4s;
	animation-name: search;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	;
	-webkit-animation-duration: 3000ms;
	-webkit-animation-name: search;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}
@keyframes search {
	20% {
		transform: translate(-10px, 0px)
	}
	40% {
		transform: translate(-10px, 10px)
	}
	60% {
		transform: translate(10px, 10px)
	}
	80% {
		transform: translate(10px, 0px)
	}
	0%,
	100% {
		transform: translate(0px, 0px)
	}
}
@-webkit-keyframes search {
	20% {
		transform: translate(-10px, 0px)
	}
	40% {
		transform: translate(-10px, 10px)
	}
	60% {
		transform: translate(10px, 10px)
	}
	80% {
		transform: translate(10px, 0px)
	}
	0%,
	100% {
		transform: translate(0px, 0px)
	}
}
@keyframes flow {
	0% {
		background-position: 0 100000%
	}
	100% {
		background-position: 0 0
	}
}
.ban-ani::before {
	content: '';
	background-position: -36px -337px;
	width: 59px;
	height: 46px;
	position: absolute;
	top: 100px;
	left: 32px;
	z-index: 1;
	-webkit-animation: jump 1.8s ease-in-out infinite alternate;
	animation: jump 1.8s ease-in-out infinite alternate
}
.ban-ani {
	position: relative;
	z-index: 2
}
.ban-ani::after {
	content: '';
	background-position: -206px -330px;
	width: 36px;
	height: 57px;
	position: absolute;
	top: 100px;
	right: 40px;
	-webkit-animation: jump 1.8s ease-in-out infinite alternate;
	animation: jump 1.8s ease-in-out infinite alternate
}
@-webkit-keyframes flow {
	0% {
		background-position: 0 100000%
	}
	100% {
		background-position: 0 0
	}
}
@keyframes flow {
	0% {
		background-position: 0 100000%
	}
	100% {
		background-position: 0 0
	}
}
@-webkit-keyframes flow1 {
	0% {
		background-position: 100000px 0
	}
	100% {
		background-position: 0 0
	}
}
@keyframes flow1 {
	0% {
		background-position: 100000px 0
	}
	100% {
		background-position: 0 0
	}
}
.ban-ani .b-ani2 {
	width: 282px;
	height: 300px;
	left: 0;
	right: 0;
	position: absolute;
	bottom: 0;
	margin: auto;
	-webkit-animation: scrnline 1s ease;
	animation: scrnline 1s ease;
	background-position: -12px -9px
}
.ban-ani .b-ani2::before {
	content: '';
	background-position: -114px -336px;
	width: 66px;
	height: 48px;
	position: absolute;
	top: -56px;
	left: 108px;
	-webkit-animation: jump 1.8s ease-in-out infinite alternate;
	animation: jump 1.8s ease-in-out infinite alternate
}
.ban-ani .b-ani3 {
	width: 440px;
	height: 158px;
	left: -28px;
	position: absolute;
	bottom: 0;
	margin: auto;
	-webkit-animation: scrnline 1s ease;
	animation: scrnline 1s ease;
	background-position: -310px -217px
}
@-webkit-keyframes jump {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}
@keyframes jump {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}
@-webkit-keyframes scrnline {
	0% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@keyframes scrnline {
	0% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
.sec1 {
	background: transparent;
	position: relative;
	margin-top: 50px
}
.sec1 .ac {
	padding: 0
}
.sec1-wrap {
	position: absolute;
	background: url('https://www.manageengine.com/log-management/images/forensic-analysis-sprite.png') no-repeat 0 -449px;
	background-size: 846px;
	width: 831px !important;
	height: 298px;
	z-index: 8;
	top: -250px;
	left: 235px
}
.sec1-wrap::before {
	position: absolute;
	content: "";
	background: url('https://www.manageengine.com/log-management/images/forensic-analysis-sprite.png') no-repeat -738px -807px;
	background-size: 846px;
	width: 45px;
	height: 65px;
	left: 38%;
	top: 38%;
	opacity: 0;
	transition: 2s;
	transition-delay: .5s
}
.sec1-wrap.act::before {
	opacity: 1
}
.sec1:after {
	content: "";
	background: url(/sites/meweb/images/se/log-management/images/forensic-build-bg.png) repeat-x;
	background-size: contain;
	height: 267px;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	-webkit-animation: flow1 3000s linear infinite;
	animation: flow1 3000s linear infinite;
	border-radius: 0 0 10px 10px;
	z-index: -11
}
.sec1 h2 {
	font-size: 31.5px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 36px;
	color: #c30f23
}
.sec1 p {
	text-align: center;
	font-size: 16.5px;
	font-weight: 300;
	line-height: 29px;
	color: #333
}
.sec1 .text-b p {
	line-height: 30px
}
.sec1 .text-b h2+p {
	margin-bottom: 17px
}
.sec1 .text-t h2 {
	font-size: 36px;
	line-height: 50px;
	font-weight: 300;
	color: #d82633;
	margin-bottom: 28px
}
.sec1 .text-t p {
	font-size: 20px;
	padding: 0 80px;
	margin-bottom: 100px
}
.sec1 .text-t h2 strong {
	display: block;
	font-weight: 500;
	color: #000
}
.sec1 .text-b {
	background: #fff3ee;
	padding: 75px 60px;
	margin-top: 180px;
	border: 2px solid #e9bdab;
	border-radius: 6px;
	z-index: 9;
	position: relative
}
.b-ani6 {
	position: absolute;
	background-position: -308px -50px;
	width: 65px;
	height: 64px;
	left: 10px;
	top: -34px
}
.b-ani7 {
	position: absolute;
	background-position: -308px -128px;
	width: 65px;
	height: 64px;
	right: 14px;
	bottom: -32px
}
.sec2 {
	margin-top: 100px;
	margin-bottom: 60px
}
.scrn-com {
	float: left;
	width: 100%;
	padding-bottom: 150px
}
.scrn-mit {
	padding-bottom: 125px
}
.scrn-com .lhs {
	padding: 150px 115px 0 0;
	float: left;
	width: 50%
}
.scrn-com .lhs h3 {
	font-size: 29px;
	font-weight: 500;
	margin-bottom: 17px;
	line-height: 43px;
	position: relative
}
.screen-red .lhs {
	margin-top: 80px
}
.screen-red .lhs h3:before {
	background-color: #e51655
}
.scrn-com .lhs p {
	font-size: 16px;
	padding-bottom: 25px;
	line-height: 28px;
	color: #102336
}
.scrn-com .rhs {
	float: left;
	width: 50%
}
.scrn-rule .lhs {
	padding: 100px 115px 0 0;
}
}
.scrn-mit .rhs {
	width: 40%
}
.scrn-mit .lhs {
	padding: 180px 80px 0 75px;
	float: right;
	width: 50%
}
.mob-s-scrn {
	width: 100%;
	display: none
}
.spri {
	position: relative
}
.spri span,
.spri .s1-3::before,
.spri .s2-1::after,
.spri .s2-3::before,
.spri .s2-2::after {
	background: url(https://www.manageengine.com/log-management/images/forensic-analysis-sprite.png);
	display: inline-block;
	background-size: 846px;
	position: absolute
}
.scrn-rule .spri {
	left: -32px
}
.spri .s1-1 {
	background-position: -6px -1194px;
	width: 668px;
	height: 325px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	right: -172px
}
.spri .s1-2 {
	background-position: 0 -764px;
	width: 658px;
	height: 363px;
	left: -33px;
	top: 90px;
	opacity: 0
}
.scrn-com.act .s1-2 {
	-webkit-animation: scale 1.2s ease-in-out .6s both;
	animation: scale 1.2s ease-in-out .6s both;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}
.spri .s2-1 {
	background-position: -6px -1550px;
	width: 730px;
	height: 480px;
	left: -145px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	position: relative
}
.spri .s2-1::after {
	content: '';
	position: absolute;
	background-position: -329px -2539px;
	width: 401px;
	height: 123px;
	left: 255px;
	bottom: 117px
}
.scrn-com.act .s2-1::after {
	-webkit-animation: bar-chart 1s ease-in-out .6s both;
	animation: bar-chart 1s ease-in-out .6s both;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	display: inline-block
}
.spri .s3-1 {
	background-position: -56px -2057px;
	width: 632px;
	height: 427px;
	left: -35px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}
.spri .s3-1::after {
	content: "";
	position: absolute;
	width: 141px;
	height: 82px;
	background: #0089f8;
	top: 194px;
	left: 297px
}
.scrn-com.act .s3-1::after {
	-webkit-animation: bar-chart 1s ease-in-out .6s both;
	animation: bar-chart 1s ease-in-out .6s both;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	display: inline-block
}
@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}
@keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}
@-webkit-keyframes bar-chart {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		opacity: 0
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		opacity: 1
	}
}
@keyframes bar-chart {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		opacity: 0
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		opacity: 1
	}
}
.sec3::before {
	content: '';
	background-color: #ffecc4;
	width: 90%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute
}
.sec3 {
	padding: 87px 0 83px;
	position: relative;
	margin-bottom: 100px
}
.sec3 .scrn-com {
	padding-bottom: 0
}
.spri .man,
.spri .build::before,
.spri .build {
	background: url(https://www.manageengine.com/log-management/images/forensic-analysis-sprite.png) no-repeat;
	background-size: 846px;
}
.spri .man {
	background-position: 0 -2511px;
	width: 269px;
	height: 514px;
	position: relative;
	left: 85px;
	z-index: 1;
	opacity: 0
}
.scrn-com.act .man {
	-webkit-animation: superman 1s ease-in-out 1s both;
	animation: superman 1s ease-in-out 1s both;
	opacity: 1
}
.spri .build::before {
	content: '';
	background-position: -524px -2916px;
	width: 122px;
	height: 41px;
	position: absolute;
	top: -100px;
	left: 101px;
	opacity: 0
}
.scrn-com.act .build::before {
	-webkit-animation: plane 5s linear 1s both;
	animation: plane 5s linear 1s both;
	opacity: 1
}
.spri .build {
	background-position: -10px -3049px;
	width: 514px;
	height: 336px;
	position: absolute;
	top: 142px;
	left: -94px;
	opacity: 0
}
.scrn-com.act .build {
	-webkit-animation: build 1s ease-in-out .5s both;
	animation: build 1s ease-in-out .5s both;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	opacity: 1
}
.sec3 .ac {
	max-width: 1300px;
	padding: 0;
	width: 90%
}
.sec3 .ac .sec-3 {
	max-width: 1200px;
	margin: 0 auto;
	display: table;
	float: none
}
.sec3 .lhs {
	width: 35%;
	padding: 0
}
.sec3 .rhs {
	width: 65%
}
.sec3 .rhs h2 {
	font-size: 34px;
	line-height: 49px;
	font-weight: 300;
	padding-right: 70px;
	margin-bottom: 20px
}
.sec3 .rhs h2 strong {
	font-weight: 600
}
.boxs {
	position: absolute;
	right: 20px;
	bottom: -165px
}
.sec3 .box {
	background-color: #fff;
	border-radius: 6px;
	max-width: 378px;
	padding: 20px 32px;
	position: relative;
	display: inline-block;
	-webkit-box-shadow: 0 0 10px rgba(61, 81, 91, 0.08);
	box-shadow: 0 0 10px rgba(61, 81, 91, 0.08);
	margin-bottom: 20px;
	text-align: left
}
.box-l {
	margin-right: 20px
}
.box-l,
.box-r {
	display: inline-block;
	vertical-align: middle;
	width: 47%
}
.box-r>.box {
	display: block
}
.box h3 {
	padding-top: 66px;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	margin-bottom: 10px
}
.box p {
	font-size: 15px;
	line-height: 26px;
	color: #333
}
.box h3::before {
	content: '';
	background: url('/sites/meweb/images/se/log-management/images/forensic-analysis-sprite-mob.png') no-repeat 0 -50px;
	background-size: 109px 101px;
}
.box1 h3::before {
	width: 39px;
	height: 39px;
	position: absolute;
	top: 25px
}
.box2 h3::before {
	background-position: -55px -3px;
	width: 42px;
	height: 37px;
	position: absolute;
	top: 25px
}
.box3 h3::before {
	background-position: 0 0;
	width: 42px;
	height: 42px;
	position: absolute
}
.box.box2 {
	padding: 30px 32px
}
.box.box3 {
	padding: 35px 32px
}
.box2 h3::before,
.box3 h3::before {
	top: 42px
}
@-webkit-keyframes superman {
	0% {
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px);
		opacity: 0
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}
@keyframes superman {
	0% {
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px);
		opacity: 0
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}
@-webkit-keyframes plane {
	0% {
		-webkit-transform: translate(-100px, 200px);
		transform: translate(-100px, 200px);
		opacity: 0
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}
@keyframes plane {
	0% {
		-webkit-transform: translate(-100px, 200px);
		transform: translate(-100px, 200px);
		opacity: 0
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}
@-webkit-keyframes build {
	0% {
		width: 0;
		opacity: 0
	}
	100% {
		width: 616px;
		opacity: 1
	}
}
@keyframes build {
	0% {
		width: 0;
		opacity: 0
	}
	100% {
		width: 616px;
		opacity: 1
	}
}
.cus-ac,
.sec1 .cus-ac,
.sec2 .cus-ac,
.sec-3 .cus-ac {
	padding: 0 43px
}
@media screen and (max-width: 1470px) {
	.scrn-mit .rhs .spri {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9)
	}
	.scrn-rule .rhs .spri {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9)
	}
}
@media screen and (max-width: 1370px) {
	.scrn-mit .rhs .spri {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		left: 64px
	}
	.scrn-rule .rhs .spri {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8)
	}
	.scrn-com {
		padding-bottom: 80px
	}
	.scrn-rule .lhs {
		padding: 80px 115px 0 0;
	}
}
@media screen and (max-width: 1199px) {
	.ban .lhs {
		padding-right: 80px
	}
	.ban .lhs h1 {
		font-size: 32px;
		line-height: 47px
	}
	.ban .lhs p {
		font-size: 16px
	}
	.scrn-com .lhs h3 {
		font-size: 24px;
		line-height: 30px
	}
	.scrn-com .lhs p {
		font-size: 14px
	}
	.sec1 .ac {
		padding: 0 20px
	}
	.sec3 .lhs,
	.sec3 .spri {
		display: none
	}
	.scrn-rule {
		margin-bottom: 0
	}
	.sec3 {
		padding: 40px 0;
		margin-top: 40px
	}
	.sec3 .rhs h2 {
		padding-right: 0;
		text-align: center
	}
	.boxs {
		position: static
	}
	.box-l,
	.box-r {
		display: block;
		width: 90%;
		margin: 0 auto
	}
	.box.box1 {
		margin: 26px auto;
		display: table;
		max-width: 100%
	}
	.box.box2 {
		display: table;
		float: left;
		max-width: 48%
	}
	.box.box3 {
		display: table;
		float: right;
		max-width: 48%
	}
	.box.box2,
	.box.box3 {
		min-height: 260px
	}
	.box-r>.box {
		display: table
	}
	.sec3 .rhs {
		width: 100%
	}
	.box.box1 {
		display: block;
	}
}
@media screen and (max-width: 1100px) {
	.ban .lhs {
		width: calc(100% - 426px);
	}
	.ban .rhs {
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
	}
	.sec1-wrap {
		left: 155px
	}
}
@media screen and (min-width: 993px) and (max-width: 1180px) {
	.scrn-mit .rhs .spri {
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		left: 44px
	}
	.scrn-rule .rhs .spri {
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7)
	}
	.scrn-com .lhs {
		width: 46%;
		padding: 83px 34px 0 0
	}
	.scrn-mit .lhs {
		padding: 165px 0 0 34px
	}
}
@media screen and (max-width:1024px) {
	.sec1-wrap {
		left: 100px
	}
}
@media screen and (max-width: 992px) {
	.scrn-com .lhs {
		padding: 0
	}
	.scrn-com .spri {
		display: none
	}
	.mob-s-scrn {
		display: block
	}
	.ban .lhs {
		width: 100%;
		padding: 0;
		text-align: center
	}
	.ban .lhs h1 {
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 20px
	}
	.ban .lhs p {
		width: 75%;
		margin: 6px auto
	}
	.ban .lhs a {
		margin-top: 10px
	}
	.ban {
		padding: 80px 0 60px
	}
	.ban .rhs {
		display: none
	}
	.sec1 .text-t h2 {
		font-size: 30px;
		line-height: 42px
	}
	.sec1 .text-t p {
		padding: 0 40px;
		margin-bottom: 64px
	}
	.sec1 .text-b {
		margin-top: 0;
		padding: 38px 16px
	}
	.scrn-com .lhs,
	.scrn-com .rhs {
		width: 100%
	}
	.scrn-mit {
		padding-top: 0
	}
	.scrn-com {
		border: 1px solid #f5f5f5;
		background: #fff;
		margin-bottom: 25px;
		padding: 30px;
		border-radius: 5px;
	}
	.sec3 .scrn-com {
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: none
	}
	.scrn-mit .rhs {
		padding: 0
	}
	.ac {
		max-width: 100%;
		padding: 0 20px
	}
	.ban .lhs {
		padding: 0
	}
	.ban .lhs h1 {
		line-height: 50px
	}
	.sec1-wrap {
		padding: 30px;
		max-width: 90%;
		margin: 0 auto;
		width: 100%;
		min-height: inherit;
		-webkit-box-shadow: 0 1px 3px 4px #3333330f;
		box-shadow: 0 1px 3px 4px #3333330f;
		background: #fff
	}
	.sec1-wrap .app-log-sprite {
		display: none
	}
	.sec1-wrap,
	.sec1-wrap:after {
		display: none
	}
	.sec2 {
		margin-top: 60px
	}
	.box.box2,
	.box.box3 {
		min-height: 362px
	}
	.sec1:after {
		display: none
	}
	.box-l,
	.box-r {
		display: block;
		width: 100%;
		margin: 0 auto
	}
}
@media screen and (max-width:768px) {
	.ban {
		padding: 80px 0 0
	}
}
@media screen and (max-width: 767px) {
	.sec1 h2 {
		font-size: 26px;
		line-height: 40px;
		margin-bottom: 15px
	}
	.sec1 .text-b p {
		padding: 0
	}
	.scrn-com .lhs h3 {
		font-size: 22px;
		line-height: 30px
	}
	.sec3 .rhs h2 {
		font-size: 28px;
		line-height: 42px
	}
	.sec3 .box {
		width: 100%
	}
	.box-l,
	.box-r {
		width: 100%
	}
	.box.box1,
	.box.box2,
	.box.box3 {
		max-width: 100%;
		min-height: auto
	}
	.mob-foot {
		display: table !important
	}
}
@media screen and (max-width: 640px) {
	.sec1 .text-t h2 {
		font-size: 25px;
		line-height: 36px;
		margin-bottom: 20px
	}
	.sec1 .text-t p {
		font-size: 18px;
		line-height: 32px
	}
	.sec3 .box {
		width: 100%
	}
	.box-l,
	.box-r {
		width: 100%
	}
	.box.box1,
	.box.box2,
	.box.box3 {
		max-width: 100%;
		min-height: auto
	}
	.scrn-com.sec-3 {
		margin-bottom: 0
	}
	.ban .lhs h1 {
		line-height: 47px;
		font-size: 30px
	}
}
@media screen and (max-width: 567px) {
	.ban .lhs p {
		width: 100%
	}
	.sec1 h2 {
		font-size: 18px;
		line-height: 28px
	}
	.sec1 p {
		font-size: 14px;
		line-height: 25px
	}
	.scrn-com .lhs h3 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 20px
	}
	.sec1 p {
		padding: 0
	}
	.scrn-com .lhs p {
		line-height: 25px
	}
	.ban .lhs h1 {
		font-size: 26px;
		line-height: 38px
	}
	.sec1 .text-t h2 {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 18px
	}
	.sec1 .text-t p {
		padding: 0;
		font-size: 16px;
		line-height: 28px
	}
	.sec1 .text-b h2+p {
		margin-bottom: 20px
	}
	.sec1 .text-b p {
		line-height: 25px
	}
	.sec3 .rhs h2 {
		font-size: 22px;
		line-height: 35px
	}
	.ban .lhs h1 {
		line-height: 40px;
		font-size: 26px
	}
	.ban .lhs p {
		width: 100%;
		margin: 6px auto;
		font-size: 15px
	}
	.ban .lhs a {
		font-size: 15px;
		line-height: 18px;
		padding: 18px 65px 18px 40px
	}
	.ban .lhs a::before {
		right: 35px
	}
	.cus-ac,
	.sec1 .cus-ac,
	.sec2 .cus-ac,
	.sec-3 .cus-ac {
		padding: 0;
		width: 90%
	}
	.sec2 {
		margin-bottom: 0px;
	}
	.sec3 .scrn-com {
		padding-top: 10px;
	}
}
.cir {
	position: absolute;
	background: url('https://www.manageengine.com/log-management/images/forensic-analysis-sprite.png') no-repeat -329px -2696px;
	background-size: 846px;
	width: 153px;
	height: 237px;
	right: -7px;
	z-index: -1;
	top: -2px
}
.sec1 .ac::before {
	content: "";
	position: absolute;
	background: url('https://www.manageengine.com/log-management/images/forensic-analysis-sprite.png') no-repeat -329px -2696px;
	background-size: 846px;
	width: 153px;
	height: 237px;
	left: -20px;
	z-index: -1;
	top: 20px;
}
@media screen and (max-width:1100px) {
	.cir,
	.sec1 .ac::before {
		display: none
	}
}