@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
    .footer .logo {
        background: url(../img/logo-footer@2x.png);
        background-size: 100%;
    }
}

@media only screen and (max-height: 700px) {
    .header {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 1025px) {
    .header h1 {
        font-size: 56px;
    }
}

@media only screen and (max-width: 992px) {
    .feature {
        z-index: 3;
        background: #fff;
        text-align: center;
        height: auto;
        padding: 100px;
    }
    .logo-pop {
        display: none;
    }
    .feature .feature-content .text {
        opacity: 1;
        transform: none;
        -webkit-transform: none;
    }
    .feature .container {
        width: auto;
    }
    .feature .feature-phone {
        display: inline-block;
        margin-bottom: 50px;
    }
    .download {
        padding: 150px 50px;
    }
    .phones {
        height: 300px;
        padding-bottom: -200px;
        background: #fff;
    }
    .phones .phone-list li:nth-child(1) {
        margin-top: 0;
    }
    .phones .phone-list li:nth-child(2) {
        margin-top: -30px;
    }
    .phones .phone-list li:nth-child(3) {
        margin-top: -60px;
    }
}

@media only screen and (max-width: 767px) {
    .header h1 {
        font-size: 46px;
    }
}

@media only screen and (max-width: 620px) {
    .header {
        height: auto;
        padding: 30px 10px 100px 10px;
    }
    .header h1 {
        font-size: 38px;
        font-weight: 300;
    }
    .header.inpage {
        height: 300px;
    }
    .header.inpage h1 {
        margin-top: 100px;
    }
    .description {
        padding: 50px 20px;
    }
    .description h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .phone {
        position: absolute;
        top: auto;
        margin-top: 20px;
    }
    .download-button {
        padding: 10px 15px;
    }
    .phones .phone-list li {
        margin: 0 -10px;
    }
    .download {
        padding: 150px 20px;
    }
}

@media only screen and (max-width: 510px) {
    .top,
    .header {
        height: 480px;
    }
    .feature {
        padding: 50px 20px;
    }
    .feature .feature-phone {}
    .phone {
        display: none;
    }
    .header .logo {
        position: absolute;
    }
    .phones {
        padding: 40px 10px;
        height: 120px;
    }
    .phones .phone-list li:nth-child(1) {
        padding-top: 0;
    }
    .phones .phone-list li:nth-child(2) {
        margin-top: -15px;
    }
    .phones .phone-list li:nth-child(3) {
        margin-top: -30px
    }
    .download {
        height: 400px;
    }
    .phones h2,
    .phones p,
    .phones .phone-list li,
    .download h2,
    .download .download-buttons {
        opacity: 1;
        transform: none !important;
        -webkit-transform: none !important;
    }
    .mobile-new-line {
        white-space: pre;
    }
    .mobile-new-line:before {
        content: "\A";
    }
    .download {
        height: 60%;
        padding: 60px 10px;
    }
    .download h2 {
        font-size: 34px;
    }
    .small-header .menu-list li {
        font-size: 28px;
    }
    .small-header .top-bar {
        padding: 0;
    }
    .small-header.moving .top-bar {
        padding: 20px;
    }
    .faq-list li h2 {
        font-size: 24px;
    }
}