.portfolio-header .project-category ul li { background-color: #2ab2f7; color: #fff; } 

video { height:100%; } 

.section2 .section-item-2 video { position: absolute; } 
.section3 .video_wrap { position: absolute; top: 0; left: 0; } 

.portfolio-pc .section2 .section-item-2 .video1 { top: 12%; left: 4.6%; width: 51%; height: 42%; } 
.portfolio-pc .section2 .section-item-2 .video2 { top: 55.35%; left: 13%; width: 25.6%; height: 35.6%; } 
.portfolio-pc .section2 .section-item-2 .video3 { top: 55.35%; left: 40.2%; width: 15.4%; height: 18.1%; } 
.portfolio-pc .section2 .section-item-2 .video4 { top: 37.7%; left: 57.1%; width: 25.6%; height: 35.6%; } 
.portfolio-pc .section3 .video_wrap { padding: 180px 60px 0; } 
.portfolio-pc .section4 .cover-img img { background: #3d4a86; } 

.portfolio-mobile .section2 .section-item-2 .video1 { top: 24%; left: 10.6%; width: 51%; height: 30%; } 
.portfolio-mobile .section2 .section-item-2 .video2 { top: 55.35%; left: 19%; width: 25.6%; height: 25.6%; } 
.portfolio-mobile .section2 .section-item-2 .video3 { top: 55.35%; left: 46.2%; width: 15.4%; height: 13.1%; } 
.portfolio-mobile .section2 .section-item-2 .video4 { top: 37.7%; left: 63.1%; width: 25.6%; height: 35.6%; } 
.portfolio-mobile .section3 .video_wrap { padding: 16% 20px 0; } 