#scroll {padding:0}
html {
	overflow-x: hidden;
	scroll-behavior: smooth
}
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
}
/* new interlinking update */
a.inter {
	background-color: inherit !important;
	font-size: 18px;
	line-height: 0 !important;
	font-weight: inherit !important;
	color: inherit !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
.af.sec1 a {
	font-size: 20px;
}
.af.sec1 h2 a {
	font-size: 30px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 20px;
}
.scrn-com .lhs h3 a {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 30px;
	line-height: 42px;
	position: relative;
}
.box h3 a {
	padding-top: 66px;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	margin-bottom: 10px;
}
.scrn-com .lhs p a {
	font-size: 16px;
	padding-bottom: 25px;
	line-height: 31px;
}
.box p a {
	font-size: 15px;
}
a.inter:hover {
	text-decoration: underline !important;
}
a.inter {
	cursor: pointer !important;
	color: #138cd6 !important;
}
.box h3 a,
.scrn-com .lhs h3 a,
.af.sec1 a,
a.inter,
.scrn-com .lhs p a,
.box p a {
	cursor: pointer;
	color: #138cd6;
}
.box h3 a:hover,
.lhs h3 a:hover,
.af.sec1 h2 a:hover,
.af.sec1 a:hover,
a.inter:hover,
.scrn-com .lhs p a:hover,
.box p a:hover {
	text-decoration: underline;
}
/* new interlinking update end*/
.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;
}
.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
}
.app-log-sprite,
.ban-ani::before,
.ban-ani::after,
.b-ani6,
.b-ani7,
.ban-ani .b-ani-com,
.ban-ani .b-ani2::before,
.ban-ani .b-ani3 {
	background: url(https://www.manageengine.com/log-management/images/mitre-attack-framework-sprite22.png) no-repeat;
	background-size: 1290px 2356px;
	display: inline-block
}
.ban {
	padding: 85px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe8e4), to(#fff));
	background: -o-linear-gradient(top, #ffe8e4, #fff);
	background: linear-gradient(to bottom, #ffe8e4, #fff);
	margin-bottom: 25px
}
.ban .lhs {
	float: left;
	width: calc(100% - 410px);
	padding-right: 100px;
	padding-top: 20px
}
.ban .lhs h1 {
	font-size: 37px;
	font-weight: 500;
	color: #000;
	margin-bottom: 16px;
	line-height: 54px
}
.ban .lhs p {
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	padding-bottom: 22px;
	color: #102336;
	margin-bottom: 18px
}
.ban .lhs p a {
	font-size: inherit;
}
.ban .rhs {
	float: left;
	width: 410px;
	position: relative
}
.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 {
	width: 370px;
	height: 340px;
	background: #ffb6b6;
	border-radius: 20px;
	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
}
.ban-ani .b-ani-com {
	width: 100px;
	height: 100px;
	display: inline-block;
	position: absolute
}
.ban-ani .b-ani1 {
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 21px;
	background: url(/sites/meweb/images/se/log-management/images/mitre-attack-framework-binary.png) repeat-y 0 0;
	background-size: 370px 346px;
	animation: flow 200s linear infinite reverse
}
@-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
}
.sec1 .ac {
	padding: 0
}
.sec1-wrap {
	background: #fbfffd;
	min-height: 335px;
	padding: 60px 180px;
	position: relative;
	border-radius: 10px;
	z-index: -1
}
.sec1-wrap:after {
	content: "";
	background: url(/sites/meweb/images/se/log-management/images/mitre-attack-framework-building22.png) repeat-x;
	background-size: contain;
	height: 267px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	-webkit-animation: flow1 3000s linear infinite;
	animation: flow1 3000s linear infinite;
	border-radius: 0 0 10px 10px
}
.sec1-wrap div {
	position: relative;
	top: -26px
}
.sec1-wrap .icn1 {
	background-position: -400px -136px;
	width: 56px;
	height: 55px;
	position: absolute;
	top: 60px;
	left: 200px;
	z-index: 1
}
.sec1-wrap .icn2 {
	background-position: -400px -70px;
	width: 56px;
	height: 55px;
	position: absolute;
	top: 60px;
	right: 200px;
	z-index: 1
}
.sec1-wrap .icn3 {
	background-position: -477px -34px;
	width: 172px;
	height: 172px;
	position: absolute;
	top: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2
}
.sec1-wrap .c-bg1 {
	width: 410px;
	height: 410px;
	position: absolute;
	border-radius: 100%;
	background-color: #fff6f4;
	border: 1px solid #ffb6b6;
	top: -18px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1
}
.sec1-wrap .c-bg1::after {
	content: '';
	width: 300px;
	height: 300px;
	position: absolute;
	border-radius: 100%;
	background-color: #fde0db;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.sec1-wrap .icn4 {
	background-position: -664px -22px;
	width: 68px;
	height: 81px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2
}
.sec1 h2 {
	font-size: 30px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 20px;
}
.sec1 p {
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	line-height: 36px
}
.sec1 .text-b p {
	line-height: 30px;
	padding: 0 65px
}
.sec1 .text-b h2+p {
	margin-bottom: 34px
}
.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: -webkit-gradient(linear, left bottom, left top, from(#faefed), color-stop(90%, #fff));
	background: -o-linear-gradient(bottom, #faefed, #fff 90%);
	background: linear-gradient(to top, #faefed, #fff 90%);
	padding: 60px 100px;
	margin-top: -140px;
	border: 2px solid #ffe8e4;
	-webkit-box-shadow: 0 0 20px #ffb6b666;
	box-shadow: 0 0 20px #ffb6b666;
	border-radius: 6px;
	z-index: 6
}
.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: 40px;
	margin-bottom: 60px;
}
.scrn-com {
	float: left;
	width: 100%;
	padding-bottom: 90px
}
.scrn-mit {
	padding-top: 60px
}
.scrn-com .lhs {
	padding: 150px 50px 0 0;
	float: left;
	width: 50%
}
.scrn-com .lhs h3 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 30px;
	line-height: 42px;
	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: 31px
}
.scrn-com .rhs {
	float: left;
	width: 50%
}
.scrn-mit .rhs {
	width: 40%
}
.scrn-mit .lhs {
	padding: 150px 0 0 50px;
	float: right;
	width: 52%
}
.mob-s-scrn {
	width: 100%;
	display: none
}
.spri {
	position: relative
}
.spri span,
.spri .s1-3::before,
.spri .s2-3::after,
.spri .s2-3::before,
.spri .s2-2::after {
	background-image: url(https://www.manageengine.com/log-management/images/mitre-attack-framework-sprite22.png);
	display: inline-block;
	background-size: 1290px 2356px;
	position: absolute
}
.scrn-rule {
	padding-top: 10px;
}
.scrn-rule .spri {
	left: -40px
}
.spri .s1-1 {
	background-position: -3px -402px;
	width: 749px;
	height: 508px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	left: 25px
}
.spri .s1-2 {
	background-position: -1036px -345px;
	width: 188px;
	height: 163px;
	left: 15px;
	top: 160px;
	opacity: 0
}
.scrn-com.act .s1-2 {
	-webkit-animation: scale 1.2s ease-in-out 1.6s both;
	animation: scale 1.2s ease-in-out 1.6s both;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}
.spri .s1-3 {
	background-position: -771px 0;
	width: 506px;
	height: 322px;
	left: 224px;
	top: 180px;
	opacity: 0
}
.scrn-com.act .s1-3 {
	-webkit-animation: scale 1s ease-in-out both;
	animation: scale 1s ease-in-out both;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}
.spri .s1-3::before {
	content: '';
	position: absolute;
	background-position: -792px -344px;
	width: 218px;
	height: 139px;
	left: 142px;
	top: 132px;
	opacity: 0
}
.scrn-com.act .s1-3::before {
	-webkit-animation: bar-chart .5s ease-in-out both;
	animation: bar-chart .5s ease-in-out both;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom
}
@-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
	}
}
.spri .s1-4 {
	background-position: -774px -520px;
	width: 358px;
	height: 123px;
	left: 300px;
	top: 450px;
	opacity: 0
}
.scrn-com.act .s1-4 {
	-webkit-animation: scale 1s ease-in-out both;
	animation: scale 1s ease-in-out both;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}
.spri .s2-1 {
	background-position: -13px -930px;
	width: 662px;
	height: 485px;
	left: -175px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}
.spri .s2-2 {
	background-position: -759px -664px;
	width: 499px;
	height: 244px;
	left: -138px;
	top: 208px;
	opacity: 0
}
.scrn-com.act .s2-2 {
	-webkit-animation: scale 1s ease-in-out both;
	animation: scale 1s ease-in-out both;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}
.spri .s2-2::after {
	content: '';
	position: absolute;
	background-position: -698px -928px;
	width: 514px;
	height: 101px;
	left: -8px;
	top: 200px;
	opacity: 0
}
.scrn-com.act .s2-2::after {
	-webkit-animation: scale 1s ease-in-out both;
	animation: scale 1s ease-in-out both;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}
.spri .s2-3::before {
	content: '';
	position: absolute;
	background-position: -904px -1058px;
	width: 173px;
	height: 83px;
	left: 0;
	top: -106px;
	opacity: 0
}
.scrn-com.act .s2-3::before {
	-webkit-animation: scale .5s ease-in-out both;
	animation: scale .5s ease-in-out both;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}
.spri .s2-3 {
	background-position: -908px -1165px;
	width: 59px;
	height: 24px;
	left: 380px;
	top: 206px;
	opacity: 0
}
.scrn-com.act .s2-3 {
	-webkit-animation: scale 1s ease-in-out both;
	animation: scale 1s ease-in-out both;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}
.spri .s2-3::after {
	content: '';
	position: absolute;
	background-position: -708px -1052px;
	width: 173px;
	height: 148px;
	left: 0;
	top: 38px;
	opacity: 0
}
.scrn-com.act .s2-3::after {
	-webkit-animation: scale 1s ease-in-out 2s both;
	animation: scale 1s ease-in-out 2s both;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}
.spri .s3-1 {
	background-position: -4px -1468px;
	width: 767px;
	height: 505px;
	left: 8px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}
.spri .s3-2 {
	background-position: -690px -1207px;
	width: 558px;
	height: 244px;
	left: 108px;
	top: 212px;
	opacity: 0
}
.scrn-com.act .s3-2 {
	-webkit-animation: scale 1s ease-in-out both;
	animation: scale 1s ease-in-out both;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}
@-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
	}
}
.sec3::before {
	content: '';
	background-color: #ffebe3;
	width: 90%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute
}
.sec3 {
	padding: 60px 0 90px;
	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/mitre-attack-framework-sprite22.png) no-repeat;
	background-size: 1290px 2356px
}
.spri .man {
	background-position: -834px -1505px;
	width: 269px;
	height: 514px;
	position: relative;
	left: 12px;
	z-index: 1;
	opacity: 0
}
.scrn-com.act .man {
	-webkit-animation: superman 1s ease-in-out .5s both;
	animation: superman 1s ease-in-out .5ss both;
	opacity: 1
}
.spri .build::before {
	content: '';
	background-position: -608px -2083px;
	width: 122px;
	height: 41px;
	position: absolute;
	top: -100px;
	left: 101px;
	opacity: 0
}
.scrn-com.act .build::before {
	-webkit-animation: plane 5s linear both;
	animation: plane 5s linear both;
	opacity: 1
}
.spri .build {
	background-position: 8px -1984px;
	width: 514px;
	height: 336px;
	position: absolute;
	top: 142px;
	left: -166px;
	opacity: 0
}
.scrn-com.act .build {
	-webkit-animation: build 1s ease-in-out both;
	animation: build 1s ease-in-out both;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	opacity: 1
}
.sec3 .ac {
	max-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 h2 {
	font-size: 34px;
	line-height: 49px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 60px
}
.sec3 h2 strong {
	font-weight: 600
}
.boxs {
	position: absolute
}
.sec3 .box {
	background-color: #fff;
	border-radius: 6px;
	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;
	width: calc(100% / 2 - 40px);
	vertical-align: top;
	margin-right: 20px;
}
.box-l,
.box-r {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: center
}
.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(https://www.manageengine.com/log-management/images/mitre-attack-framework-sprite22.png) no-repeat;
	background-size: 1290px 2356px
}
.box1 h3::before {
	background-position: -780px -2062px;
	width: 42px;
	height: 46px;
	position: absolute;
	top: 25px
}
.box2 h3::before {
	background-position: -847px -2064px;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 25px
}
.box3 h3::before {
	background-position: -918px -2061px;
	width: 51px;
	height: 46px;
	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
	}
}
@media (min-width: 1500px) {
	.box-l {
		max-width: 900px
	}
}
@media screen and (max-width: 1470px) {
	.scrn-com {
		padding-bottom: 20px
	}
	.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)
	}
	.sec2 {
		margin-bottom: 0
	}
}
@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);
		margin-left: -50px
	}
	.scrn-com .lhs {
		padding: 108px 50px 0 0
	}
	.scrn-mit .lhs {
		padding: 112px 0 0 50px
	}
}
@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
	}
	.sec1-wrap {
		padding: 60px 150px
	}
	.sec3 .lhs,
	.sec3 .spri {
		display: none
	}
	.scrn-rule {
		margin-bottom: 0
	}
	.sec3 {
		padding: 40px 0;
	}
	.sec3 h2 {
		padding-right: 0
	}
	.boxs {
		position: static
	}
	.box-l,
	.box-r {
		display: flex;
		gap: 20px;
		width: 100%
	}
	.sec3 .box {
		display: inline-block;
		margin: 0;
		width: 100%
	}
	.box-r>.box {
		display: table
	}
	.sec3 .rhs {
		width: 100%
	}
}
@media screen and (max-width: 1100px) {
	.ban .lhs {
		width: calc(100% - 370px)
	}
	.ban .rhs {
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
		width: 370px
	}
}
@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);
		margin-left: -50px
	}
	.scrn-com .lhs {
		width: 46%;
		padding: 83px 34px 0 0
	}
	.scrn-mit .lhs {
		padding: 83px 0 0 34px
	}
}
@media screen and (max-width: 992px) {
	.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 {
		padding: 80px 0 60px 0
	}
	.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-com .lhs,
	.scrn-com .rhs {
		padding: 15px 25px
	}
	.scrn-mit {
		padding-top: 0
	}
	.scrn-com {
		border: 1px solid #f5f5f5;
		background: #fff;
		margin-bottom: 25px;
		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-l,
	.box-r {
		flex-wrap: wrap
	}
}
@media screen and (max-width: 767px) {
	.sec1 h2 {
		font-size: 26px;
		line-height: 40px
	}
	.sec1 .text-b p {
		padding: 0
	}
	.scrn-com .lhs h3 {
		font-size: 22px;
		line-height: 30px
	}
	.sec3 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
	}
}
@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
	}
	.scrn-com {
		padding: 20px 0
	}
	.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 h2 {
		font-size: 22px;
		line-height: 35px
	}
}
/* ROI-Banner-link */
.ban-link {
	margin-bottom: 60px;display: none;
}
.ban-link a {
	display: block;
	line-height: 0;
	border: 1px solid transparent;
	transition: .3s;
}
.ban-link a:hover {
	border-color: #7ce6e1;
	transform: translateY(-4px);
}
@media (max-width: 1470px) {
	.ban-link {
		margin-top: 60px;
	}
}
@media (max-width: 767px) {
	.ban-link {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
/* New section style 23 - Nov */
.un-sec .m-rhs ul li::before,
.vid-sec .m-lhs h2::before,
.vid-sec .m-lhs h2::after,
.vid-sec .m-rhs .play-bg::before {
	display: inline-block;
	background: url('/sites/meweb/images/se/log-management/images/mitre-attack-framework-new-sprite-23.png') no-repeat;
	background-size: 145px;
}
.lr-container {
	display: block;
	font-size: 0;
}
.lr-container .m-lhs,
.lr-container .m-rhs {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.un-sec {
	margin-bottom: 80px;
}
.un-sec .un-title {
	text-align: center;
	max-width: 800px;
	margin: auto;
	margin-bottom: 40px;
}
.un-sec .un-title h2 {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	max-width: 680px;
	margin: auto;
	margin-bottom: 10px;
}
.un-sec .un-title p {
	font-size: 15px;
	line-height: 1.6;
}
.un-sec .lr-container .m-lhs {
	width: 620px;
}
.un-sec .lr-container .m-rhs {
	width: calc(100% - 620px);
	padding-left: 30px;
}
.un-sec .m-rhs ul li {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
	position: relative;
	padding-left: 18px;
}
.un-sec .m-rhs ul li a {
	font-size: inherit;
	font-weight: 600;
	text-decoration: underline;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.un-sec .m-rhs ul li a:hover {
	color: #0c5ec9;
}
.un-sec .m-rhs ul li:not(:last-child) {
	margin-bottom: 10px;
}
.un-sec .m-rhs ul li::before {
	content: '';
	background-position: -4px -5px;
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 6px;
}
.vid-sec {
	margin-bottom: 80px;
}
.vid-sec .lr-container {
	max-width: 1000px;
	margin: auto;
}
.vid-sec .lr-container .m-lhs {
	width: calc(100% - 637px);
	padding-right: 40px;
}
.vid-sec .lr-container .m-rhs {
	width: 597px;
}
.vid-sec .m-lhs h2 {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	color: #000;
	position: relative;
	padding-top: 140px;
}
.vid-sec .m-lhs h2::after,
.vid-sec .m-lhs h2::before {
	content: '';
	position: absolute;
	top: 0;
}
.vid-sec .m-lhs h2::before {
	background-position: -4px -23px;
	width: 130px;
	height: 133px;
	left: 0;
}
.vid-sec .m-lhs h2::after {
	background-position: -5px -168px;
	width: 129px;
	height: 75px;
	right: 0;
}
.vid-sec .m-rhs .video-sec {
	text-align: right;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.vid-sec .m-rhs .photo {
	display: inline-block;
	background: url(/sites/meweb/images/se/log-management/images/mitre-attack-framework-video-thumbnail-23.png) no-repeat 0 0, #b8dde5;
	background-size: 577px;
	width: 596px;
	height: 356px;
	border: 10px solid #b8dde5;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.vid-sec .m-rhs .play-bg {
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: #dd0c00;
	-webkit-box-shadow: 0 8px 15px rgba(61, 81, 91, 0.6);
	box-shadow: 0 8px 15px rgba(61, 81, 91, 0.6);
	width: 120px;
	height: 16px;
	padding: 14px 10px 14px 30px;
	border-radius: 4px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.vid-sec .m-rhs .play-bg:hover {
	background: #f20e02;
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
}
.vid-sec .m-rhs .play-bg::before {
	content: '';
	background-position: -20px -5px;
	width: 9px;
	height: 13px;
	position: absolute;
	left: 24px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.vid-sec .m-rhs .play-bg:hover::before {
	-webkit-transform: translateX(4px);
	-ms-transform: translateX(4px);
	transform: translateX(4px);
}
.vid-sec .m-rhs .video-sec iframe {
	border-radius: 10px;
}
.vid-sec .m-rhs .photo.play-video .play-bg {
	display: none;
}
@media(max-width:1200px) {
	.un-sec .lr-container .m-lhs {
		width: 520px;
	}
	.un-sec .lr-container .m-rhs {
		width: calc(100% - 520px);
		padding-left: 30px;
	}
	.vid-sec .lr-container .m-lhs {
		width: calc(100% - 560px);
		padding-right: 40px;
	}
	.vid-sec .lr-container .m-rhs {
		width: 520px;
	}
	.vid-sec .m-rhs .photo {
		background-size: 500px;
		width: 520px;
		height: 310px;
	}
}
@media(max-width:992px) {
	.un-sec .lr-container {
		max-width: 700px;
		margin: auto;
	}
	.un-sec .lr-container .m-lhs,
	.un-sec .lr-container .m-rhs {
		width: 100%;
		padding: 0;
	}
	.un-sec .un-title {
		margin-bottom: 20px;
	}
	.vid-sec {
		margin-bottom: 60px;
	}
	.vid-sec .lr-container .m-lhs {
		width: calc(100% - 460px);
		padding-right: 40px;
	}
	.vid-sec .lr-container .m-rhs {
		width: 420px;
	}
	.vid-sec .m-rhs .photo {
		background-size: 400px;
		width: 420px;
		height: 252px;
	}
}
@media(max-width:767px) {
	.un-sec {
		margin-bottom: 40px;
	}
	.un-sec .un-title h2,
	.vid-sec .m-lhs h2 {
		font-size: 18px;
	}
	.vid-sec .lr-container .m-lhs,
	.vid-sec .lr-container .m-rhs {
		text-align: center;
		width: 100%;
		padding: 0;
	}
	.vid-sec .lr-container .m-lhs {
		margin-bottom: 20px;
	}
	.vid-sec .m-lhs h2::after {
		display: none;
	}
	.vid-sec .m-lhs h2::before {
		right: 0;
		margin: auto;
	}
	.vid-sec .m-rhs .video-sec {
		text-align: center;
	}
	.vid-sec .m-rhs .photo {
		border-radius: 14px;
		background-position: center;
		max-width: 400px;
		width: 100%;
	}
}