.media-box{ width: 100%; margin-top: -1vw;}

.media-box .media-video-box{ width: 100%;padding-top: 4.6vw;background-image: url(../images/faqs-bg.png); background-size: 100% auto;}
.media-box .media-video-box .title{ width: 100%; text-align: center; font-weight: bold; font-size: 24px;}
.media-box .media-video-box .video-list{ width: 59.5vw; margin: 0 auto; margin-top: 2.1vw; display: flex; flex-wrap: wrap; padding-bottom: 5.5vw; }
.media-box .media-video-box .video-list li{ width: calc((100% - 2vw) / 2); margin-right: 2vw; margin-bottom: 2vw;}
.media-box .media-video-box .video-list li p{color: #212121; font-size: 20px; margin-top: 1vw; width: 100%; text-align: center;}
.media-box .media-video-box .video-list li iframe{ width: 100%; height: 16vw;}
.media-box .media-video-box .video-list li:nth-child(2n){margin-right: 0;}

.screenshots-box{ width: 100%; height: 50vw;padding-top: 4.6vw; background-image: url(../images/screenshots-bg.png); background-size: 100% 100%; margin-top: -1vw;position: relative; z-index: 2;}
.screenshots-box .title{ width: 100%; text-align: center; font-weight: bold; font-size: 24px; color: #E8E8E8;}
.screenshots-box .img-box{ width: 59.5vw; margin: 0 auto; margin-top: 2.1vw; display: flex; flex-wrap: wrap;}
.screenshots-box .img-box a{ width: calc((100% - 3.6vw) / 3); height: 10.4vw; background-image: url(../images/video-bg.png); background-size: 100% 100%; margin-right: 1.8vw; margin-bottom: 2vw; display: flex; align-items: center; justify-content: center;}
.screenshots-box .img-box a:nth-child(3n){margin-right: 0;}
.screenshots-box .img-box a img{ width: 100%;}


.logo-box{ width: 100%; height: 66.66vw; background-image: url(../images/media-logo-box-bg.png); background-size: 100% 100%;  margin-top: -1vw; padding-top: 5vw;}
.logo-box .title{ width: 8vw; height: 5.3vw; margin: 0 auto; background-image: url(../images/media-logo-box-title-bg.png); background-position: center center; background-size: 85% auto; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold;}
.logo-box .logo-list{ width: 32.3vw; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 10px; margin-bottom: 2.6vw;}
.logo-box .logo-list li{ width: calc((100% - 1vw) / 2); margin-right: 1vw; margin-bottom: 1vw;}
.logo-box .logo-list li:nth-child(2n){margin-right: 0;}
.logo-box .logo-list li img{ width: 100%;}
.logo-box .download-btn{ width: 15.1vw; height: 2.6vw; background-image: url(../images/download-btn-bg.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 10px; margin-bottom: 2.6vw; font-size: 18px;}
.logo-box .download-btn img{ width: 8.2%; margin-right: 15px;}
@media (max-width: 1919px) {
    
    .logo-box .title{ width: 14vw; height: 5.3vw; margin: 0 auto; background-image: url(../images/media-logo-box-title-bg.png); background-position: center center; background-size: auto 85% ; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold;}

    .logo-box .download-btn{ width: 20vw; height: 2.6vw; background-image: url(../images/download-btn-bg.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 10px; margin-bottom: 2.6vw; font-size: 16px;}

}