@media screen and (max-width: 1200px){
	.container{
		width:90%;
	}
	nav ul li a{
		padding:16px 15px;
		font-size:21px;
	}
	.logo {
		left: 40%;
		width: 20%;
	}
}
@media screen and (max-width: 1155px){
	nav ul li a{
		padding:16px 11px;
		font-size:20px;
	}
}
@media screen and (max-width: 1080px){
	nav ul li a{
		padding:16px 12px;
		font-size:19px;
	}
	nav ul li:nth-child(4) {
		margin-left: 110px;
	}
	nav ul li:nth-child(3) {
		margin-right: 110px;
	}
	.heading h3{
		font-size:20px;
	}
}
@media screen and (max-width: 1024px){
	
	nav ul li a{ 
		padding:16px 12px;
	}
	.heading h3{
		font-size:19px;
	}
	.alarm .content_box h3{
		font-size:18px;
	}
	.table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td{
		padding:5px;
	}
	.recent-alarm .content_box ul li h4{
		font-size:16px;
	}
	.view_btn a{
		padding:5px 15px;
	}
	.upcoming_event .content_box ul li h4{
		font-size:15px;
	}
	.weather .content_box ul li{
		font-size:13px;
	}
	.frame_sec iframe{
		bottom: -180%;
	}
	.visitor p{
		font-size:12px;
		margin-bottom:20px;
	}
	.map_border .company-info h1{
		font-size:30px;
	}
}
@media screen and (max-width:980px){
	
	nav ul li a{
		padding:16px 16px; 
		font-size:18px;
	}
	.logo {
		left: 40%;
		width: 16%;
		top:-30px;
	}
	nav ul li:nth-child(3){
		margin-right:60px;
	}
	nav ul li:nth-child(4){
		margin-left:70px;
	}
	header{
		padding-top:50px;
	}
	.container{
		width:95%;
	} 
	.info_btn a,.view_btn a {
		padding: 4px 12px;
		border-radius: 5px;
		font-size: 14px;
		border-top: 2px solid #7b84ac;
		border-bottom: 2px solid #12193a;
		border-right: 2px solid #12193a;
		border-left: 2px solid #46528a;
	}
	.heading{
		padding:8px;
	}
	.heading h3 {
		font-size: 13px;
	}
	.grid-6{
		width:100%;
	}
	.table{
		border:none;
	}
	.message_img1 > img{
		height:auto;
	}
	.message_txt > h3{
		font-size: 20px;
	}
}
@media screen and (max-width:900px){
	nav ul li a{
		padding:16px 12px;
	}
}
@media screen and (max-width:850px){
	nav ul li a{
		padding:16px 10px;
	}
}
@media screen and (max-width:800px){
	nav ul li a {
		padding: 16px 7px;
	} 
	.logo{
		left:41%;
	}
}
@media screen and (max-width:780px){
	nav ul li a {
		padding: 16px 6px;
	} 
}
@media screen and (max-width:767px){
	.logo {
		left: 20px;
		top: 5px;
		width: 23%;
	}
	nav ul li{
		padding:0 !important;
	}
	img{
		width:100%;
	}
	header{
		padding:0;
	}
	body{
		background:url(../images/bg-banner.png)no-repeat fixed top right / cover;
	}
	.member-links .content_box img{
		width:auto;
	}
	.grid-6{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.table{
		border:none;
	}
	nav ul li:nth-child(4){
		margin:0;
	}
	nav ul li ul{
		opacity:1;
		visibility:visible;
		left:0;
		position:static;
	}
	nav ul li:hover ul{
		left:0;
	}
	.frame_sec iframe {
		bottom: -140%;
		width: 90%;
		height: 500px;
	}
	.copyright,.visitor,.chief_logo{
		text-align:center !important;
		margin-top:30px;
	}
	.map_border .company-info ul li a{
		margin-left:5px;
	}
	.heading h3 {
		font-size: 16px;
	}
	.heading {
		padding: 10px;
	}
	.info_btn a, .view_btn a {
    padding: 6px 20px;
    border-radius: 8px;
    font-size: 18px;} 
}