@media (max-width: 767px) {

	/* nav */
	.navbar-default {
		background-color: #fff;
		box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
	}
	.navbar-default .navbar-nav > li > a  {
		color: rgb(102, 102, 102) !important;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:hover{
		color:#0779e4 !important;
		transition: all 0.2s ease-in-out;
		border-bottom:2px solid transparent !important;
	}
	.navbar-default {
		padding-top: 5px;
		padding-bottom: 12px;
	}
	.navbar-default.scrolled .navbar-toggle .icon-bar {
		background-color: #000;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #000;
	}
	.menu-s {
		padding: 0px;
	}
	/* nav */
	
	
	/* backup-bg-cirlce */
	.backup-bg-circle {
		-webkit-background-size: 70%;
		background-size: 67%;
		background-position: right 545px;
	}
	/* backup-bg-cirlce */


	/* about */
	.backup-img-company {
		margin-top: 50px;
	}
	.tentang-kami {
		margin-top: 50px;
		margin-bottom: 5px;
	}
	.backup-title-about {
		padding-left: 5px;
		padding-right: 5px;
	}
	.word-about {
		font-size: 28.5px !important;
		line-height: 1.4em;
	}
	.cs-media-content {
		text-align: left  !important;
	}
	/* about */
	
	/* services*/
	.mini-word {
		font-size: 11px;
	}
	.h2-layanan {
		font-size: 26px;
	}
	.grid-layanan {
		display: block;
		padding: 13px 3%;
		height: auto;
	}
	.title-service {
		padding: 7px;
		text-align: center;
	}
	.big-title-layanan {
		text-align: center;
	}
	.isi-content-layanan {
		text-align: center;
	}
	/* services */

	/* join */
	.custom-mt-join {
		margin-top:16.5px !important;
	}
	.word-join {
		padding: 0px;
		font-size: 16px;
		margin: 0;
		margin-top: 10px;
		letter-spacing: 0.3px;
	}
	.cs-btn-join {
		padding: 10.5px 27px;
		font-size: 14.50px;
	}
	/* join */

	/* customer-logo-slider */
	.slide-client-logo {
		margin-top: 70px !important;
		margin-bottom: 20px !important;
	}
	/* customer-logo-slider */

	/* footer */
	.main-flex {
		display:  block;
	}
	/* footer */
}