@media (max-width: 980px) {
	* {
		float:none;
		max-width: 100%;
		margin:0;
	}
	#navbar form {
		border:none!important;
	}
	#carousel, .carousel .item, .carousel-inner > .item > img {
  		height: 400px;
	}
	.shadow1:after, .shadow2:after {
		display: none;
	}
	.news ul li {
		display: block;
		width:100%;
		padding:10px;
		margin:10px 0;
		border:1px solid #ddd;
	}
	.news ul li a {
		display: block!important;
		width:90%!important;
	}
	.container {
		clear:both!important;
	}
	.download-style .item {
		float:left;
		width:50%;
	}
	.download-style div.item .wrapper-download {
		margin:20px;
	}
	article .item {
		float:left;
		width: 50%;
		margin:0;
		padding:0;
	}
}
@media (max-width: 768px) {
	#carousel, .carousel .item, .carousel-inner > .item > img {
  		height: 300px;
  	}
  	.carousel-caption { display: none; }
}
@media (max-width: 640px) {
	#header {
		padding-top:40px;
	}
	#header div a {
		float:none!important;
		display: block;
		text-align: center;
	}
	#header div nav {
		float:none!important;
		display: block;
		text-align: center;
		margin-top:10px;
	}
	#header div nav a {
		border-bottom-style: solid 1px;
	}
	#footer div .copyright, #footer div .info-footer {
		float:none;
		display: block;
		text-align: center;
	}
	.menu-btn {
		display:block!important;
		text-align: center;
		margin:10px 0 10px!important;
		border-bottom:1px solid #ddd;
		padding-bottom:10px;
	}
	.navbar-nav {display: none;}
	.text-home {
		display:inline-block!important;
		padding-left:5px;
	}
	.link-home {
		font-size:12px!important;
	}
	.fa-home { display: none!important; }
	.navbar-nav li a {
		margin:10px!important;
		display: block;
		text-align: center;
	}
	.pencarian {
		display: block!important;
		float:none!important;
		position: relative;
	}
	.pencarian div input {
		width:90%!important;
		margin-left:-10px;
	}
	.pencarian button.search-button {
		display: inline-block;
		position: absolute;
		top:10px;right:35px;
		z-index: 1;	
	}
}
@media (max-width: 480px) {
	* {
		float:none;
		max-width: 100%;
		margin:0;
	}
	.container {
		clear:both!important;
	}
	.news ul li {
		display: block;
		width:100%;
	}
	.news ul li a {
		display: block!important;
	}
	.info-footer {
		float:none;
		display: block;
		text-align: center;
	}
	.shadow1:after, .shadow2:after {
		display: none;
	}
	.download-style .item {
		float:none;
		width:100%;
	}

	article .item {
		float:none;
		width: 100%;
		margin:0;
		padding:0;
	}
}

/* responsive for home slider */
@media (max-width: 1920px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 711px; } }
@media (max-width: 1680px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 622px; } }
@media (max-width: 1600px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 593px; } }
@media (max-width: 1440px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 533px; } }
@media (max-width: 1366px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 506px; } }
@media (max-width: 1280px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 474px; } }
@media (max-width: 1200px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 444px; } }
@media (max-width: 1080px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 400px; } }
@media (max-width: 1050px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 389px; } }
@media (max-width: 1024px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 379px; } }
@media (max-width: 966px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 358px; } }
@media (max-width: 900px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 333px; } }
@media (max-width: 853px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 316px; } }
@media (max-width: 800px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 296px; } }
@media (max-width: 768px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 284px; } }
@media (max-width: 736px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 273px; } }
@media (max-width: 720px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 267px; } }
@media (max-width: 667px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 247px; } }
@media (max-width: 640px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 237px; } }
@media (max-width: 603px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 223px; } }
@media (max-width: 600px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 222px; } }
@media (max-width: 568px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 210px; } }
@media (max-width: 533px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 197px; } }
@media (max-width: 480px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 178px; } }
@media (max-width: 414px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 153px; } }
@media (max-width: 375px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 139px; } }
@media (max-width: 360px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 133px; } }
@media (max-width: 320px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 119px; } }
@media (max-width: 240px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 89px; } }
@media (max-width: 220px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 81px; } }
@media (max-width: 176px) { #carousel, .carousel .item, .carousel-inner > .item > img { height: 65px; } }