.logo-live{
    position: relative;
    display: table;
    margin: 2.604vw auto 0px auto;
    width: 450px;
}

.box-video{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 6px 6px;
    background: url(../images/bg_vdo.png) no-repeat top center;
    background-size: cover;
}

.box-profile{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
    background: #ffffff;
    margin-top: 10px;
}

.profile{
    position: relative;
    display: block;
    color: #32156f;
    font-size: 26px;
    line-height: 26px;
    font-family: db_helvethaicamon_x55_regular;
    padding-left: 20px;
}

.profile i{
    font-size: 20px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.box-bottom-txt{
    position: relative;
    display: block;
    float: right;
    margin-top: 15px;
    color: #ffffff;
    font-size: 24px;
    line-height: 24px;
    font-family: db_helvethaicamon_x55_regular;
    margin-bottom: 30px;
}

@media (min-width: 1200px) and (max-width: 1300px) {
    
}

@media (min-width: 992px) and (max-width: 1199px) {
    
}

@media (min-width: 768px) and (max-width: 991px) {

    .logo-live{
        margin: 2.604vw auto 0px auto;
        width: 40.363vw;
    }

    .box-video{
        padding: 0.605vw 0.605vw;
    }

    .box-profile{
        padding: 1.009vw 1.009vw;
        margin-top: 1.009vw;
    }

    .profile{
        font-size: 2.624vw;
        line-height: 2.624vw;
        padding-left: 2.018vw;
    }

    .profile i{
        font-size: 2.018vw;
        top: 0.202vw;
        margin-right: 1.009vw;
    }

    .box-bottom-txt{
        margin-top: 1.514vw;
        font-size: 2.422vw;
        line-height: 2.422vw;
    }

}

@media (min-width: 576px) and (max-width: 767px) {

    .logo-live{
        margin: 2.604vw auto 0px auto;
        width: 52.151vw;
    }

    .box-video{
        padding: 0.782vw 0.782vw;
    }

    .box-profile{
        padding: 1.304vw 1.304vw;
        margin-top: 1.304vw;
    }

    .profile{
        font-size: 4.522vw;
        line-height: 4.522vw;
        padding-left: 0px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1.304vw;
        padding-bottom: 1.304vw;
    }

    .profile i {
        font-size: 3.478vw;
        position: relative;
        top: 0.261vw;
        margin-right: 1.304vw;
    }

    .box-bottom-txt{
        display: block;
        float: none;
        text-align: center;
        margin-top: 1.956vw;
        font-size: 3.129vw;
        line-height: 3.129vw;
    }

}

@media screen and (max-width: 575px){

    .logo-live{
        margin: 6.519vw auto 0px auto;
        width: 52.151vw;
    }

    .box-video{
        padding: 0.605vw 0.605vw;
    }

    .box-profile{
        padding: 1.304vw 1.304vw;
        margin-top: 1.304vw;
    }

    .profile{
        font-size: 5.433vw;
        line-height: 5.433vw;
        padding-left: 0px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1.304vw;
        padding-bottom: 1.304vw;
    }

    .profile i {
        font-size: 4.390vw;
        position: relative;
        top: 0.261vw;
        margin-right: 1.304vw;
    }

    .box-bottom-txt{
        display: block;
        float: none;
        text-align: center;
        margin-top: 2.609vw;
        font-size: 3.826vw;
        line-height: 3.826vw;
    }

}

@media (min-width: 480px) and (max-width: 575px) {

}

/* Iphone 6 Plus */
@media (min-width:414px) and (max-width: 479px) {

}
/* Iphone 6 */
@media (min-width:375px) and (max-width: 413px) {

}

@media (min-width:300px) and (max-width: 374px) {

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 568px) and (max-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 568px) and (max-width: 768px),
only screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 568px) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 568px) and (max-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 568px) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 568px) and (max-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 568px) and (max-width: 768px) {
    
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px) and (max-width: 567px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 480px) and (max-width: 567px),
only screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 480px) and (max-width: 567px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 480px) and (max-width: 567px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 480px) and (max-width: 567px),
only screen and (min-resolution: 192dpi) and (min-width: 480px) and (max-width: 567px),
only screen and (min-resolution: 2dppx) and (min-width: 480px) and (max-width: 567px) {
    
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:300px) and (max-width: 479px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width:300px) and (max-width: 479px),
only screen and (-moz-min-device-pixel-ratio: 2) and (min-width:300px) and (max-width: 479px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width:300px) and (max-width: 479px),
only screen and (min-device-pixel-ratio: 2) and (min-width:300px) and (max-width: 479px),
only screen and (min-resolution: 192dpi) and (min-width:300px) and (max-width: 479px),
only screen and (min-resolution: 2dppx) and (min-width:300px) and (max-width: 479px) {
    
}