@media only screen and (max-width : 1300px) {
html,body {	font-size:17px; line-height:27px; } 	
.logo_tc { font-size:24px; letter-spacing:0px; }
.logo_en { font-size:13px; letter-spacing:-0.5px;  }
.header .screen { padding:0 0px; }
.screen { padding:0 10px; }
.top_links ul li a{ font-size:17px; padding:13px 15px}
.inner_banner{  padding:280px 0 12px 0; }
.inner_banner h1{ padding:10px 20px;  font-size:26px;  line-height:32px;  }
.sidebar-nav .metismenu { padding:5px;}
.latest_new{ overflow: hidden} 
.latest_new .new_box{   min-height:130px; }

.contact_main ul li{ font-size:14px;}

.footer_contact, .copyright { width:100%; text-align:center; }
.footer_contact ul li { width:25%;}
.footer_contact ul li+li{ border-left:0px solid #b1b1b1;  }
}
@media only screen and (max-width : 1100px) {
.top_links ul li a{ font-size:13.5px; padding:13px 10px 0 10px}
.contact_main ul li{ float: left;  width:100%; }
.contact_main ul li+li{  width:100%; }
.contact_main ul li+li+li+li{  width:100%; }
.contact_main ul li span{ background-size:22px 22px !important; background-position:15px 50% !important }
.sch_information{ padding:20px 0 }
}

@media only screen and (max-width : 960px) {
	
.mobile_only { top:10%; transform: translateY(-10%);width:100%; z-index:10; background: #053368; z-index:9999; }
.mobile_only a { display:none !important;}
.mobile_only  ul{ list-style:none; margin:0; padding:0; display:block !important; background:none !important; opacity: 1!important;
visibility: visible!important; }
.mobile_only  ul li{ float:none; border-bottom:0px !important  }
.mobile_only  ul li a{ color:#fff!important; font-size:13px !important; padding:5px 15px !important;display:block !important; background:none !important; border-bottom:0px !important  }
.mobile_only  ul li a:hover{ color:#d5f3fe !important; background:none !important  }

html,body {	font-size:15px; line-height:23px; } 

h1{ font-size:28px; line-height:32px;  }
h2{ font-size:22px; line-height:28px; }

h3{ font-size:18px;  line-height:22px;  }
h4{ font-size:16px;  line-height:22px;  }
h5{ font-size:16px;  line-height:22px;  }
h6{ font-size:16px;  line-height:22px;  }

.mobile_only { display: block !important; }

.screen { min-width:320px}
.top_links{ display: none;}
.header .logo_area { padding:10px; }
.header .logo_img img { max-height:60px; height:auto; width:auto}
.header .logo_txt { margin:0 0 0 5px;}
.logo_tc { font-size:13px; letter-spacing:0px; }
.logo_en { font-size:13px; letter-spacing:-0.5px; line-height: 16px;  }
.top_lang{ margin:0px; right:50px; top:18px; position:absolute;}
.top_lang a{ border:1px solid #003986;font-size:13px;  color:#333; padding: 5px 5px; border-radius:8px; background:#fff; }
.top_search { position:absolute; right:95px; top:8px; }

.top_search:hover i { opacity:1;}
.top_search #search-block-form { margin-top:55px; }
.top_search:hover #search-block-form {  width:150px; height: auto; opacity:1; display: block; transition: .5s;}
.top_search .form-text { background:#fff; padding:5px; font-size:16px; line-height:21px; border:0px; width:140px; }

.arean { padding:20px 5px; }
.arean_title {font-size: 30px; line-height: 38px;}
.arean_more { top:20px;}
.arean_more a { padding:5px 15px}
.date span {background-size:25px 23px !important; }
.slider{ margin:20px 5% 20px 5%;}
.latest_gallery ul { padding:20px 0 20px 0}
.latest_gallery ul li { width: calc(50% - 4px);}
.latest_gallery ul li:nth(2n+1){ clear:both;}
.latest_awards, #left_highlight{ width:100%;}
.latest_awards .awards { padding:0 0 70px 0;}
.contact_main{ width:100%;}
.contact_main ul li{ width:100%; }
.contact_main ul li span{ background-size:22px 22px !important; background-position:15px 50% !important }
.find_us { width:30% ; margin:0 0 20px 15px;}

.inner_banner, #media_detail, #media{  padding:180px 0 10px 0; background-size:cover; background-repeat: no-repeat; background-position:50% 50%  }
.inner_banner h1{ padding:10px 10px;  font-size:18px;  line-height:24px;  }

#info_type_A .information ul li a{ padding:5px;  }

.nevigation { font-size:13px;}
.main_content{ width:96%; padding:0 2%}
.sidebar-nav{ width:100%; margin:20px 0 0 0;}
.inner_content { padding-bottom:20px;}
.header {  background-position:0 90%; min-height:125px;  }
.footer_contact, .copyright { width:100%; text-align:center; font-size:12px;}

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


.footer_contact ul { padding-bottom:35px;}
.footer_contact ul li a { text-align:center; padding:0; font-size:12px; line-height:15px;}
#left_highlight{ width:100%; height:300px;}
#info_type_A .information .cover { width:30%; }

.site-map ul{ margin:0 0 ; padding:0;}
.site-map ul li{  width: 100%; margin:0 0 15px 0%;  }
.site-map ul li:nth-child(2n+1){ clear: both; }

#campus_front { width:100%; margin:0 0 15px 0;}
#campus_des { padding:10px ; margin:15px 0;}
#contact_information { padding:10px;}


#contact_information h2 { margin:0 0 10px 0;}

.transports , .map_preview{ width:100%;}
.map_point ul li { width:100%;}
.googlemap { margin-bottom:60px;}
.googlemap a { background:url(../images/web/icon_googlemap.png) no-repeat #fff ;
background-size:20px 20px; padding:10px 10px 10px 35px; background-position:10px 50%;  } 
.googlemap a:hover { background-size:20px 20px;  background-position:10px 50%; }

#subject_area .title_a, #subject_area .title_b ,#subject_area .title_c ,#subject_area .title_d { padding:10px 0 10px 40px; background-size:40px 40px }

.subject_category{ width:100%; }
.subject_category ul li{ margin:0 0 15px 0; padding:0; position:relative; }
.subject_category ul li p{ bottom:0px; font-size:23px; line-height:30px; padding:10px;}

#info_type_B .information ul  { margin:0 ; padding:0;}

.hero h1 { font-size:19px; line-height:22px;}
}



@media only screen and (max-width : 440px){
.top_lang{  top:60px;}
nav{ margin-top:-32px;}
.sticky .header { height:100px;}

.logo img{ height: auto; max-width:100%; width:100% }

.logo_tc { font-size:15px; letter-spacing:0px; line-height:28px; }
.logo_en { font-size:13px; max-width:170px; letter-spacing:-0.5px; line-height: 15px;  }
.top_right { z-index:10}
#media { background-position:15% 50%; }
.header { min-height:100px; position:relative;}
.circular-square { width:40%; }
#Inner_Type_C .title_des , #Inner_Type_C .right_desc { width:100%}
.inner_banner, #media_detail, #media{  padding:100px 0 10px 0;  }
.inner_banner h1{ display:none; }
.header .logo_txt { margin:0 0 0 3.5px;}
}