.dl-menuwrapper{display: none;}
.ddsmoothmenu ul li ul li.dl-back{display: none;}
.jssorb05{ bottom:120px;}

@media screen and (max-width: 1180px) {
	.sch_info ul li { padding: 5px 10px 5px 30px;}
	.sch_info ul li p {width: 18px;}	
	.star1 span {  height: 138px}
	.star2 span {  height: 53px}
	.star3 span {  height:40px}
	.latest_award_area ,.latest_events_area, .latest_new_area{height: 370px; min-height:370px;}
	.inner_banner {min-height: 270px;}
    .inner_banner_bg {margin: 270px 0 0 0;}
	
	
}


@media screen and (max-width: 960px) {
.sch_info{ padding:5px 0;}
.sch_info ul li:last-child { display:none}
    .header .logo {
           position: relative !important;
        margin: 0 !important;
                padding: 6px 4px;
        box-shadow: none !important;
        border-radius: 0;
    }    .header {
        background: #ffb619;
    }
    .header .logo .logo_img img{
        max-width: 100%;
    }
    .header .logo .logo_txt img {
    max-width: 96%;
}#nav-wrap{
    height: auto;
}
.Userful_link_inside_area {
    position: relative;
    border-radius: 0;
    padding: 0;
    border: 0px dashed #b2751d;
    background: none;
}
.header .logo{ left:-10px;}
.header .screen::before{ display:none}
.sch_info ul li p{ top:-2px;}
.latest_new .more_area a , .latest_award .more_area a , .latest_events .more_area a { padding:12px 30px;}

.latest_new .title {
  padding: 20px 0 20px 80px;
}
.latest_award .title {
  padding: 20px 0 20px 80px;
}
.latest_events  .title {
  padding: 20px 0 20px 80px;
}
.latest_new .title span , .latest_award .title span , .latest_events .title span{ left:0; top:-30px; width:76px; height:80px; background-size: cover; }

	.latest_award_area ,.latest_events_area, .latest_new_area{height: 305px; min-height:305px;}
.header .logo a{ display:inline-block;        z-index: 10;position: relative; }
	.header .screen::after { display: none}	
	.left_area { padding: 50px 0 0 0}
	.latest_new ,.latest_award, .latest_events { width: calc(100%);  margin-right: 0;margin-bottom: 20px;}
	.star1 img {  height: 120px !important;width: auto !important;}
	.star2 img {  height: 50px !important;width: auto !important;}
	.star3 img {  height: 30px !important;width: auto !important;}
	.star1 span {    height: 88px;width: 95px;  }
	.star2 span {    height: 53px;width: 40px;; }
	.star3 span {    height: 30px;width: 25px;  }
	.inner_banner {min-height: 200px;}
	.inner_banner_bg { margin: 250px 0 0 0}
	.inner_banner_bg .star1 { right: 0 }
	.inner_banner_bg .star3 { right: 33%}
	.sidebar-nav { border-radius: 16px}
	.m_eclass { display: block;
    left: 0;
    text-align: center;
    position: relative;
    right: 0;
    margin: 0px auto 20px auto;}


}

@media screen and (max-width: 800px) {
html,body { font-size:15px; line-height:21px; }
/* #nav-wrap {display:none;} */
#nav-wrap{
        position: absolute;
    right: 10px;
    height: auto;
    width: auto;
    top: 0;
}
/* .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu{
    padding:0 !important;
} */
.screen{ min-width:300px; max-width:780px; padding:0px 10px;}
.cd-top { bottom: 5px;  right: 5px; } 
#home .container,.container { margin-top:70px; }
.dl-menuwrapper{display: block;}
/* Header */
.header{ height: auto; }
.header .logo{position: fixed; margin:-70px 0 0; text-align: center; z-index: 10;}

.header .logo .logo_img{margin: 10px 0 0 0;}
.header .logo img{ max-width:300px; height:50px;}
.header .top_eclass{position: fixed; left: 0; z-index: 1000; width: 100%; margin: 0; padding: 5px 0; border: 0; border-radius: 0px; background: #045cbb; display: none}
.header .top_eclass span{display: none;}
.header .top_eclass p{color: #fff; margin: 10px;}
.header .top_eclass a{position: relative;}
.header .school_student{display: none;}

/* Banner */
.banner_area, .right_area, .left_area, .inner_content, .left_menu { width:100%;}
.latest_new, .latest_award, .latest_events{width: 100%;}
.latest_new, .latest_award{margin: 0 0 20px;}
.Userful_link_inside{padding: 20px 0;}
.Userful_link_inside ul li{ float: none; width: auto; margin: 0 0 10px 0; text-align: center;}
.Userful_link_inside ul li img{max-width: 100%;}
.footer .screen{padding: 0px 0 34px 0}
.footer .copyright, .footer .power{ width:100%; text-align: center;}
.inner_content { margin:0;}

/* Page */
.inner_banner{ padding:0; margin-bottom:20px;}
.inner_banner h1{ font-size:23px; line-height:26px; padding:10px 5px; }

.inside_banner{  padding:25px 0; margin-bottom:20px; }
.inside_banner h1{ font-size:23px; line-height:26px; }

.inner_content .main_content{ padding:5px 10px 20px 10px; min-height:500px; overflow:auto }
.nevigation{ padding:5px 0;}

#Inner_Type_A li, #Inner_Type_A2 li { width:calc(100% - 10px - 4px); margin:0 0 10px 0;}
#Inner_Type_A ul, #Inner_Type_A2 ul { margin:0;}

#Inner_Type_C li .title_des{ float: left; width:49%}
#Inner_Type_C li .right_desc{ float: right; width:49%; text-align: left}
#Inner_Type_C2 li .title_des{ float: right; width:49%}
#Inner_Type_C2 li .right_desc{ float: left; width:49%; text-align: left}



.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; }

#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;}

#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:255px;}

.arrowlistmenu{width: 100%; border-right: 3px solid #fff; border-radius: 16px;}

/* Page Content */
.contactus .info, .contactus .location{ width:100%;}
	  .star1 span {    height: 78px;    width: 95px;  }
  .star3 span {    height: 20px;    width: 25px;  }
	  .star2 span {    height: 33px;    width: 40px;  }

.embed_awards ul li { float:left; width:93%; margin:0 2.5%; background:#fffae3; border-radius:16px; padding:1%; position:relative}

}


@media screen and (max-width: 500px) {
	
  .star1 span {    height: 38px;    width: 35px;  }	
  .star2 span {    height: 23px;    width: 20px;  }
  .star3 span {    height: 14px;    width: 10px;  }
	  .star1 img {    height: 80px !important;   }
	  .star2 img {    height: 30px !important;  }
	  .star3 img {
    height: 20px !important;
  }
  .inner_banner_bg .star1 { bottom:20px}
.inner_banner_bg .star2,.inner_banner_bg .star3 { bottom:0}
}