.mo_btns{display:none}@media screen and (max-width:1400px){.container{max-width:100%;padding:35px 20px 40px;box-sizing:border-box}.content2{width:100%}.timer-list2 li{width:calc(100% / 4)}}@media screen and (max-width:1000px){header nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);z-index:9}header nav ul{flex-flow:column;position:relative;top:100px}header nav ul li{margin-right:0;margin-bottom:20px}header nav ul li a{color:#fff;font-size:30px}header .container{position:relative;padding:0 20px}header .logo{width:170px}.timer-list2 li{width:calc(100% / 3)}.mo_btns{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:block;width:50px;z-index:10}.mo_btns.active{width:30px}}@media screen and (max-width:700px){section{padding-bottom:20px}.container{padding:30px 20px}.content,.tit-box{width:100%}.form-btns .form-btn,input,select{height:45px}.timer-list2 li{width:calc(100% / 2)}.world_times p{font-size:100px}.today_date{font-size:20px}}@media screen and (max-width:600px){.date,.time_tit,.timer_btn{font-size:14px}.stopwatch-time span{font-size:100px}.world_times p{font-size:80px}.timer-list2 li .child-box{padding:15px}.timer-list2 li .child-box .right-box .top{font-size:16px}.timer-list2 li .child-box .left-box .date{font-size:18px}.timer_btn{width:60px;height:30px}.history_time .timer_btn{margin-right:5px}.mo_btns{width:40px}header{height:65px}.ch_mode-area{padding-top:65px}}@media screen and (max-width:390px){.stopwatch-time span{font-size:80px}.seconds-area span{font-size:50px;margin-bottom:3px}.stopwatch_btns button{height:45px}}