@media(max-width:960px){
    h2{
        font-size: 24px;
        margin-bottom: 20px;
    }
    header{
        height:50vh;
    }
    .header-nav li{
        padding: 35px 2px;
    }
    .header-nav li a{
        display: none;
    }
    .header-logo a img{
        width: 95px;
        margin: 15px 20px;
    }
    .header-lower h1{
        font-size: 25px;
        position: absolute;
        top:30%;
    }
    .img-hamburger{
        display: block;
    }
    .news{
        margin: 50px 20px;
    }
    .news-item{
        width:100%;
        flex-wrap: wrap;
        line-height: 35px;
        padding: 25px 0px;
        align-items: center;
    }
    .news-date{
        font-size: 13px;
    }
    .news-contents{
        width:100%;
    }
    .samples{
        flex-direction: column;
    }
    .sample-item img{
        width: 700px;
    }
    .btn-moresample{
        margin: 20px auto 0px;
    }
    .other-nav{
        flex-direction: column;
    }
    .footer-upper{
        flex-direction: column-reverse;
        line-height: 51px;
    }
    .footer-nav{
        flex-direction: column;
        padding:32px 0px 38px 0px;
    }
}