@media screen and (max-width:1500px) {
#contact_info #f_email { padding: 0 0 0 0px; display:block;  }
.logo_tc { font-size:24px;  }
.logo_en { font-size:17px;  }
}
@media screen and (max-width:1280px) {
.header .logo_area { padding:10px 5px;}
.logo_tc { font-size:28px; letter-spacing:0px;  }
.logo_en { font-size:18px; line-height:30px; letter-spacing:-1px; }
.logo_footer .logo_tc { font-size:24px; letter-spacing:1px;  }
.logo_footer .logo_en { font-size:19px; letter-spacing:-0.5px; }
.logo_footer .logo_img img{ width:100%; max-height:65px;  }
.logo_footer .logo_txt { padding:0px 0 0 0px;   }
#contact_info span { padding: 0 0 0 10px;  }

.facebook a{ background:url(../images/web/fb.png) no-repeat ; background-position:0 50%;  }
.esda a{ background:url(../images/web/esda.png) no-repeat ; background-position:0 50%; }
.latest_awards ul li .date { top:35% !important}
}
@media screen and (max-width:1536px) {
.header .logo_area { position: relative; }
.logo_footer .logo_txt { padding:0px; clear:both; }
.latest_awards ul li { width: 48%}
.latest_awards ul li:nth-child(2n+1) { clear:both; }
}

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



.screen{ min-width:300px; max-width:950px; padding:0px 0px;}

.logo_txt,  { display:none; }
.header .logo_img img { max-height:84px; width:auto;}
.banner_area {padding: 0 0 10px 0; }

}

@media screen and (max-width:1023px) {
	.cd-top { display:none; }
	.header .logo_area { position: absolute; }
	.latest_new ul { max-height:100% !important; overflow-y: unset}
	.latest_new ul li .cover { padding-top:10px;}
	.logo_footer .logo_img img { width: auto;}
	
.header .logo_area { padding:4px;}
.header .logo_img img { max-height:42px; width:auto;}

.logo_tc, .sticky .logo_tc{ font-size:20px; line-height:24px; letter-spacing:-1px}
.logo_en, .sticky  .logo_en{   font-size: 17px;    line-height: 17px; letter-spacing:-1px}

.header .logo_txt , .sticky .header .logo_txt{ margin:0px 5px}
.sticky .header .logo_img img { max-height:42px; width:auto;}

.sticky .logo_txt { }
.facebook { float:left}


.logo_footer .logo_txt { margin:5px 0 0 10px; float: left; display: inline-block; clear:none}
.esda a , .facebook a{ background-size:30px 30px;}
.latest_awards .title , .latest_new .title{ font-size:23px; background:#fff; color:#004ea0; }
.latest_awards .title { padding:15px 0 15px 10px; }

.container .screen { padding:0 15px;}
.latest_awards ul { padding:50px 0 0 0;}
.latest_new #more_area { top:5px;}
.footer .screen, #contact_info .screen { padding:0 15px;}
.inner_area , .inner_area_b, .inner_area_c { padding:20px 0;}
.latest_new { width:100%;}
html,body {    font-size:15px; line-height:23px;}
.container{  line-height:23px; font-size:15px;  }
.main_calenadr { width:100%;}
#login_area{ width:98%; margin-top:20px;}
#contact_info .logo_footer { width:100%  }
#contact_info .contactinforamtion { width:100%;  }
#contact_info .socialmedia { width:100% ; }
.footer .copyright , .footer .power { width:100%; text-align:center;}
.copyright span { display:block} 
.latest_awards .area { padding:10px;}
.latest_new ul li .news_title { font-size:19px; line-height:23px; margin:0;}
#login_area .login_icon { font-size:15px;}
#sumbit { font-size:12px;}
.latest_awards .news_title { font-size:19px;}
.latest_awards ul li a { padding:5px;}
.Album .title { margin:0;} 
.non_banner{  padding:50px 0 50px 0;  }
.media_banner{  padding:50px 0 50px 0;  }
.non_banner h1, .media_banner h1{ font-size:33px; line-height:36px ;  padding:0px ; margin:0; border-bottom:0px solid #f3cb38; }

.information .date span { padding:5px 0 5px 22px; margin:0;  line-height:18px;}
#info_type_B .information ul li .news_title{ font-size:19px; margin-bottom:5px; line-height:21px;} 
#info_type_B .information ul li .description { font-size:15px; line-height:19px;}
.latest_awards ul li .date { position:relative; right:0; margin:0;}

.inner_banner{  padding:38px 0 30px 0 ; background-position: center top !important; background-repeat: no-repeat; background-size: 150% auto !important}
.inner_banner h1{ font-size:33px; line-height:36px ; padding:0px ; margin:0; border-bottom:0px solid #f3cb38; }

#Media_Album .information ul li { width:48%; margin:0 0 15px 2%;}
#Media_Album .information ul li:nth-child(2n+1) {clear: both;}
.Userful_link_inside ul li { width:48%; margin:0 0 10px 2% }
.Userful_link_inside ul  { margin:0 0 0 -2% }

#Media_Video .information ul li { width:48%; margin:0 0 15px 2%}

#Media_Video .information ul li:nth-child(2n+1) { clear:both; }

.inner_content .main_content{ margin:0 0 10px 0; padding:0 10px; overflow-x: auto; line-height:28px;} 
.inner_content { width:100%}
.sidebar-nav{ width:100% !important}
.Album .title{ font-size:19px; line-height:23px;  margin-bottom:15px;border-left-width:5px; }

h1{ font-size:28px; line-height:33px;  }
h2{ font-size:23px; line-height:38px; }
h3{ font-size:21px; margin:5px 0;  }
h4{ font-size:21px; margin:5px 0;  }
h5{ font-size:19px; margin:0px; }
h6{ font-size:17px; line-height:23px; }
#inside_full { padding:45px 0 0 0;}
.nevigation{ padding:5px 0;}
.latest_awards ul { margin:10px 0 10px -2%;}
.latest_awards ul li { width:98% !important;  margin:0 0 15px 2% !important;}

#Inner_Type_A ul{ margin:20px 0 0 0%;  }
#Inner_Type_A li{ float:left; width:100%; margin:0 0 15px 0%; }
#Inner_Type_C li .title_des{ width:100%; }
#Inner_Type_C li .right_desc{ width:100%;}

.sub_category { margin:10px 0;}

.download_area ul{ margin:0px 0 0 0%; padding:0px;}
.download_area ul li{ width: auto; float:none; margin:0 0 15px 20px }
.inner_content_full .main_content{ padding:5px 10px 20px 10px; min-height:200px; }
.year_box{ right:0 ;top:0; position: relative;}
.year_box select{ width:100%}

#info_type_A .information .date{ float:left; width:35%;  }
#info_type_A .information p{ float:left; width:63%; }

#info_type_B .information ul{  margin:0 0 0 0%; }
#info_type_B .information ul li{ width:100%; margin:0 0 15px 0;}

#info_type_C .information ul{  margin:0 0 0 0%;  }
#info_type_C .information ul li{ width:100%; margin:0 0 15px 0; }

#MediaA .information ul{  margin:0 0 0 0%;  }
#MediaA .information ul li{ width:100%; margin:0 0 15px 0%; }

#MediaB .information ul{  margin:0 0 0 0%;  }
#MediaB .information ul li{  width:100%; margin:0 0 15px 0; }

.btn_back a{font-size: 15px;  line-height: 21px;}

#notice .information ul .title_area { display:none;}
#notice .information .date{ float:left; width:75%;  padding:5px 5px 5px 0px; }
#notice .information .date span{ padding:0 0 0px 25px; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:0px 50%;}
#notice .information .number{ float:left; width:75%;  }
#notice .information .title{ float:left; width:75%;   }

.youtube_video{ width:100%; box-shadow:0 5px 10px rgba(0,0,0,.5); background:#000; padding:0px; border:0px solid #fff; margin-top:30px;}
.youtube_video iframe{ width:100%; height:320px;}
.youtube_video video{ width:100%; height:320px;}

.latest_new_box span { font-size:14px;}

.footer_info ul li{ font-size:13px; line-height:16px;}

h5 a { background-size: 30px 30px }

#Information_detail { padding:15px 0 20px 0 ;}
#Information_detail iframe { width:100%; height:auto; min-height:350px; margin:0; }

.contactus .info, .contactus .location{ width:100%;}
#Information_detail #Inner_Type_A li{ width:100%; margin:0 0 15px 0%; }
#Information_detail #Inner_Type_A li img{ max-width:100%; max-height:1080px;}
#info_type_A .information ul .title_area { display:none}
.arrowlistmenu{ width:100%; }
.latest_new_box .content p { font-size:17px; line-height:21px;}
#latest_new_inside .latest_new_box { width:100%; margin:0 0 15px 0;}
}