.heading-menu{
display: none !important;
}

			@media screen and (max-width:500px) {
				.notiSty {
					display: none !important
				}
			}
			
			.fixed_bar_scontainer {
				margin: 485px 0 0;
			}
			
			.fixed_bar_hcontainer {
				margin: 484px -89px 0;
			}
			
			.hideAnimation {
				margin: 484px -89px 0 0;
			}
			
			.showAnimation {
				margin: 484px 0 0;
			}
		
			
			/* common style */
			
			.main-page *,
			.main-page *::before,
			.main-page *::after {
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				padding: 0;
				margin: 0;
				font-weight: 300;
			}
			/* Banner sprite */
			
			.ban-sprite span,
			.ban-sprite .ban-hand::before,
			.ban-sprite .ban-hand::after {
				display: inline-block;
				background: url(https://www.manageengine.com/products/ad-manager/images/admanager-plus-integrations-ban-sprite-23.png) no-repeat;
				background-size: 457px;
			}
			/* Page Sprite */
			
			.scroll-tab li::before,
			.tab-content .learn-more::before,
			.comp-list div span::before,
			.comp-list div a::before {
				display: inline-block;
				background: url(https://www.manageengine.com/products/ad-manager/images/admanager-plus-integrations-sprite-23.png) no-repeat;
				background-size: 308px;
			}
			
			.main-container {
				max-width: 1200px;
				margin: 0 auto;
				width: 90%;
			}
			
			.main-page {
				font-family: "ZohoPuvi", sans-serif;
				font-size: 16px;
				font-weight: 300;
				line-height: 1;
				color: #000;
				width: 100%;
			}
			
			.main-page h2 {
				font-size: 38px;
				font-weight: 500;
				line-height: 1.4;
				margin-bottom: 16px;
			}
			
			.main-page h3 {
				font-size: 16px;
				font-weight: 600;
				line-height: 1.4;
				color: #333;
				margin-bottom: 20px;
			}
			
			.main-page p {
				font-size: 16px;
				font-weight: 300;
				line-height: 1.6;
			}
			
			.main-page strong {
				font-weight: 600;
			}
			
			.main-page a {
				text-decoration: none;
				color: #1c71fb;
				-webkit-transition: .3s;
				-o-transition: .3s;
				transition: .3s;
			}
			
			.main-page ul {
				list-style: none;
			}
			
			.main-page img {
				width: 100%;
				height: auto;
			}
			
			.lr-container {
				display: block;
				width: 100%;
				font-size: 0;
				position: relative;
			}
			
			.lr-container .lhs,
			.lr-container .rhs {
				display: inline-block;
				vertical-align: middle;
				font-size: 16px;
				position: relative;
			}
			
			.main-page .main-cta {
				display: inline-block;
				font-size: 15px;
				font-weight: 500;
				line-height: 1.4;
				text-transform: uppercase;
				color: #fff;
				background: #F0473D;
				border: 1px solid #F0473D;
				border-radius: 4px;
				padding: 10px 30px;
				position: relative;
				-webkit-transition: .3s;
				-o-transition: .3s;
				transition: .3s;
				cursor: pointer;
			}
			
			.main-page .main-cta:hover {
				-webkit-transform: translateY(-2px);
				-ms-transform: translateY(-2px);
				transform: translateY(-2px);
				-webkit-box-shadow: 2px 10px 15px rgba(1, 1, 1, 0.1);
				box-shadow: 2px 10px 15px rgba(1, 1, 1, 0.1);
			}
			
			@media(min-width:992px) {
				/* common Animation Keyframe */
				@-webkit-keyframes fadeDown {
					from {
						-webkit-transform: translateY(-50px);
						transform: translateY(-50px);
						opacity: 0;
					}
					to {
						-webkit-transform: translateY(0);
						transform: translateY(0);
						opacity: 1;
					}
				}
				@keyframes fadeDown {
					from {
						-webkit-transform: translateY(-50px);
						transform: translateY(-50px);
						opacity: 0;
					}
					to {
						-webkit-transform: translateY(0);
						transform: translateY(0);
						opacity: 1;
					}
				}
				@-webkit-keyframes fadeUp {
					from {
						-webkit-transform: translateY(100px);
						transform: translateY(100px);
						opacity: 0;
					}
					to {
						-webkit-transform: translateY(0);
						transform: translateY(0);
						opacity: 1;
					}
				}
				@keyframes fadeUp {
					from {
						-webkit-transform: translateY(100px);
						transform: translateY(100px);
						opacity: 0;
					}
					to {
						-webkit-transform: translateY(0);
						transform: translateY(0);
						opacity: 1;
					}
				}
				@-webkit-keyframes fadeLeft {
					from {
						-webkit-transform: translateX(-100px);
						transform: translateX(-100px);
						opacity: 0;
					}
					to {
						-webkit-transform: translateX(0);
						transform: translateX(0);
						opacity: 1;
					}
				}
				@keyframes fadeLeft {
					from {
						-webkit-transform: translateX(-100px);
						transform: translateX(-100px);
						opacity: 0;
					}
					to {
						-webkit-transform: translateX(0);
						transform: translateX(0);
						opacity: 1;
					}
				}
				@-webkit-keyframes fadeRight {
					from {
						-webkit-transform: translateX(100px);
						transform: translateX(100px);
						opacity: 0;
					}
					to {
						-webkit-transform: translateX(0);
						transform: translateX(0);
						opacity: 1;
					}
				}
				@keyframes fadeRight {
					from {
						-webkit-transform: translateX(100px);
						transform: translateX(100px);
						opacity: 0;
					}
					to {
						-webkit-transform: translateX(0);
						transform: translateX(0);
						opacity: 1;
					}
				}
				@-webkit-keyframes fadeTop {
					from {
						-webkit-transform: translateY(-100px);
						transform: translateY(-100px);
						opacity: 0
					}
					50% {
						-webkit-transform: translateY(20px);
						transform: translateY(20px);
						opacity: 1
					}
					to {
						-webkit-transform: translateY(0);
						transform: translateY(0);
						opacity: 1
					}
				}
				@keyframes fadeTop {
					from {
						-webkit-transform: translateY(-100px);
						transform: translateY(-100px);
						opacity: 0
					}
					50% {
						-webkit-transform: translateY(20px);
						transform: translateY(20px);
						opacity: 1
					}
					to {
						-webkit-transform: translateY(0);
						transform: translateY(0);
						opacity: 1
					}
				}
				@-webkit-keyframes jump {
					from,
					to {
						-webkit-transform: translateY(0);
						transform: translateY(0);
					}
					50% {
						-webkit-transform: translateY(-2px);
						transform: translateY(-2px);
					}
				}
				@keyframes jump {
					from,
					to {
						-webkit-transform: translateY(0);
						transform: translateY(0);
					}
					50% {
						-webkit-transform: translateY(-2px);
						transform: translateY(-2px);
					}
				}
				.animate {
					opacity: 0;
				}
				.animate.animated {
					opacity: 1;
				}
				.animated.fade-up {
					-webkit-animation: fadeUp 1s cubic-bezier(.25, .46, .45, .94) both;
					animation: fadeUp 1s cubic-bezier(.25, .46, .45, .94) both;
				}
				.animated.fade-down {
					-webkit-animation: fadeDown 1s cubic-bezier(.25, .46, .45, .94) both;
					animation: fadeDown 1s cubic-bezier(.25, .46, .45, .94) both;
				}
				.animated.fade-right {
					-webkit-animation: fadeRight 1s cubic-bezier(.25, .46, .45, .94) both;
					animation: fadeRight 1s cubic-bezier(.25, .46, .45, .94) both;
				}
				.animated.fade-left {
					-webkit-animation: fadeLeft 1s cubic-bezier(.25, .46, .45, .94) both;
					animation: fadeLeft 1s cubic-bezier(.25, .46, .45, .94) both;
				}
				.animated.fade-top {
					-webkit-animation: fadeTop 2s ease both;
					animation: fadeTop 2s ease both;
				}
				.animated.delay1 {
					-webkit-animation-delay: .2s;
					animation-delay: .2s;
				}
				.animated.delay2 {
					-webkit-animation-delay: .4s;
					animation-delay: .4s;
				}
				.animated.delay3 {
					-webkit-animation-delay: .6s;
					animation-delay: .6s;
				}
				.animated.delay4 {
					-webkit-animation-delay: .8s;
					animation-delay: .8s;
				}
				.animated.delay5 {
					-webkit-animation-delay: 1s;
					animation-delay: 1s;
				}
				.animated.delay6 {
					-webkit-animation-delay: 1.2s;
					animation-delay: 1.2s;
				}
			}
			/* Banner section */
			
			.ban-sec {
				background: url(https://www.manageengine.com/products/ad-manager/images/admanager-plus-integrations-pattern-23.png) #2C1A2E no-repeat;
				background-size: contain;
				padding: 100px 0;
				margin-bottom: 60px;
			}
			
			.ban-sec .lhs {
				width: calc(100% - 437px);
				padding-right: 70px;
				-webkit-animation: fadeLeft .6s linear both;
				animation: fadeLeft .6s linear both;
			}
			
			.ban-sec .rhs {
				width: 437px;
				-webkit-animation: fadeRight .6s linear both;
				animation: fadeRight .6s linear both;
			}
			
			.ban-sec .lhs h1 {
				font-size: 46px;
				font-weight: 600;
				line-height: 1.4;
				color: #fff;
				margin-bottom: 34px;
			}
			
			.ban-sec .lhs h1 strong {
				font-weight: inherit;
				color: #FF8E0A;
			}
			
			.ban-sec .rhs .ban-hand {
				background-position: -10px -13px;
				width: 437px;
				height: 249px;
			}
			
			.ban-sec .rhs .ban-hand::before,
			.ban-sec .rhs .ban-hand::after {
				content: '';
				position: absolute;
				top: 0;
			}
			
			.ban-sec .rhs .ban-hand::before {
				background-position: -9px -273px;
				width: 175px;
				height: 214px;
				left: 32px;
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
				-webkit-animation: leftHand 1s 1s linear both;
				animation: leftHand 1s 1s linear both;
			}
			
			.ban-sec .rhs .ban-hand::after {
				background-position: -197px -273px;
				width: 152px;
				height: 213px;
				right: 32px;
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
				-webkit-animation: rightHand 1s 1s linear both;
				animation: rightHand 1s 1s linear both;
			}
			
			@-webkit-keyframes leftHand {
				100% {
					-webkit-transform: translateX(30px);
					transform: translateX(30px);
				}
			}
			
			@keyframes leftHand {
				100% {
					-webkit-transform: translateX(30px);
					transform: translateX(30px);
				}
			}
			
			@-webkit-keyframes rightHand {
				100% {
					-webkit-transform: translateX(-30px);
					transform: translateX(-30px);
				}
			}
			
			@keyframes rightHand {
				100% {
					-webkit-transform: translateX(-30px);
					transform: translateX(-30px);
				}
			}
			
			.ban-sec .rhs .ban-gear {
				background-position: -369px -284px;
				width: 55px;
				height: 55px;
				position: absolute;
				bottom: -20px;
				right: 120px;
				-webkit-animation: gearIcon 3s 2s linear infinite;
				animation: gearIcon 3s 2s linear infinite;
			}
			
			@-webkit-keyframes gearIcon {
				0% {
					rotate: 0deg;
				}
				100% {
					rotate: 180deg;
				}
			}
			
			@keyframes gearIcon {
				0% {
					rotate: 0deg;
				}
				100% {
					rotate: 180deg;
				}
			}
			/* Intro section */
			
			.intro-sec {
				text-align: center;
				margin-bottom: 50px;
				-webkit-animation: fadeDown .6s .4s linear both;
				animation: fadeDown .6s .4s linear both;
			}
			
			.intro-sec p {
				color: #333;
				max-width: 980px;
				margin: auto;
			}
			/* Tab scroll section */
			
			.tab-scroll-sec {
				margin-bottom: 50px;
			}
			
			.tab-header h2 {
				font-size: 26px;
				font-weight: 600;
				line-height: 1.4;
				text-align: center;
				margin-bottom: 40px;
			}
			
			.scroll-tab {
				background: #fff;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-around;
				gap: 10px;
				margin-bottom: 50px;
				padding-bottom: 20px;
				position: sticky;
				top: 52px;
				z-index: 10;
			}
			
			.scroll-tab li {
				display: inline-block;
				vertical-align: top;
				font-size: 15px;
				font-weight: 500;
				line-height: 1.4;
				text-align: center;
				position: relative;
				padding-top: 60px;
				-webkit-transition: .3s;
				-o-transition: .3s;
				transition: .3s;
				cursor: pointer;
			}
			
			.scroll-tab li:nth-child(-n + 3)::after {
				content: '';
				background: rgba(112, 112, 112, 0.30);
				width: 1px;
				height: 40px;
				position: absolute;
				left: calc(100% + 60px);
				bottom: 0;
			}
			
			.scroll-tab li::before {
				content: '';
				width: 50px;
				height: 50px;
				position: absolute;
				right: 0;
				left: 0;
				top: 0;
				margin: auto;
			}
			
			.scroll-tab li.icon1::before {
				background-position: -11px -11px;
			}
			
			.scroll-tab li.icon2::before {
				background-position: -77px -11px;
			}
			
			.scroll-tab li.icon3::before {
				background-position: -143px -11px;
			}
			
			.scroll-tab li.icon4::before {
				background-position: -209px -11px;
			}
			
			.scroll-tab .tab-highlight {
				position: absolute;
				width: 90px;
				height: 3px;
				background: #000;
				border-radius: 10px;
				top: auto;
				left: 82px;
				bottom: 8px;
				border-radius: 50px;
				-webkit-transition: .3s;
				-o-transition: .3s;
				transition: .3s;
				z-index: 1;
			}
			
			.tab-content {
				border-radius: 14px;
				padding: 60px 80px;
				position: relative;
				z-index: 1;
			}
			
			.tab-content:not(:last-child) {
				margin-bottom: 60px;
			}
			
			.tab-content::before {
				content: '';
				background: url(https://www.manageengine.com/products/ad-manager/images/admanager-plus-integrations-pattern1-23.png) no-repeat;
				width: 60%;
				height: 100%;
				background-size: 100%;
				background-position: top left;
				position: absolute;
				right: 0;
				top: 0;
				z-index: -1;
			}
			
			.tab-content.tab1 {
				background: #FFF6EB;
			}
			
			.tab-content.tab2 {
				background: #EBFFF0;
			}
			
			.tab-content.tab3 {
				background: #F5F2FF;
			}
			
			.tab-content.tab4 {
				background: #EFFBFF;
			}
			
			.tab-content span {
				display: inline-block;
				font-size: 14px;
				line-height: 1.2;
				text-transform: uppercase;
				border-radius: 4px;
				padding: 6px 8px;
				margin-bottom: 8px;
			}
			
			.tab-content.tab1 span {
				background: #FFDEB5;
				background: -webkit-gradient(linear, left top, right top, from(#FFDEB5), to(#FFF6EB));
				background: -o-linear-gradient(left, #FFDEB5, #FFF6EB);
				background: linear-gradient(to right, #FFDEB5, #FFF6EB);
			}
			
			.tab-content.tab2 span {
				background: #BAF8CA;
				background: -webkit-gradient(linear, left top, right top, from(#BAF8CA), to(#EBFFF0));
				background: -o-linear-gradient(left, #BAF8CA, #EBFFF0);
				background: linear-gradient(to right, #BAF8CA, #EBFFF0);
			}
			
			.tab-content.tab3 span {
				background: #DCCCFF;
				background: -webkit-gradient(linear, left top, right top, from(#DCCCFF), to(#F6F2FF));
				background: -o-linear-gradient(left, #DCCCFF, #F6F2FF);
				background: linear-gradient(to right, #DCCCFF, #F6F2FF);
			}
			
			.tab-content.tab4 span {
				background: #C1E9F7;
				background: -webkit-gradient(linear, left top, right top, from(#C1E9F7), to(#EFFBFF));
				background: -o-linear-gradient(left, #C1E9F7, #EFFBFF);
				background: linear-gradient(to right, #C1E9F7, #EFFBFF);
			}
			
			.tab-content h2 a {
				display: inline-block;
				font-size: 38px;
				font-weight: 500;
				line-height: 1.2;
				color: #000;
			}
			
			.tab-content p {
				margin-bottom: 20px;
			}
			
			.tab-content p a:hover {
				text-decoration: underline;
			}
			
			.tab-content img {
				margin: 20px 0 50px;
			}
			
			.tab-content .dot-list {
				margin-left: 14px;
				margin-bottom: 30px;
			}
			
			.tab-content .dot-list li {
				list-style: disc;
				line-height: 1.6;
			}
			
			.tab-content .dot-list li:not(:last-child) {
				margin-bottom: 10px;
			}
			
			.tab-content .tag-list li {
				display: inline-block;
				font-weight: 400;
				line-height: 1.4;
				color: #333;
				border-radius: 100px;
				padding: 10px 15px;
				margin-bottom: 16px;
			}
			
			.tab-content .tag-list li:not(:last-child) {
				margin-right: 16px;
			}
			
			.tab-content.tab1 .tag-list li {
				background: #FFDAAD;
				border: 1px solid #F2A933;
			}
			
			.tab-content.tab2 .tag-list li {
				background: #AEF5C0;
				border: 1px solid #70BE83;
			}
			
			.tab-content.tab3 .tag-list li {
				background: #DCD1FF;
				border: 1px solid #9A80ED;
			}
			
			.tab-content .learn-more {
				display: inline-block;
				font-size: 16px;
				font-weight: 500;
				line-height: 1.2;
				color: #1f73e8;
				position: relative;
				padding-right: 24px;
				margin-top: 10px;
				-webkit-transition: .3s;
				-o-transition: .3s;
				transition: .3s;
			}
			
			.tab-content .learn-more:hover {
				color: #005bda
			}
			
			.tab-content .learn-more::before {
				content: '';
				background-position: -279px -16px;
				width: 12px;
				height: 12px;
				position: absolute;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				/* rotate:46deg;*/
				-webkit-transition: .3s linear;
				-o-transition: .3s linear;
				transition: .3s linear;
			}
			
			.tab-content .learn-more:hover::before {
				-webkit-transform: translate(2px, -2px);
				-ms-transform: translate(2px, -2px);
				transform: translate(2px, -2px);
			}
			/* Rest API section */
			
			.ra-sec {
				padding-top: 20px;
				margin-bottom: 60px;
			}
			
			.ra-sec .lhs,
			.ra-sec .rhs {
				vertical-align: top;
			}
			
			.ra-sec .lhs {
				width: calc(100% - 450px);
				padding-right: 60px;
			}
			
			.ra-sec .rhs {
				width: 450px;
			}
			
			.ra-sec .lhs img {
				display: block;
				margin: 40px 0;
			}
			
			.ra-sec .lhs ul {
				margin-top: 20px;
				margin-left: 14px;
			}
			
			.ra-sec .lhs li {
				list-style: disc;
				line-height: 1.4;
			}
			
			.ra-sec .lhs li:not(:last-child) {
				margin-bottom: 10px;
			}
			
			.ra-sec .rhs p {
				text-align: center;
				max-width: 350px;
				margin: auto;
			}
			
			.ra-sec .rhs .comp-list {
				margin-top: 30px;
			}
			
			.ra-sec .rhs .comp-list div {
				background: #FAFAFA;
				border: 1px solid #E8E8E8;
				border-radius: 8px;
				position: relative;
				padding: 10px;
			}
			
			.ra-sec .rhs .comp-list div:not(:last-child) {
				margin-bottom: 20px;
			}
			
			.ra-sec .rhs .comp-list div::before {
				content: '';
				position: absolute;
				background: url(https://www.manageengine.com/products/ad-manager/images/admanager-plus-integrations-pattern3-23.png) no-repeat;
				background-size: contain;
				background-position: top right;
				width: 100%;
				height: 100%;
				top: 0;
				right: 0;
			}
			
			.comp-list div span {
				display: inline-block;
				vertical-align: middle;
				background: #FFF;
				border-radius: 10px;
				width: 120px;
				height: 140px;
				position: relative;
			}
			
			.comp-list div span::before {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
			}
			
			.comp-list div span.comp-logo1::before {
				background-position: -11px -143px;
				width: 73px;
				height: 69px;
			}
			
			.comp-list div span.comp-logo2::before {
				background-position: -98px -165px;
				width: 87px;
				height: 52px;
			}
			
			.comp-list div a {
				display: inline-block;
				vertical-align: middle;
				font-size: 16px;
				font-weight: 400;
				line-height: 1.2;
				text-decoration: underline;
				color: #000;
				border-radius: 10px;
				position: relative;
				padding: 0 20px;
			}
			
			.comp-list div a::before {
				content: '';
				background-position: -279px -16px;
				width: 12px;
				height: 12px;
				position: absolute;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				-webkit-transition: .3s linear;
				-o-transition: .3s linear;
				transition: .3s linear;
			}
			
			.comp-list div a:hover {
				color: #005bda;
			}
			
			.comp-list div a:hover::before {
				-webkit-transform: translate(2px, -2px);
				-ms-transform: translate(2px, -2px);
				transform: translate(2px, -2px);
			}
			/* Benefit section */
			
			.benf-sec {
				background: #2C1A2E;
				padding: 60px 0;
				position: relative;
				z-index: 1;
			}
			
			.benf-sec::before {
				content: '';
				background: url(https://www.manageengine.com/products/ad-manager/images/admanager-plus-integrations-pattern-23.png) no-repeat;
				width: 100%;
				height: 41%;
				background-size: cover;
				background-position: bottom left;
				-webkit-transform: scale(-1);
				-ms-transform: scale(-1);
				transform: scale(-1);
				position: absolute;
				bottom: 0;
				z-index: -1;
			}
			
			.benf-header {
				position: relative;
				padding-top: 40px;
				margin-bottom: 30px;
			}
			
			.benf-header::before {
				content: '';
				background: url(https://www.manageengine.com/products/ad-manager/images/admanager-plus-integrations-benefit-text-23.png) no-repeat;
				background-size: contain;
				background-position: left center;
				width: 100%;
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				margin: auto;
			}
			
			.benf-header h2 {
				line-height: 1;
				color: #fff;
				margin-bottom: 6px;
			}
			
			.benf-header p {
				font-size: 26px;
				color: #fff;
			}
			
			.benf-box {
				font-size: 0;
			}
			
			.benf-box .col1,
			.benf-box .col2 {
				display: inline-block;
				vertical-align: top;
			}
			
			.benf-box .col1 {
				width: calc(41% - 20px);
				margin-right: 40px;
			}
			
			.benf-box .col2 {
				width: 57%;
			}
			
			.benf-box .b-box {
				background: #201321;
				border-radius: 10px;
				padding: 40px;
			}
			
			.benf-box .col1 .b-box {
				padding: 70px 40px;
			}
			
			.benf-box .col2 .b-box:first-child {
				margin-bottom: 40px;
			}
			
			.benf-box h3 {
				font-size: 22px;
				font-weight: 500;
				line-height: 1.2;
				color: #FF8E0A;
				margin-bottom: 14px;
				position: relative;
				padding-top: 60px;
			}
			
			.benf-box h3::before {
				content: '';
				background: url('https://www.manageengine.com/products/ad-manager/images/admanager-plus-integrations-sprite-23.png') no-repeat -11px -80px;
				background-size: 308px 233px;
				width: 50px;
				height: 43px;
				position: absolute;
				left: 0;
				top: 0;
			}
			
			.benf-box p {
				font-size: 15px;
				line-height: 1.8;
				color: rgba(255, 255, 255, 0.9);
			}
			
			@media(max-width:1200px) {
				.ban-sec .lhs {
					padding-right: 34px;
				}
				.ban-sec .lhs h1 {
					font-size: 36px;
				}
				.scroll-tab li:nth-child(-n+3)::after {
					display: none;
				}
				.ra-sec .lhs {
					width: calc(100% - 380px);
				}
				.ra-sec .rhs {
					width: 380px;
				}
				.benf-box .col1 {
					margin-right: 30px;
				}
				.benf-box .col2 .b-box:first-child {
					margin-bottom: 30px;
				}
				.benf-box .col1 .b-box {
					padding: 30px;
				}
			}
			
			@media(max-width:992px) {
				.main-page h2 {
					font-size: 30px;
					line-height: 1.2;
				}
				.ban-sec {
					background: #2C1A2E;
					padding: 80px 0 60px;
				}
				.ban-sec .lhs {
					text-align: center;
					width: 100%;
					padding: 0;
				}
				.ban-sec .rhs {
					display: none;
				}
				.ban-sec .lhs h1 {
					font-size: 34px;
				}
				.scroll-tab {
					margin-bottom: 30px;
					top: 40px;
				}
				.scroll-tab li {
					font-size: 12px;
				}
				.scroll-tab .tab-highlight {
					width: 161px;
				}
				.tab-content {
					padding: 60px 40px;
				}
				.tab-content h2 {
					margin-bottom: 10px;
				}
				.tab-content h2 a {
					font-size: 30px;
				}
				.ra-sec .lhs,
				.ra-sec .rhs {
					width: 100%;
					padding: 0;
				}
				.ra-sec .lhs h2 {
					text-align: center;
				}
				.ra-sec .rhs p {
					margin-top: 30px;
				}
				.ra-sec .rhs .comp-list {
					max-width: 500px;
					margin: auto;
					margin-top: 20px;
				}
			}
			
			@media(max-width:767px) {
				.main-page h2 {
					font-size: 28px;
					line-height: 1.3;
				}
				.main-page h3 {
					font-size: 15px;
				}
				.main-page p {
					font-size: 15px;
				}
				.ban-sec .lhs h1 {
					font-size: 28px;
				}
				.scroll-tab {
					display: none;
				}
				.tab-content {
					padding: 40px 24px;
				}
				.tab-content:not(:last-child) {
					margin-bottom: 40px;
				}
				.tab-content h2 {
					font-size: 24px;
				}
				.tab-content h2 a {
					font-size: 24px;
				}
				.tab-content p {
					margin-bottom: 10px;
				}
				.tab-content img {
					margin: 20px 0 30px;
				}
				.tab-content .dot-list li,
				.tab-content.tab1 .tag-list li {
					font-size: 15px;
				}
				.tab-content .tag-list {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					gap: 12px;
					margin-bottom: 30px;
				}
				.tab-content .tag-list li {
					padding: 10px;
					margin-bottom: 0;
				}
				.tab-content .tag-list li:not(:last-child) {
					margin-right: 0;
				}
				.comp-list div span {
					width: 112px;
					height: 120px;
				}
				.benf-sec {
					padding: 40px 0 60px;
				}
				.benf-sec::before {
					display: none;
				}
				.benf-box .col1,
				.benf-box .col2 {
					width: 100%;
				}
				.benf-box .b-box,
				.benf-box .col2 .b-box:first-child {
					margin-bottom: 20px;
				}
				.benf-box .col2 .b-box:last-child {
					margin-bottom: 0;
				}
			}
			
			@media(max-width:425px) {
				.ra-sec .rhs .comp-list div {
					padding: 20px;
				}
				.comp-list div {
					text-align: center;
				}
				.comp-list div span {
					display: block;
					margin: auto;
					margin-bottom: 10px;
				}
				.comp-list div a {
					text-align: center;
				}
			}