.panel {
    height: 50px;
    background-color: #FFF;
    margin: 10px 0px;
    padding: 20px;
    border-radius: 5px;
}

.panel>div {
    font-size: 15pt;
    font-weight: bold;
    color: #F00;
}

#dial-select,
#book-select,
#part-select,
#live-go-btn {
    font-size: 18pt;
}
 .cc-image-110 {
        width: 110px;
    }
@media only screen and (min-width: 480px) and (max-width: 1000px) {
    .panel {
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }

    .panel>* {
        width: 100%;
        margin-bottom: 2vw;
    }

    #go-live-web {
        position: inherit;
        right: 0;
        text-align: center;
        margin-top: 4vw;
    }

    #dial-select,
    #book-select,
    #part-select,
    #live-go-btn {
        order: 2;
    }

    .panel>div {
        order: 0;
        font-size: 4.5vw;
        width: 60%;
        vertical-align: bottom;
        padding-top: 3vw;
    }

    #go-live-web {
        order: 0;
        margin: 0;
        text-align: right;
        width: 40%;
        padding-top: 2vw;
    }

    #go-live-web>img {
        width: auto;
    }
   
}

@media screen and (max-width: 480px) {
    .panel {
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }

    .panel>* {
        width: 100%;
        margin-bottom: 2vw;

    }

    #go-live-web {
        position: inherit;
        right: 0;
        text-align: center;
        margin-top: 4vw;
    }

    #dial-select,
    #book-select,
    #part-select,
    #live-go-btn {
        order: 2;
    }

    .panel>div {
        order: 0;
        font-size: 4.5vw;
        width: 60%;
        vertical-align: bottom;
        padding-top: 3vw;
    }

    #go-live-web {
        order: 0;
        margin: 0;
        text-align: right;
        width: 40%;

    }

    #go-live-web>img {
        width: 104%;
    }



}