/******************************
MOBILE PORTRAIT
*******************************/

@media screen and (max-width: 1650px) {
    .frameHalf {
    float:none;
    width:100%;
}

@media screen and (max-width: 1550px) {
    .frameLeft {
        float:none;
        width:100%;
    }

    .frameRight {
        margin-top:2em;
        float:none;
        width:100%;
    }
}

@media screen and (max-width: 992px) {
    .frameLeftThin {
        float:none;
        width:100%;
    }

    .frameRightThin {
        margin-top:2em;
        float:none;
        width:100%;
    }
}


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

.response-fulls .fleft,
.response-fulls .fright {
    float:none;
    width:100%;
} 

/******************************
LEFT FRAME
*******************************/

#leftFrame {
    margin-left:-20em;
}    

.frameOpenerL {
    display:block;
    left:0;
}

/******************************
MAIN FRAME
*******************************/

#mainFrame {
    margin-left:0;
}



/******************************
SYSTEM MENU FRAME
*******************************/

#systemMenuFrame {
    display:none;
}

#swapmenu {
    z-index:20;
    display:block;
}

#systemMenuFrame.active {
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(255,255,255,0.95);
    padding-top:3em;
    z-index:10;
}

ul#licenceMenu {
    float:none;
    width:100%;
}

ul#licenceMenu li {
    float:none;
    display:block;
    width:100%;
}

ul#licenceMenu li.passiveChoice a, ul#licenceMenu li.activeChoice a {
    display:block;
    width:100%;
    color:black;
    padding-top:0.5em;
    text-align:center;
}

} /* @media screen and (max-width: 800px) { */ 