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

@media screen and (max-width: 1100px) {
.header .logo .logo_img img { max-width:100%;} 
}
@media screen and (max-width: 800px) {
html,body { font-size:15px; line-height:21px; }
#nav-wrap {display:none;}
.animateddrawer{display: none;}
.dl-menuwrapper{display: block;}
#mobile_menu p{display: none;}
#mobile_menu a{color: #fff;font-family:'Fredoka One', cursive; text-transform: uppercase} 
.js .slicknav_menu {display:block;}
.screen{ min-width:300px; max-width:780px; padding:0px 10px;}
.cd-top { bottom: 5px;  right: 5px; } 
.container {margin-bottom: 40px; padding: 0;}

/* Header */
.header{ background: none; height: 70px; position: relative;}
.header .logo{ margin:0; text-align: left;}
.header .logo a{ display:inline-block; }
.header .logo img{ max-width:300px; height:65px;}
.header .icon_top ul{margin: 10px 40px 0 0;}
.header .icon_top ul li{float: left; margin: 4px 5px 0 5px }
.header .icon_top ul li+li{margin: 4px 10px 0 5px}
.header .icon_top ul li a { width: 37px; height: 37px; background: url(../png/icon_instagram.png) no-repeat;}
.header .icon_top ul li+li a { background: url(../png/icon_facebook.png) no-repeat;}
.course_tpl ul li{ margin-bottom:15px;}
.sentense .area{margin: 5px ; padding:5px; }
.sentense .title{ display:none;}
.joinus{ padding:65px 0; margin:20px 0 0 0}
.latest_events_area ul{ }
.latest_events_area ul li{ float: left; width:48%; margin:0 1% 10px 1%;}
.latest_events_area ul li:nth-child(2n+1){ clear:both;}
.Album ul li img{ border:0;}
.latest_award .title, .latest_new .title, { padding:30px 0}
.upper_footer { padding:20px 0;}
/* Banner */
#home .container{padding-top: 0;}
.slider{ margin:10px 0;}
.latest_award ul li{float: none; width: auto;}
.latest_award .cover{width: 100%; text-align: center;}
.latest_award .content{width: 94%; padding-bottom: 40px;}
.latest_award .target{width: 100%;}
.latest_new ul li{float: none; width: auto; margin:40px 0 0;}
.upper_footer table a{word-break: break-all;}
.upper_footer .maritime_bay, .upper_footer .alto_residences{float: none; width: auto;}
.upper_footer .alto_residences{margin-top: 40px;}
.banner_area, .right_area, .left_area, .inner_content, .left_menu { width:100%;}
.Userful_link_inside ul{ margin:0 0 0 -2.3; padding:0}
.Userful_link_inside ul li{ float: left; width:31%; margin:0 0 10px 2.3%}
.footer .screen{padding: 20px 0;}
.footer .copyright, .footer .power{ width:100%; text-align: center;}
.inner_content { margin:0;}

/* Page */
.inner_banner{height: 60px; padding:70px 0 0px 0;}
.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_content_full .main_content, #FullPage .main_content{ padding:20px 0}
#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%;}

.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(../png/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;}
.header .logo .logo_img { width:22%;}


.arrowlistmenu{ width:100%;}
.course_photo, .course_info{ width:100%; margin-bottom:15px;}
/* Page Content */
.contactus .info, .contactus .location{ width:100%;}

}