@media only screen and (min-width: 10px) and (max-width: 768px) {
    .wapnone{display: none;}
    .toplogo{height: 30px;}
    .pcnone{display: block;}
    .padd15{padding: 20px 0;}
    .formw{width: 100%;margin: auto;}
    .carousel-indicators{margin: 0 !important;}
    .padd20{padding: 20px;}
    .pad25{padding: 0 20px;}
    .padd222{padding: 15px 10px;}
    .font30{font-size: 24px !important;}
    .padb1d{padding: 10px 0;}
    .mcenindex{padding: 30px 0;color:#333333;text-align: center;line-height: 30px;;background: rgba(0, 0, 0, 0.2);}

    .padd25{padding: 0px 5px;}
    /*.riskover{overflow-y: scroll;height: 300px;padding: 0 20px;}*/

    .modal-body{padding: 0 1rem 1rem 1rem;}
    #lables .carousel-indicators{display: inline-block !important;}
    #helps .carousel-indicators{display: inline-block !important;}
    #lables .carousel-indicators li{display: inline-block;margin: 0 5px;}
    #helps .carousel-indicators li{display: inline-block;margin: 0 5px;}
    .othors{line-height: 40px;width: 100%;text-align: left;padding-left: 10px}
    .height50{height: 50px}
    .layui-textarea{min-height: 30px !important;}
    .video-js .vjs-big-play-button{top:20%!important;left: 20%!important;background: none!important;font-size: 6em!important;border: none!important;outline: none !important;}
.widies{padding: 10px;border-radius: 5px;margin: 20px auto auto auto;width: 100%;}
    .flexc{display: flex;justify-content: center;}
    .imgh50{width: 50px;height: 50px;}
    .backjb{background: linear-gradient(to bottom,rgba(152, 151, 151, 0),rgba(0, 0, 0, 1));text-align: right;padding: 10px;}
}