/* iPad*/

@media only screen and (min-width: 481px) and (max-width: 768px) {

    .menu_icon{

        opacity: 1;
    }

}


/* Smart Phone*/

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

    header{
        text-align: center;

    }

    .logo {
        width: 130px;
        height: 151px;
        background-size: 130px 151px;
        text-align: center;
        margin-right:20px;
        margin-top: 25px;
    }

    .logo a {
        width: 130px;
        height: 151px;
        display: block;
        outline: none;
        text-align: center;
        margin-right:20px;
        margin-top: 25px;
    }


    .menu_icon{
        width: 30px;
        height: 25px;
        background-image: url("../images/nav/menu.png");
        background-repeat:no-repeat;
        background-size: 30px 25px;
        display: inline-block;
        cursor: pointer;
        margin-right:25px;
        margin-top: -37px;

        vertical-align: top;
        float: right;
        opacity: 1;
    }


    .pc_only{
        display: none;
    }

    .mobile_only{
        display: block;
    }



    .mobi_lang{

        width: fit-content;
        height: 41px;
        display: block;
        margin: auto;
    }

    .mobi_lang .langSelect{
        width: 28px;
        height: 25px;
        padding: 3px 0 0 0 ;

        text-align: center;
        margin: auto 4px;
        display: inline-block;


        border: 1px solid #9526b1;

        transition: background 0.3s ease-in-out;
    }

    .mobi_lang .langSelect a{
        color: white;
        width: 28px;
        height: 25px;

        display: block;
        text-decoration: none;

    }


    .mobi_lang .langSelect:hover{
        background: #6c17b1;
    }



}