@media only screen and (max-width: 480px) {

	html {
		font-size: 20px;
	}

	.font_size_default {
		font-size: 3.8vw;
	}

	.font_size_420 {
		font-size: 360% !important;
	}

	.font_size_405 {
		font-size: 405% !important;
	}

	.font_size_230 {
		font-size: 230% !important;
	}

	.font_size_150 {
		font-size: 150% !important;
	}

	.font_size_140 {
		font-size: 140% !important;
	}

	.font_size_130 {
		font-size: 130% !important;
	}


	.font_size_125 {
		font-size: 125% !important;
	}

	.font_size_120 {
		font-size: 120% !important;
	}

	.font_size_165 {
		font-size: 165% !important;
	}

	.font_size_100 {
		font-size: 100% !important;
	}

	.font_second {
		font-family: 'Muli';
	}

	.bold {
		font-weight: bold;
	}

	.black {
		font-weight: 900;
	}

	.normal {
		font-weight: normal;
	}

	.semibold {
		font-weight: 600;
	}

	.uppercase {
		text-transform: uppercase;
	}

	h3 {
		margin: 0;
	}

	.margin_top_7 {
		margin-top: 7%;
	}

	a {
		/* text-decoration: none !important; */
	}


	.lr_arrow {
		border: solid gray;
		border-width: 0 3px 3px 0 !important;
		display: inline-block;
		padding: 1%;
		position: absolute;
	}

	.left_arrow {
		display: none;
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
	}

	.left_arrow:hover {
		border: solid #3992cf;
	}

	.right_arrow {
		display: none;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	.right_arrow:hover {
		border: solid #3992cf;
	}

	.hide {
		display: none;
	}

	.hide-col {
		display: none !important;

	}

	.next,
	.prev {
		display: inline-block;
	}

	.title_main {
		position: absolute;
		top: 0;
		left: 0;
		/* bottom: 0; */
		right: 0;
		height: auto;
	}



	html {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: inline-block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: .3s ease;
		-o-transition: .3s ease;
		transition: .3s ease;
		overflow-x: hidden !important;
		/* overflow: auto; */
	}

	.tai_app {
		width: 100%;
		height: 100%;
		border-top: 5pt solid #38b3e7;
	}

	.margin_main {
		margin: 0 !important;
	}

	.header_banner_friendly {
		width: 100%;
		position: relative;
		padding-top: 100%;
	}

	#header {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		position: fixed;
		background-color: inherit;
		display: inline-block;
	}

	#header>.frame-inner {
		padding: 0;
	}

	.header_container {
		position: relative;
		width: 100%;
		height: 0;
		/* padding-top: 19%; */
		background-color: #fff;
		/* display: inline-block; */
		display: flex;
		clear: both;
	}

	#logo_header {
		width: 40%;
		float: left;
		top: 17%;
		transform: none;
	}

	.icon_bars {
		width: 15%;
		max-width: 2rem;
		height: 100%;
		background-image: url('../images/ic_menu.png');
		background-position: center right;
		background-repeat: no-repeat;
		background-size: auto 50%;
		position: absolute;
		top: 0;
		right: .5rem;
	}

	#header #btnLang {
		position: absolute;
		right: 2.75rem;
		min-width: 1.5rem;
		width: 1.5rem;
		height: 1.5rem;
		font-size: .6rem;
	}


	#header .language_bar {
		top: calc(3rem + 5pt);
	}

	#header .nav-lang {
		justify-content: center;
		height: 2.5rem;
	}

	#header .nav-lang .icon-lang {
		font-size: .6rem;
		height: 1.5rem;
		width: 1.5rem;
		min-width: 1.5rem;
	}

	#header .nav-lang .text-lang {
		font-size: .7rem;
	}

	.img_banner {
		background-size: auto 100%;
	}


	#header .nav {
		width: 0;
		position: fixed;
		float: none;
		left: 0 !important;
		top: 0 !important;
		z-index: 1;
		background-color: #fff;
		overflow: hidden;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		height: 100%;
		/* opacity: 10; */
		z-index: 101;
		display: block;

	}

	#header .nav ul {
		position: relative;
		width: 100%;
		text-align: center;
	}

	/* #header .nav ul li {
		padding-top: 2rem;
		padding-bottom: 2rem;
	} */

	#header a {
		color: #38b3e7;
		display: block;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		font-size: 120%;
		/* overflow: hidden; */
		padding: 0;
		height: auto;
	}

	#header a.link-logo {
		height: 100%;
		width: 20%;
		position: relative;
	}

	#header li {
		display: block;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.closebtn {
		width: 100%;
		color: #000;
		display: inline-block;
		font-size: 220%;
		text-align: right;
		padding-right: 5%;
	}


	#header li.link-vi {
		width: 100%;
		height: auto;
	}

	#header li.link-vi a {
		display: flex;
		align-items: center;
		margin: auto;
	}

	#banner {
		width: 100%;
		max-height: none;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

	}

	#banner img {
		width: 150%;

	}

	.tag_line {
		margin: 0 auto;
		width: 100%;
		color: #fff;
		text-align: center;
	}

	.sub_title {
		color: #fff;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 42%;
	}

	#header .link_logo {
		width: 0;
		display: inline-block;
		padding: 0;
	}

	.content_banner {
		left: 0;
		top: 71%;
	}

	.content_banner .tag_line p {
		font-size: 330%;
		font-weight: normal;
		font-family: 'Muli';
	}

	.content_banner .sub_title p {
		font-size: 115%;
		font-weight: normal;
		/* margin-top: 3%; */
		width: 75%;
		margin: 0 auto 0 auto;
	}

	#banner .img_banner {
		width: 100%;
		background-repeat: no-repeat;
		background-size: auto 100%;
	}

	.hide_mobile {
		display: none;
	}

	/* PARTNER DISSCUSS */

	.discuss_frame {
		width: 100%;
		position: relative;
		padding-top: 2rem;
		padding-bottom: 2rem;
		/* padding-top: 75%; */
	}

	.title_discuss {
		position: absolute;
		top: 11.5%;
		width: 100%
	}

	.title_discuss span {
		font-family: 'Muli';
		font-weight: 700;
		font-size: 330%;

	}

	.content_discuss {
		width: 90.2%;
		line-height: 1.2;
		font-size: 5vw;
		position: relative;
		top: 32.5%;
		left: 6.1%;
	}

	.btn_discuss {
		padding: 3% 0%;
		color: #3992cf;
		border: none;
		margin-top: 4%;
		font-size: 115%;
		position: relative;
		top: 65.5%;
		width: 71.5%;
		margin-top: 1rem !important;
		/* left: 13.8%; */
	}

	.btn_discuss:hover {
		padding: 3% 0%;
		width: 70.5%;
	}

	/* FOOTER */
	#footer {
		width: 100%;
		/* padding-top: 85%; */
		position: relative;
		display: inline-block;
		overflow: hidden;
		background-color: #2a2d39;
		float: left;
	}

	.top_footer {
		width: 100%;
		display: block;
	}

	.column_top_footer {
		width: 100%;
		max-width: none;
		margin: 0;
	}



	.column_1_top_footer img {
		width: 52%;
		max-width: none;
		margin: 0;
		top: 5%;
		left: 3.5%;
	}

	/*
	#desktop_awards_logo img {
		display: none;
	}

	#mobile_awards_logo {
		display: block;
	}
*/

	.column_2_top_footer img, #spca_logo, #cp_logo {
		top: 10.5%;
		right: 6%;
		left: auto;
		bottom: 0;
		width: 14%;
		max-width: none;
		/*		display: none;*/
	}

	#spca_logo {
		top: 31.4%;
		width: 15%;
	}

	#cp_logo {
		top: 51%;
		right: 4%;
		width: 18%;
	}

	.column_3_top_footer {

		top: 27%;
		bottom: 0;
		left: 6%;
		right: 0;
	}

	.column_4_top_footer {
		float: none;
		top: 40%;
		position: absolute;
		top: 53%;
		left: 6%;
	}

	.column_3_top_footer ul li span {
		margin-left: 4%;
	}


	.column_3_top_footer ul li span,
	.column_4_top_footer span {
		font-size: 3.8vw;
		line-height: 6vw;
	}

	.column_3_top_footer ul li:last-child {
		margin-top: 4%;
	}


	.bottom_footer {
		position: absolute;
		top: 80%;
		bottom: 0;
		height: auto;
		width: 100%;
	}

	.right_bottom_footer {
		width: 100%;
		margin: 4% 33% 0% 0
	}

	.right_bottom_footer img {
		max-width: 5.5%;
	}

	.version_footer {
		float: right;
		width: 100%;
		padding-right: 0;
		text-align: center;
		font-size: 3.4vw;
		margin-top: 1%;
		color: #999999;
		/*
		font-size: 100%;
		text-align: right;
		padding-right: 2%;
*/
	}

	.left_bottom_footer, .version_footer {
		width: auto;
		font-size: .475rem;
		margin-top: 0;
	}

	.column_4_top_footer .vnth {
		color: #31658d !important;
	}


	/* 21 Otc 22 */
	.column_top_footer.column_1_top_footer,
	.column_top_footer.column_2_top_footer {
		position: relative;
		text-align: center;
	}

	.column_top_footer.column_1_top_footer img {
		left: 0;
	}

	.top_footer {
		/* padding: 15px; */
		padding: 0;
	}

	.column_top_footer.column_2_top_footer {
		padding: 15px;
		float: left;
	}

	.column_2_top_footer img+img {
		margin-left: 15px;
	}

	.bottom_footer {
		position: relative;
	}

	.column_2_top_footer img {
		transform: none;
	}

	.column_2_top_footer img, #spca_logo, #cp_logo {
		left: auto;
		right: auto;
		top: 0;
		max-width: none;
		width: auto;
		height: 2.5rem;
	}


	.nav-tab {
		align-items: flex-start;
	}

	.nav-tab li+li {
		margin-left: .75rem;
	}

	.nav-tab li span {
		white-space: initial;
		text-align: center;
	}

	.nav-tab li .d-img img {
		padding: 20%;
	}

	.column_1_top_footer {
		display: none;
	}

}

@media screen and (max-width: 350px) {
	html {
		font-size: 5.5vw;
	}
}