.WPNav_container {
    display: none;
}

/*reg mode*/
@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {

    .WPNav_container {
        width: 50%;
        position: absolute;
        z-index: 1;
        right: 50%;
    }

    .WPNav_container_on {
    }

    .WPNav_list {
        list-style: none;
        background-color: #1c6ebd;
        width: 100%;
        margin: auto;
        padding: 0px 10px;
    }

    .WPNav_list li {
        display: inline-block;
        width: 90%;
        height: 52px;
        margin: 6% 2%;
    }

    .WPNav_list li > a > div {
        position: relative;
    }

    .WPNav_list li > a > div > img {
        position: absolute;
        width: 100%;
    }

    .WPNav_list li > a > div > span {
        position: absolute;
        top: 15px;
        font-family: arial;
        font-size: 22pt;
        font-weight: bold;
        color: #373737;
        line-height: 30px;
        right: 100px;
        text-align: right;
    }

    .WPNav_list li:last-child {
        width: 90%;
    }

    .WPNav_list li:last-child > div > a {
        float: left;
        width: 25%;
        margin-right: 2%;
    }

    .WPNav_list li:last-child > div > a > img {
        width: 100%;
    }
}

/*retina mode*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .WPNav_container {
        width: 50%;
        position: absolute;
        z-index: 1;
        right: 50%;
    }

    .WPNav_container_on {
    }

    .WPNav_list {
        list-style: none;
        background-color: #1c6ebd;
        width: 100%;
        margin: auto;
        padding: 0;
    }

    .WPNav_list li {
        display: inline-block;
        width: 90%;
        height: 52px;
        margin: 5% 5% 15% 5%;
    }

    .WPNav_list li > a > div {
        position: relative;
    }

    .WPNav_list li > a > div > img {
        position: absolute;
        width: 100%;
    }

    .WPNav_list li > a > div > span {
        position: absolute;
        top: 15px;
        font-family: arial;
        font-size: 22pt;
        font-weight: bold;
        color: #373737;
        line-height: 30px;
        right: 10px;
        text-align: right;
    }

    .WPNav_list li:last-child {
        width: 90%;
    }

    .WPNav_list li:last-child > div > a {
        float: left;
        width: 25%;
        margin-right: 2%;
    }

    .WPNav_list li:last-child > div > a > img {
        width: 100%;
    }

}