/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 768px */
/* ----------------------------------------------------- */


/* ############################################################################################## */
@media only screen and (min-width: 960px) and (max-width: 1215px) {
    
}


@media only screen and (min-width: 700px) and (max-width: 959px) {
    .p50l{
        margin-left: 4px; 
    }
    
    .sp50{
        margin-left: 4px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 699px) {
    .p50, .p50l{
        width:100%;
        height: 150px;
    }
    
    .p50l{
        margin-left: 0;
    }
    
    .sp50{
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .p50, .p50l{
        width:100%;
        height: 150px;
    }
    
    .p50l{
        margin-left: 0;
    }
    
    .sp50{
        width: 100%;
    }
    #loginDiv{
        width: 100%;
    }
    
    .formul{
        width:94%;
    }
    
    .logoLogin img{
        width: 100%;
    }
}


@media only screen and (max-width: 699px) {
    .leftContent{
        display: none;
    } 
    .centerContent{
        margin-left: 0px;
        border-left: none;
    }
    .menu{
        display:inline;
    }
    #popupMenuMobile{
        position:absolute;
        width:40%;
        top:44px;
        background-color:#ffffff;
        border:solid 2px #2E8798;
        border-left: none;
        display:none;
        z-index: 5;
    }
    
    #menu {
        width:100%;
    }
}