/*mobile*/   
@media screen and (max-width:767px){
    
    #tab1 li{font-size: 25px;width:100%;}
    
    #popup_video .video {
      width:630px;
      height: 399px
    }
    #popup_video .video div{
      background: white;
      width:630px;
      height: 354px;
      margin-top: 45px;
    }
}
 
    
/*tablet 45*/
@media screen and (min-width:768px) and (max-width:1023px){
    
    #tab1 li{font-size: 25px;width:100%;}
    
    #popup_video .video {
      width:730px;
      height: 456px
    }
    #popup_video .video div{
      background: white;
      width:730px;
      height: 411px;
      margin-top: 45px;
    }
}
    
/*pc*/  
@media screen and (min-width: 1024px){
    
    #tab1 li{font-size: 20px;width:30%;margin-right: 5%}
    #tab1 .all li:nth-child(3n) {margin-right: 0}

    #popup_video .video {
      width:854px;
      height: 525px
    }
    #popup_video .video div{
      background: white;
      width:854px;
      height: 480px;
      margin-top: 45px;
    }
    
    #thumbnail:hover{transition: all 0.5s;
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px)}
}