@media only screen and (min-width: 1400px) and (max-width: 4000px) {
    header {
        padding: 180px 0;
    }

    header h1 {
        font-size: 68px;
        line-height: 76px;
    }

    .coin-01 {
        position: absolute;
        top: 0;
        left: -5%;
    }

    .coin-02 {
        position: absolute;
        left: 22%;
        bottom: -5%;
        height: 160px;
    }

    .coin-03 {
        position: absolute;
        bottom: 4%;
        right: 17%;
        z-index: 5;
        height: 200px;
    }

    .coin-04 {
        position: absolute;
        bottom: -12%;
        right: 1%;
        height: 860px;
    }

    .coin-05 {
        position: absolute;
        top: -9%;
    }


    .live-element-01 {
        height: 50px;
        position: absolute;
        top: -1%;
        left: 30%;
    }

    .live-element-02 {
        height: 80px;
        position: absolute;
        top: 10%;
        left: 8%;
    }

    .live-element-03 {
        position: absolute;
        top: 5%;
        right: 5%;
    }

    .live-element-04 {
        height: 80px;
        position: absolute;
        bottom: 30%;
        left: 14%;
    }

    .live-element-05 {
        position: absolute;
        top: 50%;
        right: 5%;
    }

    .live-element-06 {
        position: absolute;
        bottom: 2%;
        right: 40%;
        height: 110px;
    }

    .live-element-07 {
        position: absolute;
        top: 70%;
        right: 10%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 991px)  {

    header {
        padding: 40px 0 0;
    }

    header .logo {
        margin: 0 auto 50px;
    }

    header h1 {
        color: #fff;
        font-size: 40px;
        line-height: 46px;
    }

    .benefits .benefit {
        padding: 0 80px 10px;
    }       

    .coin-01,
    .coin-02,
    .coin-03,
    .coin-04,
    .coin-05,
    .live-element-01,
    .live-element-02,
    .live-element-03,
    .live-element-04,
    .live-element-05,
    .live-element-06,
    .live-element-07 {
        display: none;
    }
}       

@media only screen and (min-width: 0px) and (max-width: 767px)  {

    .heading {
        margin: 0 0 30px 0;
        font-size: 32px;
        line-height: 38px;
    }

    .space {
        padding: 50px 0;
    }

    header h1 {
        color: #fff;
        font-size: 40px;
        line-height: 46px;
    }

    header .logo {
        margin: 0 auto 70px;
    }

    header .btn {
        margin: 30px auto 40px;
    }

    .benefits .heading {
        margin-bottom: 110px;
    }

    .benefits .benefit {
        margin: 0 0 100px 0;
    }

    .benefits .benefit-text .heading {
        margin-bottom: 30px;
    }

    .coin-01,
    .coin-02,
    .coin-03,
    .coin-04,
    .coin-05,
    .live-element-01,
    .live-element-02,
    .live-element-03,
    .live-element-04,
    .live-element-05,
    .live-element-06,
    .live-element-07 {
        display: none;
    }

}