devices.css

.bg1 { background-image: url(../img/bg/bg1.jpg) }
.bg2 { background-image: url(../img/bg/bg2.jpg) }
.bg3 { background-image: url(../img/bg/bg3.jpg) }
.bg4 { background-image: url(../img/bg/bg4.jpg) }
.bg5 { background-image: url(../img/bg/bg5.jpg) }
.bg6 { background-image: url(../img/bg/bg6.jpg) }
.bg7 { background-image: url(../img/bg/bg7.jpg) }
.bg8 { background-image: url(../img/bg/bg8.jpg) }
.bg9 { background-image: url(../img/bg/bg9.jpg) }
.bg10 { background-image: url(../img/bg/bg10.jpg) }
.bg11 { background-image: url(../img/bg/bg11.jpg) }
.bg12 { background-image: url(../img/bg/bg12.jpg) }

@media all and (max-width: 1439px),
       all and (max-device-width: 1439px) {

    #bottom { height: 320px }

    #social {
        margin: 65px auto 30px;
        text-align: center;
        height: 35px;
        float: none;
    }

    #countdown {
        margin: 0 auto;
        text-align: center;
        float: none;
    }

    #social > div,
    #countdown > div {
        display: inline-block;
    }

    #countdown > div > div > p.label {
        margin-top: 135px;
        opacity: 1;
    }

}

@media all and (max-width: 660px),
       all and (max-device-width: 660px) {

    header { top: 5% }

    header > h3 {
        text-indent: 0;
        text-align: center;
        font-style: normal;
        font-weight: 600;
    }

    #bottom { height: 150px }

    #social {
        font-size: 1.1em;
        margin: 0px auto 30px;
    }

    #social > div > ul {
        margin: 10px 0;
        display: block;
        float: none;
    }

    #social > div > span {
        margin: 10px 0;
        float: none;
        display: block;
    }

    #social > div > span:first-child {
        margin-top: 15px;
    }

    #countdown {
        display: none;
        font: 400 4em 'Rambla';
    }

    #feedback {
        position: absolute;
        padding: 20px 0;
        width: 100%;
    }

    #feedback h2,
    #feedback .descr,
    #feedback .body {
        padding: 0 20px;
    }

    #feedback h2 {
        font-size: 1.2em
    }

    #feedback > .descr {
        font-size: .85em;
    }

    #feedback > .body {
        height: 68px;
        overflow: hidden;
    }


    #feedback > .close {
        margin-top: -35px;
        margin-right: 10px;
    }

    #feedback form > div.inp {
        width: 100%;
        text-align: center;
        float: none;
    }

    #feedback form > div.btn {
        margin-top: 5px;
        width: 100%;
        float: none;
        text-align: center;
    }

    #feedback form button {
        margin: 0;
        float: none;
    }

    span.email-no {
        position: absolute;
        margin-top: -23px;
        right: 30px;
        white-space: nowrap;
    }

    #feedback .feedback-arr {
        left: 50%;
        margin-left: -25px;
    }
}