@media screen and (max-width:1366px)
{
}
@media screen and (max-width:1220px)
{
	
.navigation li a
{
	padding:10px 7px;
}
}
@media only screen and (max-width:1199px) 
{
.container
{
	width:96%;
}
}
@media screen and (max-width:1150px)
{
.phone_panel
{
	width:100%;
}
nav
{
	margin:40px 0 0 0;
}

.navigation li a
{
	padding:10px 4px;
}
}

@media screen and (max-width:1050px)
{
.white_right_panel
{
	width:100%;
}
}

@media screen and (max-width:999px)
{
nav
{
	width:100%;
	margin:0;
}
.navigation li a
{
	padding: 10px 14px;
}
.logo_panel
{
	width:100%;
}
.logo_panel img
{
	width:100%;
	max-width:200px;
}
.banner_text h2
{
	font-size:22px;
}
.top_footer_left_area
{
	width:100%;
	float:none;
}
.subscribe_right_area
{
	width:100%;
	float:none;
	text-align:center;
	margin-top:30px;
}
}
@media screen and (max-width:950px)
{
.navigation li a
{
	padding: 10px 8px;
}
.total_box_panel
{
	width:50%;
	display:inline-block;
	text-align:center;
	padding:0 10px;
	margin-bottom:20px;
}
.icon_box
{
	width:50%;
	display:inline-block;
	text-align:center;
	float:none;
}

.top_footer_box1
{
	width:30%;
}

.top_footer_box2
{
	width:70%;
}

.top_footer_box3
{
	width:100%;
	padding-left:0%;
	margin-top:30px;
}

}
@media screen and (max-width:900px)
{

}
@media screen and (max-width:850px)
{
}
@media screen and (max-width:800px)
{
.navigation li a
{
	padding: 10px 5px;
}
.news_panel
{
	background:none;
}
.total_panel_home
{
	background-image:url(../images/news-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.white_panel
{
	width:100%;
	background-image:url(../images/res1.png);
	background-repeat:no-repeat;
	background-repeat:repeat-y;
	background-size:cover;
	padding:30px;
}
.right_panel
{
	width:100%;
	padding:30px;
	background-image:url(../images/res2.png);
	background-repeat:repeat-y;
	background-size:cover;
}
}
@media screen and (max-width:768px)
{
.navigation 
{
  background: #fff;
  width: 200px;
  height: 100%;
  display: block;
  position: fixed;
  left: -200px;
  top: 0px;
  transition: left 0.3s linear;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.navigation.visible 
{
  left: 0px;
  transition: left 0.3s linear;
}
.nav_bg 
{
  display: inline-block;
  vertical-align: middle;
  width:50px;
  height:50px;
  margin: 0;
  position: absolute;
  top: 50px;
  left: 0px;
  background: #009788;
  padding: 12px 0 0 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.nav_bar 
{
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
}
.nav_bar span 
{
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}
.nav_bar span:nth-child(2)
{
	width: 20px;
}
.nav_bar span:nth-child(3)
{
	width: 20px;
}
.navigation ul
{
	padding-top: 0;
}
.navigation li
{
	display: block;
}
.navigation li a 
{
  display: block;
  color: #505050;
  font-weight: 500;
}
.navigation li:first-child:hover a 
{
	border-radius: 0; 
}
.navigation li ul.dropdown 
{
	position: relative;
}
.navigation li ul.dropdown li a 
{
  background: #00695b !important;
  border-bottom: none;
  color: #fff !important;
}
.navigation li:hover a 
{
  background: #009788;
  color: #fff !important;
}
.navigation li ul.dropdown li:hover a 
{
  background: #56b5ae !important;
  color: #fff !important;
}
.navigation li ul.dropdown li a 
{
	padding: 10px 10px 10px 30px;
}
.navigation li:hover .arrow-down 
{
	border-top: 5px solid #fff;
}
.arrow-down 
{
  border-top: 5px solid #505050;
  position: absolute;
  top: 20px;
  right: 10px;
}
.opacity 
{
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#main
{
	background:none;
}
nav
{
	width:100%;
	text-align:center;
	float:none;
}
.donatepanel a p
{
	float:none;
	margin:15px 0;
}
.total_box_panel
{
	width:100%;
}
.icon_box
{
	width:35%;
}

.gallery_panel_left{float:left; width:100%;}
.gallery_panel_right{float:left; width:100%;}
.right_panel_about
{
	width:100%;
	margin-top:30px;
}
.about_left_panel
{
	width:100%;
}
.phone_panel
{
	background:#000;
}

}
@media screen and (max-width:700px)
{
}
@media screen and (max-width:667px)
{
.phone_panel p span
{
	font-size:14px;
}
.phone_panel p
{
	font-size:14px;
}
.box_1
{
	width:47%;
	text-align:center;
	padding:0;
	margin:20px 1% 0 1%;
}
}
@media screen and (max-width:600px)
{
.banner_text_panel
{
	margin-top:0;
}
.banner_text
{
	padding:10px;
}
.icon_box
{
	width:50%;
}
.footer_copy_main_area h3
{
	width:100%;
	text-align:center;
}
.footer_copy_main_area
{
	text-align:center;
}
}

@media screen and (max-width:550px)
{
.top_footer_box1
{
	width:100%;
}

.top_footer_box2
{
	width:100%;
	margin-top:20px;
}

.top_footer_box3
{
	width:100%;
}


}
@media screen and (max-width:480px)
{
.icon_box
{
	width:100%;
}
.ngo_panel
{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.ngo_panel_2
{
	width:100%;
	float:none;
	text-align:center;
}

.ngo_panel_2 a
{
	float:none;
	text-align:center;
}
.box_1
{
	width:100%;
	text-align:center;
	padding:0;
	margin:20px 1% 0 1%;
}
.subscribe_input_style1
{
	width:195px;
}
.top_footer_left_area h1
{
	font-size:18px;
}
.subscribe_submit_style1
{
	width:98px;
}
}
@media screen and (max-width:400px)
{
.white_panel
{
	padding:10px;
}
.right_panel
{
	padding:10px;
}
}