锘?*@container_width: 1625px;*/ .media-detail-container, .picture-detail-container { margin-top: 20px; } .action-box { margin-bottom: 40px; display: flex; } .action-box .col-md-6 { padding: 0; } .action-box .col-md-6 .back-link { display: flex; align-items: center; justify-content: flex-start; } .action-box .col-md-6 .back-link span { padding-right: 5px; } .action-box .col-md-6 .next-link { display: flex; align-items: center; justify-content: flex-end; } .action-box .col-md-6 .next-link span { padding-left: 5px; } .action-box .col-md-6 .back-link a, .action-box .col-md-6 .next-link a { font-size: 15px; color: #7f8dab; align-items: center; display: inherit; } .action-box .col-md-6 .back-link a span, .action-box .col-md-6 .next-link a span { font-size: 2em; } .description-box { margin-top: 50px; } .description-box .description { font-size: 16px; color: #4d4d4d; } .media-detail-container .page-title { margin: 45px 0; } .media-detail-container .page-title h2 { color: #1e1e1e; font-size: 25px; font-weight: bold; } .media-detail-container .media-box video { width: 100%; object-fit: inherit; } .media-detail-container .media-box img { width: 100%; max-width: 585px; } .picture-detail-container .page-title { margin: 10px 0; } .picture-detail-container .page-title h2 { color: #1e1e1e; font-size: 25px; font-weight: bold; } @media screen and (max-width: 767px) { .picture-detail-container .picture-box .col-md-6 { text-align: center; padding-bottom: 15px; } } .picture-detail-container .picture-box .col-md-6:nth-child(2n+2) { text-align: right; } .picture-detail-container .picture-box .photo .col-md-6 img { width: 100%; max-width: 585px; } .picture-detail-container .picture-box .photo .col-md-12 img { width: 100%; } .picture-detail-container .description-box { margin-top: 18px; }