@charset "utf-8";
@media (max-width: 1024px) {
    body{max-width: 1024px;
    } 
    .header-left{
        padding-top: 25px;
    }
    .header-left{
        font-size: 50px
    }
    .main-title{
        font-size: 45px;
    }
    .introduction-title{
        font-size: 30px;
    }       
}
@media(max-width: 670px) {
     .header {
         height: 150px;
     }
     .header-left {
         margin-left: 10px;
     }
     .header-left a{
        font-size: 35px;
     }
     .header-right {
        margin-right: 10px;
        margin-top: 10px;
     }

     .header-right a {
         font-size: 18px;
     }

     .main {
         padding-top: 200px;
         padding-bottom: 115px;
     }

     .main-title {
         font-size: 35px;
     }

     .introduction-title {
         margin: 150px 0;
         font-size: 18px;
     }

     .list-9 {
         width: 80%;
     }

     .list-9 li {
         padding: .5em;
         color: #0a0a0a;
         font-size: 18px;
     }

     .introduction-complex {
         font-size: 40px;
         margin-bottom: 150px;
     }

     .introduction-subtitle {
         font-size: 45px;
         font-weight: bold;
         margin-bottom: 200px;
     }

     .information table {
         margin-top: 100px;
         margin-bottom: 200px;
     }

     .content h3 {
         font-size: 58px;
     }

     .BFL-acheivement {
         width: 100%;
         margin: 100px 0;
     }

     .contact table {
         font-size: 23px;
     }

     .contact th {
         font-size: 16px;
     }

     .footer {
         height: 100px;
     }
 }
@media(max-width: 390px){
    .header{
        height: 150px;
    }
    .header-left{
        font-size: 20px;
        margin-left: 10px;
    }
    .header-right{
        margin-right: 10px;
        margin-top: 25px;
    }
    .header-right a{
       font-size: 18px; 
    }
    .main{
        padding-top: 200px;
        padding-bottom: 115px;
    }
    .main-title{
        font-size: 30px;
    }
    .introduction-title{
        margin: 150px 0;
        font-size: 15px;
    }
    .list-9{
        width: 80%;
    }
    .list-9 li {
    padding: .5em;
    color: #0a0a0a;
    font-size: 15px;
    }
    .introduction-complex{
    font-size: 35px;
    margin-bottom: 150px;
    }
    .introduction-subtitle{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 200px;
    }
    .information h2{
        font-size: 30px;
    }
    .information table{
    margin-top: 100px;
    margin-bottom: 200px;
    }
    .content h2{
        font-size: 30px;
    }
    .content h3{
        font-size: 50px;
    }
    .BFL-acheivement{
        width: 100%;
        margin: 100px 0;
    }
    .contact table{
        font-size: 23px;
    }
    .contact th{
        font-size: 16px;
    }
    .footer{
        height: 100px;
    }
}