/*NETBOOK*/

@media screen and (min-height: 900px) {
    #portfolio-details {
        height: 720px;
    }
}

@media screen and (max-width: 1024px) {
    body {
        -ms-touch-action: none;
    }
    #scroller {
        position: absolute;
        z-index: 1;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        width: 100%;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
    }
    #main {
        /*  overflow: auto;
       -webkit-overflow-scrolling: touch; */
    }
    #top-left-fixed-block,
    #portfolio-details,
    #luxembourg #portfolio > .portfolio-nav > span,
    #portfolio-details > div:last-child > nav > a.close > img,
    #luxembourg #portfolio > .portfolio-tab > .column > .prow > div,
    #luxembourg #portfolio > .portfolio-tab,
    #luxembourg #portfolio > .portfolio-tab > .column > .prow .thumb_nb,
    #luxembourg #portfolio > .portfolio-tab > .column > .prow .thumb_color,
    #luxembourg #portfolio > .portfolio-tab > .column > .prow > div > .shadow,
    #luxembourg #portfolio > .portfolio-tab > .column > .prow > div > .description,
    #luxembourg #portfolio > .portfolio-tab > .column > .prow > div > .linkIcon {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    #top-left-fixed-block {
        left: 2%;
        top: 2%;
    }
    #slides_about_me {
        width: 70%;
    }
    .stickers_next {
        right: -2%;
    }
    #portfolio-details > div:first-child {
        width: 43%;
    }
    #portfolio-details > div:last-child {
        width: 57%;
    }
    #portfolio-details > div:last-child > section > article {
        display: block;
        margin: 0;
        width: 76%;
    }
    #portfolio-details > div:last-child > section > .slideshow {
        display: block;
        margin-top: 5%;
        width: 76%;
    }
    #portfolio-details > div:last-child > nav > a.close {
        top: -8px;
    }
    #portfolio-details > div:last-child > section > article .flickr-and-cie {
        width: 75%;
    }
    .mCustomScrollBox {
        height: 99%;
    }
    #portfolio-details > div:first-child .row > .col:last-child > h1 {
        font-size: 1.7rem;
    }
}

@media screen and (min-width: 2200px) {
    .mainPicture {
        -webkit-background-size: cover;
        background-size: cover;
    }
    #portfolio-details {
        height: 830px;
    }
}
/*MOBILE*/

body.mobile > .mobileUnderProgress {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1005;
    background-color: #1b1b1b;
}

body.mobile > .mobileUnderProgress > img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

body.mobile > .mobileUnderProgress > h1 {
    font-size: 1.8rem;
    position: absolute;
    text-align: center;
    bottom: 5%;
    padding: 0;
    margin: 0;
    width: 100%;
}

body.mobile > #preload {
    display: none;
}