.sec-pTB{
				padding: 0!important;
			}
			.sec6{
				margin-bottom: 0!important;
			}
			
			p {
				font-size: 14px!important;
				line-height: 28px!important;
			}
			
			span {
				font-size: 14px!important;
				line-height: 28px!important;
			}
			
			ul li {
				font-size: 14px!important;
				line-height: 28px!important;
			}
			
			h2 {
				line-height: 2!important;
			}
			
			.ban .lhs h1{
				    line-height: 60px!important;
			}
			
			.sec2 .inn .lhs h2{
				font-size: 20px;
			}
			
			.sec5 .inn{
				width: 100%;
			}
			
			.ac {
				max-width: 1340px;
				padding: 0 20px
			}
			
			.ban {
				padding: 40px 0
			}
			
			.ban .lhs {
				width: calc(100% - 540px)
			}
			
			.ban .rhs {
				width: 540px
			}
			
			.ban-ani {
				width: 540px;
				height: 380px
			}
			
			.ban.ban1 .lhs h1 {
				font-size: 36px;
				padding-right: 90px;
				width: 702px
			}
			
			.ban.ban1 .lhs h1 strong {
				display: block;
				font-size: 36px
			}
			
			.ban1 .ban-ani span,
			.ban1 .ban-ani .circle::before,
			.ban1 .ban-ani .circle::after,
			.ban1 .ban-ani .man::before {
				background: url(https://www.manageengine.com/active-directory-360/images/role-base-access-control-banner-sprite-22.png) no-repeat;
				background-size: 558px
			}
			
			.ban1 .ban-ani .lock {
				background-position: -10px -6px;
				width: 538px;
				height: 204px;
				bottom: 0
			}
			
			.ban1 .ban-ani .card {
				background-position: -11px -236px;
				width: 239px;
				height: 155px;
				top: 74px;
				left: 152px
			}
			
			.ban1 .ban-ani .line {
				background-position: -6px -402px;
				width: 168px;
				height: 127px;
				top: 0;
				bottom: 0;
				left: 4px;
				right: 0;
				margin: auto
			}
			
			.ban1 .ban-ani .card-icon1 {
				background-position: -189px -465px;
				width: 64px;
				height: 64px;
				left: -25px;
				top: 0;
				bottom: 0;
				margin: auto;
				-webkit-animation: icon1 1s 1s linear both, allIcons 2s 4s linear infinite;
				animation: icon1 1s 1s linear both, allIcons 2s 4s linear infinite
			}
			
			@-webkit-keyframes icon1 {
				0% {
					-webkit-transform: translate(104px, 0);
					transform: translate(104px, 0)
				}
				50% {
					-webkit-transform: translate(66px, -9px);
					transform: translate(66px, -9px)
				}
				100% {
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0)
				}
			}
			
			@keyframes icon1 {
				0% {
					-webkit-transform: translate(104px, 0);
					transform: translate(104px, 0)
				}
				50% {
					-webkit-transform: translate(66px, -9px);
					transform: translate(66px, -9px)
				}
				100% {
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0)
				}
			}
			
			.ban1 .ban-ani .card-icon2 {
				background-position: -319px -472px;
				width: 49px;
				height: 49px;
				bottom: -14px;
				left: 42px;
				-webkit-animation: icon2 1s 1.4s linear both, allIcons 2s 4.2s linear infinite;
				animation: icon2 1s 1.4s linear both, allIcons 2s 4.2s linear infinite
			}
			
			@-webkit-keyframes icon2 {
				0% {
					-webkit-transform: translate(40px, -60px);
					transform: translate(40px, -60px)
				}
				50% {
					-webkit-transform: translate(36px, 0px);
					transform: translate(36px, 0px)
				}
				100% {
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0)
				}
			}
			
			@keyframes icon2 {
				0% {
					-webkit-transform: translate(40px, -60px);
					transform: translate(40px, -60px)
				}
				50% {
					-webkit-transform: translate(36px, 0px);
					transform: translate(36px, 0px)
				}
				100% {
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0)
				}
			}
			
			.ban1 .ban-ani .card-icon3 {
				background-position: -261px -472px;
				width: 49px;
				height: 49px;
				top: -30px;
				right: 50px;
				-webkit-animation: icon3 1s 1.8s linear both, allIcons 2s 4.4s linear infinite;
				animation: icon3 1s 1.8s linear both, allIcons 2s 4.4s linear infinite
			}
			
			@-webkit-keyframes icon3 {
				0% {
					-webkit-transform: translate(-45px, 82px);
					transform: translate(-45px, 82px)
				}
				50% {
					-webkit-transform: translate(7px, 46px);
					transform: translate(7px, 46px)
				}
				100% {
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0)
				}
			}
			
			@keyframes icon3 {
				0% {
					-webkit-transform: translate(-45px, 82px);
					transform: translate(-45px, 82px)
				}
				50% {
					-webkit-transform: translate(7px, 46px);
					transform: translate(7px, 46px)
				}
				100% {
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0)
				}
			}
			
			.ban1 .ban-ani .card-icon4 {
				background-position: -319px -472px;
				width: 49px;
				height: 49px;
				top: 29px;
				right: -10px;
				-webkit-transform: scale(.8);
				-ms-transform: scale(.8);
				transform: scale(.8);
				-webkit-animation: icon4 1s 2.2s linear both, icon4Scale 2s 4s linear infinite;
				animation: icon4 1s 2.2s linear both, icon4Scale 2s 4s linear infinite
			}
			
			@-webkit-keyframes icon4 {
				0% {
					-webkit-transform: scale(.8) translate(-120px, 20px);
					transform: scale(.8) translate(-120px, 20px)
				}
				30% {
					-webkit-transform: scale(.8) translate(-43px, 20px);
					transform: scale(.8) translate(-43px, 20px)
				}
				60% {
					-webkit-transform: scale(.8) translate(-44px, 0);
					transform: scale(.8) translate(-44px, 0)
				}
				100% {
					-webkit-transform: scale(.8) translate(0, 0);
					transform: scale(.8) translate(0, 0)
				}
			}
			
			@keyframes icon4 {
				0% {
					-webkit-transform: scale(.8) translate(-120px, 20px);
					transform: scale(.8) translate(-120px, 20px)
				}
				30% {
					-webkit-transform: scale(.8) translate(-43px, 20px);
					transform: scale(.8) translate(-43px, 20px)
				}
				60% {
					-webkit-transform: scale(.8) translate(-44px, 0);
					transform: scale(.8) translate(-44px, 0)
				}
				100% {
					-webkit-transform: scale(.8) translate(0, 0);
					transform: scale(.8) translate(0, 0)
				}
			}
			
			@-webkit-keyframes icon4Scale {
				from,
				to {
					-webkit-transform: scale(.8);
					transform: scale(.8)
				}
				50% {
					-webkit-transform: scale(.7);
					transform: scale(.7)
				}
			}
			
			@keyframes icon4Scale {
				from,
				to {
					-webkit-transform: scale(.8);
					transform: scale(.8)
				}
				50% {
					-webkit-transform: scale(.7);
					transform: scale(.7)
				}
			}
			
			.ban1 .ban-ani .card-icon5 {
				background-position: -189px -465px;
				width: 64px;
				height: 64px;
				right: -8px;
				bottom: -16px;
				-webkit-animation: icon5 1s 2.6s linear both, allIcons 2s 4.6s linear infinite;
				animation: icon5 1s 2.6s linear both, allIcons 2s 4.6s linear infinite
			}
			
			@-webkit-keyframes icon5 {
				0% {
					-webkit-transform: translate(-100px, -60px);
					transform: translate(-100px, -60px)
				}
				50% {
					-webkit-transform: translate(-85px, 0);
					transform: translate(-85px, 0)
				}
				100% {
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0)
				}
			}
			
			@keyframes icon5 {
				0% {
					-webkit-transform: translate(-100px, -60px);
					transform: translate(-100px, -60px)
				}
				50% {
					-webkit-transform: translate(-85px, 0);
					transform: translate(-85px, 0)
				}
				100% {
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0)
				}
			}
			
			.ban1 .ban-ani .circle {
				background-position: -263px -294px;
				width: 87px;
				height: 85px;
				top: 0;
				bottom: 0;
				right: 0;
				left: -10px;
				margin: auto
			}
			
			.ban1 .ban-ani .circle::before {
				content: '';
				background-position: -280px -402px;
				width: 41px;
				height: 41px;
				position: absolute;
				left: 12px;
				top: 0;
				bottom: 0;
				margin: auto;
				-webkit-animation: rotating 7.5s linear infinite;
				animation: rotating 7.5s linear infinite
			}
			
			.ban1 .ban-ani .circle::after {
				content: '';
				background-position: -330px -413px;
				width: 26px;
				height: 26px;
				position: absolute;
				right: 10px;
				bottom: 22px;
				animation: rotating 10s linear infinite reverse
			}
			
			@-webkit-keyframes rotating {
				100% {
					-webkit-transform: rotate(360deg);
					transform: rotate(360deg)
				}
			}
			
			@keyframes rotating {
				100% {
					-webkit-transform: rotate(360deg);
					transform: rotate(360deg)
				}
			}
			
			.ban1 .ban-ani .man {
				background-position: -378px -220px;
				width: 173px;
				height: 259px;
				right: 21px;
				top: -9px
			}
			
			.ban1 .ban-ani .man::before {
				content: '';
				background-position: -245px -419px;
				width: 19px;
				height: 19px;
				position: absolute;
				right: -11px;
				top: 74px;
				-webkit-animation: keys 2s linear infinite;
				animation: keys 2s linear infinite
			}
			
			@-webkit-keyframes keys {
				from,
				to {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg)
				}
				50% {
					-webkit-transform: rotate(14deg);
					transform: rotate(14deg)
				}
			}
			
			@keyframes keys {
				from,
				to {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg)
				}
				50% {
					-webkit-transform: rotate(14deg);
					transform: rotate(14deg)
				}
			}
			
			@-webkit-keyframes allIcons {
				from,
				to {
					-webkit-transform: scale(1);
					transform: scale(1)
				}
				50% {
					-webkit-transform: scale(.9);
					transform: scale(.9)
				}
			}
			
			@keyframes allIcons {
				from,
				to {
					-webkit-transform: scale(1);
					transform: scale(1)
				}
				50% {
					-webkit-transform: scale(.9);
					transform: scale(.9)
				}
			}
			
			.one-line-form.with-state {
				width: 550px
			}
			
			.one-line-form.with-state ul li input[type=submit] {
				padding: 0 48px 0 22px
			}
			
			.one-line-form.with-state ul li .icn-dwn {
				right: 10px
			}
			
			.sec2 .inn .lhs {
				padding: 40px
			}
			
			.sec2 .inn .rhs {
				padding: 55px 40px
			}
			
			.sec2 .inn .lhs h2 {
				line-height: 1.4
			}
			
			.sec2 .inn .lhs p {
				font-size: 20px
			}
			
			.sec2 .inn .rhs p:first-child {
				margin-bottom: 30px
			}
			
			.sec3-1 .tit h2 {
				font-size: 28px;
				font-weight: 300;
				line-height: 1.4
			}
			
			.sec3-1 .tit h2 strong {
				display: block;
				font-size: 32px;
				font-weight: 500
			}
			
			.sec3-1 .tab-1-tit ul li span:before,
			.sec4-1 .tab-2-ic ul li span:before {
				background: url(https://www.manageengine.com/active-directory-360/images/role-base-access-control-sprite-22.png) no-repeat -4px -4px;
				background-size: 460px;
				width: 25px;
				height: 29px
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(2) span:before {
				background-position: -38px -5px;
				width: 24px;
				height: 28px
			}
			
			.tab-1-ic ul li:nth-child(3) span:before {
				background-position: -71px -6px;
				width: 30px;
				height: 27px
			}
			
			.tab-1-com .lhs {
				padding-right: 500px;
				position: relative
			}
			
			.sec3-1 .tab-1-com .lhs::before {
				content: '';
				background: url(https://www.manageengine.com/active-directory-360/images/role-base-access-control-sprite-22.png) no-repeat;
				background-size: 460px;
				width: 286px;
				height: 286px;
				position: absolute;
				right: 30px;
				top: 0;
				bottom: 0;
				margin: auto
			}
			
			.sec3-1 .tab-1-view .lhs::before {
				background-position: -160px -6px
			}
			
			.sec3-1 .tab-2-view .lhs::before {
				background-position: -2px -313px
			}
			
			.sec3-1 .tab-3-view .lhs::before {
				background-position: -5px -615px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(1) span:before {
				background-position: -4px -54px;
				width: 27px;
				height: 31px;
				top: 16px;
				left: 30px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(2) span:before {
				background-position: -39px -53px;
				width: 31px;
				height: 30px;
				top: 16px;
				left: 26px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(3) span:before {
				background-position: -77px -52px;
				width: 25px;
				height: 32px;
				top: 16px;
				left: 30px
			}
			
			.sec4 .tab-1-tit ul li span {
				padding: 18px 20px 18px 70px
			}
			
			.sec4-1 .tip-tb-1-1 {
				left: 61%;
				top: 35%
			}
			
			.sec4-1 .tip-tb-1-2 {
				top: 38%;
				left: 55.5%
			}
			
			.sec4-1 .tip-tb-2-1 {
				top: 15%;
				left: 13%
			}
			
			.sec4-1 .tip-tb-2-2 {
				top: 63%;
				left: 41%
			}
			
			.sec4-1 .tip-tb-3-1 {
				left: 87%;
				top: 14.7%
			}
			
			.sec4-1 .tip-tb-3-1 div {
				right: -110px;
				top: 32px
			}
			
			.sec4-1 .tip-tb-3-1 div::before {
				left: 120px;
				top: -4px
			}
			
			.sec5.sec5-1 .inn:before {
				background: url(https://www.manageengine.com/active-directory-360/images/role-base-access-control-sprite-22.png) no-repeat -5px -115px;
				background-size: 460px
			}
			
			.sec5.sec5-1 .inn .rhs {
				border: none;
				margin: 40px 0;
				padding: 40px
			}
			
			.sec5.sec5-1 .inn .rhs::before {
				content: '';
				background: #eefafe;
				background: -o-linear-gradient(left, #eefafe, #fff);
				background: -webkit-gradient(linear, left top, right top, from(#eefafe), to(#fff));
				background: linear-gradient(to right, #eefafe, #fff);
				border-radius: 10px;
				width: 100%;
				height: 100%;
				border: 1px solid #b8d1ff;
				position: absolute;
				left: 0;
				top: 0
			}
			
			.sec5 .rhs:after {
				height: calc(100% + 5px);
				right: -4px;
				z-index: 1
			}
			
			.sec5 .inn .rhs ul {
				z-index: 2
			}
			
			.sec5 .inn .rhs ul li:last-child {
				padding-bottom: 0
			}
			
			@media (max-width: 1200px) {
				.sec3-1 .tab-1-tit ul li span {
					text-align: center
				}
				.tab-1-com .lhs {
					padding-right: 350px
				}
				.sec4 .tab-1-tit ul li span {
					padding: 15px 20px;
				}
			}
			
			@media (max-width: 1100px) {
				.ban .lhs {
					width: 100%
				}
				.ban.ban1 .lhs h1 {
					padding-right: 0;
					width: 100%
				}
				.sec5.sec5-1 .inn .rhs {
					margin: 0;
					margin-bottom: 120px
				}
			}
			
			@media (max-width: 992px) {
				.ban.ban1 .lhs h1 {
					font-size: 36px;
					line-height: 1.3
				}
				.ban.ban1 .lhs h1 strong {
					font-size: 36px;
					line-height: 1.3
				}
				.one-line-form.with-state {
					width: 100%
				}
				.tab-1-com .lhs {
					padding-right: 0
				}
				.sec3-1 .tab-1-com .lhs::before {
					display: none
				}
				.sec2 .inn .rhs {
					padding: 30px
				}
			}
			
			@media (max-width: 767px) {
				.tab-1-tit ul {
					padding: 0
				}
			}
			
			@media (max-width: 600px) {
				.ban.ban1 .lhs h1 {
					font-size: 36px;
					line-height: 1.3
				}
				.ban.ban1 .lhs h1 strong {
					font-size: 36px;
					line-height: 1.3;
					display: inline
				}
				.sec2 .inn .lhs,
				.sec2 .inn .rhs {
					padding: 24px
				}
				.sec2 .inn .lhs h2 {
					font-size: 20px
				}
				.sec2 .inn .lhs p,
				.sec2 .inn .rhs p {
					font-size: 16px;
					line-height: 1.6
				}
				.sec3 {
					padding: 70px 0 90px
				}
				.sec3-1 .tit h2 {
					font-size: 22px
				}
				.sec3-1 .tit h2 strong {
					font-size: 26px
				}
				.sec3.sec4 {
					padding-bottom: 140px
				}
				.sec5.sec5-1 .inn .rhs {
					padding: 0
				}
				.sec5.sec5-1 .inn .rhs::before {
					display: none
				}
				.sec6 {
					padding: 60px 0
				}
				.sec6 h2 {
					font-size: 22px;
					line-height: 32px
				}
				.sec6 .bot-cta {
					font-size: 16px
				}
			}
			
			@media all and (-ms-high-contrast:none) {
				.sec5 .rhs:after {
					display: none
				}
			}