			.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;
			}
			
			.sec5 .inn .lhs h2 {
				line-height: 48px!important;
			}
			
			.sec5 .inn .lhs h2 span {
				line-height: 48px!important;
			}
			
			.ac {
				max-width: 1340px;
				padding: 0 20px
			}
			
			.sec5 .inn {
				width: 100%;
			}
			
			.tab-1-com {
				padding: 80px 60px 80px 60px;
			}
			
			.ban {
				z-index: -10
			}
			
			.ban.ban1 .lhs {
				width: calc(100% - 642px)
			}
			
			.ban1 .rhs {
				width: 642px;
				z-index: 1
			}
			
			.ban-ani {
				width: 642px;
				height: 374px
			}
			
			.ban .lhs h1 {
				font-size: 36px;
				padding-right: 25px
			}
			
			.ban.ban1 .lhs h1 strong {
				font-size: 44px
			}
			
			.ban1 .ban-ani span,
			.ban1 .ban-ani .machine::before,
			.ban1 .ban-ani .machine::after,
			.ban1 .ban-ani .machine2::before {
				background: url(https://www.manageengine.com/active-directory-360/images/approval-workflow-banner-sprite-22.png) no-repeat;
				background-size: 664px
			}
			
			.ban1 .ban-ani .circle {
				background-position: -11px -17px;
				width: 374px;
				height: 374px;
				left: 0;
				right: 0;
				margin: auto;
				z-index: -5
			}
			
			.ban1 .ban-ani .circuit {
				background-position: -6px -423px;
				width: 655px;
				height: 157px;
				bottom: -30px;
				left: 0;
				right: 0;
				margin: auto;
				z-index: -4;
				animation: circuit 1s 1s linear both;
			}
			
			.ban1 .ban-ani .plate {
				background-position: -6px -829px;
				width: 513px;
				height: 143px;
				bottom: 20px;
				left: 0;
				right: 0;
				margin: auto;
				z-index: -3;
				animation: shake 3s 2s linear infinite both;
			}
			
			.ban1 .ban-ani .cube1,
			.ban1 .ban-ani .cube2,
			.ban1 .ban-ani .cube3 {
				background-position: -500px -38px;
				width: 37px;
				height: 36px
			}
			
			.ban1 .ban-ani .cube1 {
				left: 224px;
				bottom: 134px;
				animation: machine 1s 1s linear both
			}
			
			.ban1 .ban-ani .cube2 {
				left: 282px;
				bottom: 106px;
				animation: machine 1s 1.3s linear both
			}
			
			.ban1 .ban-ani .cube3 {
				right: 250px;
				bottom: 78px;
				animation: machine 1s 1.6s linear both
			}
			
			.ban1 .ban-ani .cube4 {
				background-position: -439px -32px;
				width: 42px;
				height: 49px;
				top: 147px;
				left: 51%;
				z-index: -1;
				animation: machine 1s 1.9s linear both, shake 3s 2s linear infinite
			}
			
			.ban1 .ban-ani .cube5 {
				background-position: -439px -32px;
				width: 42px;
				height: 49px;
				top: 67px;
				left: 44%;
				z-index: -1;
				animation: machine 1s 1s linear both, shake 3s 2s linear infinite;
			}
			
			.ban1 .ban-ani .machine {
				background-position: -6px -606px;
				width: 367px;
				height: 201px;
				bottom: 80px;
				left: -48px;
				right: 0;
				margin: auto;
				animation: machine 1s linear both, shake 3s 2s linear infinite;
			}
			
			.ban1 .ban-ani .machine::before {
				content: '';
				background-position: -553px -177px;
				width: 53px;
				height: 86px;
				position: absolute;
				top: 56px;
				left: 172px;
				z-index: -1
			}
			
			.ban1 .ban-ani .machine::after {
				content: '';
				background-position: -432px -224px;
				width: 89px;
				height: 79px;
				position: absolute;
				top: 12px;
				right: 54px;
				z-index: -1
			}
			
			.ban1 .ban-ani .machine2 {
				background-position: -432px -612px;
				width: 144px;
				height: 181px;
				bottom: 92px;
				right: 120px;
				animation: machine 1s linear both, shake 3s 2s linear infinite;
			}
			
			.ban1 .ban-ani .machine2::before {
				content: '';
				background-position: -439px -149px;
				width: 87px;
				height: 58px;
				position: absolute;
				top: -23px;
				left: -73px;
				z-index: -1
			}
			
			@-webkit-keyframes circuit {
				from {
					-webkit-transform: scale(0);
					transform: scale(0);
				}
				to {
					-webkit-transform: scale(1);
					transform: scale(1);
				}
			}
			
			@keyframes circuit {
				from {
					-webkit-transform: scale(0);
					transform: scale(0);
				}
				to {
					-webkit-transform: scale(1);
					transform: scale(1);
				}
			}
			
			@-webkit-keyframes machine {
				from {
					-webkit-transform: translateY(-150px);
					transform: translateY(-150px);
					opacity: 0;
				}
				to {
					-webkit-transform: translateY(0);
					transform: translateY(0);
					opacity: 1;
				}
			}
			
			@keyframes machine {
				from {
					-webkit-transform: translateY(-150px);
					transform: translateY(-150px);
					opacity: 0;
				}
				to {
					-webkit-transform: translateY(0);
					transform: translateY(0);
					opacity: 1;
				}
			}
			
			@-webkit-keyframes shake {
				10%,
				90% {
					-webkit-transform: translate3d(-1px, 0, 0);
					transform: translate3d(-1px, 0, 0)
				}
				20%,
				80% {
					-webkit-transform: translate3d(2px, 0, 0);
					transform: translate3d(2px, 0, 0)
				}
				30%,
				50%,
				70% {
					-webkit-transform: translate3d(-4px, 0, 0);
					transform: translate3d(-4px, 0, 0)
				}
				40%,
				60% {
					-webkit-transform: translate3d(4px, 0, 0);
					transform: translate3d(4px, 0, 0)
				}
			}
			
			@keyframes shake {
				10%,
				90% {
					-webkit-transform: translate3d(-1px, 0, 0);
					transform: translate3d(-1px, 0, 0)
				}
				20%,
				80% {
					-webkit-transform: translate3d(2px, 0, 0);
					transform: translate3d(2px, 0, 0)
				}
				30%,
				50%,
				70% {
					-webkit-transform: translate3d(-4px, 0, 0);
					transform: translate3d(-4px, 0, 0)
				}
				40%,
				60% {
					-webkit-transform: translate3d(4px, 0, 0);
					transform: translate3d(4px, 0, 0)
				}
			}
			
			.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: 30px
			}
			
			.sec2 .inn .lhs h2 {
				font-size: 27px
			}
			
			.sec2 .inn .lhs p {
				font-size: 20px
			}
			
			.sec3 .tit h2 {
				font-size: 28px;
				font-weight: 300;
				line-height: 1.4
			}
			
			.sec3 .tit h2 strong {
				display: block;
				font-size: 32px;
				font-weight: 500
			}
			
			.tab-1-tit ul {
				padding: 0
			}
			
			.tab-1-tit ul li span {
				line-height: 1.3
			}
			
			.tab-1-com.tab-4-view {
				display: none
			}
			
			.tab-2-com.tab-5-view {
				display: block
			}
			
			.sec3-1 .tab-1-tit ul li span:before,
			.sec4-1 .tab-1-tit ul li span:before {
				background: url(https://www.manageengine.com/active-directory-360/images/approval-workflow-sprite-22.png) no-repeat;
				background-size: 460px;
				top: 0;
				bottom: 0;
				margin: auto
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(1) span:before {
				background-position: -4px -4px;
				width: 26px;
				height: 31px
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(2) span:before {
				background-position: -37px -8px;
				width: 27px;
				height: 23px
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(3) span:before {
				background-position: -72px -6px;
				width: 32px;
				height: 28px;
				left: 16px
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(4) span:before {
				background-position: -110px -6px;
				width: 26px;
				height: 30px
			}
			
			.tab-1-com .lhs {
				padding-right: 500px;
				position: relative
			}
			
			.sec3-1 .tab-1-tit ul li span {
				height: 84px;
				display: table-cell;
				vertical-align: middle;
				text-align: left
			}
			
			.sec3-1 .tab-1-com .lhs::before {
				content: '';
				background: url(https://www.manageengine.com/active-directory-360/images/approval-workflow-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 -4px
			}
			
			.sec3-1 .tab-2-view .lhs::before {
				background-position: -5px -303px
			}
			
			.sec3-1 .tab-3-view .lhs::before {
				background-position: -8px -603px
			}
			
			.sec3-1 .tab-4-view .lhs::before {
				background-position: -17px -902px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(1) span:before {
				background-position: -1px -50px;
				width: 35px;
				height: 28px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(2) span:before {
				background-position: -41px -50px;
				width: 28px;
				height: 34px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(3) span:before {
				background-position: -71px -42px;
				width: 43px;
				height: 44px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(4) span:before {
				background-position: -119px -48px;
				width: 32px;
				height: 30px
			}
			
			.sec4-1 .tab-1-tit ul li span {
				height: 76px;
				display: table-cell;
				vertical-align: middle
			}
			
			.sec4-1 .tip-tb-1-1 {
				left: 55%;
				top: 35%
			}
			
			.sec4-1 .tip-tb-2-1 {
				left: 56%;
				top: 42%
			}
			
			.sec4-1 .tip-tb-3-1 {
				left: 56%;
				top: 42%
			}
			
			.sec4-1 .tip-tb-4-1 {
				left: 82%;
				top: 55%
			}
			
			.sec4-1 .tip-tb-4-1 div {
				right: -108px;
				top: 34px
			}
			
			.sec4-1 .tip-tb-4-1 div::before {
				left: 122px;
				top: -4px
			}
			
			.sec5.sec5-1 .inn:before {
				background: url(https://www.manageengine.com/active-directory-360/images/approval-workflow-sprite-22.png) no-repeat -5px -115px;
				background-size: 460px
			}
			
			.sec5.sec5-1 .inn .rhs {
				border: none;
				margin: 30px 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: 1230px) {
				.ban {
					padding: 50px 0 0
				}
				.ban-ani {
					-webkit-transform: scale(.8);
					-ms-transform: scale(.8);
					transform: scale(.8);
					position: relative;
					left: 40px
				}
				.ban .lhs h1 {
					width: 600px
				}
			}
			
			@media (max-width: 1200px) {
				.sec3-1 .tab-1-tit ul li span {
					text-align: center
				}
				.tab-1-com .lhs {
					padding-right: 350px
				}
			}
			
			@media (max-width: 1100px) {
				.ban {
					padding: 80px 0 50px
				}
				.ban.ban1 .lhs {
					width: 100%
				}
				.ban .lhs h1 {
					padding-right: 0;
					width: 100%
				}
				.ban .lhs h1 strong {
					display: block
				}
				.sec5.sec5-1 .inn .rhs {
					margin: 0;
					margin-bottom: 120px
				}
			}
			
			@media (max-width: 992px) {
				.one-line-form.with-state {
					width: 100%
				}
				.sec3 .tit h2 {
					font-size: 30px
				}
				.sec3 .tit h2 strong {
					font-size: 28px
				}
				.tab-1-tit ul li span {
					font-size: 14px
				}
				.tab-1-com .lhs {
					padding-right: 0
				}
				.sec3-1 .tab-1-com .lhs::before {
					display: none
				}
				.sec4 .tab-1-tit ul li span {
					padding: 15px
				}
			}
			
			@media (max-width: 769px) {
				.sec3-1 .tab-1-tit ul li span,
				.sec4-1 .tab-1-tit ul li span {
					height: auto
				}
				.sec3-1 .tab-1-tit ul li span br,
				.sec4-1 .tab-1-tit ul li span br {
					display: none
				}
			}
			
			@media (max-width: 768px) {
				.ban .lhs h1 {
					font-size: 30px
				}
				.ban.ban1 .lhs h1 strong {
					font-size: 38px
				}
				.sec3 .tit h2 {
					font-size: 30px
				}
				.sec3 .tit h2 strong {
					font-size: 30px
				}
				.sec6 {
					padding: 80px 0
				}
			}
			
			@media (max-width: 600px) {
				.ban .lhs h1 {
					font-size: 28px;
					line-height: 1.6;
				}
				.ban.ban1 .lhs h1 strong {
					font-size: 22px;
					line-height: 1.3;
					display: inline
				}
				.sec2 .inn .lhs,
				.sec2 .inn .rhs {
					padding: 24px
				}
				.sec2 .inn .lhs h2 {
					font-size: 30px
				}
				.sec2 .inn .lhs p,
				.sec2 .inn .rhs p {
					font-size: 16px;
					line-height: 1.3
				}
				.sec2 .inn .rhs p {
					line-height: 1.6
				}
				.sec3 {
					padding: 70px 0 90px
				}
				.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
				}
			}
		