.headerContainer {
    background-image: url(/images/template/logo.png);
    background-repeat: no-repeat;
    height: 161px;
    box-sizing: border-box;
}

.main-menu.left {
    float: left;
}

.main-menu.right {
    float: right;
}

.main-menu li {
    display: inline-block;
    text-align: center;
}

.headerContainer ul.main-menu li a {
    color: #60504c;
    padding: 0 0 6px 0;
}

    .headerContainer ul.main-menu li a .red {
        color: #e24301;
        font-weight: bold;
    }

    .headerContainer ul.main-menu li a:hover, .headerContainer ul.main-menu li a:hover .red {
        color: #008fbe !important;
    }

    .headerContainer ul.main-menu li a.active {
        border-bottom: 5px solid #df4509;
    }

@media only screen and (min-width : 1024px) {

    .headerContainer {
        background-size: 130px;
        background-position: center 90px;
    }

    .main-menu a {
        font-size: 10px;
        line-height: 10px;
    }

    .main-menu.left.abTest1 li {
        padding: 20px 25px 0 25px;
    }

    .main-menu.left.abTest2 li {
        padding: 20px 10px 0 10px;
    }

    .main-menu.right li {
        padding: 20px 30px 0 30px;
    }
}

@media only screen and (min-width : 1250px) {

    .headerContainer {
        background-size: 180px;
        background-position: center 85px;
    }

    .main-menu a {
        font-size: 13px;
        line-height: 13px;
    }

    .main-menu.left.abTest1 li {
        padding: 20px 30px 0 30px;
    }

    .main-menu.left.abTest2 li {
        padding: 20px 10px 0 10px;
    }

    .main-menu.right li {
        padding: 20px 40px 0 40px;
    }
}

@media only screen and (min-width : 1400px) {

    .headerContainer {
        background-size: 210px;
        background-position: center 80px;
    }

    .main-menu a {
        font-size: 16px;
        line-height: 16px;
    }

    .main-menu.left.abTest1 li {
        padding: 20px 30px 0 30px;
    }

    .main-menu.left.abTest2 li {
        padding: 20px 10px 0 10px;
    }

    .main-menu.right li {
        padding: 20px 45px 0 45px;
    }
}

@media only screen and (min-width : 1500px) {

    .main-menu.left.abTest1 li {
        padding: 20px 50px 0 50px;
    }

    .main-menu.left.abTest2 li {
        padding: 20px 20px 0 20px;
    }

    .main-menu.right li {
        padding: 20px 55px 0 55px;
    }
}

@media only screen and (min-width : 1600px) {

    .main-menu.left.abTest1 li {
        padding: 20px 55px 0 55px;
    }

    .main-menu.left.abTest2 li {
        padding: 20px 30px 0 30px;
    }
}