ul.nav {
			list-style: none;
			text-align: center;
			padding: 0;
		}
		ul.nav li {
			display: inline-block;
			margin: 0 10px;
			padding: 0;
		}
		.slider-wrapper {
			position: relative;
		}
		.slider-prev,
		.slider-next {
			position: absolute;
			display: block;
			top: 0;
			bottom: 0;
			width: 45px;
			text-decoration: none;
			color: #FFF;
			background-color: transparent;
			z-index: 99;
		}
		.slider-prev::after,
		.slider-next::after {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			margin-top: -15px;
			width: 0;
			height: 0;
			border-width: 15px 30px 15px 30px;
			border-style: solid;
			border-color: transparent;
		}
		.slider-prev::after {
			left: 15px;
			border-right-color: rgba(255,255,255,0.25);
			border-left-width: 0;
		}
		.slider-next::after {
			right: 15px;
			border-left-color: rgba(255,255,255,0.25);
			border-right-width: 0;
		}
		.slider-prev:hover,
		.slider-next:hover {
			background-color: rgba(255,255,255,0.15);
		}
		.slider-prev {
			left: 0;
		}
		.slider-next {
			right: 0;
		}
		.slider-select {
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			right: 0;
			height: 30px;
			text-align: center;
		}
		.select {
			position: relative;
			display: inline-block;
			width: 30px;
			height: 30px;
			text-decoration: none;
			color: #FFF;
			z-index: 99;
		}
		.select::after {
			content: '';
			position: absolute;
			display: block;
			top: 50%;
			left: 50%;
			width: 10px;
			height: 10px;
			margin-top: -5px;
			margin-left: -5px;
			border-radius: 5px;
			background-color: rgba(225,225,225,0.5);
			box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		}
		.select.active::after,
		.select:hover::after {
			background-color: rgba(255,255,255,0.75);
		}
		.active {
			font-weight: bold;
		}
		#slider {
			list-style: none;
			margin: 0;
			padding: 0;
			height: 0;
			padding-bottom: 66%;
			background-color: #333;
			position: relative;
			overflow: hidden;
		}
		#slider img {
			width: 100%;
		}
		#slider li {
			position: absolute;
			top: 0;
			left: 0;
			display: none;
			width: 100%;
			height: 100%;
			/*padding-bottom: 66%;*/
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 160% auto;

			-webkit-transition-property: top, left, opacity;
			-moz-transition-property: top, left, opacity;
			-o-transition-property: top, left, opacity;
			transition-property: top, left, opacity;

			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
		}
		#slider .prev {
			display: block;
			top: 100%;
			opacity: 0;
			z-index: 3;
		}
		#slider .current {
			display: block;
			opacity: 1;
			z-index: 2;
		}
		#slider .next {
			display: block;
			left: 100%;
			opacity: 0;
		}
		#slider .quote {
			position: absolute;
			width: 100%;
			bottom: 0;
						
			background-color: rgba(0,0,0,0.53);
		}
		#slider .quote blockquote {
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			font-size: 2em;
			color: #FFF;
			text-shadow: 0 0 5px #000, 0 1px 0 #000;

			margin: 1em;
		}
		#slider .quote p {
			font-family: sans-serif;
			font-size: 1em;
			color: #CCC;
			text-align: center;
			background-color: rgba(0,0,0,0.33);
			padding: 5px;
			margin: 1em;
		}
		@media only screen and (max-width: 480px) {
			#slider .quote blockquote {
				font-size: 1em;
				margin: 0.5em;
			}
			#slider .quote p {
				font-size: 0.66em;
				margin: 0;
			}
			.tekskecil{display:none;}
		}
		@media only screen and (min-width: 481px) and (max-width: 760px) {
			#slider .quote blockquote {
				font-size: 1.5em;
				margin: 0.75em;
			}
			#slider .quote p {
				font-size: 0.75em;
				margin: 0.5em;
			}
			#lebar {width:100%}
	#lebarTab {width:100%}
.peng_home{width:85%;clear:both}
.gal_home{width:85%;clear:both;		margin-right: 20px;}
		}
		@media only screen and (min-width: 1138px) {
			.container {
				width: 1024px;
			}
		}