.resp-header {
    width: 100%;
    background: rgba(50,50,50, 0.5);
    text-align: center;
    padding: 10px 0;
    display: none;
    position: absolute;
}

@media screen and (max-width: 800px) {
    /*375-800*/
    body::before {
        content: "max:800";
        display: block;
        width: 100%;
        color: #000;
        position: fixed;
        background: rgba(255, 255, 255, 0.5);
    }
    
    body.inner {
        background-position: 50% -550px;
    }
    
    body.inner #first-row-wrapper {
        height: 100vw;
    }
    
    body.inner #first-row-wrapper #spacer {
        height: 400px;
    }

    body.front #video-bg,
    body.front #front-jump-down {
        display: none;
    }
    
    #top nav {
        display: none;
    }

    h1#logo-wrapper {
        margin-left: 14px;
    }

    #mobile-menu {
        margin-right: 26px;
    }
    
    /* */
    
    .index-row-wrapper {
        height: 850px;
    }
    
    .index-row #data-1, .index-row #data-2, .index-row #data-3 {
        width: 100%;
    }
    
    .index-row #data-2, .index-row #data-3 {
        padding-top: 20px;
        width: 100%;
    }
    
    .index-row #data-1 .data {
        width: 260px;
    }
    
    .index-row #data-2 .data {
        width: 240px;
    }
    
    .index-row #data-3 .red-button {
        width: 300px;
    }

    #index-third-half-row .index-row #data-3,
    #index-third-half-second-row .index-row #data-3,
    #index-third-half-pre-row .index-row #data-3 {
        width: 100%;
        padding-top: 0;
    }
    
    /* */
    
    /* */
    
    #first-row-wrapper {
        height: 850px;
        background-position: center 1000px;
    }
    
    #first-row #data-1, #first-row #data-2, #first-row #data-3 {
        width: 100%;
    }
    
    #first-row #data-2, #first-row #data-3 {
        padding-top: 45px;
        width: 100%;
    }
    
    #first-row #data-1 .data {
        width: 260px;
    }
    
    #first-row #data-2 .data {
        width: 254px;
    }
    
    #first-row #data-3 .red-button,
    .technical-details .red-button.preorder {
        width: 300px;
    }
    
    /* */
    
    #second-row-right, #third-row-left #config-calc {
        display: none;
    }

    body.inner #second-half-row-wrapper {
        background: #fff;
    }

    body.inner #second-half-row-wrapper #second-half-row-right {
        float: none;
    }
    
    #second-row-left, #second-half-row-right {
        padding: 20px 12px;
    }
    
    #second-row-left, #third-row-right, #second-half-row-right {
        width: 100%;
    }
    
    #second-row-left h2 {
        margin: 0;
        padding: 0;
        font-size: 22px;
    }
    
    #second-row-left h3 {
        margin: 12px 0;
        padding: 0;
        font-size: 36px;
    }

    #third-row-left,
    body.inner #third-row-left {
        padding: 20px 12px;
        background: #fff;
    }

    #third-row-left h2.row-title {
        margin: 0;
    }

    #third-row-left h3.row-title {
        margin: 10px 0;
    }

    .config-block-top,
    .config-sum-price {
        font-size: 18px;
    }

    .config-block-desc {
        font-size: 14px;
    }

    .config-sum-price {
        flex-wrap: wrap;
    }
    
    .config-buttons {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .config-button {
        margin-bottom: 20px;
    }
    
    .config-button {
        margin-right: 20px;
    }
    
    .config-berries {
        width: 100%;
    }
    
    .config-berries.berries-3 {
        width: 55%;
    }

    #exterior-block .config-berry {
        width: 48px;
        height: 48px;
    }
    
    .config-sum-price .config-price {
        font-size: 19px;
    }

    body.inner .config-block .send-order {
        padding: 0;
    }
    
    body.inner .config-block .send-order input,
    body.inner .config-block .send-order textarea {
        width: 100%;
    }

    /* footer */

    #footer-2 {
        display: none;
    }
    
    #footer-1 img {
        width: 70%;
    }
    
    /* INDEX */
    
    #index-first-row {
        background-position: center -230px;
        height: 150vw;
    }
    
    #index-first-row #spacer {
        height: 70vw;
    }
    
    #index-second-row {
        background-position: center -230px;
        height: 150vw;
    }
    
    #index-second-row #spacer {
        height: 70vw;
    }
    
    #index-third-row {
        background-position: center -230px;
        height: 150vw;
    }
    
    #index-third-row #spacer {
        height: 70vw;
    }
    
    #index-fourth-row {
        height: auto;
    }
    
    #index-fourth-row .index-col-left,
    #index-fourth-row .index-col-right {
        background-position: center 5%;
    }
    
    #index-fourth-row .col-order .red-button {
        width: 300px;
    }
    
    #index-fifth-row.index-row-wrapper {
        height: 75vw;
        overflow: hidden;
    }

    #index-sixth-row {
        height: auto;
        padding: 0 40px;
    }

    #index-sixth-row .index-row .col-block .contact-title {
        font-size: 40px;
    }
    
    #index-sixth-row .index-row {
        display: block;
        text-align: center;
    }
    
    #index-sixth-row .index-row .col-block {
        width: 100%;
    }
    
    #index-sixth-row .index-row .col-block {
        margin-bottom: 50px;
    }

    body.services {
        background-size: 142%;
    }

    body.services #first-row-wrapper {
        height: auto;
        padding-bottom: 20px;
        min-height: 314px;
    }

    body.services #first-row-wrapper .services-title {
        font-size: 22px;
        letter-spacing: 7px;
        padding: 24px 0;
    }

    body.services #first-row-wrapper .services-description {
        font-size: 16px;
        letter-spacing: 3px;
        line-height: 20px;
        padding: 0;
    }

    body.services #second-row-wrapper,
    body.services #third-row-wrapper {
        background: none;
        height: auto;
        overflow: hidden;
        padding: 20px;
    }

    body.services #second-row-wrapper #second-row,
    body.services #second-row-wrapper #second-row-left {
        width: 100%;
        padding: 0;
    }

    body.services #second-row-left .row-title {
        font-size: 42px;
        
    }

    body.services #third-row-wrapper #third-row {
        display: block;
        padding: 0;
    }

    body.services #third-row-wrapper #third-row .third-row-col {
        width: 100%;
        margin-bottom: 40px;
    }

    body.services #third-row-wrapper #third-row .col-title {
        min-height: 0;
        margin-bottom: 20px;
    }

    body.services #fourth-row-wrapper #fourth-row-title {
        width: auto;
    }

    body.services #fourth-row-wrapper {
        height: 260px;
        padding: 0 20px;
    }

    body.services #fourth-row-wrapper #fourth-row-title {
        font-size: 24px;
        padding: 40px 0 20px;
    }

    body.services #fourth-row-wrapper .red-button {
        width: 170px;
    }

    body.services #fifth-row-wrapper #fifth-row-left,
    body.services #fifth-row-wrapper #fifth-row-right {
        float: none;
        width: 100%;
    }

    body.services #fifth-row-wrapper #fifth-row-center {
        display: block;
        clear: both;
        border-top: 2px solid #ddd;
    }

    body.services #fifth-row-wrapper .fifth-row-center-col {
        width: 100%;
        float: none;
    }

    /* contact */

     body.contact {
        background-size: 160%;
    }

    body.contact #second-row-wrapper {
        padding: 20px 20px;
    }

    body.contact #second-row-right {
        display: block;
        padding: 0;
    }

    body.contact #contact-form .contact-name,
    body.contact #contact-form .ce87325643,
    body.contact #contact-form .cp876453235,
    body.contact #contact-form textarea {
        width: 100%;
    }

    body.contact #contact-form .webform-submit {
        width: 100%;
        float: none;
        margin: 0 auto;
        display: block;
    }

    /* faq */
    body.faq {
        background-size: 520px;
    }

    body.faq #first-row-wrapper {
        height: 345px;
        padding-bottom: 20px;
        min-height: 314px;
    }

    body.faq #first-row-wrapper .services-title {
        font-size: 22px;
        letter-spacing: 7px;
        padding: 24px 0;
    }

    body.faq #first-row-wrapper .services-description {
        font-size: 16px;
        letter-spacing: 3px;
        line-height: 20px;
        padding: 0;
    }

    body.faq #second-row-wrapper {
        background: none;
        height: auto;
        overflow: hidden;
        padding: 20px;
    }

    #scrolltop {
        opacity: 0.6;
    }

    body.brand-story #first-row-wrapper {
        height: 365px;
        padding-bottom: 20px;
        min-height: 314px;
    }
    
    body.brand-story #second-row-wrapper td {
        width: 100% !important;
        display: block;
        text-align: center;
    }

    body.brand-story #second-row-wrapper td strong {
        display: block;
    }

    body.brand-story #second-row-wrapper ul {
        list-style-type: none !important;
        padding: 0;
    }

    body.brand-story #second-row-wrapper ul li p {
        margin: 0;
    }

    #index-third-half-row #spacer,
    #index-third-half-second-row #spacer,
    #index-third-half-pre-row #spacer {
        font-size: 38px;
        padding-top: 50px;
    }

    #spacer.desktop {
        display: none;
    }

    #spacer.mobile {
        display: block;
    }
}
/*375-800*/

@media screen and (max-width: 500px) {
    
    body::before {
        content: "max:500";
        display: block;
        width: 100%;
        color: #000;
        position: fixed;
        background: rgba(255, 255, 255, 0.5);
    }
    
    body.inner {
        background-position: center -170px;
    }
    
    body.inner #first-row-wrapper {
        height: 160vw;
    }
    
    body.inner #first-row-wrapper #spacer {
        height: 70vw;
    }
    
    #third-row-right {
        padding: 10px;
    }
    
    .config-buttons {
        /*justify-content: space-between;*/
    }
    
    .config-button {
        width: 290px;
        font-size: 15px;
    }
    
    .config-button {
        margin-right: 8px;
    }

    body.brand-story #first-row-wrapper {
        height: 590px;
        padding-bottom: 20px;
        min-height: 314px;
    }
    
}

@media screen and (max-width: 800px) and (orientation: landscape) {
    /* INDEX */
    
    body::before {
        content: "max 800 - landscape";
        display: block;
        width: 100%;
        color: #000;
        position: fixed;
        background: rgba(255, 255, 255, 0.5);
    }
    
    #index-first-row, 
    #index-second-row, 
    #index-third-row {
        background-position: center -500px;
        height: 100vw;
    }
    
    #index-first-row #spacer,
    #index-second-row #spacer,
    #index-third-row #spacer {
        height: 50vw;
    }

}

@media screen and (min-width: 800px) {
    /*800-930*/
    
    body::before {
        content: "800-930";
        display: block;
        width: 100%;
        color: #000;
        position: fixed;
        background: rgba(255, 255, 255, 0.5);
    }

    body.front #video-bg,
    body.front #front-jump-down {
        display: none;
    }
    
    #resp800plus {
        display: block;
    }
    
    body {
        background-position: 50% -580px;
    }
    
    h1 {
        margin-left: 21px;
    }
    
    #top header {
        width: 240px;   
    }
    
    ol#menu li a {
        font-size: 15px;
    }
    
    #mobile-menu {
        margin-right: 24px;
    }
    
    /* */
    
    .index-row-wrapper {
        height: 830px;
    }
    
    .index-row #data-1, .index-row #data-2 {
        width: 50%;
    }
    
    .index-row #data-1 .data {
        width: 255px;
    }
    
    .index-row #data-2 .data {
        width: 255px;
    }
    
    .index-row #data-3 {
        width: 100%;
        padding-top: 113px;
    }

    #index-third-half-row .index-row #data-3,
    #index-third-half-second-row .index-row #data-3,
    #index-third-half-pre-row .index-row #data-3 {
        width: 100%;
        padding-top: 0;
    }
    
    /* */
    
    /* */
    
    body.inner #spacer {
        height: 450px;
    }

    #first-row-wrapper {
        height: 720px;
    }
    
    #first-row #data-1, #first-row #data-2 {
        width: 50%;
    }
    #first-row #data-1 .data {
        width: 255px;
    }
    #first-row #data-2 .data {
        width: 255px;
    }
    
    #first-row #data-3 {
        width: 100%;
        padding-top: 113px;
    }
    
    /* */
    
    
    #second-row-right {
        display: none;
    }

    body.inner #second-half-row-wrapper {
        background: #fff;
        background-repeat: no-repeat;
    }

    body.inner #second-half-row-wrapper #second-half-row-right {
        float: none;
    }
    
    #second-row-left, #third-row-right {
        width: 100%;
    }
    
    .config-buttons {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .config-button {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    
    .config-berries {
        width: 100%;
    }
    
    .config-berries.berries-3 {
        width: 55%;
    }
    
    .config-berries {
        width: 100%;
    }
    
    .config-berries.berries-3 {
        width: 55%;
    }
    
    .config-sum-price .config-price {
        font-size: 44px;
    }
    
    #footer-inner {
        padding: 30px 0;
    }
    
    #footer-1 {
        width: 200px;
    }
    
    #footer-1 img {
        max-width: 100%;
    }
    
    #footer-2 ol#menu li a{
        
    }
    
    #footer-3 {
        white-space: nowrap;
        font-size: 14px;
    }
    
    /* INDEX */
    
    #index-first-row {
        background-position: center -70vw;
    }
    
    #index-first-row #spacer {
        height: 480px;
    }
    
    #index-second-row {
        background-position: center -70vw;
    }
    
    #index-second-row #spacer {
        height: 480px;
    }
    
    #index-third-row {
        background-position: center -70vw;
    }
    
    #index-third-row #spacer {
        height: 480px;
    }
    
    #index-fourth-row {
        height: auto;
    }
    
    #index-fifth-row.index-row-wrapper {
        height: auto;
        overflow: hidden;
    }

    #index-sixth-row {
        height: auto;
    }
    
    #index-sixth-row .index-row {
        display: block;
        text-align: center;
    }
    
    #index-sixth-row .index-row .col-block {
        width: 100%;
    }
    
    #index-sixth-row .index-row .col-block {
        margin-bottom: 50px;
    }

    body.contact #second-row-right {
        display: block;
    }

    body.contact #second-row-right {
        padding: 0;
    }

    body.services {
        background-size: 142%;
    }

    body.services #first-row-wrapper {
        height: 600px;
    }

    body.services #second-row-wrapper {
        height: 650px;
    }

    body.inner #third-row-left {
        background: #fff;
    }

    body.faq {
        background-size: 100%;
    }

    body.faq #first-row-wrapper {
        height: 600px;
    }

    body.brand-story #first-row-wrapper {
        height: 730px;
    }
}

/* 800-930 */

@media screen and (min-width: 930px) {
    /*930-1280*/
    body::before {
        content: "930-1280";
        display: block;
        width: 100%;
        color: #000;
        position: fixed;
        background: rgba(255, 255, 255, 0.5);
    }
    
    body {
        background-position: 50% -86vw;
    }
    
    h1 {
        margin-left: 21px;
    }
    
    #top header {
        width: 270px;   
    }
    
    ol#menu li a {
        font-size: 18px;
    }
    
    #mobile-menu {
        margin-right: 56px;
    }
    
    /* */
    
    .index-row-wrapper {
        height: 100vh;
    }
    
    .index-row #data-1 {
        width: 35%;
    }
    
    .index-row #data-1 .data {
        width: 28vw;
    }
    
    .index-row #data-2 {
        width: 37%;
    }
    
    .index-row #data-2 .data {
        width: 24vw;
    }
    
    
    .index-row #data-3 {
        width: 28%;
        padding-top: 0;
    }

    #index-third-half-row #spacer,
    #index-third-half-second-row #spacer,
    #index-third-half-pre-row #spacer {
        padding: 6vw 5vw;
        height: 310px;
    }

    #index-third-half-row.index-row #data-1,
    #index-third-half-row.index-row #data-2,
    #index-third-half-second-row.index-row #data-1,
    #index-third-half-second-row.index-row #data-2,
    #index-third-half-pre-row.index-row #data-1,
    #index-third-half-pre-row.index-row #data-2
     {
        height: 0;
    }
    
    /* */
    
    /* */
    
    #first-row-wrapper {
        height: 583px;
    }
    
    #first-row #data-1 {
        width: 35%;
    }
    #first-row #data-1 .data {
        width: 28vw;
    }
    
    #first-row #data-2 {
        width: 37%;
    }
    #first-row #data-2 .data {
        width: 24vw;
    }
    
    
    #first-row #data-3 {
        width: 28%;
        padding-top: 0;
    }
    
    /* */
    
    #second-row-right, #third-row-left {
        display: block;
    }

    #second-half-row-wrapper {
        background: url(../images/tech-bg-model-s.png) no-repeat #fff;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    body.model-3 #second-half-row-wrapper {
        background-image: url(../images/model3-more-details.jpg);
        background-size: contain;
    }

    body.model-s #second-half-row-wrapper {
        background-image: url(../images/models-more-details.jpg);
        background-size: contain;
    }

    body.model-x #second-half-row-wrapper {
        background-image: url(../images/modelx-more-details.jpg);
        background-position-x: 1207px;
        background-repeat: no-repeat;
    }

    body.inner #second-half-row-wrapper #second-half-row-right {
        float: right;
    }
    
    #second-row-left{
        width: 550px;
    } 
    
    #third-row-right {
        width: 57%;
    }
    
    .config-buttons {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .config-button {
        width: 270px;
        margin-bottom: 12px;
        
    }
    
    .config-button:nth-child(odd) {
        margin-right: 20px;
    }
    
    .config-berries {
        width: 90%;
    }
    
    #footer-3 {
        font-size: 1.5vw;
    }
    
    /* INDEX */
    
    #index-first-row {
        background-position: center -1070px;
    }
    
    #index-first-row #spacer {
        height: 77vh;
    }
    
    #index-second-row {
        background-position: center -1070px;
    }
    
    #index-second-row #spacer {
        height: 500px;
    }
    
    #index-third-row {
        background-position: center -1070px;
    }
    
    #index-third-row #spacer {
        height: 500px;
    }
    
    #index-fourth-row .index-row-data {
        width: 50%;
    }

    #index-fourth-row .index-row {
        width: 100%;
        display: flex;
    }
    
    #index-fourth-row .index-row .index-col {
        padding: 20% 40px 0;
        background-position: center 3%;
    }
    
    /* contact */
    
    #index-sixth-row .index-row {
        width: 100%;
        color: #000;
        display: flex;
        align-content: space-around;
        justify-content:flex-start;
        padding-top:72px;
    }

    #index-sixth-row .index-row .col-block {
        
    }

    #index-sixth-row .index-row .col-block.col-1 {
        text-transform: uppercase;
    }


    #index-sixth-row .index-row .col-block .mah {
        font-size: 14px;
        font-weight: 500;
        color: #CD0033;
        margin-bottom: 28px;
    }

    #index-sixth-row .index-row .col-block .contact-title {
        font-size: 38px;
        font-weight: 900;
        color: #000;
    }

    #index-sixth-row .index-row .col-block.col-2 {
        line-height: 30px;
        padding-left: 40px;
    }

    #index-sixth-row .index-row .contact-first-part {
        margin-bottom: 30px;
    }

    #index-sixth-row .index-row .col-block.col-3 {
        font-size: 20px;
    }

    #index-sixth-row .index-row .col-block.col-3 .open-hours-label {
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 30px;
    }

    #third-row-left .config-calc-label {
        width: 200px;
    }

    #third-row-left .config-calc-data {
        width: 360px;
    }

    #third-row-left .config-calc-row {
        font-size: 28px;
    }

    #third-row-left .config-calc-data {
        font-size: 32px;
    }

    #third-row-left .config-calc-desc {
        font-size: 20px;
    }

   body.contact #second-row-left {
        width: 500px;
        width: 43%;
    }

    body.contact #second-row-right {
        padding-left: 40px;
        width: 52%;
    }

    body.inner #third-row-left {
        background: url(../images/configurator-bg-model-s.png) no-repeat #fff;
        background-position: -420px 60%;
        background-size: 1000px;
        width: 100%;
        float: left;
        position: relative;
        overflow: visible;
        height: auto;
        padding: 47px 0 0 39px;
    }

    body.model-3 #third-row-left {
        background: url(../images/configurator-bg-model-3.jpg) no-repeat #fff;
        background-size: 600px;
        background-position: -70px 53%;
    }

    body.model-x #third-row-left {
        background: url(../images/configurator-bg-model-x.jpg) no-repeat #fff;
        background-size: 600px;
        background-position: -70px 53%;
    }

    body.model-y #third-row-left {
        background: url(../images/configurator-bg-model-y.png) no-repeat #fff;
        background-size: 800px;
        background-position: -240px 50%;
    }

}

/*930-1280 */

@media screen and (min-width: 1280px) {
    body::before {
        content: "1280+";
        display: block;
        width: 100%;
        color: #000;
        position: fixed;
        background: rgba(255, 255, 255, 0.5);
    }

    body.front #video-bg,
    body.front #front-jump-down {
        display: block;
    }
    
    body.front #video-bg {
        height: inherit;
        max-height:894px;
        overflow: hidden;
        width:100%;
    }

    #top nav {
        width: 70%;
    }

    #top nav ol {
        width: 760px;
        margin: 0 auto;
    }
    
    .config-buttons {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .config-button {
        width: 270px;
        margin-right: 20px;
    }
    
    
    #footer-2 {
        display: block;
    }
    
    /* INDEX */
    
    #index-first-row {
        background-position: center -1100px;
    }
    
    #index-first-row #spacer {
        height: 490px;
    }
    
    #index-second-row {
        background-position: center -1100px;
    }
    
    #index-second-row #spacer {
        height: 490px;
    }
    
    #index-third-row {
        background-position: center -1100px
    }
    
    #index-third-row #spacer {
        height: 490px;
    }
    
    #index-fourth-row .index-row {
        width: 100%;
        display: flex;
    }
    
    #index-fourth-row .index-row .index-col {
        padding: 20% 40px 0;
        background-position: center 3%;
    }
    
    #index-fifth-row {
        
    }
    
    /* contact */
    
    #index-sixth-row .index-row {
        width: 100%;
        color: #000;
        display: flex;
        align-content: space-around;
        padding-top:72px;
    }

    #index-sixth-row .index-row .col-block {
        
    }

    #index-sixth-row .index-row .col-block.col-1 {
        text-transform: uppercase;
    }


    #index-sixth-row .index-row .col-block .mah {
        font-size: 14px;
        font-weight: 500;
        color: #CD0033;
        margin-bottom: 28px;
    }

    #index-sixth-row .index-row .col-block .contact-title {
        font-size: 48px;
        font-weight: 900;
        color: #000;
    }

    #index-sixth-row .index-row .col-block.col-2 {
        line-height: 30px;
    }

    #index-sixth-row .index-row .contact-first-part {
        margin-bottom: 30px;
    }

    #index-sixth-row .index-row .col-block.col-3 {
        font-size: 24px;
    }

    #index-sixth-row .index-row .col-block.col-3 .open-hours-label {
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 30px;
    }

    /* config */
    #third-row-left .config-calc-label {
        width: 250px;
    }

    #third-row-left .config-calc-data {
        width: 450px;
    }

    #third-row-left .config-calc-row {
        font-size: 36px;
    }

    #third-row-left .config-calc-data {
        font-size: 46px;
    }

    #third-row-left .config-calc-desc {
        font-size: 25px;
    }

    #index-third-half-row #spacer,
    #index-third-half-second-row #spacer,
    #index-third-half-pre-row #spacer {
        padding: 6vw 5vw;
        height: 310px;
    }
    
}

@media screen and (min-width: 1366px) {
    
    body::before {
        content: "1366+";
        display: block;
        width: 100%;
        color: #000;
        position: fixed;
        background: rgba(255, 255, 255, 0.5);
    }
    
    #first-row #data-2 .data::before {
        width: 3vw;
        height: 55px;
    }
    
    #footer-3 {
        font-size: 18px;
    }
    
    /* INDEX */
    
    #index-first-row {
        background-position: center -1150px
    }
    
    #index-first-row #spacer {
        height: 80vh;
    }
    
    #index-second-row {
        background-position: center -1150px
    }
    
    #index-second-row #spacer {
        height: 80vh;
    }
    
    #index-third-row {
        background-position: center -1150px
    }
    
    #index-third-row #spacer {
        height: 80vh;
    }

    #index-third-half-row #spacer,
    #index-third-half-second-row #spacer,
    #index-third-half-pre-row #spacer {
        padding: 6vw 5vw;
        height: 510px;
    }

}

@media screen and (min-width: 1440px) {
    body::before {
        content: "1440+";
        display: block;
        width: 100%;
        color: #000;
        position: fixed;
        background: rgba(255, 255, 255, 0.5);
    }
    
    body {
        background-position: 50% -86vw;
    }

    body.front #video-bg {
        height: inherit;
        max-height: 100vh;
        overflow: hidden;
    }
    
    #second-row-wrapper {
        width: 100%;
        background-size: 74%;
    }
    
    /* INDEX */
    
    #index-first-row {
        background-position: center 50%;
    }
    
    #index-first-row #spacer {
        height: 790px;
    }
    
    #index-second-row {
        background-position: center 50%;
    }
    
    #index-second-row #spacer {
        height: 790px;
    }
    
    #index-third-row {
        background-position: center 50%;
    }
    
    #index-third-row #spacer {
        height: 790px;
    }
    
    body.inner {
        background-position: 50% -75vw;
    }
    
    .inner #first-row-wrapper {
        height: 100vh;
        position: relative;
    }
    
    .inner #first-row-wrapper #first-row {
        position: absolute;
        width:100%;
        bottom:20%;
    }
    
    .inner #first-row-wrapper #first-row #data-1 {
        position: absolute;
        left:10%;
    }
    
    .inner #first-row-wrapper #first-row #data-2 {
        position: absolute;
        left:35%;
    }
    
    .inner #first-row-wrapper #first-row #data-3 {
        position: absolute;
        left:70%;
        width:280px
    }

    #index-third-half-row #spacer,
    #index-third-half-second-row #spacer,
    #index-third-half-pre-row #spacer {
        padding: 6vw 5vw;
        height: 510px;
    }
    
    
}
