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

body
{
	padding-top: 63px;
}

.header-post .post-item {
	float: none;
	width: 100%; 
	min-height: auto; 
}

.sosmed-header {
	display: none;
}

#menu {
	position: static;
	width: auto;
}

.container, 
.wrapper
{
	width: 100%; 
}

.colom-1,
.colom-2,
.colom-3,
.colom-4,
.colom-5,
.colom-6,
.colom-7,
.colom-8,
.colom-9,
.colom-10,
.colom-11,
.colom-12 {
  width: 100%; 
}

.colom-xs-1,
.colom-xs-2,
.colom-xs-3,
.colom-xs-4,
.colom-xs-5,
.colom-xs-6,
.colom-xs-7,
.colom-xs-8,
.colom-xs-9,
.colom-xs-10,
.colom-xs-11,
.colom-xs-12 {
  box-sizing:border-box;
  padding-right: 15px;
  padding-left: 15px;
}

.colom-xs-1,
.colom-xs-2,
.colom-xs-3,
.colom-xs-4,
.colom-xs-5,
.colom-xs-6,
.colom-xs-7,
.colom-xs-8,
.colom-xs-9,
.colom-xs-10,
.colom-xs-11 {
  float: left;
}

.colom-xs-1 {
  width: 8.333333333333332%;
}

.colom-xs-2 {
  width: 16.666666666666664%;
}

.colom-xs-3 {
  width: 25%;
}

.colom-xs-4 {
  width: 33.33333333333333%;
}

.colom-xs-5 {
  width: 41.66666666666667%;
}

.colom-xs-6 {
  width: 50%;
}

.colom-xs-7 {
  width: 58.333333333333336%;
}

.colom-xs-8 {
  width: 66.66666666666666%;
}

.colom-xs-9 {
  width: 75%;
}

.colom-xs-10 {
  width: 83.33333333333334%;
}

.colom-xs-11 {
  width: 91.66666666666666%;
}

.colom-xs-12 {
  width: 100%;
}

.desktop-view
{
	display: none;
}

.mobile-view
{
	display: block;
}

.menu-atas 
{
	position: fixed;
	width: 100%; 
	top: 0px;
	z-index: 999 !important;
	background:none;
}

	.menu-atas .list-menu 
	{
		display: inline-block;
		float: none;
		width: 250px;
		background: rgba(160, 124, 45, 0.8);
	}

		.list-menu ul li 
		{
			float: none !important;
			border: 0px !important;
		}

			.list-menu ul li a
			{
				font-size: 16px !important;
				padding: 20px !important;
			}

			.list-menu ul li a:hover
			{
				color: #FFF !important;
				background: rgba(160, 124, 45, 0.7) !important; 
				font-weight: bold;
			}

			.menu-atas .list-menu ul li ul 
			{
				display: none;
				background: none !important; 
			}

			.menu-atas .list-menu ul li:hover ul 
			{
				position: static !important;
			}

			.menu-atas .list-menu ul li ul li 
			{
				float: none;
				border: none;
				border-bottom: 0px !important; 
			}

				.menu-atas .list-menu ul li ul li a
				{
					padding: 15px 60px !important;
					color: #FFF; 
					background: background: rgba(160, 124, 45, 0.5) !important;  
				}

					.meni-atas .list-menu ul li ul li a:hover
					{
						background: none !important; 
					}

.toogle-menu-atas
{
	background: #cb8f24; 
	overflow: hidden;
}

.toogle-menu-atas:hover
{
	color: #FFF; 
}

.toggle-top-menu
{
	color: #FFF; 
	padding: 6px;
	margin: 10px;
	font-size: 20px;
	font-weight: normal;
	border: solid 2px #FFF; 
	display: inline-block;
}

.toggle-top-menu.right
{
	float: right;
}

.toggle-top-menu.middle-menu
{
	float: right;
	color: #cb8f24; 
	border: solid 2px #cb8f24; 
	padding: 10px;
	font-size: 24px;
}

.menu-atas .list-menu
{
	display: none;
}

.language
{
	float: none !important;
	display: none;
	background: #a07c2d; 
}

	.language ul
	{
		height: auto !important; 
		display: block !important; 
		padding: 0px !important; 
		margin: 0px !important;
	}

		.language ul li
		{
			padding: 0px !important;
			border: none !important;
			width: 50%; 
		}

			.language ul li a
			{
				display: block;
				font-size: 16px !important;
				text-align: center;
				font-weight: 500; 
				padding: 15px;
			}

.empat-pilar 
{
	padding: 10px;
}

	.empat-pilar .logo
	{
		padding: 0px !important; 
	}

.menu-empat-pilar
{
	display: none;
	width: 100% !important; 
	float: none !important;
}

.menu-empat-pilar ul 
{
	border-top: 3px solid #d2b371 !important;
	border-left: 0px !important; 
}

.menu-empat-pilar ul li
{
	float: none !important;
	border: 0px !important; 
}

.empat-pilar .menu-empat-pilar ul li a
{
	height: auto !important;
	width: 100% !important; 
	float: none !important;
	border: 0px !important; 
	padding: 20px 10px !important;
	font-size:15px !important;
}

.section-home-1 .section-home-1-img, 
.home-section-5-img
{
	width: 170px; 
}

.section-home-1 .colom-6 p
{
	font-size: 22px; 
	margin-top: 10px;
	}

.section-home-2
{
	padding: 30px 15px !important; 
	background-size: cover !important;
}

	.section-home-2 .text-wrapper
	{
		width: 100%; 
	}

.section-home-4
{
	padding: 30px 15px !important; 
	background-size: cover !important; 
	height: auto !important; 
}

	.section-home-4-wrapper
	{
		width: 100% !important; 
	}

		.section-home-4-wrapper h1
		{
			margin-top: 70px !important;
		}

.partner-wrapper
{
	width: 100% !important; 
}

.section-home-5 
{
	margin-bottom: 25px; 
}

.section-home-5 h1
{
	margin-top: 10px !important;
}

.text-partner
{
	width: 100% !important; 
	display: block !important;
	text-align: center;
	font-weight: 600; 
	padding: 15px 15px 20px 15px !important;
	font-size: 16px !important; 
	border-bottom: 1px solid #DDD;
}

.partner .partner-wrapper ul 
{
	float: none !important;
	padding: 10px 15px !important; 
	position: static !important;
}

	.partner .partner-wrapper ul li
	{
		padding: 10px 0px;
		margin: 0px !important; 
		float: none !important;
		border-bottom: 1px dashed #ccc;  
	}

		.partner .partner-wrapper ul li a
		{
			text-align: center;
		}

.footer-wrapper
{
	width: 100% !important; 
}

.footer .colom-3, 
.footer .colom-6
{
	padding: 15px 30px;
}

.content-text
{
	padding: 10px 20px;
	width: 100%; 
}

.sidebar
{
	width: 100%; 
	box-sizing: border-box;
	padding: 10px 20px !important; 
}

h1.title-page
{
	font-size: 40px;
	font-weight: 300; 
}

.btn-learn-more
{
	color: #444 !important; 
}

.btn-learn-more.transparent
{
	color: #FFF !important; 
}

.owl-carousel .owl-stage-outer {
	overflow: visible !important; 
}

.owl-carousel .owl-stage {
	overflow: hidden;
}

.partner .partner-wrapper .text-partner {
	margin-bottom: 20px; 
}