@media (max-width: 1600px) {
  .main{width:100%;}
  #menu>ul>li>a{padding:0 1.2vw;}
  .search.main{width:1000px;}
}

@media (min-width: 1401px) {
  .top-nav{display: none;}
}

@media (max-width: 1400px) {
  body{padding-top: 50px;}
  #header{display:none;}
}

@media (min-width: 1201px) {
  .pagination>li>a, .pagination>li>span{ font-size: 20px; padding: .5em 1em; }
}

@media (max-width: 1200px) {
  .title{font-size: 30px; padding-top: 30px; padding-bottom: 30px; }
  #sub{ font-size: 16px;}
  #sub a{line-height: 80px; height: 80px; margin:0 2vw;}
  .list-link{ padding: 0 3vw; }
}

@media (max-width: 1024px) {
  .pagination>li>a, .pagination>li>span{ font-size: unset; }
}

@media (max-width:768px) {
  .navbar-nav input{border-width:1px;}
  .navbar-form{width: 100%;margin:7.5px 0 0;border:none;}
  .title{font-size: 26px; padding-top: 20px; padding-bottom: 20px; }
  #sub{ font-size: 14px;}
  #sub a{line-height: 50px; height: 50px; margin:0 2vw;}

  .breadcrumb>li+li:before{padding: revert;}

  .list-news>a dd:first-of-type{display: none;}
  #footer>.main div{float: none;}
  #footer>.main div:last-of-type{float: none;}
  #footer>.main ul>li{ width:31.3333%; }
  #footer>.main ul>li:first-of-type{display: none;}
  .flex-direction-nav{display: none;}
  .flexslider{margin:0 0 40px;}
  .flex-control-nav{bottom:-50px;}
}

@media (min-width:769px) {
  .navbar-nav{float: right;}
}

@media (min-width:768px) and (max-width:840px) {
  .nav>li>a{ padding-left: 7px; padding-right: 7px; }
}

@media (max-width: 450px) {
  .cols{margin:0;}
  .f-l,.f-r{ width: 100%; margin:0; float: unset; }
  .f-l.m-none,.f-r.m-none{ width:100%; }

  #banner .carousel-indicators li{width:10px;height:10px;margin:0 3px;}
  .a-more{ display: none; }

  .breadcrumb{ display: none; font-size: 14px; margin:10px 0; }
  .breadcrumb>li+li:before{ padding:0; }

  #sub{ font-size: 12px; text-align: left; overflow-x: auto; overflow-y: hidden; -ms-user-select: none; -moz-user-select: none; -moz-user-select: none; -webkit-user-select: none; }
  #sub::-webkit-scrollbar{ display: none;}
  #sub>div{ width:200%; height:50px; }
  #sub a{ margin:0 5vw; }

  .list-news{ padding: 0 5vw;}
  .list-news>a{ width:98%; margin-bottom: 5vw; }

  .list-text{font-size: 14px;}
  .list-text .title{font-size: 14px;}
  .list-text .active p{font-size: 14px;}
  .list-text a i:last-child{display: none;}

  .navbar-form{padding: 0;}

  .detail{font-size: 14px;}
  .detail h1,.detail h2,.detail h3{font-size: 20px; font-weight: bold;}
  .detail h1::after,.detail h2::after,.detail h3::after{ height: .20px; }
  .table .th{font-size: 16px; background-color: white;}

  #footer>.main ul{padding: 5vw 0; }
  #footer>.main ul>li{ width:46%; margin:2%; }
  #footer>.main ul>li:last-of-type{ display: none; }
  #footer>.main ul>li>dt{font-size: 18px;}
  #footer>.main div:first-of-type>a{margin-right: 1em;}

  .flex-control-paging li a{width:20px; height:5px; border-radius: 0; }
  .flex-direction-nav{display: none;}

  .pagination>li>a, .pagination>li>span, .pagination>.disabled>a, .pagination>.disabled>span{ font-size:unset; padding:6px 12px; margin: 0; margin-left: -1px; border-radius: 0; }

  .title{font-size: 20px; }

  .slide-nav a.prev,.slide-nav a.next{width:15px; line-height: 30px; height: 30px; margin-top: -15px; font-size: 10px;}

  .button{font-size: 16px;}
}