@media only screen and (min-width: 601px) {
	
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	html, body {
		font-size: 12px;
	}
	
	/* Block Layout */
	main.view {
		padding-top: unset;
	}
	.page-wrapper {
		padding: 0 1.8333rem;
	}
	.projects-activities-page .activities-wrapper {
		padding: 0;
		overflow: hidden;
	}
	.activities-wrapper {
		padding: 0;
	}
	.activities-wrapper .card-activities-none,
	.project-page .project-wrapper .card-activities-none {
		height: 36.25rem !important;
	}
	.activities-wrapper .card-activities-none h2,
	.project-page .project-wrapper .card-activities-none h2 {
		font-size: 1.5rem;
		width: 80%;
		text-align: center;
	}
	
	/* Navbar */
	.navbar::before {
		height: 3px;
	}
	nav {
		min-height: unset;
		position: relative !important;
		height: 68px;
		line-height: 68px;
	}
	nav .row .col {
		padding: 0;
	}
	.navbar .logo-navbar {
		max-width: 5.833rem;
		position: absolute;
		top: 0;
	}
	.navbar .main-menu ul a {
		font-size: 0.75rem;
		padding: 0 0.5rem;
	}
	.navbar .main-menu img.icon-language {
		width: 1.666rem;
	}
	nav .sidenav-trigger {
		margin: 1.125rem 0;
		height: 24px;
	}
	nav .sidenav-trigger i {
		height: 100%;
	}
	.sidenav {
		width: 100%;
		margin-top: 68px;
	}
	.sidenav .icon-close {
		height: 24px;
		line-height: 24px;
		margin: 2rem 0;
	}
	.sidenav-overlay {
		z-index: 3;
	}
	.mobile-nav li {
		padding: 0 32px;
	}
	.mobile-nav li > a {
		border-bottom: 1px solid #707070;
		padding: 0;
	}
	.mobile-nav li:last-child > a {
		border-bottom: 0;
	}
	
	/* Sitemap */
	#sitemap {
		padding: 1rem 0;
		font-size: 0.833rem;
	}
	#sitemap h5 {
		font-size: 1rem;	
	}
	#sitemap .row .col {
		padding: 0;
	}
	#sitemap .logo-sitemap {
		width: 75px;
		margin-bottom: 0;
	}
	#sitemap .sitemap-socail img {
		width: 20px;
	}
	#sitemap .sitemap-content-sm {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	#sitemap .sitemap-content-sm p {
		margin-left: 2em;
	}
	#sitemap .sitemap-content-sm p br {
		/* display: none; */
	}
	.footer-copyright {
		font-size: 0.667rem;
	}
	
	/* Card */
	.projects-activities-page .card-listen .card-listen-content {
		padding-left: 0;
	}
	.projects-activities-page .card-listen .row .col {
		padding: 0;
	}
	.projects-activities-page .card-listen .listen-title {
		font-size: 1.25rem;
		line-height: 1.666rem;
		margin-top: 1rem;
		height: 3.333rem;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.projects-activities-page .card-listen .listen-desc {
		font-size: 1rem;
		height: 4.333rem;
		-webkit-line-clamp: 3;
	}
	.projects-activities-page .card-listen .bg-cover-center {
		height: 17.5rem !important;
	}
	.news-box .news-topic {
		font-size: 1.167rem;
		padding: 0;
	}
	.news-box .row {
		margin: 0 -0.6em;
	}
	.news-box .card-news {
		min-height: 17.5rem;
	}
	.news-box .card-news .box-bg-zoom {
		height: 8.667rem !important;
	}
	.news-box .card-news .card-news-date {
		font-size: 0.833rem;
	}
	.news-box .card-news .card-news-title {
		font-size: 1.25rem;
		line-height: 1.5rem;
		height: 4.5rem;
	}
	.knowledge-box .knowledge-header {
		font-size: 1.667rem;
		text-align: center;
	}
	.knowledge-box .border-bottom-grey {
		margin: 2.5em 0;
	}
	.knowledge-box,
	.knowledge-box .knowledge-program {
		padding-bottom: 4em;
	}
	.knowledge-box .btn-them-black {
		font-size: 1.167rem;
		height: fit-content;
		line-height: normal;
		padding: 0.5em 3em;
	}
	.card-activities .bg-cover-center {
		height: 17.333rem !important;
	}
	.card-activities .card-activities-type span {
		font-size: 0.8333rem;
	}
	.card-activities h4.card-activities-title.larger {
		font-size: 1.25rem;
		line-height: 1.667rem;
		height: 5rem;
	}
	.home-page .col.s9.m9 .card-activities, 
	.projects-activities-page .card-activities {
		min-height: unset;
	}
	.card-knowledge .row {
		display: flex;
		flex-direction: column-reverse;
	}
	.card-knowledge .valign-wrapper {
		display: block;
	}
	.card-knowledge .row {
		height: unset;
	}
	.card-knowledge .col.valign-wrapper {
		flex: 1;
	}
	.card-knowledge .card-knowledge-content {
		padding: 0;
	}
	.card-knowledge .card-knowledge-title {
		font-size: 1.333rem;
		line-height: 1.667rem;
		height: unset;
		max-height: 3.25rem;
		/* margin: 0; */
	}
	.card-knowledge .card-knowledge-author {
		font-size: 0.833rem;
		margin: 0;
	}
	.card-knowledge .card-knowledge-desc {
		font-size: 1rem;
		line-height: 1.5rem;
		height: 4.333rem;
	}
	.card-listen {
		padding: 1.167rem;
	}
	.card-listen .row.valign-wrapper {
		display: block;
	}
	.card-listen .card-listen-content {
		padding-left: 2em;
	}
	.card-listen .card-listen-content .card-listen-title {
		font-size: 1.167rem;
		line-height: 1.333rem;
		height: 2.667rem;
		margin: 0.2rem 0;
		-webkit-line-clamp: 2;
	}
	.card-listen .badge {
		font-size: 0.667rem;
	}
	.card-listen .card-listen-content .card-listen-date {
		font-size: 0.833rem;
	}
	.gallery-page .section .section-title {
		font-size: 1.167rem;
	}
	.card-gallery {
		height: 15.833rem !important;
	}
	.card-gallery .card-gallery-title {
		height: 4.833rem;
		font-size: 1.333rem;
		line-height: 1.667rem;
		-webkit-line-clamp: 3;
	}
	.card-gallery .card-gallery-date {
		font-size: 0.833rem;
	}
	.card-gallery .bottom {
		padding: 1.333rem !important;
	}
	
	
	/* Box and Section */
	.home-page .highlight-wrapper.valign-wrapper {
		display: block;
	}
	.home-page .highlight-wrapper .col {
		padding: 0;
	}
	.home-page .highlight-wrapper .highlight-title {
		font-size: 3.333rem;
		margin: 1rem 0;
	}
	.home-page .highlight-wrapper .highlight-brief {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.home-page .knowledge-section .arrow-navigation {
		display: none;
	}
	.home-page .knowledge-section .border-left-grey.border-right-grey {
		border: none;
	}
	.home-page .knowledge-section .knowledge-section-title {
		padding: 0;
	}
	.home-page .knowledge-section .knowledge-type {
		position: absolute;
		top: 2.5rem;
	}
	.home-page .knowledge-section .articles-box,
	.home-page .knowledge-section .knowledge-video .card-knowledge {
		padding-bottom: 5rem;
	}
	.home-page .knowledge-section .knowledge-section-title .btn-view-all {
		position: absolute;
		bottom: 1em;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
	}
	.home-page .knowledge-section .knowledge-section-title.line-bottom::after,
	.home-page .knowledge-section .knowledge-podclass .row .col:first-child.line-bottom::after {
		display: none;
	}
	.home-page .knowledge-section .knowledge-section-title h1 {
		font-size: 2.5rem;
		margin: 2rem 0;
	}
	.home-page .knowledge-section .knowledge-section-title h2 {
		font-size: 1.667rem;
		margin: 0;
	}
	.home-page .knowledge-section .card-articles .card-articles-image .cover {
		height: 8.75rem !important;
	}
	.home-page .knowledge-section .card-articles .card-articles-content {
		padding: 1.667rem;
	}
	.home-page .knowledge-section .card-articles .card-articles-title {
		font-size: 1.333rem;
		line-height: 1.667rem;
		margin-bottom: 0.5rem;
		height: 5rem;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.home-page .knowledge-section .card-articles .card-articles-brief {
		font-size: 0.833rem;
		line-height: 1.167rem;
		height: 5.75rem;
		-webkit-line-clamp: 5;
	}
	.home-page .knowledge-section iframe {
		height: 17.833rem;
	}
	.home-page .knowledge-section .knowledge-video {
		display: flex;
		flex-direction: column-reverse;
	}
	.home-page .knowledge-section .knowledge-video .card-knowledge {
		position: relative;
		left: unset;
		bottom: unset;
		width: 100%;
	}
	.home-page .knowledge-section .card-knowledge {
		padding: 2.167rem 0;
	}
	.home-page .knowledge-section .knowledge-section-listen {
		padding: 1.25em 3em;
	}
	.home-page .knowledge-section .knowledge-section-listen img {
		width: 100%;
	}
	.home-page .knowledge-section .card-knowledge .card-knowledge-title {
		font-size: 1.5rem;
		max-height: unset;
		height: 4.167rem;
	}
	.home-page .knowledge-section .card-knowledge .card-knowledge-desc {
		font-size: 0.833rem;
		line-height: 1.167rem;
		margin-top: 1em;
		height: 3.5rem;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.home-page .knowledge-section .card-knowledge.catchphrase-left::before {
		display: none;
	}
	.home-page .knowledge-section .knowledge-podclass {
		padding-bottom: 5em !important;
	}
	.home-page .knowledge-section .knowledge-podclass .card-knowledge-title {
		font-size: 1.5rem;
		line-height: 1.667rem;
		height: 5rem;
	}
	.home-page .knowledge-section .knowledge-section-narrator {
		padding: 1em 2em;
	}
	.home-page .knowledge-section .knowledge-section-narrator span {
		font-size: 0.833rem;
	}
	.home-page .knowledge-section .col.line-bottom::after {
		width: 100%;
	}
	.home-page .knowledge-section .knowledge-section-listen-mc {
		left: -6.5em;
		bottom: 3.5em;
		width: 10rem;
	}
	.related-box {
		min-height: 22em;
	}
	.related-box .related-title {
		font-size: 3.333rem;
		margin: 0;
	}
	.related-box .related-site {
		font-size: 1.167rem;
		margin-left: 0.5em;
	}
	.related-box .related-content .row .col {
		padding: 0;
	}
	.related-box .related-content.absolute {
		top: 9.5em;
	}
	.about-box .row.border-bottom-grey {
		border: none;
	}
	.about-box .about-content {
		padding-left: unset;
		border: none;
	}
	.about-box .row .col {
		padding: 0;
	}
	.about-box .about-content .about-title {
		font-size: 1.333rem;
		line-height: 1.5rem;
	}
	.about-box .about-content .about-detail {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.our-sites-box .card-our-sites.valign-wrapper {
		display: block;
	}
	.our-sites-box .card-our-sites {
		padding: 3rem 0;
	}
	.our-sites-box .card-our-sites img.our-site-logo {
		height: 40px;
		width: auto;
		max-width: 100%;
	}
	.our-sites-box .card-our-sites > .left-align {
		text-align: center;
	}
	.our-sites-box .card-our-sites .our-site-content {
		padding: 0 1rem;
	}
	.our-sites-box .card-our-sites .our-site-action {
		text-align: left;
	}
	.our-sites-box .card-our-sites .our-site-action h2 {
		margin-bottom: 0;
	}
	.our-sites-box .card-our-sites .our-site-content .our-site-title {
		font-size: 1rem;
		line-height: 1rem;
		margin: 0;
		height: 2.083rem;
	}
	.our-sites-box .card-our-sites .our-site-content .our-site-desc {
		font-size: 0.667rem;
		line-height: 1rem;
	}
	.projects-activities-page .box-bg-zoom {
		height: 18.666rem;
		margin: 0.5rem 0;
	}
	.projects-activities-page .box-bg-zoom h1 {
		font-size: 3.333rem;
		margin: 0;
		margin-bottom: 1rem;
	}
	.projects-activities-page .box-bg-zoom .btn-them-black {
		font-size: 0.75rem;
		padding: 0.4rem 1rem;
		height: fit-content;
		line-height: normal;
	}
	.news-page.overflow-hidden,
	.project-view-page.overflow-hidden {
		overflow: visible;
	}
	.news-page .container,
	.project-view-page .container {
		padding-top: 2rem;
		padding-bottom: 2rem;
		min-height: 50rem;
	}
	.news-page .project-title,
	.project-view-page .project-title {
		font-size: 2rem;
		line-height: 2.5rem;
		margin: 0;
	}
	.news-page .project-date,
	.project-view-page .project-date {
		font-size: 0.833rem;
		margin-top: 0.5rem;
	}
	.news-page .project-desc,
	.project-view-page .project-desc {
		font-size: 1rem;
		line-height: 1.5rem;
		margin: 1.5rem 0;
	}
	.news-page .project-desc img,
	.project-view-page .project-desc img {
		max-width: 100%;
		height: auto;
	}
	.project-page .banner-project-box img {
		width: 8.333rem;
	}
	.project-page .banner-project-box {
		height: fit-content !important;
		padding: 2rem 0;
	}
	.project-page .banner-project-box .absolute-center {
		position: relative;
		left: unset;
		top: unset;
		transform: unset;
	}
	.project-page .banner-project-box .banner-project-content {
		font-size: 0.833rem;
		line-height: 1.167rem;
		margin-top: 2em;
		padding: 0 2em;
	}
	.project-page .project-wrapper {
		padding: 2rem 0;
	}
	.project-page .project-wrapper .row .col {
		padding: 0;
	}
	.knowledge-hub-page .card-video {
		height: fit-content !important;
		padding: 4rem 0;
	}
	.knowledge-hub-page .card-video .row, 
	.knowledge-hub-page .card-video .col {
		height: unset;
	}
	.knowledge-hub-page .card-video iframe {
		height: 17.416rem;
		margin-bottom: 3.5rem;
	}
	.knowledge-hub-page .card-video .card-video-content {
		position: relative;
		bottom: unset;
		left: unset;
		padding: 0 1.25em;
	}
	.knowledge-hub-page .card-video h2.catchphrase-left::before {
		top: -0.25em;
	}
	.knowledge-hub-page .card-video .card-video-content h2 {
		font-size: 1.75rem;
		line-height: 2rem;
		height: 3.916rem;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.knowledge-hub-page .card-video .card-video-content p {
		font-size: 1rem;
		line-height: 1.333rem;
		max-height: 5.125rem;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.knowledge-hub-view-page .knowledge-title {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.knowledge-hub-view-page .knowledge-date {
		font-size: 0.833rem;
		margin-bottom: 1em;
	}
	.knowledge-hub-view-page .knowledge-desc {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.knowledge-hub-view-page .program-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	.knowledge-hub-view-page .program-wrapper .line-right::after {
		display: none;
	}
	.knowledge-hub-view-page .program-wrapper .program-box {
		border-bottom: 1px solid #707070;
	}
	.knowledge-hub-view-page .program-wrapper .program-box,
	.knowledge-hub-view-page .program-wrapper .present-box {
		padding: 0;
		padding-bottom: 4em;
	}
	.knowledge-hub-view-page .program-wrapper .present-box h3 {
		font-size: 1rem;
		margin: 2em 0;
	}
	.knowledge-hub-view-page .program-wrapper iframe {
		height: 17.333rem !important;
	}
	.knowledge-hub-view-page .present-box .row {
		margin: 0 -0.45rem;
	}
	.knowledge-hub-view-page .present-box .row .col {
		padding: 0 0.45rem;
	}
	.knowledge-hub-view-page .present-box .card-activities {
		padding: 0;
		padding-bottom: 1em;
	}
	.knowledge-hub-view-page .present-box .card-activities .related-image {
		height: 8.75rem;
	}
	.knowledge-hub-view-page .present-box .card-activities h3 {
		font-size: 1.333rem;
		line-height: 1.5rem;
		margin: 0.5em 0;
		height: 3rem;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.knowledge-hub-view-page .knowledge-background {
		height: fit-content !important;
		background-size: cover;
	}
	.knowledge-hub-view-page .play-list-box {
		height: unset;
		overflow: visible;
	}
	.gallery-view-page .gallery-wrapper {
		padding: 0;
	}
	.gallery-view-page .gallery-title {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	.gallery-view-page .gallery-date {
		font-size: 0.833rem;
	}
	.gallery-view-page .mobile-content {
		padding: 2rem 0;
	}
	.gallery-view-page .mobile-content img {
		margin: 1.5rem 0;
		height: 18rem;
		object-fit: cover;
	}
	.institution-page .institution-box {
		padding: 2em 0;
	}
	.institution-page .institution-box .col {
		padding: 0.75em 0;
	}
	.institution-page .institution-box .bg-cover-center {
		height: 17rem !important;
	}
	.map-box .row, 
	.map-box .map-content {
		height: unset;
	}
	.about-us-page .map-image {
		height: 20.333rem;
	}
	.about-us-page .map-descript {
		padding: 4rem 2rem;
	}
	.map-box .map-descript > img {
		width: 10rem;
	}
	.about-us-page .map-descript br {
		display: none;
	}
	.about-us-page .map-descript .contact-title {
		font-size: 1.333rem;
		line-height: 1.666rem;
	}
	.about-us-page .map-descript .contact-address,
	.about-us-page .map-descript .icon-vertical span {
		font-size: 1rem;
		line-height: 1.666rem;
	}
	.about-us-page .map-descript .icon-vertical {
		margin: 1rem 0 !important;
	}
	.about-us-page .map-descript .icon-vertical img {
		width: 1.45rem;
	}
	
	/* Banner */
	.banner-page {
		height: 20.333rem;
		object-fit: cover;
	}
	.institution-page .institution-banner {
		height: 18.667rem !important;
		background-size: cover;
	}
	.institution-page .institution-banner .institution-title {
		font-size: 3.333rem;
		margin-bottom: 1rem;
	}
	.institution-page .institution-banner .institution-desc {
		font-size: 0.833rem;
		line-height: 1.333rem;
		width: 80%;
	}
	
	/* Carousel */
	.carousel-banner {
		margin-top: 0;
	}
	.carousel-banner .carousel.carousel-slider .carousel-item {
		min-height: unset;
	}
	.carousel-banner .carousel.carousel-slider .carousel-item .bg-gradient {
		top: 0;
	}
	.carousel-banner .background-image.width {
		background-size: cover;
	}
	.carousel-banner .carousel.carousel-slider {
		padding-top: 0 !important;
		height: 20rem !important;
	}
	
	/* Tabs */
	.tabs,
	.tabs .tab {
		height: 35px;
		line-height: 35px;
	}
	.tabs .tab a {
		font-size: 0.833rem;
	}
	
	/* Catchphrase Style */
	.catchphrase {
		font-size: 1.333rem;
		line-height: 2rem;
	}
	.about-box .about-logo {
		width: 56vw;
		margin-top: 4rem;
	}
	.about-box .catchphrase-content {
		padding: 0 16vw !important;
		margin: 5.75rem 0;
	}
	.about-box .catchphrase-content .catchphrase::before {
		top: -2rem;
		left: 5.8333rem;
	}
	.about-box .catchphrase-content .catchphrase::after {
		bottom: -5rem;
		right: 5.333rem;
	}
	
	/* Reward Style */
	.reward-wrapper {
		padding: 0 1.5rem;
	}
	.reward-wrapper .reward-box {
		/* width: 16.125em; */
		width: 100%;
		padding: 2.5rem 0;
	}
	.reward-wrapper .reward-box img {
		height: 3rem;
		width: auto;
		max-width: 100%;
	}
	.reward-wrapper .reward-box p {
		font-size: 0.583rem;
		line-height: 0.75rem;
		/* text-align: center; */
	}
	
	/* Form Style */
	.background-form {
		height: 64.25vw !important;
	}
	.survey-form .form-title,
	.survey-form .form-note {
		left: 2rem;
	}
	.survey-form .form-title {
		font-size: 1.333rem;
		top: 1rem;
	}
	.survey-form .form-note {
		font-size: 1.167rem;
		top: 1.375rem;
	}
	.survey-form .form-choice-content [type="radio"]+span:before, 
	.survey-form .form-choice-content [type="radio"]+span:after {
		width: 18px;
		height: 18px;
		margin-top: 1px;
	}
	.survey-form #survey_first .form-choice-content [type="radio"]+span:before, 
	.survey-form #survey_first .form-choice-content [type="radio"]+span:after {
		margin-top: 4px;
	}
	.survey-form .form-choice-content [type="radio"]:not(:checked)+span, 
	.survey-form .form-choice-content [type="radio"]:checked+span {
		padding-left: 3rem;
	}
	.survey-form #survey_first .form-title {
		top: 3rem;
	}
	.survey-form #survey_first .form-choice-title {
		font-size: 0.667rem !important;
		line-height: 0.667rem !important;
	}
	.survey-form #survey_first .form-choice-desc {
		font-size: 0.5rem !important;
		line-height: 0.5rem !important;
	}
	.survey-form #survey_first .choice-element-1 {
		top: 5.5rem !important;
		left: 4rem !important;
		width: 10rem !important;
	}
	.survey-form #survey_first .choice-element-2 {
		width: 9.375rem !important;
		right: 1rem !important;
		top: 4.167rem !important;
	}
	.survey-form #survey_first .choice-element-3 {
		right: 5.333rem !important;
		bottom: 1.833rem !important;
		width: 10.833rem !important;
	}
	.survey-form #survey_first .graphic-element-1 {
		left: -2.5rem !important;
		height: 10.95rem !important;
	}
	.survey-form #survey_first .graphic-element-2 {
		right: 9rem !important;
		top: 4.167rem !important;
		height: 13.375rem !important;
	}
	.survey-form #survey_first .graphic-element-3 {
		height: 12.125rem !important;
		right: -3rem !important;
	}
	.survey-form #survey_second .choice-element-1 {
		left: 1.167rem !important;
		bottom: 3.333rem !important;
	}
	.survey-form #survey_second .choice-element-2 {
		left: 46% !important;
		bottom: 5.167rem !important;
	}
	.survey-form #survey_second .choice-element-3 {
		right: 2rem !important;
		bottom: 7.167rem !important;
	}
	.survey-form #survey_second .choice-element-1 .form-choice-title {
		font-size: 5.75rem !important;
	}
	.survey-form #survey_second .choice-element-2 .form-choice-title {
		font-size: 7.75rem !important;
	}
	.survey-form #survey_second .choice-element-3 .form-choice-title {
		font-size: 11.75rem !important;
	}
	.survey-form #survey_second .choice-desc-element-1,
	.survey-form #survey_second .choice-desc-element-2,
	.survey-form #survey_second .choice-desc-element-3 {
		font-size: 0.5rem !important;
		line-height: 0.5rem !important;
		width: fit-content !important;
	}
	.survey-form #survey_second .choice-desc-element-1 {
		left: 3.5rem !important;
		bottom: 9rem !important;
	}
	.survey-form #survey_second .choice-desc-element-2 {
		bottom: 14.833rem !important;
	}
	.survey-form #survey_second .choice-desc-element-3 {
		right: 0.667rem !important;
		bottom: 17.167rem !important;
	}
	.survey-form #survey_second .graphic-element-1 {
		left: 0.833rem !important;
		bottom: 1.8333rem !important;
		height: 4.875rem !important;
	}
	.survey-form #survey_second .graphic-element-2 {
		left: 45.8% !important;
		bottom: 8.333rem !important;
		height: 5.875rem !important;
	}
	.survey-form #survey_second .graphic-element-3 {
		right: 0.167rem !important;
		bottom: 7.833rem !important;
		height: 5.125rem !important;
	}
	.survey-form #survey_third .choice-element-1 {
		width: 17.375rem !important;
		top: 8.25rem !important;
	}
	.survey-form #survey_third .form-choice-title {
		font-size: 0.667rem !important;
		line-height: 0.667rem !important;
	}
	.survey-form #survey_third .graphic-element-1 {
		bottom: 2rem !important;
		height: 9.375rem !important;
	}
	.survey-form #survey_third .graphic-element-2 {
		height: 12.875rem !important;
		bottom: 3rem !important;
	}
	.survey-form #survey_third .graphic-element-3 {
		height: 6.375rem !important;
		top: 6.5rem !important;
	}
	.survey-form #survey_third .graphic-element-4 {
		bottom: 1rem !important;
	}
	.survey-form #survey_fourth .choice-element-1 {
		width: 17.375rem !important;
		top: 8.25rem !important;
	}
	.survey-form #survey_fourth .form-choice-title {
		font-size: 0.667rem !important;
		line-height: 0.667rem !important;
	}
	.survey-form #survey_fourth .graphic-element-1 {
		bottom: 2rem !important;
		height: 8rem !important;
	}
	
	/* Privacy Policy Cookie */
	.policy-btn .policy-btn-accept {
		width: 100%;
	}
	
	/* Font Style */
	.page-title {
		font-size: 2rem;
	}
	.page-brief {
		font-size: 1rem;
		line-height: 1.333rem;
	}
	.page-brief br {
		display: none;
	}
	.projects-activities-page .page-brief {
		padding: 0 10vw;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 601px) and (max-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	html, body {
		font-size: 12px;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1600px) {
	html, body {
		font-size: 14px;
	}
}