@charset "utf-8";
/* CSS Document */

/********** 1200 & below **********/

@media (max-width: 1200px) {
.container { width:940px; }

#slider .cap { top:25%; }
#slider .cap h1 { font-size:45px; line-height:50px; padding-left:150px; }
#header .tagline { padding-left:150px; }
#nav ul li { padding-left:25px; }
#nav .donate_btn { margin-left:20px; }

#content .welcome_box .img { width:450px; }
#content .welcome_box .img img { max-width: 90%; }
#content .welcome_box .details { max-width:600px; }
#content .welcome_box .details p { font-size:20px; line-height:35px; }

#content .event_block .img_box .date_box { width:100px; height:104px; padding-top:15px; margin:0 5px 0 0; font-size:28px; line-height:30px; }
#content .event_block .img_box .date_box strong { font-size:40px; line-height:40px; }

#content h1 { font-size:25px; }
#content .event_block .details p { font-size:13px; }
#content .event_block .img_box { min-height:104px; }
#content .event_block .more h3 { font-size:16px; }
#content .tweet_block .tweet_block_inn { padding:18px; }
#content .tweet_block .social ul li { margin:0 3px; }

#content .news_video .news p { font-size:14px; line-height:24px; }
#content .news_video .video .video_box .cap { top:76px; left:36px; }
#footer .social ul li { margin-right:7px; }

#banner_1 .details p { font-size:22px; line-height:40px; }

#content .leftbar { width:670px; }
#content .rightbar { width:250px; padding:18px 15px 0px 15px; }
#content .rightbar h3 { font-size:17px; }
#content .rightbar .leader_list ul li .desc { width:154px; }
#content .rightbar .leader_list ul li .desc_inn { width:154px; }

#content .right_img .img { width:240px; }
#content .right_img .desc { width:420px; }
#content p { font-size:16px; line-height:26px; }
#content ul li { font-size:16px; line-height:26px; }

#content .top_txt p { font-size:22px; line-height:40px; }

#banner .cap h1 { font-size:50px; line-height:55px; }

#content .product_detaills .img { width:385px; }

}

/********** 980 & below **********/

@media (max-width: 980px) {
.container { width:750px; }

#header .tagline { float:right; padding:21px 0 0  0; }
#nav { padding-top:30px; clear:both; }

#content .welcome_box .img { width:350px; float:left; }
#content .welcome_box .details { width:480px; padding:40px 0 20px 0; }
#content .welcome_box .details p { font-size:17px; line-height:28px; }
#content .event_block { width:50%; }
#content .tweet_block { display:none; }
#content .event_block .img_box .date_box { width: 122px; height: 127px; padding-top: 28px; }

#content .news_video .news .img { width:160px; }
#content .news_video .news p { display:none; }
#content .news_video .news .date { margin-bottom:10px; }
#content .news_video .video .video_box .cap h1 { padding: 20px 0 0 10px; font-size:18px; }  
#content .news_video .video .video_box .cap { top:53px; left:30px; }

#footer .block { width:100%; } 
#footer .block_1 { width:25%; margin-left:200px; margin-bottom:30px; } 
#footer .block_2 { width:25%; margin-bottom:30px; } 
#footer .block_3 { display:none; }
#footer .news_box { width:50%; float:left; padding:0 20px 0 0; }
#footer .social { width:50%; float:left; padding:0 0 0 20px; }
#footer .right_img { display:none; }

#banner_1 .img { width:300px; }
#banner_1 .details { padding:40px 0 40px 300px;  }
#banner_1 .details p { font-size:20px; line-height:36px; }

#content .top_img .block .cap { padding:15px 0; }
#content .top_img .block .cap h1 { font-size:20px; line-height:26px; }

#content .leftbar { width:100%; }
#content .rightbar { width:100%; padding:18px 20px 0px 20px; margin-top:50px; }

#content .right_img .desc { width:460px; }
#content .right_img .img { width:270px; }
#content .rightbar .leader_list { width:50%; float:left; }

#content .rightbar .leader_list ul li .desc { width:164px; }
#content .rightbar .leader_list ul li .desc_inn { width:164px; }

#content .board_member { padding-bottom:20px; }
#content .board_member .block { width:50%; padding-bottom:40px; }


#content .top_txt p { font-size:20px; line-height:36px; }
#content .rightbar .succ_story .block { max-width:230px; width:100%; margin:0 auto; }
#banner .cap h1 { font-size:40px; line-height:45px; }

#content .product_detaills .img { width:440px; }

}

/********** 767 & below **********/

@media (min-width: 767px) {
#nav ul.done { display:block !important; }	
}

@media (max-width: 767px) {

.container { width:460px; }
#header .header { height:auto; }
#nav { float:right; padding-bottom:25px; position:relative;  }
#nav .nav { padding-top:15px; display:none; position:absolute; top:65px; right:0px; z-index:99999; width:200px; float:none; }
#nav .donate_btn { float:left; margin:0 15px 0 0;  }
#nav a.menu { display:block; width:34px; height:32px; background:url(../images/menu_btn.png) no-repeat center center; float:right; }
#nav ul { border-top:4px solid #000; position:relative; margin:0; padding:0; display:block; float:none; }
/*#nav ul:after { bottom: 100%; right: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; 	border-color: rgba(0, 0, 0, 0); border-bottom-color: #000; border-width: 20px; margin-right: -3px; }*/

#nav ul li { float:none; margin:0; padding:0 10px; background:rgba(0,0,0,0.75); }
#nav ul li a { font-size:14px; color:#fff; line-height: 35px; padding:0 0 0 0; float:none; text-align:right; border-bottom:1px solid#9e9e9e; }
#nav ul li.active ,#nav ul li:hover { background:#e51b22; color:#fff; }
#nav ul li.active a,#nav ul li:hover a { color:#fff; }
#nav ul li:last-child a { border-bottom:none; }


#slider .cap h1 { font-size:20px; line-height:normal; }
#slider .royalHtmlContent h1 { display: none; }
#slider .royalSlider .royalSlide, #slider .royalSlider { height: 280px !important; }

#header .logo { width:90px; }
#content .welcome_box .img { display:none; }
#content .welcome_box .details { width:100%; padding:30px 0; float:none; }

#content .event_wrap { padding:30px; }
#content .event_wrap .block_c { margin-left:0; }
#content .event_block { width:100%; padding:0 0 30px 0; }
#content .news_video .news { width:100%; padding:0 0 30px 0; }
#content .news_video .video { width:100%; padding:0; }
#content .news_video .video .video_box .cap { top:80px; left:85px; }

#footer .block_1 { width: 33%; margin-left: 33%; margin-bottom: 30px; }
#footer .block_2 { width: 33%; }
#footer h2 { font-size:18px; }
#footer .social ul li { margin-right:5px; } 
#footer .social ul li a { width:38px; height:38px; background-size:100% auto; }

#content h3 { font-size:19px; }
#content p { font-size:14px; line-height:24px; }
#content ul li { font-size:14px; line-height:24px; }

#banner_1 .img { display:none; }
#banner_1 .details { padding:50px 0; }
#banner_1 .details p { font-size:16px;  }

#content .top_img { margin-left:0; }
#content .top_img .block { width:100%; padding:0 0 20px 0; }

#content .right_img .desc { width:100%; padding:0; }
#content .right_img .img { width:100%; text-align:center; }
#content .rightbar .leader_list { float:none; width:100%; }

#content .board_member .block .img { width:150px; }
#banner .cap h1 { font-size:25px; line-height:30px; }

#content .top_txt p { font-size:16px; }
#content .btn_1 { margin:0 0 0px 0; text-align:center; }
#content .btn_1 a { margin:0 7px; }

#content .filter ul li { margin-bottom:10px; }
#content .news_list .block h3 { font-size:19px; }
#content .news_list .block p { line-height:26px; }
#content .video_list .block p { line-height:26px; }
#content .product_list .block p { line-height:26px; }

#content .product_list { margin-left:0; } 
#content .product_list .block { width:100%; padding-left:0; }

#content .title_1 h1 { float:none; }
#content .title_1 .btn_1 { float:none; text-align:left; margin:20px 0 0 0; }
#content .title_1 .btn_1 a { margin:0 5px 0 0; }

#content .filter ul li a { font-size:19px; }

#content .product_detaills .img { width:100%; padding:0; margin:0 0 30px 0; }
#content .product_detaills .desc { width:100%; }
#content .product_detaills .desc .btn_1 { text-align:left; }
	
}

@media (max-width: 480px) {
.container { width:300px; }

#slider .royalSlider .royalSlide, #slider .royalSlider { height: 200px !important; }

#slider .cap h1 { display:none; }

#content .event_block .img_box .date_box { width:95px; height:106px; padding-top:20px; }

#content .news_video .video .video_box .cap h1 { display:none; }
#content .sposnser ul li { display:block; margin:0 10px; }

#footer .award_1 { display:none; }
#footer .award_2 { position:relative; top:auto; left:auto; text-align:center; margin-bottom:20px; }
#footer .footer { padding-top:0; }
#footer .block_1 { margin-left:0; width:50%; }
#footer .block_2 { width:50%; }

#footer .news_box { width:100%; float:none;  } 
#footer .social { float:none; padding:0; width:100%; }

#content .news_video .video .video_box .cap { top:50%; left:0; right:0; text-align:center; }
#content .news_video .video .video_box .cap .play_btn { float:none; display:inline-block; vertical-align:top; margin-top:-50px; }

#content .board_member .block { width:100%;  }
#content .board_member .block .img { width:175px; }

#banner .cap h1 { display:none; }

#content .video_list { margin-left:0; }
#content .video_list .block { width:100%; padding-left:0; }

}

@media (max-width: 319px) {
.container { width:100%; }	
}


@media screen and (min-width: 980px) and (max-width: 1760px) {
	#footer .container {
		padding-left: 200px;
	}
	#footer .block_1 {
		width: 30%
	} 
	#footer .block_2 {
		width: 30%;
	}
	#footer .block_3 {
		display: none;
	}
	#footer .block_4 {
		width: 40%;
	}
}

@media screen and (min-width: 980px) {
	#footer .footer {
		height:300px;
		overflow: hidden;
	}
}