@media screen and (max-width: 1510px) {

    .g-hd-logo {
        text-align: center;
    }

    .g-hd-logo .logo {
        width: 95%;
    }

}


@media screen and (max-width: 1280px) {
    .warp {
        width: 96%;
    }

    .g-nav .warp {
        width: 100%;
    }

}


@media screen and (max-width: 400px) {

    .g-hd {
        height: 150px;
    }

    .g-nav .item a {
        font-size: 18px;
    }

}