@media only screen and (min-width: 601px) {
	
	/* Navbar Style */
	nav, 
	nav .nav-wrapper i, 
	nav a.sidenav-trigger, 
	nav a.sidenav-trigger i {
		height: 10.625rem;
		line-height: normal;
	}
	
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
	html, body {
		font-size: 12px;
	}

	/* Element */
	.border-none-sm {
		border: none !important;
	}
	.mt-1-sm {
		margin-top: 1rem;
	}
	
	/* Layouts */
	.main .festival img {
		top: 0.75rem;
		width: 34%;
	}
	
	/* Navbar Style */
	header {
		position: relative !important;
	}
	nav .nav-wrapper {
		padding: 1rem 0;
	}
	nav .nav-logo img {
		padding: 0 0.2em;
	}
	nav .nav-brand {
		margin-left: 0.5rem;
	}



	/* Footer Style */
	footer .sitemap .sitemap-wrapper {
		padding: 2.75rem 2rem;
	}
	footer .sitemap .logo-sitemap {
		right: 2rem;
		bottom: unset;
		top: 2.75rem;
	}
	footer .sitemap .sitemap-logo img {
		width: 200px;
	}
	footer .sitemap .sitemap-menu {
		/* margin-top: 1rem !important; */
	}
	footer .sitemap ul.sitemap-menu li {
		padding: 0.65rem 0;
		border-bottom: 1px solid white;
	}
	footer .sitemap .line-oa {
		margin-top: 2em;
	}


	/* Theme */
	.theme-page-title {
		font-size: 2.5rem;
	}
	.theme-page-bg-wrapper {
		padding: 9.5em 0;
		padding-bottom: 2.5em;
	}
	.article-page .theme-page-bg-wrapper {
		padding: 6.5em 0;
		padding-bottom: 2.5em;
	}
	
	
	/* Button */
	.btn-them {
		height: 40px;
		line-height: 40px;
	}
	
	
	
	/* Section Style */
	.section-theme {
		padding: 1.125rem;
	}
	.section-candidates {
		padding: 2.5rem 0;
		margin-top: 0;
	}
	.section-candidate {
		top: 9.25rem;
	}
	.card-media .card-title {
		font-size: 2rem;
	}
	.section-candidate .card-subtitle {
		font-size: 1.5rem;
		margin-top: 0.2rem;
	}
	.section-about-us {
		margin-top: -7rem;
	}
	.section-about-us .section-title {
		/* font-size: 3.0625rem; */
		font-size: 2.0625rem;
		margin-bottom: 6rem;
	}
	.section-about-us .about-topic {
		font-size: 2rem;
	}
	.section-about-us .card-board img {
		height: auto;
	}
	.section-about-us .card-board {
		margin: 0;
	}
	.section-about-us .card-board .col {
		margin-bottom: 2.5rem;
		padding: 0;
	}
	.section-news .section-title, 
	.section-volunteer .section-title {
		font-size: 3.0625rem;
		margin-bottom: 4.5rem;
	}
	.section-news .card-content {
		padding: 2rem;
	}
	.section-news .card-agenda {
		padding: 0;
	}
	.activity-page .section-news {
		padding: 4.375rem 0;
	}
	.activity-page .section-news .card-content img {
		width: 100% !important;
	}
	.section-articles {
		margin-top: 0;
		
	}
	.card-article {
		padding: 2.75rem 2rem;
	}
	.card-article .card-content {
		padding: 2rem 0 ;		
	}
	.card-article.highlight .card-image,
	.card-article .card-image {
		height: 24rem;
	}
	.card-article.highlight .card-image img,
	.card-article .card-image img {
		height: 100%;
		object-fit: cover;
		top: unset;
		left: unset;
		transform: unset;
	}
	.card-article .card-brief {
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 8;
	}
	.section-history .party-leader {
		width: 100%;
	}
	.section-history .party-leader .item {
		flex-basis: 50%;
	}
	.section-ideology .ideology-list {
		display: flex;
		flex-direction: column;
	}
	.section-ideology .ideology-list .item {
		width: 100%;
		height: fit-content !important;
		padding: 0 3.375em;
		padding-top: 6.5em;
		padding-bottom: 3.375em;
	}
	.section-ideology .ideology-list .item .ideology-no {
		font-size: 4.25rem;
		line-height: 4.25rem;
		/* left: 0.5rem; */
		left: 50% !important;
		right: unset !important;
		top: 6%;
		transform: translateX(-50%);
	}
	/* .section-ideology .ideology-list .item:nth-child(even) .ideology-no {
		left: unset;
		right: 0.5rem;
	} */
	.section-ideology .ideology-list:nth-child(1) .item,
	.section-ideology .ideology-list:nth-child(3) .item { 
		order: unset; 
	}
	.section-ideology .ideology-list:nth-child(1) .item:nth-child(1) { order: 1; }
	.section-ideology .ideology-list:nth-child(1) .item:nth-child(2) { order: 3; }
	.section-ideology .ideology-list:nth-child(1) .item:nth-child(3) { order: 2; }
	.section-ideology .ideology-list:nth-child(1) .item:nth-child(4) { order: 4; }
	.section-ideology .ideology-list:nth-child(3) .item:nth-child(1) { order: 1; }
	.section-ideology .ideology-list:nth-child(3) .item:nth-child(2) { order: 3; }
	.section-ideology .ideology-list:nth-child(3) .item:nth-child(3) { order: 2; }
	.section-ideology .ideology-list:nth-child(3) .item:nth-child(4) { order: 4; }
	.section-contact-us {
		padding-top: 3.625rem;
		padding-bottom: 3rem;
	}
	.section-contact-us .card-map-iframe iframe {
		height: 350px;
	}
	.section-contact-us .card-detail {
		align-items: center;
		flex-direction: column;
		text-align: center;
		row-gap: 1.5rem;
	}
	.section-contact-us .card-detail {
		width: 100%;
	}
	.section-contact-us img.bg-line-oa-contact {
		position: relative;
		bottom: -3.625rem;
		width: 100%;
	}
	.section-join .banner-section .btn  {
		position: relative;
		right: unset;
		bottom: unset;
		background-color: var(--theme-primary-color);
		color: white;
		margin: 0 auto;
		margin-top: 1rem;
		margin-bottom: 1rem;
		width: fit-content;
	}
	.section-personal .row {
		margin: 0;
	}
	.section-personal .row .col {
		padding: unset;
	}
	.section-personal .row .col:last-child {
		border-left: none;
	}
	.section-personal .section-personal-right .section-article:first-child {
		margin-top: 2.125rem;
	}

	
	/* Card Style */
	.card-candidate {
		padding-bottom: 0;
	}
	.card-candidate .card-image {
		height: 16rem;
	}
	.policy-page .card-candidate .card-image {
		height: 13.5rem;
	}
	.policy-page .card-candidate {
		padding-bottom: 2.5rem;
	}
	.card-candidate .card-title {
		font-size: 1.5rem;
		line-height: 1.5rem;
		height: 4.167rem;
	}
	.card-candidate .card-name,
	.card-candidate .card-lastname {
		font-size: 1.5rem;
		line-height: 1.5rem;
		padding-bottom: 0.4rem;
	}
	.card-candidate .card-lastname {
		padding-bottom: 0.6rem;
	}
	.card-candidate .card-position, 
	.card-candidate .card-district {
		font-size: 1rem;
		line-height: 1rem;
	}
	.card-candidate .card-number {
		font-size: 2rem;
		top: 16.875rem;
		width: 3.5rem;
		height: 3.5rem;
		border: 2px solid red;
	}
	.section-candidate .card-header .candidate-number {
		width: 12.5rem;
		height: 12.5rem;
	}
	.section-candidate .card-header {
		margin-top: 1rem;
	}
	.section-candidate .card-header .candidate-number h1 {
		font-size: 6.25rem;
	}
	.section-candidate .card-content {
		font-size: 1.333rem;
		line-height: 1.667rem;
		padding: 1.5rem 0;
	}
	.section-candidate .card-content .row .col {
		min-height: unset;
	}
	.section-candidate .card-content .candidate-col-detail {
		padding-right: 0 !important;
		margin-bottom: 2rem;
		border-right: none;
	}
	.section-candidate .card-content .candidate-col-info {
		padding-left: 0 !important;
	}
	.card-gallery {
		height: 18.125rem !important;
	}
	.card-gallery.carousel .btn-prev, 
	.card-gallery.carousel .btn-next {
		width: 16%;
	}
	.card-gallery.carousel .btn-prev img, 
	.card-gallery.carousel .btn-next img {
		height: 4.75em;	
	}
	.card-media .program-video .item img.card-thumbnail {
		height: 7.75rem;
	}
	.program-media .card-video {
		height: 7.75rem;
	}
	.card-form {
		padding: 3.75rem 2rem;
	}
	.card-personnel .card-profile {
		height: 165px;
	}
	.card-membership-payment {
		width: 100%;
		padding: 1em;
	}
	.card-membership-payment .card-body {
		width: 100%;
	}
	.card-personnel .card-content .card-lastname {
		font-size: 1.375rem;
		margin-top: -4px;
	}
	
	
	
	/* Banner Style */
	.banner-page {
		height: 220px;
	}
	.banner-page .banner-content .banner-title {
		font-size: 2rem;
		line-height: 2.25rem;
	}
	.banner-page .banner-content .banner-subtitle {
		font-size: 1.5rem;
	}
	.home-page .banner-highlight .banner-content {
		left: 0;
		top: 50%;
	}
	.home-page .banner-highlight .banner-content .banner-title {
		font-size: 1.5rem;
		margin: 0.25rem 0;
		padding: 0.35rem 0.625rem;
	}
	.home-page .banner-highlight .banner-content .banner-subtitle {
		font-size: 1.167rem;
	}
	.home-page .card-media .container {
		height: 16.25rem;
	}
	.banner-carousel .carousel {
		height: 200px;
	}
	.banner-carousel .carousel .indicators .indicator-item {
		width: 8px;
		height: 8px;
		margin: 8px 4px;
	}
	
	
	/* Carousel */
	.carousel-menu {
		margin: 1.5em 0;
	}
	.carousel-menu .item img {
		height: 260px;
	}
	.carousel-menu .owl-nav .owl-prev, 
	.carousel-menu .owl-nav .owl-next {
		margin: 0;
		height: 100%;
	}
	.carousel-menu .owl-nav .owl-prev i,
	.carousel-menu .owl-nav .owl-next i {
		font-size: 4.5rem;
		color: white;
	}
	.carousel-menu .owl-nav .owl-prev {
		left: 0;
		right: unset;
		background-image: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0) 100%) !important;
	}
	.carousel-menu .owl-nav .owl-next {
		right: 0;
		left: unset;
		background-image: linear-gradient(to left, rgba(0,0,0,0.3), rgba(0,0,0,0) 100%) !important;
	}



	/* Calendar */
	.mbsc-button {
		width: unset;
		font-size: unset;
		justify-content: unset;
		flex-direction: unset;
	}
	.mbsc-calendar-button.mbsc-calendar-button-prev,
	.mbsc-calendar-button.mbsc-calendar-button-next {
		display: unset;
	}
	.mbsc-calendar-marks {
		top: 70%;
	}
	.mbsc-windows.mbsc-calendar-day-text {
		font-size: 1rem;
		height: 3.25rem;
	}
	.mbsc-calendar-mark {
		width: 1.2em;
		height: 1.2em;
	}
	.table-agenda .agenda-activity .text-activity {
		font-size: 1.25rem;
	}
	
	
	
	/* Cookie Policy */
	.policy-banner .policy-title {
		font-size: 1.167rem;
	}
	.policy-btn .policy-btn-accept {
		width: 100%;
	}
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 601px) and (max-width: 992px) {
	
	/* page initilize */
	html, body {
		font-size: 16px;
	}
	
}

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

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