@media only screen and (max-width: 1600px) {
    .content.landing {
        background-size: 1600px auto
    }
    .section-03 {
        background-size: 1600px auto
    }
    .section-05 {
        background-size: 1600px auto
    }
}

@media only screen and (max-width: 900px) {
    .small-screen {
        width: 100%
    }
}

@media only screen and (max-width: 800px) {
    img {
        height: auto;
        max-width: 100%
    }
    .menu li {
        margin-right: 0px;
    }
    .screen-area .badgeuse {
        background-size: 100% auto;
        width: 145px;
        height: 95px;
        left: 195px;
    }
    .screen-area .pointeuse-bio {
        background-size: 100% auto;
        width: 185px;
        height: 155px;
        left: 45px;
    }
    .screen-area .lecteur-mobile {
        background-size: 100% auto;
        width: 135px;
        height: 155px;
        right: 85px;
    }
    .screen-area .laptop {
        background-size: 100% auto;
        width: 325px;
        height: 201.5px;
        margin: 0 auto;
        padding: 13px 0 0 37.5px
    }
    .screen-area .laptop .screen-content {
        height: 156px;
        width: 250px
    }
    .screen-area .phone {
        background-size: 100% auto;
        width: 86.5px;
        height: 170px;
        right: 180px
    }
    .screen-area .phone p {
        background: rgba(0, 0, 0, 0.8);
        color: #FFF;
        position: absolute;
        width: 140px;
        left: 36.5px;
        z-index: 99;
        top: -60px;
        padding: 10px;
        margin: 0
    }
    .screen-area .phone .screen-content {
        width: 72.5px;
        height: 105px;
        top: 35.5px;
        left: 7.5px
    }
}

@media only screen and (max-width: 767px) {
    .small-screen {
        width: 280px;
        margin: 20px auto
    }
    .small-screen2 {
        width: 280px;
        margin: 20px auto
    }
}

@media only screen and (max-width: 685px) {
    .desktop-only {
        display: none !important
    }
    .desktop-tablet-only {
        display: none !important
    }
    .tablet-only {
        display: none !important
    }
    .mobile-only {
        display: block !important
    }
    .header {
        height: 220px
    }
    .header .grid-container {
        padding: 0
    }
    .header .logo {
        display: none
    }
    img.net-time {
        margin-top: 50px;
    }
    .menu {
        width: 100%;
        float: none
    }
    .menu ul {
        display: table;
        width: 100%;
        table-layout: fixed
    }
    .menu li {
        display: table-cell;
        width: 50%;
        vertical-align: middle
    }
    .menu li a {
        padding: 0;
        text-align: center;
        height: 40px;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        width: 1%;
        font-size: 11px;
    }
    .menu ul li a:hover,
    .menu ul li a.current {
        background: #ca047e;
        color: #FFF !important;
        border-radius: 0
    }
    h1,
    .h1-like {
        font-size: 20px;
        font-weight: 400
    }
    h2,
    .h2-like {
        font-size: 18px
    }
    h3,
    .h3-like {
        font-size: 16px
    }
    .content.landing {
        background-size: auto 700px
    }
    .section-01 {
        padding-top: 70px
    }
    .section-03 {
        background-size: auto 400px
    }
    .section-05 {
        background-size: auto 900px
    }
    .section-06 {
        background-size: auto 400px
    }
    .screen-area {
        overflow: hidden;
        padding-bottom: 60px
    }
    .screen-area .badgeuse {
        left: 10px;
    }
    .screen-area .phone {
        right: 10%
    }
    .content .mobile-teasing {
        bottom: -60px;
        position: absolute;
        width: 100%;
        margin: 0 -10px;
        background: #202b3c;
        padding: 10px;
        color: #ca047e
    }
    .big-screen {
        padding-top: 17px;
        background: url("../images/browser.png") no-repeat 0 0;
        width: 300px;
        height: 195px
    }
    .title-icon.left-icon {
        position: relative;
        padding-left: 0;
        text-align: center
    }
    .title-icon.left-icon + p {
        padding-left: 0;
        text-align: center
    }
    .title-icon.left-icon:before {
        background: url("../images/icons.png") no-repeat -200px 0;
        width: 50px;
        height: 50px;
        position: relative;
        margin: 0 auto 10px auto
    }
    .title-icon.left-icon.clay:before {
        background-size: 50px 50px;
    }
    .price li span {
        height: 60px;
        padding-top: 0;
        display: table-cell;
        vertical-align: middle
    }
    .price li:first-child span {
        height: 70px;
        font-size: 26px;
        padding-top: 0
    }
    .signup form {
        padding: 20px 0 0 0;
        margin: 0 -10px
    }
    .signup form fieldset {
        float: none;
        width: 100%;
        min-height: 0;
        border-bottom: 1px solid #efefef;
        padding-bottom: 20px
    }
    .signup form fieldset + fieldset {
        border-left: none
    }
    .signup form fieldset + fieldset + fieldset {
        border: none
    }
    .signup form .itemsform-submit {
        text-align: center;
        width: auto;
        display: block
    }
    .signup form fieldset + .itemsform:after {
        right: 50%;
        margin-right: -20px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .title-icon:before,
    .title-icon.left-icon:before {
        background-image: url("../images/icons_@2X.png");
        background-size: 250px auto
    }
}


/* NETLINE Edit */

@media only screen and (max-width: 685px) {
    .menu ul li a.current {
        color: #FFF !important;
    }
    div.cols {
        float: none;
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    html,
    body {
        overflow: hidden;
    }
    img.net-time {
        margin-top: 10px;
    }
    .main,
    .nav-mobile,
    .nav-mobile > div > div {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }
    .main {
        background-color: #fff;
    }
   .screen-area .all-devices-mobile {
        display: block !important;
        width: 100%;
        height: 200px;
        background-size: 100% auto;
        background-image: url('../images/all-devices-mobile.jpg');
        background-repeat: no-repeat;
    }
    .laptop,
    .pointeuse-bio,
    .badgeuse,
    .lecteur-mobile,
    .phone {
        display: none;
    }
    .screen-area {
        background: none;
        background-color: white;
    }
    .main.out {
        background-color: #fff;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    .header {
        position: fixed;
        top: 0;
        left: 0;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        height: 100%;
        width: 100%;
        overflow: hidden;
        z-index: 0;
    }
    .nav-mobile {
        width: 60px;
        height: 60px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.8);
        position: fixed;
        z-index: 999;
        top: 5px;
        left: 5px;
    }
    .nav-mobile.on {
        width: 97%;
    }
    .nav-mobile > div {
        width: 40px;
        margin: 20px auto;
    }
    .nav-mobile > div > div {
        width: 100%;
        height: 4px;
        background-color: #fff;
        margin-bottom: 5px;
    }
    .nav-mobile > div.on > div:first-child {
        -webkit-transform: translate3d(0, 10px, 0) rotate(37deg);
        -ms-transform: translate3d(0, 10px, 0) rotate(37deg);
        -o-transform: translate3d(0, 10px, 0) rotate(37deg);
        transform: translate3d(0, 10px, 0) rotate(37deg);
    }
    .nav-mobile > div.on > div:nth-child(2) {
        opacity: 0;
    }
    .nav-mobile > div.on > div:last-child {
        -webkit-transform: translate3d(0, -10px, 0) rotate(-40deg);
        -ms-transform: translate3d(0, -10px, 0) rotate(-40deg);
        -o-transform: translate3d(0, -10px, 0) rotate(-40deg);
        transform: translate3d(0, -10px, 0) rotate(-40deg);
    }
    .menu {
        margin-top: 75px;
    }
    .menu li {
        display: block;
        width: 100%;
    }
    .menu li a {
        font-size: 14px;
        height: 60px;
        -webkit-tap-highlight-color: rgba(202, 4, 126, 1);
    }
    .menu li a.current {
        background: transparent!important;
    }
    .footer .prefix-15,
    .footer .grid-40 {
        margin: 0 !important;
        width: auto !important;
    }
    .footer > .grid-container.container-alt > div {
        text-align: center;
    }
}