@media screen and (max-width: 960px) { 
	#header .row {
		display: block;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	#header .col-md-3 {
		display: inline-block;
		width: 80%;
		float: left;
		max-width: 250px;
	}
	#header .col-md-9 {
		display: inline-block;
		width: 20%;
		float: right;
	}
	#header:after {
		content: "";
		clear: both;
		display: block;
	}
	.responsive {
		display: block;
	}
	.logo img {
		width: 100%;
	}
	.fadein {
	    opacity:1 !important;
	}
	.fadeinleft {
	    opacity:1 !important;
	     margin-left:auto !important; 
	}
	.fadeinright {
	    opacity:1 !important;
	     margin-right:auto !important;  
	}
	.mobile-menu {
		display: block;
		text-align: right;
	}
	.banner-home .item-banner {
	    padding: 50px 0;
	}
	.content-banner {
		width: 100%;
	}
	.banner-home .item-banner h4 {
	    font-size: 16px;
	}
	.banner-home .item-banner h2 {
		font-size: 28px;
	}
	.btn-banner-big {
		font-size: 16px;
		padding: 6px 15px;
	}
	.main-content {
	    margin: 25px 0;
	}
	.item-block-main {
		margin-bottom: 25px;
	}
	.img-block-main img {
		height: 57px;
	}
	.title-block-main h3 {
	    color: #fff;
	    text-align: center;
	    font-size: 24px;
	    margin-top: 15px;
	}
	.item-block-main:hover .title-block-main{
		display: block;
		visibility: visible;
		opacity: 1;
	}
	.item-block-main:hover .content-block-main {
		visibility: hidden;
		opacity: 0;
	}
	.content-tentang-kami-home {
	    padding: 50px 0;
	}
	.content-tentang-kami-home h4 {
	    font-size: 18px;
	}
	.content-tentang-kami-home h3 {
	    font-size: 28px;
	}
	.tentangkami-left {
		height: 330px;
		overflow: hidden;
	}
	.tentangkami-right {
		height: 300px;
		background-attachment: unset;
	}
	#home-2option {
		max-height: 100%;
	}
	.item-project-home .row {
        flex-direction: column-reverse;
	}
	.text-project-home {
		margin: 50px auto;
	}
	.text-project-home h3 {
		font-size: 24px;
	}
	.img-project-home img {
		height: 200px;
	}
	#contact-home {
		padding: 50px 0;
	}
	#contact-home .content-kontak-home h3 {
		font-size: 28px;
	}
	.main-menu {
		display: none;
	}
	.banner-produk .item-banner {
		padding: 25px;
	}
	.banner-produk .item-banner h2 {
	    font-size: 28px;
	}
	.kategori-inner .img-block-main img {
		height: 108px;
	} 
	.kategori-inner .title-block-main h3 {
		margin-top: 38px;
	}
	#banner-project img, #banner-project {
		height: 220px;
	}
	.project-content {
	    width: 100%;
	    margin: 50px auto;
	}
	.content-detail h3 {
		font-size: 25px;
	}
	.content-detail h3:after {
		left: 25%;
	}
	.item-project {
		margin: 25px -15px;
		text-align: center;
	}
	.item-project-text {
		text-align: center;
		padding: 40px 20px 25px;
	}
	.item-project-text h4 {
		text-align: center;
		font-size: 23px;
	}
	.item-project-img {
		margin: 10px;
	}
	.item-project-img img {
		width: 100%;
		height: 242px;
	}
	#daftar-lengkap, .banner-home.inner .item-banner, #pemeliharaan, #gallery-rotate {
		padding: 50px 0;
	}
	.content-browsur {
		width: 100%;
	}
	.content-browsur h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.btn-area a {
		margin-bottom: 15px;
	}
	.content-banner h3 {
		font-size: 20px;
	}
	#tentang-krue{
		height: 200px;
		background-attachment: unset;
		margin-top: -4px;
	}
	.visi-misi {
	    background-color: rgb(255,255,255);
	    border: 10px solid #F2C83D;
	    margin-bottom: 20px;
	}
	.visi-misi {
	    background-color: rgb(255,255,255);
	    border: 10px solid #F2C83D;
	}
	.visi-misi .content {
	    opacity: 1;
	    visibility: visible;
	    transition: visibility 0s, opacity 0.5s linear;
	    padding: 30px;
	}
	.visi-misi h3 {
		display: none;
	}
	#nilaiperusahaan h3 {
		font-size: 32px;
	}
	.block-nilai {
		margin: 15px -15px;
	}
	.block-nilai {
	    margin: 15px 0px !important;
	}
	#nilaiperusahaan {
	    padding: 50px 0 0px;
	}
	.block-nilai .content {
		padding: 30px;
	}
	#pemeliharaan h3 {
		font-size: 27px;
		margin-bottom: 0px;
	}
	#showcase {
	    height: 300px;
	    display: none;
	}
	#gallery-rotate {
		display: none;
	}
	#pemeliharaan .block-nilai .content {
		padding: 50px;
	}
	.banner-produk .item-banner h2 {
		font-size: 28px;
	}
	.wrapper-part {
		width: 100%;
	}
	.item-part .img-part {
		margin: 0 -15px;
	}
	.item-part h3 {
		font-size: 21px;
	}
	.blog-item {
	    display: block;
	}
	.blog-item-img {
	    display: block;
	    width: 100%;
	}
	.blog-item-text {
	    display: block;
	    width: 100%;
	    padding: 15px;
	}
	.blog-item-img img {
		height: 240px;
	}
	.wrapper-blog , .wrap-hubungi {
		width: 100%;
		margin: 0px;
	}
	.block-hubungi {
		padding: 25px;
	}
	.block-hubungi .content, .block-hubungi.form .content {
		width: 100%;
		font-size: 17px;
	}
	.block-hubungi.bg-blue h3, .block-hubungi.bg-yellow h3 {
		font-size: 23px;
	}
	.wrapper-artikel {
		padding: 14px 20px;
	}
	.item-related {
		margin-bottom: 20px;
	}
	#flex-area {
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		padding: 15px 0;
		-moz-box-shadow: 0px 0px 5px #888;
		-webkit-box-shadow: 0px 0px 5px #888;
		box-shadow: 0px 0px 5px #888;
		z-index: 999;
	}
	#flex-area span {
		display: block;
		margin-bottom: 5px;
	}
	#flex-area a {
		color: #333;
	}
	#flex-area .phone-f {
		display: inline-block;
		float: left;
		width: 49%;
		text-align: center;
	}
	#flex-area .mail-f {
		display: inline-block;
		float: right;
		width: 49%;
		text-align: center;
	}
	#flex-area .phone-f span svg {
		fill: #63c956;
	}
	#flex-area .mail-f span svg {
		fill: #be1867;
	}
}