@media (min-width: 576px) {
	.container {	
		max-width: calc(100vw - 30px);
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
		/* border: 1px solid red; */	/* For testing */
	}	
}

@media (max-width: 1447px) {
	.cid-rKZuqbI3d6 img {
		height: 30px !important;
	}
}

@media (max-width: 1200px) {	
	.top-banner {
		height: clamp(41rem, -7.5rem + 115vw, 57.1875rem);
		height: clamp(656px, -7.5rem + 10vw, 915px);
	}
}

@media (min-width: 991px) and (max-width: 1199px) {
	.brkLine-1199 {
		display: block;
	}
}

@media (max-width: 1023px) {
	.cid-rKZuqbI3d6 img,
	.cid-rLxVxi8hGy img {
		height: 30px !important;
	}
}

@media (max-width: 991px) {
	.contact-emailphone-wrapper {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.contact-emailphone-wrapper .contact-email {
		padding: 0 43px 0 0;
		border-right: 1px solid #0d2956;

	}
	.contact-emailphone-wrapper .contact-phone {
		padding: 0 0 0 24px;
	}
	.brkLine-991 {
		display: block;
	}
	.banner-space {
		background-image: url("../images/img-mainbanner-op-m.jpg");
		background-size: 50vh auto;
		min-height: calc(47vh + 125px);
	}
	.banner-space .text-wrapper {
		top: 500px;
		top: 40vh;
	}
	.banner-space .text-line-01,
	.banner-space .text-line-02 {
		text-align: center;
		font-size: 60px;
		font-size: clamp(40px, 10.67vw, 60px);
	}
}

@media (max-width: 950px) {
	.bgOutter-color {
		background-position-y: 1300px,
			bottom;
	}
	.timeline .stage {
		padding: 42px 0 0;
	}
	.timeline .card .card-title {
		font-size: clamp(30px, 21.95vw, 32px);
	}
	.timeline .card .card-text {
		font-size: clamp(30px, 21.95vw, 32px);
	}
	.timeline .card {
		padding: 0 0 24px;
	}
	.timeline .register .caption {
		font-size: clamp(26px, 7.22vw, 32px);
		padding: 24px 0 40px;
	}
	.activity-wrapper .priviledge .subhead .emphasis {
		font-size: min(12.5vw,60px);
	}
	.activity-wrapper .grid-container {
		padding: 40px 0 0;
		display: block;
	}
	.activity-wrapper .priviledge .subhead,
	.activity-wrapper .grid-container .grid-item:nth-child(4) .subhead {
		font-size: clamp(30px, 8.33vw, 40px);
		padding: 0 0 8px;
		line-height: .9;
	}
	/* .activity-wrapper .content-brief,
	.activity-wrapper .toggle-wrapper {
		display: none;
	}
	.activity-wrapper .content-detail,
	.activity-wrapper .content-detail.hide {
		display: block;
	} */
	.activity-wrapper .grid-container .grid-item {
		font-size: min(6.25vw, 28px);
		padding: 0 0 32px 74px;
	}
	.activity-wrapper .priviledge:last-child .content-detail .list {
		margin: 0;
	}
	.timeline .card .card-text {
		min-height: 100px;
	}	
	.timeline .card-body {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.timeline .card .card-title {
		border-radius: 30px 0 0 30px;
		font-size: min(7.8vw, 32px);
		font-size: min(6.29vw, 27.5px);
		/* min-width: 40%; */
		width: 40%;
		padding: 24px 10px 16px;
	}
	.timeline .card .card-title:before {
		display: none;
	}
	.timeline .card .card-text {
		min-height: 100px;
		min-height: auto;
		font-size: min(7.47vw, 32px);
		font-size: min(5.33vw, 27.5px);
		width: 60%;
		padding: 24px 2px 16px;
		line-height: .9;
	}
	.activity-wrapper .content-extra .remark {
		flex-direction: column;
	}
	.timeline .live-desc .txt,
	.timeline .live-channelName .txt {
		font-size: min(4.53vw, 24.5px);
	}
	.timeline .live-icon .social {
		transform: scale(.9);
	}
	.timeline .live-icon {
		padding: 0 8px 0 0;
	}
	.timeline .live-wrapper {
		padding: 10px 0 0;
		margin: 10px 0 0;
	}
	.timeline .live-channelName {
		padding: 10px 0 0;
	}	
	.conditions .cond-item:nth-child(2) {
		padding: 32px 0 0;
	}
	.conditions .cond-itemTitle:before {
		font-size: clamp(30px, 8.33vw, 40px);
		font-size: clamp(23px, 6.13vw, 30px);
		padding: 9px 12px;
		top: 3px;		
	}
	.conditions .cond-item .btn {
		padding: 16px;
	}
	.conditions .cond-itemTitle {
		font-size: clamp(30px, 8.33vw, 40px);
		font-size: min(6.27vw, 23.45px);
		font-size: min(5.13vw, 23.45px);
		padding: 4px 0 0 48px;
		letter-spacing: 0;
		line-height: 1.45;
	}
	.conditions .cond-itemMore {
		font-size: min(6.7vw, 32px);
		font-size: min(6.27vw, 28px);	/* Default design */
		font-size: min(6.27vw, 17.42px);
		text-align: center;
		padding: 8px 0 0;
		line-height: 1;
		letter-spacing: 0;
	}
	.conditions .cond-itemContent {
		padding: 4px 24px 16px 48px;
		font-size: min(6.25vw, 28px);
		font-size: min(4.53vw, 24px);	/* Default design */
		font-size: min(4.53vw, 17.25px);
	}
	.conditions .btn.collapsed {
		/* border-radius: 10px 10px 0 0; */
	}
	.conditions .btn.mobile.collapsed,
	.conditions .cond-item .btn.mobile {
		border-radius: 0 0 10px 10px;
		padding: 0 16px 50px;
		line-height: 1;
	}
	.conditions .register {
		padding: 48px 0 24px;
	}	
	.main-content .border-btm {
		padding: 50px 0 96px;
	}
	.headline {
		line-height: 1.45;
		margin-bottom: 0;
		font-size: clamp(45px, 5.85vw, 48px);
	}
	.top-banner {
		height: clamp(500px, -7.5rem + 10vw, 915px)
	}
	.prestige-wrapper .headline {
		font-size: 23.5px;
	}
	.prestige-wrapper .headline .emphasis {
		font-size: 30px;
	}
	.prestige-wrapper .context-wrapper .context {
		width: 100%;
		padding: 40px 25px 45px;
	}
	.prestige-wrapper .context .list {
		font-size: 20.5px;
	}
	.prestige-wrapper .remark {
		font-size: 16.7px;
	}
	.live-schedule .schedule-item {
		padding: 50px 0 0;
	}
}

@media (max-width: 900px) {
	.rewardCondition-wrapper {
		flex-direction: column;
		height: auto;
		width: calc(100% - 30px);
		padding: 0 15px 42px;
		margin-top: 120px;
	}
	.rewardCondition-wrapper .icon {
		order: 1;
		flex-basis: auto;
		position: relative;
		z-index: 10;
		margin-top: -90px;
	}
	.rewardCondition-wrapper .title {
		order: 2;
		flex-basis: auto;
		padding: 24px 0;
	}
	.rewardCondition-wrapper .description {
		order: 3;
		flex-basis: auto;
	}
	.stepReward-wrapper .bg-wrapper {
		background-image: url("../images/img-bg-stepreward-op-m.jpg");
		background-size: cover;
		background-position-x: center;
	}
	.rewardCondition-wrapper.border-line-top:before {
		background-image: url("../images/img-radius-01.png");
		background-size: auto;
		height: 280px;
		opacity: .5;
	}
}

@media (max-width: 869px) {
	/* MGM-Report */
	.table-result {
		box-shadow: none;
	}
	.table-result .table-heads .head-item,
	.table-result .body-item {
		white-space: nowrap;
	}
	.table-result .table-responsive {
		padding-bottom: 10px;
	}
	.table-result .border-line-top:before {
		top: -5px;
	}
}

@media (max-width: 768px) {
	.activity-category .description {
		margin-top: -3px;
	}
	#scroll-btn {
		bottom: 80px;
		bottom: 150px;
		right: 10px;
		opacity: .7;
	}
	#scroll-btn:before {
		width: 40px;
		height: 40px;
		font-size: 23px;
	}
	.icon-size-1 {
		width: 180px;
	}
	.icon-size-2,
	.icon-size-3 {
		width: 150px;
	}
	.navbar-toggleable-sm>.container {
		flex-direction: column;
	}
	.headline,
	.login-wrapper .headline {
		font-size: min(9.72vw, 65px);
		font-size: min(10vw, 65px);
		font-size: min(8.27vw, 50px);
		font-size: min(8.27vw, 40px);
		line-height: 1.45;		
	}
	.live-schedule .headline.secondLine {
		font-size: min(5.13vw, 40px);
		font-size: min(4.8vw, 40px);
		font-size: min(4.55vw, 40px);
	}
	.guru-heroteam .sub-headline {
		font-size: clamp(30px, 21.95vw, 32px);
		font-size: clamp(18px, 4.8vw, 25px);
		line-height: 1.4;
	}
	.guru-heroteam .description {
		font-size: min(6.7vw, 30px);
		font-size: min(3.63vw, 20px);
		line-height: 1.4;
	}
	.guru-heroteam .slogan {
		padding: 40px 0 0;
	}
	.guru-heroteam .head-wrapper {
		padding: 0 0 42px;
		padding: 0;
	}
	.guru-heroteam .mobile {
		/* padding: 0 0 42px; */
	}
	.main-content .border-top,
	.main-content .border-btm {
		padding: 31px 0 76px;
	}
	.live-schedule .schedule-item:not(:first-child) {
		padding: 24px 0 0;
	}
	.main-content .section-space {
		padding: 24px 0;
	}
	.loginNew-wrapper,
	.loginCur-wrapper {
		width: 100%;
		min-height: auto;
		margin: 0 0 36px;
	}
	.ifr_login {
		width: 480px;
	}
	.activity-wrapper .toggle-wrapper {
		padding: 0;
	}
	.activity-wrapper .toggle-wrapper .toggle-trigger {
		font-size: min(7.8vw, 40px);
	}
	.activity-wrapper .content-detail .list {
		margin: 0;
	}
	.openAcc.btn {
		font-size: min(7.8vw, 28px) !important;
		font-size: min(9.72vw, 60px) !important;
		font-size: min(8vw, 27px) !important;
		border-radius: 50px;
	}
	.login-wrapper .login-headline {
		font-size: min(9.72vw, 40px);
		font-size: min(8.61vw, 40px);
		font-size: min(8.33vw, 40px);
		font-size: min(6.45vw, 28px);
	}
	.top-banner {
		height: 450px;
	}
	.login-wrapper .title-wrapper .title {
		font-size: min(7.47vw, 35px);	/* Default design */
		font-size: min(7.47vw, 30px);
	}
	.loginCur-wrapper .footer {
		padding: 0;
	}
}

@media (max-width: 767px) {
	.top-banner {
		/* padding-top: calc(100vw + 77px); */
		/* height: calc(100vw + 77px); */
		height: min(100vh, 165vw);
		height: 550px;
		height: clamp(274px, -7.5rem + 88vw, 57.1875rem);
	}
	#register {
		height: 70px;
		height: auto;
		flex-direction: column;
	}
	#register.border-line-top:before {
		background-position-y: 3px;
	}
	.btnregister.btn {
		/* font-size: 60px !important; */
		font-size: min(8vw, 27.15px) !important;
		font-size: min(5.33vw, 27.15px) !important;		
		padding: 4px 28px;
	}
	.openAcc.btn {
		min-width: auto;
		width: 100%;
		line-height: 50px;
		line-height: 1;
	}
	.bgOutter-color {
		background-color: #FFF;
		background-position-y: 1450px, bottom;
		padding: 0;
	}
	.slick-slide img {
		/* height: clamp(350px, 10vw, 600px); */
	}
	.top-border {
		padding-top: 40px;
	}
	.loginNew-wrapper .footer {
		padding: 0 0 116px;
		padding: 0 0 40px;
	}
	.prestige-wrapper .headline {
		font-size: min(5.33vw, 27.5px);
		font-size: min(6.27vw, 27.5px);
		font-size: min(4.49vw, 27.5px);
		line-height: 1.5;
		padding: 20px 70px 20px 82px;
	}
	.prestige-wrapper .headline .emphasis {
		font-size: min(7.33vw, 40px);
		font-size: min(6.01vw, 30px);
		line-height: 1.25;
	}
	.prestige-wrapper .headline:before {
		left: 16px;
	}
	.prestige-wrapper .headline:after {
		right: 10px;
	}
	.prestige-wrapper .context-wrapper .context {
		width: 100%;
		padding: 40px 10px 45px;
	}
	.prestige-wrapper .context .list {
		font-size: min(5.5vw, 28px);	/* Default design */
		font-size: min(5.5vw, 22.8px);
		font-size: min(4.36vw, 20.5px);
	}
	.prestige-wrapper .remark {
		font-size: min(4.4vw, 18.7px);
		font-size: min(3.46vw, 16.7px);
	}
	.live-schedule {
		background-image: none;
	}
	.conditions .btn.collapsed {
		border-radius: 10px 10px 0 0;
	}
	.live-schedule .schedule-item .mobile {
		width: 85%;
		margin: auto;
	}
	.prestige-wrapper {
		margin: 45px 0 0;
	}
	.rewardPartOne,
	.rewardPartThree {
		flex-direction: column;
		padding: 0 30px;
	}
	.rewardPartTwo .content {
		padding: 64px 30px 0;
	}
	.step-title {
		padding: 48px 0;
		margin: 0;
	}
	.reward-title {
		padding: 48px 0 24px;
		margin: 0;
	}
	.reward-container .content-left {
		padding: 0;
	}
	.reward-container .rewardPartThree .content-left {
		padding: 51px 0 0;
	}
	.reward-container .content-right {
		padding: 40px 0 48px;
	}
	.reward-container .rewardPartThree .content-right {
		padding: 40px 0 59px;
	}
	.reward-container .content-right h3 {
		margin: 0;
		padding: 0 0 40px;
		text-align: center;
		line-height: 1.25;
	}
	.list-style01 {
		margin: 0;
	}
	.reward-container .content-left.reward-border-bottom {
		border: none;
	}
	.brkM-767 {
		display: none;	
	}
	.brk-767 {
		display: block;
	}
	.rewardDetail-wrapper .swiper-wrapper {
		justify-content: initial;
	}
	.swiper {
		padding-bottom: 40px;
	}
	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background: var(--color-grey-04);
	}
	.swiper-pagination-bullet-active {
		background: var(--color-grey-01);
	}
	.swiper-horizontal {
		.swiper-button-prev,
		.swiper-button-next,
		~.swiper-button-prev,
		~.swiper-button-next {
			top: 35%;
			height: 30px;
		}
	}
	.swiper-button-prev,
	.swiper-button-next {
		color: var(--fs-orange-light);
		color: var(--color-white-01);
	}
	.btn-wrapper {
		padding: 48px 0 0;
	}
	.border-line-bottom:after {
		bottom: -29px;
	}
	.reward-container {		
		background: radial-gradient(96.35% 57.07% at 50% 0%, #DCEBFD 14.42%, #FFF 92.4%);
		background-size: 100% 297px;
		background-repeat: no-repeat;
		background-color: #FFF;
	}
	.float-title {
		padding: 0;
	}
	.partTwo {
		top: auto;
	}
	.cid-rLbBmXULTP {
		top: auto;
		margin-top: 48px;
		padding-bottom: 150px;
	}

	/* Member get Member */
	.report-form-wrapper {
		width: 100%;
	}
	.table-result .border-line-bottom:after {
		bottom: -32px;
	}
}

@media (max-width: 752px) {
	.brkLine-752 {
		display: block;
	}
}

@media (max-width: 702px) {
	.brk-702 {
		display: block
	}
}

@media (max-width: 510px) {
	.brk-510 {
		display: block;
	}
}

@media (min-width: 500px) and (max-width: 768px) {
	.loginNew-wrapper, .loginCur-wrapper {
		width: 480px;
		margin: 0 auto 36px;
	}
}

@media (max-width: 500px) {
	.head-banner-size {		
		width: 60%;
	}
	.activity-head .runNo-One {
		bottom: 0;
	}
	.activity-head .runNo-Two {
		bottom: 0;
	}
	.activity-wrapper .text-indent {
		text-indent: 0;
	}
	.slick-slide img {
		/* height: 80vw; */
		width: auto;
	}
	.awards-wrapper .h5 {
		/* font-size: 1.5rem; */
	}
	.award-caption-two {
		width: 80%;
	}
	.award-caption-three {
		width: 100%;
	}
	.icon-size-1 {
		width: 150px;
	}
	.icon-size-2,
	.icon-size-3 {
		width: 120px;
	}
	.ifr_login {
		/* transform: scale(.8) translateX(-22px); */
		width: auto;
	}
	.brkLine-500 {
		display: block;
	}
	.bottom-border {
		padding-bottom: 10vw !important;
	}
	.top-banner {
		height: clamp(36rem, -7.5rem + 115vw, 57.1875rem);
		height: clamp(274px, -7.5rem + 93vw, 49.1875rem);
	}
	.btnregister.btn {
		/* font-size: 20.9px !important; */
	}
	.top-banner .register {
		bottom: 45px;
	}
	.brkLine-inv-500 {
		display: none;
	}
	.activity-wrapper .content-brief .paragraph-second {
		padding: 16px 0 0;
	}
	.conditions .cond-itemTitle:before {
		padding: 6px 12px;
	}
}

@media (max-width: 575px) {
	.reward-container {
		width: calc(100% - 50px);
		background: radial-gradient(96.35% 57.07% at 50% 0%, #DCEBFD 14.42%, #FFF 92.4%);
		background-size: 100% 297px;
		background-repeat: no-repeat;
		background-color: #FFF;
	}
	/* MGM - Report */
	.title-wrapper,
	.name-wrapper {
		display: flex;
		flex-direction: row;
	}
	.name-wrapper .title {
		flex-basis: 120px;
	}
	.advisor-wrapper .title {
		flex-basis: 220px;
	}
	.invite-wrapper .title {
		flex-basis: 100px;
	}
}

@media (max-width: 507px) {
	.brkM-507 {
		display: none;
	}
}

@media (max-width: 450px) {
	.brkLine-450-off {
		display: none;
	}
	.brkLine-450-on {
		display: block;
	}
}

@media (max-width: 430px) {
	body {
		background-image: url(../images/img-bg_xm-1.png);
		background-size: 50vh;
		background-size: 100vw;
		background-position-y: 1em;
		background-position-x: center;
		background: none #FFF;	/* override */
	}
	.top-banner {
		height: min(calc(100vh + 104px), 1014px);
		height: min(calc(100vh + 30px), 1014px);
		/* height: min(calc(92vh), 1004px); */
		height: auto;
	}
	.px-mob-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.main-banner-wrapper {
		background: linear-gradient(238deg, rgba(221, 237, 255, 1) 0%, rgba(227, 240, 255, 1) 21%, rgba(244, 249, 255, 1) 53%, rgba(255, 255, 255, 1) 79%);
	}
	.main-banner-wrapper .mobile {
		display: block;
		/* width: 430px; */
		width: min(89vw, 430px);
		width: 100vw;
		margin: 0 auto;
	}
	.top-banner .register {
		bottom: 32px;
	}
}

@media (max-width: 412px) {
	.brkLine-inv-412 {
		display: none;
	}
}

/* @media (min-width: 400px) and (max-width: 412px) { */
@media (min-width: 412px) and (max-width: 415px) {
	/* Galaxy Z Flip 4 */
	.headline, .login-wrapper .headline {
		font-size: 30px;
		font-size: min(7.66vw, 40px);
		font-size: 22px;
	}
	.timeline .card .card-title {
		font-size: 20px;
		font-size: min(5vw, 27.5px);
		font-size: 15px;
	}
	.timeline .card .card-text {
		font-size: 18px;
		font-size: min(4.38vw, 27.5px);
		font-size: 13px;
	}
	.timeline .live-desc .txt,
	.timeline .live-channelName .txt {
		font-size: 17px;
		font-size: min(4.53vw, 24.5px);
		font-size: 12px;
	}
	.timeline .live-icon .social {
		transform: scale(.7);
		margin-right: -10px;
	}

	/* Test */
	.guru-heroteam .text-fs-orange {
		/* color: #000; */
	}
}

@media (max-width: 414px) {
	.activity-wrapper .caption {
		font-size: 24px;
	}
}

@media (max-width: 360px) {
	body {
		/* font-size: 1.28125rem; */
		/* font-size: 1.5rem; */
		font-size: 1.625rem;
	}
	.activity-head .runNo-One {
		font-size: 1.6rem;		
	}
	.activity-head .runNo-Two {
		font-size: 1.6rem;
	}
	.activity-head .runNo-Three {
		font-size: 1.6rem;
	}
	.activity-head .runNo-Four {
		font-size: 1.6rem;
	}
	.activity-category .head {
		font-size: 1.21875rem;
	}
	.activity-category .description {
		margin-top: -3px;
	}
	.custnew_accept-label {
		font-size: 19.5px;
	}
	.btnregister.btn {
		/* font-size: 35px !important; */
	}
	.ifr_login {
		transform: scale(.8) translateX(-22px);
	}
	.custom-checkbox .custom-control-label::before,
	.custom-checkbox .custom-control-label::after {
		left: -1.5rem;
	}
}