@media screen and (max-width:960px) {
.wrapper { width:100%; margin:0; padding:0; }

section, footer .banners { width:92%; }
}


@media screen and (max-width:768px) {
header .logo1 { max-width:240px; }
header .logo1, header .logo2 { margin:0 auto; float:none; }
header .logo2 { margin-top:20px; }

.video-livestreaming ol { height:300px; padding-right:5px; overflow:auto; }
.video-livestreaming ol ol { height:auto; padding-right:0; overflow:visible; }

.social, footer { font-size:0; text-align:center; }
.social { margin-top:10px; }
.social a, footer .logo { font-size:13px; display:inline-block; float:none!important; vertical-align:middle; }
.social a { margin:10px 10px 0; line-height:normal;  }

footer .logo { margin:20px 40px 0; }
footer .banners li { width:100%; float:none; }
footer p { width:100%; margin:20px 0 0; font-size:13px; position:static; }

.maskot { width:180px; height:230px; bottom:-25px; right:-20px; }
}

@media screen and (max-width:480px) {
section, footer .banners { width:98%; }

.schedule-table tr th, .schedule-table tr td { padding:10px 5px; }

.maskot { display:none; }
}