@media (max-width: 767px) { 
	header{
		right: 0;
		text-align: center;
	}
	.main-nav{
		display: none;
	}
	.frontpage h1{
		font-size: 27px;
	}
	.mobile-nav{
		display: block;
	}
	.burger-menu{
		width: 30px; 
		display: inline-block;
		transition: all 0.25s;
	}
	.burger-menu span.burger-line{
		display: block;
		height: 3px;
		background-color: #fff;
		margin:5px;
	}
	body .mainmenu-container.show-mobile-menu{
		display: block;
		top: 0;
		bottom: 0 !important;
		left: 0;
		right: 0;
		z-index: 99999;
		background-color:#001121 !important;
		transition: all 0.5s;
	}
	.section-title, .related-news{
		padding-left:15px;
		padding-right:15px;
	}
	.profile-content, .facilities-content-container, .news-list-container, .newsdetail-container, .newsimages-container{
		padding:0 15px;
	}
	.mainmenu-container.bb-white.bb-trans.show-mobile-menu{
		background-color:#001121 !important;
	}
	.show-mobile-menu .container{
		height: 100vh;
	}
	.show-mobile-menu .main-nav{
		display: block;
		margin-top: 20%;
	}
	.show-mobile-menu .main-nav ul{
		display: inline-block;
	}
	.show-mobile-menu .main-nav ul li{
		display: block;
	}
	.show-mobile-menu .main-nav ul li a{
		padding: 15px 10px;
	}
	.show-mobile-menu .mobile-nav {
	    display: block;
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 20px;
	}
	.slider-item{
		background-image:url(../images/front/wallpaper-phone.jpg) !important;
	}
	.burger-menu.openmenu{
		transform: rotate(90deg);
		transition: all 0.25s;	
		position: relative;
	}
	.openmenu .bg-line-top{
		transform: rotate(45deg) translateY(0px);
		margin:0 !important;
		width: 30px;
		height: 3px;
		position: absolute;
	}
	.openmenu .bg-line-bottom{
		transform: rotate(-45deg) translateY(0px);
		margin:0 !important;
		height: 3px;
		width: 30px;
		position: absolute;
	}
	.section-content{
		padding-bottom:30px;
	}
	footer{
		padding:0 15px;
	}
	.address-footer{
		border-right:none;
		margin-bottom:30px;
	}
	.address-footer .address{
		text-align:left;
	}
	.sosmed-container{
		padding:0 15px;
	}
	.copyright-container{
		font-size:14px;
	}
	.profile-list-container .nav-tabs li a{
		padding:10px 5px;
	}
	.rotate{
		padding-top: 70px;
		height: 50px;
	}
	.contact-info-content{
		padding: 30px 15px 30px;
	}
	.tci-form .form-item{
		padding:10px 0;
	}
	.contact-info-content .contact-logo{
		padding-top: 20px
	}
	.contact-info-content .contact-address{
		font-size: 20px;
	}
	.contact-info-content .contact-phone{
		font-size: 20px;
		margin-bottom:50px;
	}
	.contact-close{
		position: absolute;
		top: 0px;
		right: 10px;
		z-index: 999;
		margin-right: 0;
		line-height: 50px;
	}
	#page-layer2 .container{
		padding:0 15px 0 0;
	}
	.main-text, .mainpage-banner h2{
		line-height: 36px;
		font-size: 27px;
	}
	.project-info-content .row .contet-project-full{
		padding:0 15px;
	}
	.ablock-overlay{
		bottom:60px;
	}
	.backtoproject a{
		margin-bottom:30px;
		padding:6px 15px;
		background:#000;
	}
	.service-list-container{
		padding:0;
	}
	#accordionTCIServices>.card button{
		font-size:22px;
	}
	#accordionTCIServices h3{
		font-size:18px;
	}
 }