@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1200px) {	
	.container { width:970px;}
	nav > ul > li + li { margin-left:25px;}
	.home-activity .center .left { width:300px;}
	.home-activity .center .right { float:right; width:600px;}
	.news-event .center .home-news { width:48%; max-width:100%;}
	.news-event .center .home-event { width:48%; max-width:100%;}
	.news-event .center { padding:0;}
	.news-event { padding-bottom:60px;}
	footer .top .box-1 { width:300px;}
	footer .top .box-2 { margin-left:0;}
}
@media only screen and (max-width: 992px) {	
	.container { width:750px;}
	.home-activity .center .left { width:250px;}
	.home-activity .center .right { float:right; width:450px;}
	footer .top .box-5 { margin-top:-90px;}
	.inner .sub-menu { display:none;}
	.inner .detail { overflow:visible;}
	.inner .detail h3 { padding-top:0;}
	.activities .boxes { margin-left:-3%;}
	.activities .boxes .box { width:30.33%; margin-left:3%; min-height:250px;}
	.photo-gallary .boxes .box { width:30.33%; }
	.contact .left,
	.contact .right { width:48%;}
	.contact .right .form .code .input-text { width:230px;}

}
@media only screen and (min-width: 768px) {
	nav ul li:hover > ul { display:block; }	
	nav ul li ul { -webkit-animation: menuDown .3s ease-in; -moz-animation: menuDown .3s ease-in; animation:menuDown .3s ease-in; }
	nav ul li ul li ul { -webkit-animation: fadeInLeft .3s ease-in; -moz-animation: fadeInLeft .3s ease-in; animation:menuRight .3s ease-in;}
	nav > ul { display:block !important; }
}
@media only screen and (max-width: 767px) {
	.container { width:100%; padding:0 15px; }
	
	nav { display:none;}
    button.lines-button { display: block; float:right; margin:4px 0 0 0;}
    nav { position:fixed; background:#ededef; left:0; top:0; right:0; bottom:0; z-index:99999; display:non; text-align:left; }
    nav > ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); min-width:280px; }
	nav > ul > li { display:block; width:100%; float:none; position:relative; }
	nav > ul > li span { position:absolute; right:15px; top:16px; background:url(../images/plus.png) no-repeat; width:14px; height:14px; display:block; z-index:2;}
	nav > ul > li.open > span { background:url(../images/minus.png) no-repeat;}
	nav > ul > li + li { margin:0 0 0 0; border-top:1px dashed #e47825;}
	nav > ul > li > a { display:block; position:relative; color:#e47825; z-index:3; padding-right:50px; }
	
	nav > ul > li.active > a { }
	nav > ul > li:hover > a { }
	
	/* Drop Down */
	nav ul li ul { width:100%; position:static;  background:#f6c315; }
	nav ul li ul li { display:block; position:relative; }
	nav ul li ul li a { color:#fff; display:block; padding:5px 20px; }
	nav ul li ul li a:hover { background-color:#e47825; }
	nav ul li ul li ul { left:100%; top:0; }
	/* Drop Down */
	


    nav .close { position:absolute; right:20px; top:20px; display:block;}
    nav .close a { color:#fff; font-size:30px; font-weight:700; font-family:Arial, Helvetica, sans-serif;}	
	
	header .logo { width:100px;}
	header .head .top { display:none;}
	#main-banner { min-height:320px;}
	#banner { min-height:320px;}
	#banner .title { bottom:80px;}
	#main-banner .title h1 { font-size:24px; padding-bottom:0;}
	#banner .title h1 { font-size:24px; padding-bottom:0;}
	#main-banner .title p { font-size:18px;}
	.home-about p { font-size:18px; line-height:24px;}
	.home-about span { font-size:22px;}
	.home-activity .center .left { width:100%; padding-bottom:25px; float:none;}
	.home-activity .center .left .block { margin:0 auto;}
	.home-activity .center .right { float:none; width:100%;}
	.home-activity .center .right .more { text-align:center;}
	.home-activity .center .right ul li span { width:30px;}
	.home-activity .center .right ul li { padding-left:45px; font-size:16px;}
	.home-house p { font-size:18px;}
	.news-event .center .home-news { width:100%; max-width:100%; margin-bottom:50px;}
	.news-event .center .home-event { width:100%; max-width:100%;}
	footer .top .box-1 { display:none;}
	footer .top .box-2,
	footer .top .box-3,
	footer .top .box-4 { width:33.33%;}
	footer .top .box-5 { margin-top:0; width:100%; max-width:320px; margin:0 auto; float:none;}
	footer .bot .right { padding-right:0;}
	nav > ul > li.hide { display:block;}
	.home-house .title span:after,
	.home-house .title span:before { width:50px;}
	.activities .boxes { margin-left:-3%;}
	.activities .boxes .box { width:47%; margin-left:3%; min-height:250px;}
	.contact .left p span { font-size:20px;}
	.donate .cheque { padding:20px 20px;}
	.donate .cheque p { font-size:14px;}
	.fancybox-title { color:#fff; padding-top:5px;}
	.event .boxes .title { margin-bottom:0; }
	.event .boxes .box .img-detail h6 { padding-bottom:15px;}
	.contact .left,
	.contact .right { width:100%;}
	.contact .right .form .code .input-text { width:70%;}
	.event .boxes .box .img { padding-bottom:20px;}
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
	.photo-gallary .boxes .box { width:47%; }
	.photo-gallary .boxes .box .img a:after { background-size:25px 25px;}
	.photo-gallary .boxes .box .text { font-size:14px;}
	.print .boxes .box { width:47%; }
	.print .boxes .box .img a:after { background-size:25px 25px;}
	.print .boxes .box .text { font-size:14px;}
	.video .boxes .box { width:47%; }
	.video .boxes .box .img a:after { background-size:25px 25px;}
	.video .boxes .box .text { font-size:14px;}
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 568px) {
	.donate .link .box a span i { display:block;}
	.donate .link .box a span { font-size:22px;}
	.event .boxes .box .img { width:100%; margin-right:0;}
	.event .boxes .box .img > a > img { width:100%;}
	.event .boxes .box .img-detail { overflow:visible;}
	.event .boxes .box .img-detail h6 { font-size:14px;}
	.event .boxes .box .img-detail p { font-size:12px;}
	.event .boxes .box { border-bottom:none;}
	
}
@media only screen and (max-width: 480px) {
	.activities .boxes { margin-left:0%;}
	.activities .boxes .box { width:100%; margin-left:0%; min-height:0;}
	.activities .boxes .box + .box { margin-top:30px;}
	.contact .right .form .code .input-text { width:55%;}
}
@media only screen and (max-width: 480px) {
	footer .bot .left { float:none; text-align:center;} 
	footer .bot .left > div { float:none !important; display:inline-block;}
	footer .bot .right { float:none; text-align:center;}
	footer .bot .right a { display:inline-block;}
	footer .top .box-5 { overflow:hidden;} 
	footer .top .box-2 { width:50%;} 
	footer .top .box-3 { width:50%; float:right;}  
	footer .top .box-4 { width:50%; float:right;} 
	
}
@media only screen (max-device-width: 480px) and (orientation: landscape) {
	nav ul { max-height: 200px; overflow-y:auto;}
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}