@media only screen and (max-width: 1400px){
	.container{
		width:1200px;
	}
}

@media only screen and (max-width: 1200px){
	.container{
		width:1027px;
	}

	nav ul li a{
		padding:10px 16px;
		font-size:20px;
	}
	.log_text h1{
		font-size:70px;
	}
	.log_text h2{
		font-size:50px;
	}
	.log_text h3{
		font-size:24px;
	}
	.buttn_ab > a{
		padding: 10px 12px;
	}
}

@media only screen and (max-width: 1027px){
		.container{
		width:980px;
	}

	.banner-slider img {
		height: 190px;
	}
	.banner-slider {
		height: 190px;
	}
	
	nav ul li a{
		font-size:18px;
		padding:10px 12px;
	}
	.buttn_ab > a{
		 font-size: 15px;
		padding: 10px 14px;
	}
	.title_panel3 h2{
		 font-size: 18px;
	}
	.buttn_ac > a{
		font-size: 16px;
		padding: 10px 20px;
	}
	.event{
		padding:14px;
	}
	.donation{
		padding:10px;
	}
	.calls{
		padding:10px;
	}
	.message_right > p {
		font-size: 13px;
	}
	.message_right h3 {
		font-size: 21px;
	}
	.weather {
		padding: 10px;
	}
	.statistics{
		padding:10px;
	}
	.title_panel1 h2{
		font-size:20px;
	}
	.text-center.inside_weather > a{
		margin:5px 0;
	}
	.inside_message a{
		font-size:12px;
	}
	.message_right h3 {
		font-size: 16px;
	}
	.hall_sec img{
		height:199px;
	}
	.live_dispatch_content {
		padding: 13px 10px 68px;
		background: rgba(0, 0, 0, 0) url("../img/live_dispatch.png") no-repeat scroll 0 0 / cover ;
}
	.message_right_1 p{
		font-size:13px;
	}
	.table tr td{
		font-size:12px;
		line-height:25px !important;
	}
	.inside_casle_left p{
		font-size:12px;
	}
	.inside_casle_right button{
		width:90%;
		margin-top:50px;
	}
	.no-padding {
		padding: 0;
	}
	.log_text h1{
		font-size:60px;
	}
	.log_text h2{
		font-size:40px;
	}
	.log_text h3{
		font-size:20px;
	}
	.inside_message {
		margin-top:0px;
	}
	.nd_pan.message_right h3 {
		margin-top: 0;
	}
	.sec_top > h3 {
		margin-top: 3px;
		padding: 12px 10px;
	}
	.table tr td {
		padding: 5px !important;
	}
}


@media only screen and (max-width:990px) {
	.top_header{

	height:275px;
}	
.logo {
	width:50%;
}
}
@media only screen and (max-width: 980px){
		.container{
		width:800px;
	}
	.top_header{

	height:225px;
}	
.logo {
	width: 60%;
margin-top: 0px;
}	
	.message_right {
		padding: 10px;
		width: 100%;
	}
	.message_right_1{
		padding:10px;
		width: 100%;
	}
	.benefits ul li {
		font-size: 18px;
		padding: 0 2px;
	}
	.title_panel3 h2 {
		font-size: 17px;
	}
	.inside_event > p {
		font-size: 13px;
	}	
	.inside_community.donation > p {
		font-size: 14px;
	}
	.inside_community.mission > p {
		font-size: 14px;
		text-align: justify;
	}
	.mission{
		padding:10px;
	}
	.buttn_ab {
		bottom: 16px;
		right: 29px;
	}
	.text-center.inside_weather > p {
		line-height: 16px;
		font-size: 13px;
	}
	.text-center.inside_weather > h4 {
		font-size: 17px;
	}
	.message_right h3 {
		font-size: 18px;
	}
	.inside_message{
		margin-top:13px;
	}
	nav ul li a{
		 font-size: 18px;
		 padding:10px;
	}
	.weather_detail > p {
		font-size: 45px;
	}
	.foot_sec_right > h2 {
		font-size: 20px;
		text-align: center;
	}
	.foot_sec_right button {
		font-size: 16px;
		padding: 7px;
		width: 106px;
	}
	.foot_sec_mid > h2{
		font-size:20px;
	}
	.foot_sec_mid > p {
		font-size: 16px;
		line-height:20px;
	}
	.foot_bot_left {
		width: 90%;
	}
	.foot_bot_left p{
		font-size:14px;
	}
	.fot_bot_mid > p {
		font-size: 14px;
		line-height: 30px;
	}
	.foot_sec_mid > p:last-child {
		margin-top: 18px;
	}
	.sec_dispatch ul li{
		padding: 13px 16px;
	}
	.message_right_1 p {
		font-size: 14px;
	}
	.table tr td {
		font-size: 11px;
	}
	.hall_sec img {
		height: 179px;
	}
	.inside_casle_right button{
		margin:0 auto;
		width:90%;
		display:block;
	}
	.inside_casle_right {
		margin-top: 10px;
	}
		
	.social_icon img {
		width: 35%;
	}
	.log_text h1{
		font-size:50px;
	}
	.log_text h2{
		font-size:30px;
	}
	.log_text h3{
		font-size:18px;
	}
}
@media only screen and (max-width: 800px){
	.container{
		width:786px;
	}
	
	nav ul li a{
		 font-size: 15px;
		 padding:10px 4px;
	}
	.log_text h1{
		font-size:45px;
		text-shadow: 2px -2px 0 #1d3394, -2px -2px 0 #1d3394, -2px 2px 0 #1d3394, 2px 2px 0 #1d3394;
	}
	.log_text h2{
		font-size:30px;
		text-shadow: 1px -1px 0 #1d3394, -1px -1px 0 #1d3394, -1px 1px 0 #1d3394, 1px 1px 0 #1d3394;
	}
	.log_text h3{
		font-size:18px;
	}
	.buttn_ac > a{
		font-size:15px;
		padding: 10px 16px;
	}
	.buttn_ab > a {
		font-size: 13px;
		padding: 10px 12px;
	}
}
@media only screen and (max-width: 786px){
		.container{
		width:767px;
	}

	.banner-slider {
		height: 150px;
	}
	.banner-slider img {
		height: 150px;
	}

	.title_panel3 h2 {
		font-size: 16px;
		padding: 12px 0 12px 7px ;
	}
	.inside_community.mission > p {
		font-size: 13px;
	}
	.inside_event > p {
		font-size: 12px;
	}
	.message_right h3 {
		font-size: 16px;
	}
	.benefits ul li {
		font-size: 14px;
		padding: 0 4px;
	}
	.bars{
		display:block;
	}
	.custom_nav ul li ul {
		display: none !important;
	}
	.dropdown.open:hover .dropdown-menu {
		display: block !important;
	}
	nav{
		position:relative;
	}
	.custom_nav > ul {
		background: #000F49;
		left: 0;
		margin-left: 0 !important;
		position: absolute;
		top: 59px;
		width: 100%;
		z-index: 999;
	}
	.custom_nav > ul li{
		padding:10px;
	}
	.live_dispatch_content {
		padding: 13px 10px 57px;
	}
	.hall_sec img{
		height:179px;
	}
	.table tr td{
		font-size:10px;
		line-height:19px !important;
	}
	.hall_sec{
		height:180px;
	}
	.sec_top > h3{
		padding: 7px 10px;
	}
	.message_right_1 p{
		font-size:14px;
	}
	.nd_pan.message_right h3 {
		margin-top: 0;
	}
}
@media only screen and (max-width: 767px){
		.container{
		width:640px;
	}
.top_header{
	height:225px;
}		
	.custom_nav > ul li {
		padding: 13px;
	}
	.margn_top_20{
		margin-top:20px;
	}
	.foot_sec_right > h2{
		text-align:left;
	}
	.foot_sec_right button{
		margin: 10px 0;
	}
	.foot_bot_left {
		width: 100%;
	}
	.social-share-wrap{
		width:100%;
	}
	.buttn_ab {
		right: 176px;
	}
	.buttn_ab > a {
		padding: 10px 50px;
	}
	.foot_sec_right.margn_top_20 > h2 {
		text-align: left;
	}
	.foot_sec_left,.foot_sec_mid{
		text-align:left !important;
		margin:25px 0;
	}
	.inside_casle_right{
		margin-top:20px;
	}
	.inside_casle_right button{
		width:75%;
	}
	.social_icon img {
		width: 10%;
	}
	.table tr td{
		font-size:14px;
	}
	.inside_event > p {
		font-size: 14px;
	}
}
@media only screen and (max-width: 640px){
.top_header{
	height:225px;
}
		.container{
		width:100%;
	}

	.log_text h1{
		font-size:35px;
		text-shadow: 2px -2px 0 #1d3394, -2px -2px 0 #1d3394, -2px 2px 0 #1d3394, 2px 2px 0 #1d3394;
	}
	.log_text h2{
		font-size:24px;
		text-shadow: 2px -2px 0 #1d3394, -2px -2px 0 #1d3394, -2px 2px 0 #1d3394, 2px 2px 0 #1d3394;
	}
	.log_text h3{
		font-size:14px;
	}
}
@media only screen and (max-width: 480px){

	.sec_dispatch ul li {
		font-size: 11px;
		padding: 10px 2px;
	}
	.banner-slider img {
		height: 100px;
	}
	.banner-slider {
		height: 100px;
	}
	.popup{
		right: 13px;
		width: 271px;
	}
	.popup ul li{
		font-size:18px;
	}
	.popup ul li i{
		width: 25px;
	}
	.buttn_ab {
		right: 67px;
	}
	.buttn_ab > a{
		 padding: 10px 40px;
	}
	.log_text h1{
		font-size:24px;
		text-shadow: 1px -1px 0 #1d3394, -1px -1px 0 #1d3394, -1px 1px 0 #1d3394, 1px 1px 0 #1d3394;
	}
	.log_text h2{
		font-size:18px;
		text-shadow: 1px -1px 0 #1d3394, -1px -1px 0 #1d3394, -1px 1px 0 #1d3394, 1px 1px 0 #1d3394;
	}
	.log_text h3{
		font-size:13px;
		 text-shadow: 1px 1px 0 #2f3031, -1px -1px 0 #2f3031, 1px -1px 0 #2f3031, -1px 1px 0 #2f3031;
	}
	.log_text {
		right: 10%;
		top: 10%;
	}
}
@media only screen and (max-width: 321px){

	.log_text h1{
		font-size:22px;
	}
	.log_text h2{
		font-size:17px;
	}
	.log_text h3{
		font-size:12px;
	}
	.log_text {
		right: 8%;
		top: 10%;
	}
}