@media screen and (max-device-width: 420px){
    .main-content{
      width:980px !important;
      padding:0px !important;
      margin-left:8% !important;
    }
    #ship_title{
        font-size:50px !important;
    }
    #ship_titleport{
        font-size:50px !important;
    }
    #createtime{
        width: 270px !important;
    }
    #createtime.form-control{
        font-size:28px !important;
        height:70px !important
    }
    #directionTitle{
        font-size: 48px !important;
    }
    #directionportTitle{
        font-size: 36px !important;
    }
    #directionName{
        font-size: 50px !important;
    }
    #directiondate{
        font-size: 36px !important;
    }
    #relevantTitle{
        font-size: 50px !important;
    }
    #port_list p{
        font-size: 36px !important;
    }
    #port_list_back{
        font-size: 36px !important;
        position: absolute;
        top:24px !important;
        right: 23px !important;
    }
    #port_list_one{
        width:243px !important
    }
    #port_list_two{
        width:700px !important
    }
    #port_list_three{
        width:120px !important
    }
    .portlist p{
        font-size: 42px !important;
    }
    .portlist img{
        width:300px !important;
        height:204px !important;
        position: absolute;
        top:102px !important;
        left: 36% !important
    }
}
/* .main-content{
    width:980px !important;
    padding:0px !important
} */