@media (min-width: 1201px) {
    .block{background-image: url(../images/detail-bg.png); background-repeat: no-repeat; background-size: 100% auto; background-color: #1a1a1a; padding-top: 505px;}
    .logo{position: absolute; top: 35px; left: 35px; width: 190px;}
    .content-box{ width: 1440px; margin: 0 auto; background-color: #0c0c0c; padding: 130px;}
    .content-box .title{font-size: 30px; color: #fff; text-align: center; margin-bottom: 40px;}
    hr{border: 1px solid #333;}
    .content-box .content{margin-top: 85px; color: #fff; font-size: 18px;}
    .content-box .content p{margin-bottom: 10px; line-height: 1.8;}
    .content-box .content p span{color: #af9871; font-size: 20px;}
    .content-box .content img{ display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; max-width: 70%;}

    .footer{ width: 100%; height: 115px; display: flex; align-items: center;color: #b3b3b3; font-size: 16px; justify-content: center;}
    .footer .logo-pearlabyss{ width: 150px; margin-right: 50px;}
}

@media (max-width: 1200px) {

    .block{background-color: #1a1a1a;}
    .logo-box{ width: 100%; height: 17.3vw; display: flex; align-items: center; justify-content: center;}
    .logo-box img{ width: 30vw;}
    .mobile-detail-top-img{ width: 100%;}
    .content-box{ width: 100%; padding: 10vw 3.3vw; background-color: #040810; color: #eee;}
    hr{border: 1px solid #333;}
    .content-box .title{font-size: 4vw; text-align: center; margin-bottom: 5.3vw;}

    .content-box .content{margin-top: 8vw; color: #fff; font-size: 2.5vw;}
    .content-box .content p{margin-bottom: 10px; line-height: 1.8;}
    .content-box .content p span{color: #af9871; font-size: 2.8vw;}
    .content-box .content img{ display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;  width: 100%;}
    
    .footer{ width: 100%; height: 29.3vw; background-color: #15141a; margin-top: -2.6vw; padding-top: 8vw;}
    .footer .logo-pearlabyss{ width: 28.6vw; color: #b5b5b5; display: block; margin: 0 auto;}
    .footer span{color: #b5b5b5; font-size: 3vw; width: 100%; text-align: center; display: block; margin-top: 2.6vw;}
}