.login {
    margin-top: 30px;
}

    .login a {
        display: block;
        width: 120px;
        margin: 0 auto;
        padding: 12px 20px 8px 20px;
        background: #f35718;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        text-align: center;
    }

        .login a:hover {
            background: #fff;
            color: #f35718;
        }

.disappeared {
    background: #000;
}

    .disappeared table, .disappeared img, .the-edge img, .image-box-table img {
        width: 100%;
    }

        .disappeared table td {
            width: 33.3%;
            padding-bottom: 30px;
        }

    .disappeared img {
        padding: 0 30px 30px 30px;
    }

    .disappeared h2 {
        float: right;
        margin: 20px 16% 10px 0;
        padding: 0 0 6px 0;
        font-weight: 100;
        border-bottom: dashed 2px #f35718;
    }

    .disappeared h3, .disappeared p {
        text-align: center;
    }

    .disappeared h3 {
        color: #f35718;
        font-size: 30px;
    }

    .disappeared h2 br, .protect br {
        display: none;
    }

    .disappeared h2, .disappeared p, .kk-audio .audio-controls p {
        color: #fff;
    }

    .disappeared p {
        line-height: 1.2;
    }

    .disappeared .hide-img {
        display: none;
    }

.kk-audio table, .kk-audio .audio-controls, .double-audio table, .betty-bio #bio-table, .the-edge table, .image-box-table {
    width: 100%;
}

.the-edge table {
    width: 100%;
}

.the-edge td:first-child {
    width: 40% !important;
}

.the-edge td:last-child {
    width: 60% !important;
    padding: 0 30px 0 50px !important;
}

.kk-audio td:first-child, .betty-bio #bio-table td:first-child, .image-box-table td:first-child {
    width: 40%;
}

.kk-audio td:last-child, .betty-bio #bio-table td:last-child, .the-edge td:last-child, .image-box-table td:last-child {
    width: 60%;
}

.kk-audio td:last-child, .the-edge td:last-child {
    width: 60%;
    padding: 0 50px 0 0;
}

.betty-bio #bio-table td:last-child {
    width: 60%;
    padding: 0 50px 0 50px;
}


.kk-audio h2, .kk-audio h3, .kk-audio p {
    margin-left: 40px;
}

.kk-audio h2, .image-box-table h2 {
    color: #f35718;
    font-size: 32px;
    margin-top: 0;
}

.kk-audio h3 {
    line-height: 1;
    color: #000;
    font-weight: 700;
}

.kk-audio {
    position: relative;
    background: #eee;
}

    .kk-audio table td:first-child p {
        margin: 0 0 0 0;
    }

    .kk-audio .audio-controls {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #f35718;
    }

        .kk-audio .audio-controls p {
            padding: 12px 0 2px 0;
            font-size: 28px;
        }

    .kk-audio .control-block {
        position: absolute;
        top: 0;
        right: 0;
    }

    .kk-audio button, .double-audio button {
        padding: 0 8px 0 8px;
        margin: 0 30px 0 0;
        border: none;
        background: #000;
        color: #fff;
    }

        .kk-audio button .fa, .double-audio button .fa {
            font-size: 60px;
            line-height: 1.2;
        }

        .kk-audio button.btn-reduce .fa {
            font-size: 57px;
        }

        .double-audio button:hover {
            background: #ef6f01
        }

        .kk-audio button:hover {
            background: #fff;
            color: #000;
        }

.image-box-table img {
    float: left;
    padding: 0 10px 0 0;
}

.image-box-table td:last-child {
    padding: 0 50px 0 50px;
}

.image-box {
    padding: 20px 30px 20px 0;
    background: #f35718;
}

    .image-box h2 {
        color: #fff;
        font-size: 28px;
    }

    .image-box p {
        padding: 0 30px 0 40px;
    }

    .image-box img {
        width: 40%;
        float: left;
        padding: 0 40px 6px 0;
    }

.the-edge button {
    margin: 0 4px;
    padding: 0 0 0 0;
    border: none;
    background: transparent;
}

.the-edge.fa {
    font-size: 26px;
}

.betty-bio #bio-table, .the-edge table {
    clear: both;
    margin-bottom: -10px;
}

.the-edge {
    border-bottom: solid 50px #ef6f01;
}

    .the-edge table {
        width: 100%;
        padding: 0 0 0 0;
    }

    .the-edge img {
        padding: 0 10px 0 0;
    }

.betty-bio #list-table {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 0 0 0;
    border-top: dashed 2px #000;
    border-bottom: dashed 2px #000;
}

    .betty-bio #list-table p {
        line-height: 0;
        margin: 20px 0 20px 0;
    }

    .betty-bio #list-table td {
    }

        .betty-bio #list-table td:nth-child(1), .betty-bio #list-table td:nth-child(2), .betty-bio #list-table td:nth-child(3) {
            width: 220px;
        }


.double-audio {
    margin: 0 0 40px 0;
    padding: 10px 0 30px 0;
    background: #000;
    text-align: center;
}

    .double-audio table td {
        width: 50%;
    }

.protect {
    padding: 20px 0 10px 0;
    text-align: center;
}

.protect {
}

@media (max-width: 1800px) {
    .protect {
        padding: 20px;
    }
}

@media (max-width: 1700px) {
    .disappeared h2 {
        margin: 20px 13% 10px 0;
    }
}

@media (max-width: 1600px) {
    .disappeared h2 {
        margin: 20px 16% 10px 0;
    }
}

@media (max-width: 1280px) {
    .login {
        margin-top: 10px;
    }

    .disappeared h2 {
        margin: 20px 15% 10px 0;
    }

    .kk-audio td:first-child, .betty-bio #bio-table td:first-child {
        width: 35%;
    }

    .the-edge td:first-child {
        width: 40% !important
    }

    .the-edge td:last-child {
        width: 60% !important;
        padding: 0 40px 0 30px !important
    }

    .kk-audio td:last-child, betty-bio #bio-table td:last-child {
        width: 65%;
    }

    .kk-audio td:last-child, .the-edge td:last-child {
        padding: 0 30px 0 0;
    }

    .betty-bio #bio-table td:last-child {
        padding: 0 30px 0 30px;
    }

    .kk-audio h2, .disappeared h2, .image-box-table h2 {
        font-size: 32px;
    }

    .kk-audio h3 {
        font-size: 24px;
    }

    .kk-audio h2, .kk-audio h3, .kk-audio p {
        margin-left: 30px;
    }

    .the-edge img {
        padding: 0 8px 0 0;
    }
}

@media (max-width: 1140px) {
    .betty-bio #list-table p {
        font-size: 17px;
    }
}

@media (max-width: 1024px) {
    .disappeared h2 {
        margin: 20px 10% 10px 0;
    }

    .kk-audio td:first-child {
        width: 30%;
    }

    .kk-audio td:last-child {
        width: 70%;
        padding: 0 30px 0 0;
    }
}

@media (max-width: 1023px) {
    .kk-audio {
        margin-bottom: 0;
    }

        .kk-audio td:first-child, .kk-audio td:last-child {
            width: 100%;
            display: block;
        }

        .kk-audio td:first-child {
            border-top: solid 40px #fff;
            border-bottom: solid 40px #fff;
            background: #fff;
        }

            .kk-audio td:first-child img, .betty-bio td:first-child img, .the-edge td:first-child img {
                width: 400px;
                display: block;
                margin: 0 auto;
            }

        .kk-audio td:last-child {
            height: auto;
            padding: 40px 0 0 0;
        }

            .kk-audio td:last-child p {
                padding: 0 30px 0 0;
            }

        .kk-audio .audio-controls {
            position: relative;
            height: 58px;
        }

        .kk-audio h2, .kk-audio h3 {
            text-align: center;
            margin-left: 0;
        }

        .kk-audio .audio-controls p {
            margin-top: 30px;
            padding: 6px 0 2px 0;
            line-height: 1.8;
        }

        .kk-audio .control-block {
            position: absolute;
            top: 0;
            right: 0;
        }

        .kk-audio button {
            padding: 0 6px 0 6px;
            margin: 0 20px 0 0;
            border: none;
            background: #000;
            color: #fff;
        }

            .kk-audio button .fa {
                font-size: 50px;
                line-height: 1.2;
            }

    .double-audio button .fa {
        font-size: 50px;
    }

    .kk-audio button.btn-reduce .fa {
        font-size: 49px;
    }

    .betty-bio #bio-table {
        margin: 40px 0 0 0;
        text-align: center;
    }

    .betty-bio #list-table {
        width: 600px !important;
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .betty-bio #bio-table td:first-child, .betty-bio #bio-table td:last-child, .the-edge td:first-child {
        width: 100% !important;
        display: block;
    }

    .betty-bio #list-table td:nth-child(1), .betty-bio #list-table td:nth-child(2), .betty-bio #list-table td:nth-child(3) {
        border: solid 1px transparent;
    }

    .betty-bio #list-table td:nth-child(1), .betty-bio #list-table td:nth-child(2), .betty-bio #list-table td:nth-child(3) {
        width: 33.3%;
    }

    .image-box {
        padding: 0 30px 20px 0;
        background: #fff;
    }

        .image-box img {
            width: 400px !important;
            display: block;
            float: none;
            margin: 0 auto;
            padding: 0 0 0 0;
        }

    .image-box-table {
        padding: 0 0 0 0;
    }

        .image-box-table table {
            width: 100%;
        }

            .image-box-table table td:first-child, .image-box-table table td:last-child {
                width: 100% !important;
                display: block;
                height: auto;
                clear: both;
            }

        .image-box-table td:first-child img {
            display: block;
            float: none;
            padding: 40px 0 4px 0;
            width: 400px;
            margin: 0 auto !important;
        }

        .image-box-table td:last-child {
            padding: 0 30px 0 30px;
        }

    .betty-bio #list-table td p {
        font-size: 20px;
    }

    .the-edge table {
        margin: 40px 0 0 0;
    }

    .the-edge td:first-child, .the-edge td:last-child {
        width: 100% !important;
        display: block;
    }

    .the-edge td:last-child {
        padding-right: 40px;
    }

    .the-edge h2, .image-box-table h2, .image-box h2 {
        text-align: center;
        font-size: 32px;
        color: #f35718;
    }

    .double-audio {
        margin: 0 0 0 0;
        padding: 10px 0 30px 0;
    }
}


@media (max-width: 992px) {
    .disappeared h2 {
        float: none;
        text-align: center;
        margin: 20px 0 0 0;
        border: none;
    }

    .disappeared table td:nth-child(1) {
        display: none;
    }

    .disappeared table td:nth-child(2), .disappeared table td:nth-child(3) {
        width: 50%;
    }

    .disappeared .hide-img {
        display: block;
    }

        .disappeared .hide-img img {
            width: 380px;
            margin: 0 auto;
            padding: 0 0 0 0;
        }
}


@media (max-width: 768px) {
    .login a {
        padding: 10px 20px 6px 20px;
    }

    .disappeared table td:nth-child(2), .disappeared table td:nth-child(3) {
        width: 100%;
        display: block;
    }

    .the-edge td:last-child {
        padding: 0 20px 0 30px !important
    }

    .kk-audio .audio-controls p {
        font-size: 24px;
    }

    .kk-audio .audio-controls {
        height: 50px;
    }

    .kk-audio button {
        padding: 0 6px 0 6px;
    }

        .kk-audio button .fa {
            font-size: 44px;
            line-height: 1.2;
        }

    .double-audio button .fa {
        font-size: 44px;
    }

    .kk-audio button.btn-reduce .fa {
        font-size: 42px;
    }
}

@media (max-width: 680px) {
    .betty-bio #list-table {
        width: 300px !important;
    }

        .betty-bio #list-table td:nth-child(1), .betty-bio #list-table td:nth-child(2), .betty-bio #list-table td:nth-child(3) {
            width: 100%;
            display: block;
        }

    .kk-audio h2, .disappeared h2, .the-edge h2, .image-box-table h2, .image-box h2 {
        font-size: 28px;
    }

    .kk-audio h3 {
        font-size: 22px;
    }

    .disappeared h2 br {
        display: block;
    }

    .double-audio {
        margin: 0 0 0 0;
        padding: 10px 0 10px 0;
    }

        .double-audio table {
            float: none;
            width: 300px;
            margin: 0 auto;
        }

        .double-audio td {
            float: none;
            width: 100% !important;
            display: block;
            text-align: center;
        }
}

@media (max-width: 580px) {
    .the-edge table, .betty-bio #bio-table {
        margin: 0 0 0 0;
    }
    .kk-audio td:first-child {
        border-top: solid 1px #fff;
        border-bottom: none;
    }

    .kk-audio h2, .kk-audio h3, .kk-audio p {
        margin-left: 20px;
    }

    .kk-audio button {
        margin: 0 10px 0 0;
    }

    .kk-audio td:first-child img, .betty-bio td:first-child img, .the-edge td:first-child img {
        width: 100%;
        display: block;
        margin: 0 0;
    }

    .image-box-table td:last-child {
        padding: 0 20px 0 20px;
    }

    .image-box img {
        width: 100%;
        float: none;
        padding: 0 0 0 0;
    }

    .image-box p {
        padding: 0 20px 0 20px;
    }
}

@media (max-width: 480px) {
    .disappeared .hide-img img {
        width: 260px;
    }
    .kk-audio, .image-box, .image-box-table, .disappeared table, .double-audio, .the-edge, .betty-bio, .protect, .image-box-table td:first-child img, .image-box-table img, .the-edge img {
        width: 100%;
    }

.kk-audio button {
        margin: 0 1px 0 0;
    }           
        .image-box  {
            padding: 0 10px 0 10px !important;
        }
    .image-box img {margin-left:-30px;}
    .image-box-table {margin-top:-40px;}
}
@media (max-width: 420px) {
    .kk-audio .audio-controls {
        height: 110px;
text-align: center;
    }
    .kk-audio .control-block {
        clear:both;
        width: 100%;
        margin-top: 50px;
    }
}