@media (max-width: 1024px) { 
	.navbar-nav{float:right;}
	.navbar-nav li{clear:both; float:right;}
	.maintop-container .col-sm-7{text-align:right;}
}
@media (max-width: 767px) {
	.navbar-nav{float:none;}
	.navbar-nav li{float:none;}
	.maintop-container .col-sm-7{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;
	}
	.burger-menu.openmenu{
		transform: rotate(90deg);
		transition: all 0.25s;	
		position: relative;
	}
	.maintop-container{
		background-color:#FFF;
	}
	.maintop-container .col-sm-5{
		width:80%;
		position:absolute;
		z-index:31;
	}
	.maintop-container .col-sm-7{
		height:80px;
	}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{
		padding:15px 0;
		color:#000 !important;
		text-align:center;
		border-bottom:solid 1px #CCC;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li:hover >a{
		border-bottom:inherit;
		background-color:#F0F0F0;
	}
	.navbar-toggle{
		margin-top:20px;
	}
	body #indomenu, .navbar-default{
		margin:5px -15px 5px;
		background-color:#FFF;
	}
	.logo-container{
		height:50px;
		padding:15px 0;
	}
	.logo-container img.logo1{display:none;}
	.logo-container img.logo2{display:block; height:50px; width:auto;}
	.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;
	}
	.slider-item .caption{
		height:auto;
		padding:200px 0 0;
		font-size:30px;
		border-bottom:none;
	}
	.slider-item img{
		height:300px;
	}
	.section-content{
		padding:30px 15px;
	}
	.intro p{
		width:92%;
	}
	.intro p br{
		display:none;
	}
	.parallax-inner2{
		height:250px;
	}
	.parallax-inner p{
		padding:0 25px 0;
		font-size:18px;
	}
	.gallery-list-container .nav-tabs li.active a{
		padding:5px 15px;
	}
	.how-container .row img{
		margin:5px auto 0;
	}
	.how-container .row h3{
		margin:0 0 10px;
		font-size:22px;
		font-weight:bold;
	}
	.contact-container .container{
		padding:0 30px;
	}
	.contact-container h2{
		margin:0;
		font-size:20px;
	}
	.contact-container h2 br{
		display:none;
	}
	.contact-container p{
		margin:10px 0 30px;
	}
	.contact_ctn .text-right{
		text-align:center;
	}
	footer{
		padding:30px 15px 0;
	}
	footer li{
		width:100%;
	}
	footer li a{
		display:block;
		width:100%;
		line-height:2em;
	}
	footer span{
		display:none;
	}
	footer .copyright{
		margin:25px -15px 0;
		text-align:center;
	}
	.aboutbanner-container{
		padding:180px 0 120px;
	}
	.aboutbanner-container h2{
		font-size:30px;
		line-height:1.1em;
	}
	.aboutbanner-container h2 span{
		line-height:1.1em;
	}
	.about-container{
		padding:30px 15px;
	}
	.about-container p{
		text-align:justify;
		font-size:17px;
		line-height:1.8em;
	}
	.how-container .row.odd, .how-container .row.even{
		margin:0 0 50px;
		padding:0 0 50px;
		text-align:center;
		font-size:18px;
		border-bottom:dotted 6px #999999;
	}
	.how-container .row.odd img{
		height:100px;
		margin:0 auto 30px;
	}
	.how-container .row.even img{
		height:100px;
		margin:30px auto 0;
	}
	.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;
	}
}
@media (max-width: 480px) { 
	.slider-item .caption{font-size:26px;}
}