@media(max-width:800px) { /*768*/
.wrap{ width: 92%;}
#header .right{ float: none; margin:0 auto 10px;}
#header .left{ float:none; max-width: none;}
.contendiv1 .ebook {
float:none;
margin:auto;
padding: 0 0 20px;
display: block;
}
.contendiv1 .right-con { width: 96%; float: none; margin:0 auto;}
.head1 p.t1 { font-size: 28px; line-height: 44px; }
    .calendar .cal-right{max-width: 100%;}
    .calendar .cal-left{max-width: 100%;}
}

@media(max-width:600px) { /*600*/
.timer{ width:96%;}
.head1 p.t3{ font-size: 34px;}
    .calendar .cal-right{max-width: 100%;}
    .calendar .cal-left{max-width: 100%;}
}

@media(max-width:500px) { /*480*/
.head-top span{ display: block;}
.timer{ display:none;}
.timer1{ display: block; width:90%;}
.head1 p.t1{ line-height: 37px;}
.head1 p.t3{ font-size: 26px;}
.contendiv1 h1{ font-size: 23px;}
.contendiv1 .right-con .t1{ font-size:18px;}
.button a, .button input[type="submit"]{ font-size: 24px;}
    .calendar .cal-right{max-width: 100%;}
    .calendar .cal-left{max-width: 100%;}
}

@media(max-width:480px) { /*360*/
.head1{ text-align:center;}
.head1.n1 span, .head1.n2 span, .head1.n3 span{ float:none;  background: rgba(0, 0, 0, 0.5); text-align:center; line-height: 54px; padding: 0 20px; margin:0 auto 10px;}
.head1 p.t3{ font-size: 26px; line-height:30px;}
.button a, .button input[type="submit"]{ font-size: 20px; padding: 5px 26px;}
.button a span{ font-size:13px;}
    .mid-top h2{padding: 10px 15px;font-size: 24px;}
    .calendar .cal-right{max-width: 100%;}
    .calendar .cal-left{max-width: 100%;}
    .calendar ul li{margin-bottom: 10px;}
}