#scroll {
	padding: 0
}
.sec-pTB.bg-l-grey,
.heading-menu {
	display: none !important
}
#backToTop {
	display: none !important
}
.af p,
.af a,
.af li,
.af td,
.af td,
.af span,
.af label {
	line-height: 24px;
	font-size: 14px
}
.af h1,
.af h2,
.af h3,
.af h4,
.af h5,
.af h6 {
	margin: 0
}
.af ul {
	padding-left: 0;
	margin: 0
}
.af li {
	list-style-type: none
}
.af a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.af a:hover {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.af div,
.af a,
.af ul,
.af li,
.af input,
.af p,
.af h1,
.af h2,
.af span {
	box-sizing: border-box
}
.af div {
	box-sizing: border-box
}
.af .ac div {
	float: left
}
.af {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.ac {
	margin: 0 auto;
	position: relative;
	max-width: 1200px
}
.ban-ani:before,
.ban-ani:after,
.ban-ani:before,
.ban-ani:after,
.ban-ani .b-ani1,
.ban-ani .b-ani2,
.ban-ani .b-ani-com,
.b-ani6,
.b-ani7,
.pro-dat .inn:before,
.pro-dat .inn:after,
.top-ics i,
.clud,
.scrn-com .lhs ul li:before,
.spri,
.clud-sli ul li div:before,
.art-rel .slick-arrow,
.sec4 .lhs .ani-men-1,
.art-rel .lhs span,
.spri-ani {
	background: url(https://www.manageengine.com/cloud-security/images/casb-cloud-access-security-broker-sprite.png) no-repeat
}
.ban {
	padding: 100px 0 10px;
	background: linear-gradient(to bottom, #99fded 31%, #fff 56%);
}
.ban .lhs {
	float: left;
	width: calc(100% - 430px);
	padding: 0 100px 0 0
}
.ban .lhs h1 {
	font-size: 40px;
	line-height: 56px;
	font-weight: 600;
	color: #102336;
	margin-bottom: 25px;
	padding-right: 100px
}
.ban .lhs p {
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	padding-bottom: 15px;
	color: #102336;
	padding-right: 120px
}
.ban .lhs a {
	background-color: #e8132a;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	color: #fff;
	padding: 16px 60px 16px 45px;
	border-radius: 4px;
	display: inline-block;
	margin-top: 20px;
	position: relative
}
.ban .lhs a:hover {
	background-color: #d4051c;
	box-shadow: 0 9px 12px -7px #333
}
.ban .rhs {
	float: left;
	width: 430px;
	position: relative
}
.ban-ani {
	width: 400px;
	height: 340px;
	background: #00e8e0;
	border-radius: 20px;
	position: relative;
	z-index: 2
}
.ban-ani:before,
.ban-ani:after {
	content: '';
	position: absolute;
	background-position: -275px -425px;
	background-size: 1500px;
	display: inline-block
}
.ban-ani:before {
	width: 140px;
	height: 79px;
	left: 1px;
	top: 0;
	background-position: -308px -377px;
}
.ban-ani:after {
	width: 338px;
	height: 80px;
	left: 62px;
	bottom: 0;
	background-position: -442px -342px;
	z-index: -1;
}
.ban-ani .b-ani1 {
	left: 20px;
	bottom: 26px;
	position: absolute;
	background-position: -128px -15px;
	background-size: 1500px;
	width: 356px;
	height: 285px
}
.ban-ani .b-ani2 {
	background-position: -1456px -5px;
	background-size: 1800px 1800px;
	width: 325px;
	height: 200px;
	left: 39px;
	top: 120px;
	position: absolute;
	bottom: -39px;
	transform-origin: top center;
	animation: seesaw 3s linear 0 infinite alternate
}
@keyframes seesaw {
	0% {
		transform: rotate(-3deg)
	}
	50% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(3deg)
	}
}
.ban-ani .b-ani-com {
	width: 50px;
	height: 67px;
	display: inline-block;
	background-size: 2000px;
	position: absolute
}
@keyframes jump {
	0% {
		transform: translateY(-8px)
	}
	100% {
		transform: translateY(8px)
	}
}
.ban-ani .b-ani3 {
	background-position: -8px -68px;
	left: -25px;
	top: 64px;
	animation: jump 1.8s ease-in-out 0s infinite alternate;
	height: 75px
}
.ban-ani .b-ani4 {
	background-position: -7px 0;
	left: 173px;
	top: -26px;
	animation: jump 2s linear .1s infinite alternate
}
.ban-ani .b-ani5 {
	background-position: -2px -146px;
	right: -25px;
	top: 64px;
	animation: jump 2.2s linear .2s infinite alternate;
	width: 65px
}
.b-ani6 {
	width: 76px;
	height: 76px;
	display: inline-block;
	background-size: 2000px;
	position: absolute;
	background-position: -68px -3px;
	left: 7px;
	top: -39px
}
.b-ani7 {
	width: 76px;
	height: 76px;
	display: inline-block;
	background-size: 2000px;
	position: absolute;
	background-position: -68px -3px;
	right: 7px;
	bottom: -25px
}
@media screen and (max-width:1150px) {
	.ac {
		max-width: 90%
	}
}
@media screen and (max-width:1000px) {
	.ban .rhs {
		display: none
	}
	.ban .lhs {
		width: 100%;
		padding: 0;
		text-align: center
	}
	.ban .lhs h1 {
		font-size: 34px;
		line-height: 38px
	}
	.ban .lhs p {
		font-size: 18px
	}
	.ban .lhs a {
		margin-top: 10px
	}
	.ban {
		padding: 60px 0
	}
}
.pro-dat {
	margin: 160px 0 100px
}
.pro-dat .inn {
	background: #fdf6dd;
	padding: 75px 75px 129px;
	border-radius: 2px;
	position: relative;
}
.pro-dat .inn:before,
.pro-dat .inn:after {
	content: '';
	position: absolute;
	background-size: 1500px
}
.pro-dat .inn:before {
	background-position: -514px -1px;
	width: 106px;
	height: 261px;
	left: -106px
}
.pro-dat .inn:after {
	background-position: -641px -3px;
	width: 136px;
	height: 235px;
	right: -135px
}
.top-ics i {
	background-size: 1500px;
	background-position: -7px -315px;
	width: 24px;
	height: 64px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: -65px
}
.top-ics I:nth-child(1) {
	left: 6%
}
.top-ics I:nth-child(2) {
	background-position: -41px -315px;
	width: 98px;
	height: 88px;
	top: -87px;
	left: 37%
}
.top-ics I:nth-child(3) {
	background-position: -149px -315px;
	left: 68%;
	width: 25px;
	height: 34px;
	top: -35px
}
.top-ics I:nth-child(4) {
	background-position: -184px -315px;
	left: 92%;
	width: 37px;
	height: 66px;
	top: -63px
}
.pro-dat .lhs {
	width: 355px;
	padding-right: 50px;
}
.pro-dat .lhs h2 {
	font-size: 30px;
	font-weight: 500;
	line-height: 48px;
	color: #102336;
}
.pro-dat .lhs h2 span {
	color: #d83c3c;
	font-size: 30px;
	font-weight: 500
}
.pro-dat .rhs {
	width: calc(100% - 355px);
	display: block;
}
.pro-dat .rhs p {
	font-size: 16.5px;
	line-height: 29px;
	color: #333;
	padding-bottom: 20px;
	margin: 0;
}
.clud {
	background-size: 1500px;
	background-position: -3px -1850px;
	width: 1246px;
	height: 121px;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.sec2 h2 {
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	padding-bottom: 55px
}
.scrn-com {
	float: left;
	width: 100%;
	padding-bottom: 80px
}
.scrn-com .lhs {
	padding: 0 50px 0 0;
	float: left;
	width: calc(100% - 600px)
}
.scrn-com .lhs h3 {
	font-size: 29px;
	font-weight: 500;
	padding: 0 150px 30px 0;
	line-height: 43px;
	color: #102336
}
.scrn-com .lhs p {
	font-size: 16px;
	padding-bottom: 25px;
	line-height: 28px
}
.scrn-com .lhs ul {
	padding: 10px 0 20px
}
.scrn-com .lhs ul li {
	font-size: 16px;
	padding: 0 0 20px 45px;
	line-height: 28px;
	position: relative
}
.scrn-com .lhs ul li:before {
	content: '';
	position: absolute;
	margin: 7px 0 0 -45px;
	background-size: 1500px;
	background-position: -409px -489px;
	width: 20px;
	height: 17px
}
.scrn-com .lhs a {
	font-size: 17px;
	line-height: 28px;
	border: 1px solid #102336;
	border-radius: 5px;
	padding: 10px 65px 10px 30px;
	display: inline-block;
	position: relative
}
.scrn-com .lhs a:after {
	content: '';
	position: absolute;
	width: 24px;
	height: 15px;
	background-size: 509px;
	background-position: -213px -392px;
	margin: 8px 0 0 17px;
	transition: all .4s ease
}
.scrn-com .lhs a:hover {
	background: #e8132a;
	border: 1px solid #e8132a;
	color: #fff
}
.scrn-com .lhs a:hover:after {
	background-position: -247px -392px
}
.scrn-com .rhs {
	float: left;
	width: 600px;
	position: relative;
}
.scrn-com .rhs .mob-s-scrn {
	width: 100%;
	display: none
}
.sec2-opp {
	padding: 70px 0
}
.sec2-opp .scrn-com .lhs {
	padding: 0 0 0 50px
}
.spri {
	position: relative;
	background-position: -793px 0;
	background-size: 1500px;
	width: 706px;
	height: 501px;
	margin-top: -45px
}
.scrn-2 {
	background-position: -728px -551px;
	width: 755px;
	height: 447px;
	margin-left: -180px
}
.scrn-3 {
	background-position: -1px -888px;
	width: 723px;
	height: 449px
}
.spri-ani {}
@keyframes scale {
	0% {
		transform: scale(0);
		opacity: 0
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}
@keyframes graphver {
	from {
		transform: scaleY(0);
		opacity: 0
	}
	to {
		transform: scaleY(1);
		opacity: 1
	}
}
@keyframes graphhor {
	0% {
		width: 0
	}
	100% {
		width: 108px;
		opacity: 1
	}
}
@keyframes arrdown {
	0% {
		height: 0
	}
	100% {
		height: 76px;
		opacity: 1
	}
}
.scrn-1-com {
	background-size: 1500px;
	width: 0px;
	height: 116px;
	display: inline-block;
	position: absolute;
	top: 266px;
	opacity: 0;
}
.af.act .scrn-1-com {
	animation: graphhor 1s ease-in-out both;
	transform-origin: left;
}
.af.act .scrn-1-1 {
	animation-delay: 0.2s;
}
.af.act .scrn-1-2 {
	animation-delay: 0.6s;
}
.af.act .scrn-1-3 {
	animation-delay: 1s;
}
.scrn-1-1 {
	background-position: -813px -1182px;
	left: 86px;
	/* top: 266px; */
}
.scrn-1-2 {
	background-position: -940px -1182px;
	left: 313px;
	/* top: 266px; */
}
.scrn-1-3 {
	background-position: -1056px -1182px;
	left: 539px;
	/* top: 266px; */
}
.scrn-2-1 {
	background-size: 1500px;
	display: inline-block;
	position: absolute;
	bottom: 123px;
	left: 96px;
	width: 401px;
	height: 126px;
	background-position: -460px -1377px;
	opacity: 0;
}
.af.act .scrn-2-1 {
	animation: graphver 1s ease-in-out 0.1s both;
	transform-origin: bottom;
}
.scrn-3-com {
	background-size: 1500px;
	width: 0px;
	height: 117px;
	display: inline-block;
	position: absolute;
	top: 215px;
}
.scrn-3-1 {
	background-position: -19px -1376px;
	left: 86px;
	/* top: 266px; */
}
.scrn-3-2 {
	background-position: -148px -1376px;
	left: 313px;
	/* top: 266px; */
}
.scrn-3-3 {
	background-position: -282px -1376px;
	left: 539px;
	/* top: 266px; */
}
.af.act .scrn-3-com {
	animation: graphhor 1s ease-in-out both;
	transform-origin: left;
}
.af.act .scrn-3-1 {
	animation-delay: 0.2s;
}
.af.act .scrn-3-2 {
	animation-delay: 0.6s;
}
.af.act .scrn-3-3 {
	animation-delay: 1s;
}
@media screen and (max-width: 1400px) {
	.scrn-rule .rhs .spri {
		/* margin-top:-55px!important */
	}
}
@media screen and (max-width: 1200px) {
	.scrn-com .rhs .mob-s-scrn {
		display: block
	}
}
@media screen and (max-width: 992px) {
	.scrn-com .lhs,
	.scrn-com .rhs {
		width: 100%
	}
	.scrn-com .lhs {
		padding: 15px 25px
	}
	.scrn-com {
		border: 1px solid #f5f5f5;
		background: #fff;
		margin-bottom: 25px;
		padding: 30px;
		border-radius: 5px;
		box-shadow: 0 1px 3px 4px #33333305
	}
}
@media screen and (max-width: 767px) {
	.sec2 h2 {
		font-size: 30px;
		line-height: 40px
	}
	.scrn-com .lhs h3 {
		font-size: 22px;
		line-height: 30px
	}
}
@media screen and (max-width: 567px) {
	.scrn-com .lhs h3 {
		font-size: 20px;
		line-height: 30px
	}
	.scrn-com .lhs a {
		font-size: 14px;
		padding: 10px 15px
	}
	.scrn-com .lhs a:after {
		display: none
	}
}
.clud-sli ul li {
	float: left;
	width: 33.333%;
	padding: 0 6px
}
.clud-sli ul li div {
	background: #fff;
	padding: 30px;
	box-shadow: 0 1px 10px 4px #33333305;
	min-height: 335px;
	position: relative
}
.clud-sli ul li div:before {
	content: '';
	position: absolute;
	background-size: 1500px;
	background-position: -799px -1042px;
	width: 110px;
	height: 106px;
	top: -54px;
	left: 25px
}
.clud-sli ul li div.ic-2:before {
	background-position: -936px -1042px
}
.clud-sli ul li div.ic-3:before {
	background-position: -1058px -1042px
}
.clud-sli ul li div.ic-4:before {
	background-position: -936px -1042px
}
.clud-sli ul li div h4 {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	padding: 40px 0 5px;
	line-height: 28px
}
.clud-sli ul li div p {
	font-size: 16px;
	color: #333;
	line-height: 28px
}
.art-rel .slick-slide {
	display: inline-block
}
.art-rel:before {
	content: '';
	position: absolute;
	background: #ffead3;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 50%;
}
.art-rel .slick-arrow {
	position: absolute;
	border: 0;
	right: 60px;
	bottom: 0px;
	width: 45px;
	height: 45px;
	background-position: -505px -475px;
	background-size: 1500px;
	background-color: #f36464;
	transition: all .5s ease;
	color: #3330;
	outline: none;
	cursor: pointer
}
.art-rel .slick-arrow.slick-prev {
	right: 112px
}
.art-rel .slick-arrow.slick-next {
	background-position: -558px -475px
}
.art-rel .slick-arrow.slick-disabled {
	background-color: #e3cdb2;
	cursor: auto
}
.art-rel .art-rel-sli {
	padding-bottom: 88px;
	width: 1000px;
}
.slick-list {
	position: relative;
	overflow: hidden;
	padding-top: 60px;
	padding-right: 100px;
}
.sec4.art-rel .rhs div {
	float: initial
}
.sec4 {
	margin: 50px 0 120px;
	position: relative;
	overflow: hidden;
}
.sec4 .ac {
	max-width: 1250px
}
.sec4 .inn {
	background: #ffebd3;
	border-radius: 20px;
	padding: 60px 50px 0;
	float: left;
	width: 100%;
	position: relative
}
.sec4 .lhs {
	float: left;
	width: 425px;
	position: relative
}
.sec4 .lhs .ani-men-1 {
	width: 298px;
	height: 555px;
	display: inline-block;
	background-size: 2000px;
	background-position: 0 -631px;
	position: relative;
	left: -19px;
	z-index: 3;
	opacity: 0;
	bottom: -58px
}
.sec4 .lhs .ani-men-2 {
	width: 0;
	height: 293px;
	display: inline-block;
	background-size: 1500px;
	background-position: -303px -544px;
	position: absolute;
	left: -39px;
	top: 294px
}
.sec4 .lhs .ani-men-3 {
	width: 120px;
	height: 40px;
	display: inline-block;
	background-size: 2000px;
	background-position: -303px -649px;
	position: absolute;
	left: 40px;
	top: 30px;
	transform: translateX(-110px);
	transition: all .5s ease-in-out
}
.sec4 .lhs .ani-men-4 {
	width: 60px;
	height: 40px;
	display: inline-block;
	background-size: 1715px;
	background-position: -515px -558px;
	position: absolute;
	left: -30px;
	top: 15px;
	opacity: .4
}
.sec4 .lhs .ani-men-5 {
	width: 60px;
	height: 40px;
	display: inline-block;
	background-size: 2000px;
	background-position: -454px -649px;
	position: absolute;
	left: 321px;
	top: 176px
}
.sec4 .rhs {
	float: left;
	width: calc(100% - 425px)
}
.sec4 .rhs h3 {
	font-size: 31px;
	font-weight: 300;
	padding-bottom: 30px;
	line-height: 48px
}
.sec4 .rhs h3 strong {
	font-weight: 500
}
.sec4.act .ani-men-1 {
	animation: graphver .4s ease-in-out .8s both;
	transform-origin: bottom
}
.sec4.act .ani-men-2 {
	animation: building .4s ease-in-out .4s both;
	transform-origin: left
}
.spri-mob-com {
	display: none;
}
@keyframes building {
	from {
		width: 0;
		opacity: 0
	}
	to {
		width: 422px;
		opacity: 1
	}
}
@keyframes scale {
	0% {
		transform: scale(0.1);
		opacity: 0
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}
@keyframes graphver {
	from {
		transform: scaleY(0);
		opacity: 0
	}
	to {
		transform: scaleY(1);
		opacity: 1
	}
}
@keyframes graphher {
	from {
		transform: scaleX(0);
		opacity: 0
	}
	to {
		transform: scaleX(1);
		opacity: 1
	}
}
@keyframes plane {
	10% {
		transform: translateX(300px)
	}
	50% {
		transform: rotate3d(11, 66, 0, 180deg)
	}
	100% {
		transform: translateY(00px)
	}
}
@media screen and (max-width:1700px) {}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1450px) {
	.art-slides {
		padding-right: 100px;
	}
	.clud-sli ul li div {
		min-height: 280px;
	}
	.sec4 .lhs .ani-men-2 {
		top: 263px;
	}
}
@media screen and (max-width:1230px) {
	.sec4 .ac {
		max-width: 90%
	}
}
@media screen and (max-width:1100px) {}
@media screen and (max-width:1000px) {
	.sec4 .lhs {
		display: none
	}
	.sec4 .rhs {
		width: 100%;
		padding: 0
	}
	.sec4 .rhs ul li:last-child {
		padding-bottom: 0
	}
	.sec4 .rhs h3 {
		font-size: 26px
	}
	.art-rel .art-rel-sli {
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	.sec4 .rhs ul li {
		font-size: 16px;
		line-height: 26px
	}
}
@media screen and (max-width:1500px) {
	.pro-dat .inn:before,
	.pro-dat .inn:after {
		background-size: 1300px
	}
	.pro-dat .inn:before {
		background-position: -442px 1px;
		width: 87px;
		left: -86px
	}
	.pro-dat .inn:after {
		background-position: -567px -3px;
		width: 107px;
		right: -107px
	}
}
@media screen and (max-width:1450px) {
	.pro-dat .inn:before,
	.pro-dat .inn:after {
		background-size: 900px
	}
	.pro-dat .inn:before {
		background-position: -306px 1px;
		width: 52px;
		left: -52px;
		height: 170px
	}
	.pro-dat .inn:after {
		background-position: -409px 1px;
		width: 58px;
		right: -58px;
		height: 150px
	}
	.sec2 .ac {
		/* max-width:95% */
	}
	.sec2 .lhs {
		width: calc(100% - 720px);
		padding: 0 50px 0 30px
	}
	.sec2 .rhs {
		width: 720px
	}
	.sec2.sec2-opp {
		padding: 0
	}
	.sec2.sec2-opp .lhs {
		padding: 0 50px
	}
	.sec2.sec2-opp .rhs .scrn-2 {
		margin: 0
	}
}
@media screen and (max-width:1330px) {
	.pro-dat .inn:before,
	.pro-dat .inn:after {
		display: none
	}
	.sec2 .lhs {
		width: calc(100% - 720px);
		padding: 0 0 0 50px
	}
	.sec2 .rhs {
		width: 720px
	}
	.sec2.sec2-opp .lhs {
		padding: 0 40px 0 0
	}
	.spri {
		background-size: 1200px;
		height: 393px;
		margin: 0 auto !important;
		float: initial !important;
	}
	.scrn-1 {
		background-position: -630px 0;
		width: 575px;
		margin: 0 auto;
		float: initial !important
	}
	.scrn-2 {
		background-position: -600px -441px;
		width: 600px
	}
	.scrn-3 {
		background-position: -3px -709px;
		width: 581px;
		height: 371px;
	}
	.sec2 .ac {
		/* max-width:100% */
	}
	.clud {
		width: 100%
	}
	.scrn-com .lhs h3 {
		font-size: 24px;
		line-height: 34px;
		padding: 0 0 15px
	}
	.scrn-1-com {
		top: 245px;
		background-size: 1200px;
	}
	.scrn-1-1 {
		left: 147px;
		background-position: -651px -943px;
	}
	.scrn-1-2 {
		left: 327px;
		background-position: -751px -943px;
	}
	.scrn-1-3 {
		left: 508px;
		background-position: -844px -943px;
	}
	@keyframes graphhor {
		0% {
			width: 0
		}
		100% {
			width: 90px;
			opacity: 1
		}
	}
	.scrn-2-1 {
		background-size: 1200px;
		background-position: -367px -1101px;
		bottom: 110px;
		left: 264px;
	}
	.scrn-3-com {
		top: 208px;
		background-size: 1200px;
	}
	.scrn-3-1 {
		left: 136px;
		background-position: -14px -1099px;
	}
	.scrn-3-2 {
		left: 318px;
		background-position: -118px -1099px;
	}
	.scrn-3-3 {
		left: 499px;
		background-position: -225px -1099px;
	}
}
@media screen and (max-width:1250px) {
	.ac {
		max-width: 95%
	}
	.ban .lhs h1 {
		font-size: 36px;
		line-height: 42px;
		padding-right: 0
	}
	.ban .lhs p {
		padding-right: 0
	}
	.art-rel .art-rel-sli {
		width: auto;
	}
	.art-slides,
	.slick-list {
		padding-right: 0px;
	}
	.clud-sli ul li div {
		min-height: 250px;
	}
	.art-rel:before {
		display: none;
	}
}
@media screen and (max-width:1230px) {
	.clud-sli ul li div {
		min-height: 250px;
	}
}
@media screen and (max-width:1100px) {
	.ac {
		max-width: 90%
	}
	.sec2 .ac {
		max-width: 100%;
	}
}
@media screen and (max-width:1050px) {
	.sec2 .lhs {
		width: 100%
	}
	.sec2 .rhs {
		width: 720px;
		margin: 0 auto;
		display: table;
		float: initial !important;
	}
	.sec2.sec2-opp .lhs {
		width: 100%
	}
	.sec2.sec2-opp .rhs {
		width: 720px;
		margin: 0 auto;
		display: table;
		float: initial !important;
	}
	.sec2.sec2-opp {
		padding: 0 50px
	}
	.scrn-rule .rhs .spri {
		margin-top: 0 !important
	}
	.sec2.sec2-opp .scrn-com {
		display: -webkit-flex;
		display: grid
	}
	.sec2.sec2-opp .lhs {
		order: 1
	}
	.sec2.sec2-opp .rhs {
		order: 2
	}
}
@media screen and (max-width: 1025px) {
	#header-mainsec {
		height: 57px;
	}
}
@media screen and (max-width:992px) {
	.af .ac .Country_based_cta {
		display: inline-block;
		margin: auto;
		float: none;
	}
	.mob-hide {
		display: none
	}
	.pro-dat .lhs {
		width: 100%;
		padding: 0 0 25px
	}
	.pro-dat .rhs {
		width: 100%;
		text-align: center
	}
	.sec2 .ac {
		max-width: 95%
	}
	.sec2.sec2-opp {
		padding: 0
	}
	.ban {
		padding: 90px 0 60px 0
	}
	.pro-dat {
		margin: 160px 0 50px
	}
	.clud-sli ul li div {
		min-height: 250px;
	}
	.sec2.sec2-opp .rhs {
		/* width: 100%; */
	}
	.sec2.sec2-opp .lhs {
		padding: 0;
	}
	.slick-list {
		padding-right: 0;
	}
	.art-rel:before {
		opacity: 0;
	}
}
@media screen and (max-width:767px) {
	.pro-dat .inn {
		padding: 30px 25px 90px
	}
	.pro-dat .lhs h2,
	.pro-dat .lhs h2 span {
		font-size: 22px;
		line-height: 32px
	}
	#titlediv {
		display: none !important;
	}
	.zsiq_theme1 .zsiq_flt_rel {
		border-radius: 50px 0 0 50px !important;
	}
	.ban {
		padding: 70px 0 20px 0;
	}
	.sec2.sec2-opp .rhs,
	.sec2 .rhs {
		width: 100%;
	}
	.scrn-com .spri,
	.scrn-com .spri-ani {
		display: none;
	}
	.spri-mob-com {
		background: url('https://www.manageengine.com/cloud-security/images/casb-cloud-access-security-broker-sprite.png') no-repeat;
		background-size: 1500px;
		background-position: -3px -1551px;
		width: 301px;
		height: 220px;
		display: table;
		margin: 0 auto;
		float: initial !important;
	}
	.scrn-mob-1 {}
	.scrn-mob-2 {
		background-position: -341px -1584px;
	}
	.scrn-mob-3 {
		background-position: -707px -1569px;
	}
	.sec2 h2 {
		font-size: 24px;
		line-height: 34px
	}
	.footer-stripe {
		background: #004c73;
		padding: 40px 30px;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
}
@media screen and (max-width:650px) {
	.scrn-com .spri {
		background-size: 631px;
		width: 300px
	}
	.scrn-1 {
		background-position: -332px 0;
		height: 211px
	}
	.scrn-2 {
		background-position: -332px -232px;
		height: 200px
	}
	.scrn-3 {
		background-position: -5px -373px;
		height: 200px
	}
	.sec2 .lhs {
		padding: 0
	}
	.ban .lhs h1 {
		font-size: 28px;
		line-height: 36px
	}
	.art-rel .slick-arrow.slick-prev {
		right: calc(50%);
	}
	.art-rel .slick-arrow.slick-next {
		right: calc(50% - 49px);
	}
}
@media screen and (max-width:500px) {
	.ds-list li {
		width: 100%
	}
	.clud-sli ul li div {
		min-height: 310px;
	}
}
@media screen and (max-width:480px) {
	.sec4 .inn {
		padding: 25px
	}
	.sec4 .rhs h3 {
		font-size: 20px;
		line-height: 32px;
		padding-bottom: 15px;
		text-align: center;
	}
	.slick-list {
		padding-top: 57px;
	}
	.art-rel .art-rel-sli {
		padding-bottom: 50px
	}
}
@media screen and (max-width:350px) {
	.sec2 .lhs {
		padding: 20px 20px 0px 20px;
	}
	.scrn-com {
		padding: 0
	}
	.sec2.sec2-opp .lhs {
		padding: 30px
	}
	.clud-sli ul li div p {
		font-size: 14px;
		line-height: 24px;
	}
	.clud-sli ul li div {
		padding: 28px 10px 15px 28px;
	}
}
@media screen and (max-width:480px) {
	.mew-horizontal-tab .mew-tab-list li {
		padding: 6px 5px
	}
	.mew-horizontal-tab .mew-tab-list li span:after {
		margin: 3px 0 0 3px
	}
}
footer,
.btmBar {
	float: left;
	width: 100%
}
#btmBar ul li a {
	font-family: 'ZohoPuvi'
}
body .ban .double-btn {
	display: none;
	margin-bottom: 30px
}
body .ban .double-btn a {
	padding: 10px 30px 10px 48px;
	position: relative;
	transition: .3s ease-in;
	display: inline-block;
	font-size: 17px;
	font-weight: 500;
	border-radius: 3px;
	border: 1px solid #dd002c;
	text-decoration: none;
	line-height: 27px;
	box-sizing: border-box
}
body .ban .double-btn a {
	background: #DD002C;
	color: #fff
}
body .ban .double-btn a:hover {
	box-shadow: 0 5px 10px rgb(221 0 44 / 50%);
	transform: translateY(-3px);
	text-decoration: none
}
body .ban .double-btn .CS_CTA_signup {
	margin-right: 15px
}
body .ban .double-btn a::after {
	display: none;
}
body .ban .double-btn .CS_CTA_signup:before {
	content: "";
	width: 15px;
	height: 15px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAABHNCSVQICAgIfAhkiAAAAgxJREFUSEvtl+FRwzAMhZsJ6AaUCYAJKBMAExAmACagnQCYgG4AnYB0AugEpBvQCcL7cjLn5hLbabn+Qne+JrGkZz9ZkpsNEqWqqlyqZxonNgr9lhrzLMveEt0MspiigEbSedEYB3QBvBHwd8xfENDAPuRkGHNkuz2NgcYAoQ0anUz18Cann1oMO77UuPXmnzV3F1pcJ6DFDCqRNZQC1HQmPUBfve9XoZiGAP3d3cvJU9fKBTrT3LXNT6U76dINAZYyOjTDIznhvVWM3nebXEgXulslBFg5CzmIxXok3S/TX0md996Ae98huXVhy9xLDHOBuVNKQp8nnlL0it6UYqDDgKGfhxO9U8pcHsKAn3fb56EBEnxy76Brxd73pZ7J1WB5S62ls8ZOm/hzfchjYBhFAZ1nqzxjvdMtjjUWGqUGpe7vukUClb1UknfYy2tAuRVQ9NGOoA0K+0ohg2VXPDcABUR8yD1+dxVON015o8P8AgqMfHrcFaXFfiJQ+mgtNWBLT6P/sTLo6SuEAYb83GWnsxrQ4kWld9cIjjs5VfZFcvrmEwBXiykGXD9KACd6eTDlFatLSeCUxcg3LHH4kLrsAQhtrl4GrwcpIL5OI1R1YwYQ6pI6e19A9OV/o5EDmNzZ/wHbGGij1MUwePnZhk6LoTupax2aITEkSbnM1jfqbR132dnfhVzzBVePH+P58h9IaxXvAAAAAElFTkSuQmCC) no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: calc(50% - 42px);
	top: 48%;
	transform: translateY(-50%)
}
body .ban .double-btn .CS_CTA_download:before {
	content: "";
	width: 15px;
	height: 15px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAVFJREFUSEvtlv0RgjAMxekGOomO4gbKBLqBOIITCBs4ikwiG9QXrsW29CPh+BPuvJM2yY/3WkJVtfDSWjdIveLXKaVu0jJKmmDjAdbm/wDwXlpnDXAFsLiOOCGieAOzlnuzmmUTBTmv07a5WK5lNxfspFao0R+eYbWS1blcqpUEI/GC+ZcBtoDXLjwHxlyL2LOJr5FL997FBVOSB0+BAyjlycBm57pP7sFj4AiUvlzk3OwqNpBIsVF5CJZAs2scrOdMOeZdJZ2zppSaVGrrFhXbwIiimIMs6KhYcpJgwLNKPZb0JJGBF+31WKVGEPNTupGc5bLHpdHq/43gCOPAi0pXBad2Vm7cE7lU8QYuOQBnd4j5Tg0EAx/cHMwAfQZpswylQtJ58w7fTV5vG4gdkNZbGv8YW2agemkxbl4PR49TrzZWnBzbuYW4cT0C34A2lPAD7xbxyo7GxG4AAAAASUVORK5CYII=) no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: calc(50% - 53px);
	top: 48%;
	transform: translateY(-50%)
}
@media screen and (max-width : 992px) {
	body .ban .double-btn {
		text-align: center;
		width: 100%;
	}
}
@media screen and (max-width : 400px) {
	body .ban .double-btn a {
		font-size: 14px;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		text-align: center
	}
	body .ban .double-btn .CS_CTA_signup {
		margin: 0;
		margin-bottom: 8px;
		text-align: center;
		width: 100%
	}
}