header{
    font-weight: 500;
    padding: 24px 10px 28px;
}
header > nav{
    width: 100%;
    max-width: 1349px;
    margin: 0 auto;
}
header .logo img{
    max-width: 300px;
}
.menu-items a:hover, .drop:hover > a{
    color: #549bc8;
}
.drop{
    position: relative;
}
.drop:hover nav{
    display: flex;
}
header .btn{
    margin-left: 35px;
}
#chk-menu{
    display: none;
}
@media (min-width: 1230px) {
    header .logo{
        margin-right: 35px;
    }
    .menu-items{
        flex-grow: 1;
    }
    .drop > a{
        background: url('../images/top-icon.png') no-repeat right center;
    }
    .menu-items a{
        position: relative;
        padding: 15px 17px;
        transition: all .5s;
    }
    .menu-items a::after, .drop > a::after {
        position: absolute;
        content: "";
        background: #549bc8;
        bottom: -4px;
        left: 0;
        margin: 15px 17px;
        height: 1px;
        width: calc(50% - 17px);
        transform: scaleX(0);
        transform-origin: left;
    }
    .menu-items a:hover::after, .drop:hover > a::after {
        transition: all .5s;
        transform: scaleX(1);
    }
    .menu .btn-white{
        display: none;
    }
    .menu-items, .menu .btn, .menu .btn-white{
        margin-top: 25px;
    }
    .drop nav{
        background-color: #fff;
        max-width: 240px;
        position: fixed;
        margin-top: 15px;
        padding: 5px 0;
        box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
        display: none;
        z-index: 1;
    }
    .drop nav a{
        width: 100%;
        margin-top: 0;
        padding: 7px 20px;
    }
        .drop nav  a::after{
            display: none;
        }
}
@media (max-width: 1230px) {
    header .logo img {
        max-width: 250px;
    }
    .menu-items{
        display: none;
        position: absolute;
        background-color: #fff;
        top: 130px;
        margin: 0;
        left: 0;
        overflow-y: auto;
        text-align: center;
        z-index: 1;
    }
    .menu-items a, .drop nav, .drop nav a{
        display: block;
    }
    .menu-items a, .drop nav a{
        padding: 10px;
    }
    .drop > a{
        display: none;
    }
    .menu .btn-white{
        display: block;
        border: solid 1px;
        cursor: pointer;
    }
    #chk-menu:checked ~ .menu-items{
        display: block;
    }
    .drop nav, .drop nav:hover{
        position: relative;
        display: block;
    }
    .content{
        padding: 0 15px;
    }
    header {
        padding: 15px;
        height: 130px;
    }
    header .btn, header .btn-white{
        margin: 5px 15px;
        width: 150px;
        min-width: 150px;
        padding: 10px;
    }
}
@media (max-width: 480px) {
    header {
        padding: 10px;
    }
    header .logo img {
        max-width: 180px;
    }
}