@media screen and (max-width: 800px) {
	
	header {
		margin: 0;
	}
	.navbar {
		flex-wrap: unset;
	}
	.navbar-collapse {
		position: absolute;
		top: 80px;
		background-color: #fff;
		z-index: 1;
		width: 100%;
		left: 0;
		padding: 20px;
	}
	.logo-about {
		width: 100%;
	}
	.jumbotron h1 {
		font-size: 1.8rem;
		margin-top: 0;
		margin-left: 20px;
		text-align: center;
	}
	.jumbotron p {
		margin-left: 20px;
		padding-right: 0;
		text-align: center;
	}
	.pict-banner {
		position: absolute;
		z-index: -1;
		width: 90%;
	}
	.tag-banner {
		margin-top: 200px;
		text-align: center;
	}
	.jumbotron a {
		margin: 0 auto;
	}
	.p-about {
		background-color: #fff;
		padding: 20px 20px;
	}
	#visimisi h3 {
		font-size: 1.5rem;
	}
	#visimisi p {
		width: 100%;
	}
	#services .title p {
		width: 100%;
	}
	.feature-icon {
		text-align: center;
	}
	.feature-icon img {
		width: 100px;
	}
	#products .title p {
		width: 100%;
	}
	#clients .title p {
		width: 100%;
	}
	.scopeofwork ul {
		padding: 0;
		letter-spacing: 0;
	}
	.scopeofwork ul img {
		width: 20px;
	}
	.scopeofwork ul span {
		margin-left: 10px;
	}
	.list-group-experiences {
		width: 100%;
	}
	.group-client {
		padding: 0;
	}
	.group-enterprise-partners .col-left h3 {
		padding-left: 0;
		text-align: center;
	}
	.group-respected-partners .title h3 {
		padding-left: 0;
		text-align: center;
	}
	.group-respected-partners ul {
		padding: 0;
	}
	#contact h3 {
		text-align: center;
	}
	.form-contact {
		margin-top: 50px;
	}
	.bottom-logo {
		margin: 0 auto;
		margin-top: 30px;
	}
	.social-media {
		margin: 0 auto;
		margin-top: 30px;
	}
	.group-client .list-image div {
		margin: 10px auto;
	}
	.group-enterprise-partners .col-right ul {
		margin-left: 0;
		padding: 0;
	}
	.list-product .right {
		text-align: left;
	}
	.list-product .feature-icon ul li {
		font-size: 0.8rem;
	}
	#customer .title p {
		width: 100%;
	}
	.grid-item-portfolio {
		width: 100%;
	}
}