/* Full HD */
/* @media(min-width:1600px){
	.maai_herobanner .maai_txt {
		position: relative;
		left: -12%;
	}
} */

@media (max-width: 1599px) {
}

@media (max-width: 1439px) {
	.maai_point_top .maai_txt h2 {
		font-size: 30px;
	}
	.maai_point_top .maai_txt p {
		font-size: 18px;
		padding: 0 20%;
	}

	.maai_logo_left {
		padding-right: 66%;
	}
	.maai_logo_right {
		padding-left: 66%;
	}
}

@media (max-width: 1199px) {
	/* .maai_menu_sub {
		height: 50px;
	} */
	/* .maai_herobanner {
		padding-top: 60px;
	} */

	.maai_herobanner .maai_icons {
		height: 22vw;
		width: 50vw;
		top: calc(50% - (22vw / 2) + 50px);
		right: 6vw;
	}

	.maai_crm_items {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	.maai_crm_items .maai_item {
		flex: 1 1 25%;
	}

	.maai_digital_loyalty {
		padding: 100px 0 150px;
		background-position:
			-5% 15%,
			100% 50%;
		background-size: 23vw, 23vw;
	}

	.maai_herobanner .maai_inner .maai_txt h1 {
		font-size: 34px;
	}
	.maai_herobanner .maai_inner .maai_txt h1 .maai_txtbold {
		font-size: 28px;
	}
	.maai_herobanner .maai_inner .maai_txt h2 {
		font-size: 16px;
	}
	.maai_logo_by_ktc {
		width: 160px;
	}

	.maai_herobanner .maai_txt {
		flex: 0 0 60%;
	}

	.maai_btn_primary {
		font-size: 16px;
		padding: 0.65rem 1.65rem;
		border-radius: 6px;
	}

	.maai_logo_left {
		padding-right: 62%;
	}
	.maai_logo_right {
		padding-left: 62%;
	}

	.maai_point_top {
		min-height: 800px;
	}

	.maai_solution .maai_col_img .maai_img_cover {
		background-size: 100%;
		background-position: 50% 50%;
		background-attachment: scroll;
	}

	/* .maai_menu_sub ul li {
		height: 50px;
	} */

	.maai_slide_trusted img {
		height: 100px;
	}
	.maai_slide_trusted {
		margin-top: 40px;
	}
	.maai_trusted {
		padding-bottom: 24px;
	}

	.maai-popup.remodal {
		padding: 60px 80px;
	}

	.maai-transfer .popup_in {
		padding: 0;
	}

	.maai_menu_sub ul {
		gap: 50px;
		margin-left: 50px;
	}

	.maai-popup.remodal.maai-partner {
		padding: 0 80px;
	}
}

@media (max-width: 991px) {
	.maai_logo_menu img {
		height: 32px;
	}

	.maai_px {
		padding: 0 32px;
	}
	.maai_solutions_details .maai_txt_group {
		padding: 80px 0;
		margin: 0 auto;
		max-width: 80%;
	}
	.maai_solutions_details .maai_txt_group p {
		padding-right: 0;
	}

	.maai_by_ktc .maai_order {
		margin-bottom: 30vw;
	}
	.maai_video .maai_inner {
		margin-top: -250px;
	}

	.maai_cover_video {
		font-size: 2.9vw;
	}
	.maai_cover_video span {
		padding: 0 41%;
		/* margin-bottom: 2.5vw; */
	}
	.maai_cover_video span.maai_txt_video {
		margin-bottom: 8px;
	}

	.maai_frame_video {
		margin-top: -35vw;
	}

	.maai_solutions .maai_solutions_details {
		margin-top: 100px;
	}

	.maai_solutions_details .maai_grid {
		grid-template-columns: repeat(1, 1fr);
		padding: 32px;
	}

	.maai_solutions_details .maai_grid:nth-last-child(1) {
		padding-bottom: 80px;
	}

	.maai_solution .maai_col_img {
		order: 1;
		position: static;
		height: auto;
		border-radius: 32px;
	}
	.maai_solution .maai_col_txt {
		order: 2;
	}
	.maai_solution .maai_col_img .maai_img_cover {
		aspect-ratio: 1 / 1;
		margin: 0 auto;
		height: auto;
		width: 70%;
	}

	.maai_point_top .maai_txt h2 {
		font-size: 28px;
	}
	.maai_point_top .maai_txt p {
		padding: 0 5%;
	}

	.maai_logo_right {
		padding-left: 55%;
		top: 0;
		right: -80px;
	}
	.maai_logo_left {
		padding-right: 55%;
		top: 0;
		left: -100px;
	}
	.maai_point_top {
		min-height: 900px;
	}

	.maai_point_top .maai_txt p {
		font-size: 18px;
	}

	.maai_point_body {
		background-size: 180% auto;
		background-position: 75% 100%;
		margin-top: 50px;
	}

	.maai_digital_loyalty {
		background-position:
			-8% 0%,
			100% 100%;
		padding: 200px 0 180px;
		background-size: 24vw, 30vw;
	}
	.maai_trusted {
		padding-bottom: 24px;
	}
	.maai_accordion.maai_icon_last .maai_item .maai_heading {
		padding-right: 64px;
		line-height: 1.6;
	}

	.maai_slide_blog {
		overflow: visible;
	}
	.maai_slide_blog .maai_item .maai_txt h2 {
		font-size: 18px;
	}
	.maai_slide_blog .maai_item .maai_txt p {
		font-size: 14px;
	}

	.maai_herobanner {
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 50px;
		padding-top: 60px;
	}

	.maai_herobanner .maai_txt {
		flex: 0 0 100%;
		padding: 0px 0 100px;
	}

	.maai_herobanner .maai_icons {
		position: relative;
		/* background: rgba(255 0 0 / 30%); */
		width: 120%;
		right: 10%;
		top: -25px;
		height: 60vw;
	}

	.maai_icon1 {
		left: 22%;
		right: 47%;
		top: 79%;
	}
	.maai_icon2 {
		left: 23%;
		right: 54%;
		top: 32%;
	}
	.maai_icon3 {
		left: 55%;
		right: 25%;
		top: 55%;
	}
	.maai_icon4 {
		left: 64%;
		right: 20%;
		top: 90%;
	}
	.maai_icon5 {
		left: 19%;
		right: 68%;
		top: 10%;
		display: none;
	}
	.maai_icon6 {
		left: 57%;
		right: 23%;
		top: 24%;
	}
	.maai_container_menu_sub {
		padding: 0 32px;
	}
	.maai_menu_sub ul {
		position: fixed;
		height: calc(100vh - 60px);
		background: #fff;
		display: block;
		margin: 0;
		left: 0;
		top: 60px;
		padding: 0 32px;
		opacity: 0;
		visibility: hidden;
	}

	.maai_menu_sub ul li:before {
		bottom: -1px;
	}

	.maai_menu_sub ul li:hover:before {
		opacity: 0 !important;
	}

	.maai_menu_sub ul.active {
		opacity: 1;
		visibility: visible;
	}

	.maai_menu_sub ul li {
		height: auto;
		justify-content: flex-start;
		border-bottom: 1px solid rgba(0 0 0 / 10%);
	}
	.maai_menu_sub.fixed ul li {
		height: auto;
	}

	.maai_menu_sub ul li:nth-last-child(1) {
		border-bottom: 0;
	}

	.maai_menu_sub ul li a {
		padding: 16px 0;
		text-align: left;
		width: 75%;
		justify-content: flex-start;
	}

	.maai_menu_sub ul li:hover a {
		font-family: var(--gotham300), var(--sukhumvit400);
	}

	/* .maai_menu_sub.fixed ul{
		top: 106px;
		height: calc(100vh - 106px);
	} */

	.maai_menu_sub .maai_inner {
		justify-content: space-between;
	}

	.maai_arrow_hamburger {
		display: flex;
	}

	.maai-popup.remodal {
		padding: 24px 20px;
	}
	.maai-partner .swiper-wrapper {
		flex-direction: row;
	}

	.maai-partner .maai_grid {
		display: block;
	}

	.maai-partner .maai_grid .maai_col_partner {
		padding-top: 50px;
		position: relative;
	}
	/* .maai-partner .maai_grid .maai_col_partner:before {
		content: '';
		position: absolute;
		height: 60px;
		left:-20px;
		right:-20px;
		top:40px;
		background: rgb(28,28,28);
		background: linear-gradient(0deg, rgba(28,28,28,0) 0%, rgba(208,28,28,1) 100%);
		z-index: 1;
	  } */
	.maai_overflow_partner {
		height: 63vh;
	}

	.maai_icon_partner {
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
	}
	.maai_icon_partner img {
		max-width: 100%;
	}

	.maai-popup.remodal.maai-partner {
		padding: 24px 16px;
	}

	.maai-partner .swiper-slide {
		width: auto;
		margin: 0;
		padding: 8px 16px;
	}
	.maai-partner .swiper-wrapper {
		overflow: visible;
	}
	.maai-partner .swiper-slide.active {
		pointer-events: visible;
	}

	.maai-partner .maai_grid {
		overflow: visible;
	}
	.maai_menu_partner {
		overflow: visible;
		overflow-x: scroll;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.remodal-wrapper {
		overflow: hidden;
	}
}

@media (max-width: 767px) {
	.maai_wrapper .showpc {
		display: none;
	}
	.maai_wrapper .showmb {
		display: block;
	}

	.maai_by_ktc .maai_txt h3 {
		font-size: 16px;
	}
	.maai_by_ktc .maai_txt h2 {
		font-size: 24px;
	}
	.maai_by_ktc .maai_txt p {
		font-size: 18px;
		padding: 0 24%;
	}

	.maai_solutions .maai_txt h3 {
		font-size: 16px;
		padding-top: 0;
	}
	.maai_solutions .maai_txt h2 {
		font-size: 50px;
	}
	.maai_solutions .maai_txt p {
		font-size: 18px;
	}
	.maai_solutions .maai_solutions_details {
		margin-top: 24px;
	}
	.maai_solutions_details .maai_txt_group {
		max-width: 100%;
		padding: 64px 0;
	}
	.maai_solutions_details .maai_txt_group h2 {
		font-size: 30px;
	}
	.maai_solutions_details .maai_txt_group h3 {
		font-size: 30px;
	}

	.maai_logo_left,
	.maai_logo_right {
		display: none;
	}

	.maai_point_top .maai_txt h2 {
		font-size: 30px;
		padding: 0;
	}
	.maai_point_top .maai_txt p {
		padding: 0;
	}

	.maai_logo_mobile {
		visibility: visible;
		position: relative;
	}

	.maai_point_details .maai_logo_point {
		width: 200px;
		padding: 30px 0 0;
	}
	.maai_point_details .maai_txthead h2 {
		font-size: 24px;
	}

	.maai_point_details .maai_content .maai_group {
		display: block;
	}
	.maai_point_details .maai_content .maai_group .maai_txt h2 {
		font-size: 20px;
	}
	.maai_point_details .maai_content .maai_group .maai_txt p {
		font-size: 16px;
	}
	.maai_point_details .maai_content .maai_group .maai_txt {
		padding-left: 0;
		margin-top: 24px;
	}
	.maai_point_details .maai_content .maai_group .maai_icon {
		width: 60px;
	}
	.maai_point_details .maai_content .maai_group .maai_icon.maai_icon_tungngern {
		width: 70px;
	}

	.maai_download_app .maai_group {
		display: grid;
		grid-template-columns: auto auto;
		align-items: center;
		justify-content: center;
		gap: 4px;
		margin-top: 60px;
	}
	.maai_download_app h2 {
		font-size: 24px;
		text-align: center;
	}
	.maai_download_app {
		display: block;
	}

	.maai_download_app .maai_logo_app {
		display: none;
	}
	.maai_download_app .maai_logo_app.mobile {
		display: block;
		grid-row-start: 1;
		grid-row-end: 4;
		width: 175px;
		margin-left: -24px;
	}
	.maai_download_app .maai_group .maai_label_app {
		width: 130px;
	}
	.maai_point_body {
		background: url("/pub/export/device-pay/images-bg_bottom_maai_point_mb.webp")
			no-repeat;
		background-size: 100% auto;
		background-position: 50% 100%;
		margin-top: 0;
		padding-top: 180px;
		position: relative;
	}

	.maai_txt_group h2 {
		font-size: 28px;
	}
	.maai_txt_group h3 {
		font-size: 19px;
		margin-bottom: 24px;
	}

	.maai_txt_group p {
		font-size: 18px;
	}
	.maai_crm_items .maai_item .maai_icon {
		width: 50px;
		height: 50px;
	}

	.maai_crm_items .maai_item .maai_txt h2 {
		font-size: 20px;
		min-height: auto;
	}
	.maai_crm_items .maai_item {
		flex: 0 0 100%;
		padding: 40px;
	}
	.maai_crm_items .maai_item .maai_txt {
		padding-bottom: 16px;
	}

	.maai_txthead_m h2 {
		font-size: 22px;
	}

	.maai_btn_seeall {
		font-size: 16px;
	}

	.maai_by_ktc .maai_circle {
		width: 230px;
		height: 230px;
	}
	.maai_by_ktc .maai_order_wrap svg {
		height: 230px;
		width: auto;
	}

	.maai_by_ktc .maai_circle .maai_num {
		font-size: 36px;
		margin-bottom: 12px;
	}
	.maai_by_ktc .maai_circle h2 {
		font-size: 18px;
	}
	.maai_by_ktc .maai_circle h3 {
		font-size: 14px;
	}
	.maai_by_ktc .maai_circle h4 {
		font-size: 13px;
		margin-top: 8px;
	}

	.maai_by_ktc .maai_order {
		height: 400px;
		margin-top: 150px;
		margin-bottom: 25vw;
	}
	.maai_by_ktc .maai_order .maai_ele {
		top: calc(50% - 100px);
		left: calc(50% - 100px);
	}

	.maai_by_ktc .maai_order1 .maai_order_wrap {
		left: 80px;
		top: -150px;
	}
	.maai_by_ktc .maai_order2 .maai_order_wrap {
		left: -115px;
		top: -95px;
	}
	.maai_by_ktc .maai_order3 .maai_order_wrap {
		left: 35px;
		top: 40px;
	}

	.maai_by_ktc .maai_by_ktc_bg {
		background:
			radial-gradient(
					55.54% 55.54% at 41.05% 26.73%,
					rgba(0, 0, 0, 0.5) 0%,
					rgba(0, 0, 0, 0.155) 100%
				)
				/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
			conic-gradient(
				from 190deg at 50% 50%,
				#caff66 0deg,
				#ff9700 67.5deg,
				#d900ac 131.25deg,
				#3681ff 232.5deg,
				#00e9e9 296.25deg,
				#aaff0a 360deg
			);
	}

	.maai_herobanner .maai_txt {
		max-width: 360px;
		text-align: center;
	}

	.maai_herobanner .maai_inner .maai_txt h1 {
		font-size: 26px;
	}
	.maai_herobanner .maai_inner .maai_txt .maai_logo_by_ktc {
		width: 120px;
		margin-left: auto;
		margin-right: auto;
	}

	.maai_solutions .maai_txt {
		padding-top: 100px;
	}
	.maai_frame_video {
		margin-top: -30vw;
		border-radius: 24px;
	}

	.remodal-wrapper {
		padding: 0;
	}

	.maai-popup.remodal {
		max-width: 90%;
		max-height: 75vh;
		margin-bottom: 0;
		padding-top: 80px;
	}

	.maai_maai img {
		width: 32px;
	}

	.maai-transfer .nice-select .current img {
		width: 32px;
	}

	.maai_transfer_filter {
		position: relative;
	}

	.maai_transfer_group.maai_transfer_filter .maai_inner {
		flex-direction: column;
	}

	.revert .maai_transfer_group.maai_transfer_filter .maai_inner {
		flex-direction: column-reverse;
	}

	.maai_tf_main {
		flex: 0 0 auto;
		/* height: 60px; */
		width: 100%;
	}

	.maai_btn_tf {
		flex: 0 0 auto;
		align-self: flex-end;
	}

	.nice-select li.option img {
		width: 32px;
	}

	.nice-select li.option {
		font-size: 14px;
		padding: 6px 12px;
	}

	.maai_tf_num {
		font-size: 40px;
	}

	.maai-popup .popup_in {
		max-width: 550px;
		margin: 0 auto;
	}

	.maai_txthead_tf {
		font-size: 16px;
	}

	.txt_to {
		position: absolute;
		left: 32px;
		top: 51%;
	}

	.maai_btn_tf {
		margin: 8px 0;
	}

	.maai_btn_tf img {
		padding: 4px;
	}

	.maai-popup.remodal .maai_popup_head {
		font-size: 22px;
	}

	.maai-popup.remodal .remodal-close {
		width: 24px;
		height: 24px;
		/* top: 32px; */
		right: 16px;
	}

	.maai-popup.remodal .remodal-close svg {
		width: 100%;
		height: 100%;
	}

	.maai-popup.remodal {
		padding-top: 24px;
	}

	.maai_pin_section {
		height: 50px;
	}

	#maai_overall {
		margin-top: -50px !important;
		top: 0 !important;
	}

	#maai_point {
		margin-top: 100px !important;
		top: 50px !important;
	}

	.maai-video-present {
		padding: 0px;
		background: transparent;
	}
	.maai-video-present .remodal-close {
		right: 16px;
		top: -50px;
	}

	.maai-partner .maai_grid .maai_col_partner {
		padding-top: 24px;
	}
	.maai_partner_group {
		margin-bottom: 24px;
		padding-bottom: 24px;
	}
	.maai_partner_group:nth-last-child(1) {
		margin-bottom: 80px;
	}
	.maai_icon_partner {
		gap: 8px;
	}
}

@media (max-width: 575px) {
	:root {
		--heightHeader: 60px;
	}

	.mockup_footer {
		font-size: 12vw;
	}

	.maai_px {
		padding: 0 20px;
	}

	.maai_container_menu_sub {
		padding: 0 20px;
	}

	.maai_menu_sub ul {
		/* top:105px;
		height: calc(100vh - 105px); */
		padding: 0 20px;
	}
	/* .maai_menu_sub.fixed ul {
		top: 85px;
		height: calc(100vh - 85px);
	} */

	.maai_by_ktc .maai_txt p {
		padding: 0 4%;
	}

	.maai_solutions .maai_txt p {
		padding: 0 5%;
	}

	.maai_solutions_details .maai_grid {
		padding: 0;
	}
	.maai_solution .maai_col_txt {
		padding: 0 20px;
	}

	.maai_solution .maai_col_img .maai_img_cover {
		width: 100%;
	}

	.maai_solution .maai_col_img {
		border-radius: 0;
	}

	.maai_solutions_details .maai_txt_group p {
		font-size: 16px;
	}
	.maai_solutions_details .maai_txt_group ul li {
		font-size: 14px;
	}

	.maai_by_ktc {
		padding: 80px 0;
	}

	.maai_solutions .maai_solutions_details {
		margin-top: 80px;
	}

	.maai_solutions_details .maai_txt_group {
		padding-bottom: 80px;
	}

	.maai_solutions_details .maai_group_dt {
		flex-direction: column;
		gap: 48px;
	}
	.maai_solutions_details .maai_txt_group a {
		margin-top: 40px;
		width: 100%;
		text-align: center;
	}

	.maai_point_top .maai_txt h2 {
		font-size: 28px;
		padding: 0;
	}
	.maai_point_top .maai_txt p {
		font-size: 16px;
		padding: 0 8%;
	}
	.maai_point_top .maai_txt {
		padding-top: 95%;
		top: 400px;
	}

	.maai_solutions_details .maai_grid:nth-last-child(1) {
		padding-bottom: 24px;
	}

	.maai_point_details {
		padding-bottom: 24px;
	}
	.maai_download_app {
		padding-bottom: 60px;
	}

	.maai_point_body {
		background-size: 130% auto;
	}

	.maai_crm .maai_txt_group p {
		padding: 0 5%;
	}

	.maai_crm_items .maai_item {
		padding: 32px;
	}

	.maai_crm {
		padding-bottom: 80px;
	}

	.maai_digital_loyalty .maai_txt_group h2 {
		padding: 0 5%;
	}

	.maai_digital_loyalty {
		background-size: 30vw, 30vw;
		padding: 180px 0 150px;
	}

	.maai_accordion.maai_icon_last {
		margin-top: 24px;
	}

	.maai_accordion.maai_icon_last .maai_item .maai_heading,
	.maai_accordion.maai_icon_last .maai_item.maai_open .maai_heading {
		background-position: 100% center;
	}

	.maai_herobanner .maai_icons {
		width: 130%;
		right: 15%;
		height: 100vw;
	}

	/* .maai_herobanner .maai_txt {
		padding-top: 40px;
	} */

	.maai_herobanner .maai_inner .maai_txt h1 {
		font-size: 24px;
		line-height: 1.3;
	}
	.maai_herobanner .maai_inner .maai_txt a {
		margin-top: 24px;
	}
	.maai_herobanner .maai_inner .maai_txt .maai_logo_by_ktc {
		margin-bottom: 16px;
	}

	.maai_solutions .maai_txt h2 {
		font-size: 31px;
	}

	.maai_frame_video {
		border-radius: 16px;
		margin-top: -25vw;
		box-shadow: 0px 29px 100px -21px rgba(0, 0, 0, 0.57);
	}

	.maai_by_ktc .maai_by_ktc_bg {
		bottom: -10%;
	}

	.maai_by_ktc .maai_txt {
		max-width: 360px;
	}

	.maai_solutions .maai_txt {
		padding-top: 80px;
	}
	.maai_by_ktc .maai_order {
		margin-bottom: 20vw;
	}

	.maai_slide_trusted {
		margin-top: 16px;
	}

	.maai_transfer_filter {
		padding: 20px;
		gap: 8px;
	}

	.txt_to {
		left: 20px;
	}

	/* .maai_tf_main {
		border-radius: 6px;
	}
	.maai-transfer .nice-select {
		border-radius: 6px;
	} */
	.txt_to {
		top: 51%;
	}
	.maai_transfer_group {
		border-radius: 16px;
	}
	.maai_btn_tf {
		margin: 6px 0;
	}

	.maai_btn_tf img {
		border-radius: 6px;
	}

	.maai_transfer_group {
		padding: 20px 20px 26px;
	}
	.maai-transfer .maai_point {
		padding: 35px 5px;
	}
	.maai_tf_arr {
		flex: 0 0 40px;
	}
	.maai_tf_num {
		font-size: 35px;
	}
	.maai_tf_txt {
		font-size: 14px;
	}

	.maai_partner_group {
		padding-right: 24px;
	}
}