.artist-info{ display:flex; > div{ flex:1; padding:0px 60px; } .artist-image-container{ padding-left:0; text-align: center; } .artist-profile{ .name-box{ padding-bottom:30px; } .intro-box{ padding:30px 0px; } .career-box{ padding:30px 0px; } } } .artist-eng-name{ font-size:30px; font-weight: 500; line-height: 39px; } .artist-kor-name{ font-size: 42px; line-height: 50.41px; letter-spacing: -0.005em; font-weight: 200; } .artist-box-title{ font-weight: 400; font-size: 20px; line-height: 130%; letter-spacing: -0.5px; padding-bottom:20px; } .artist-text-content{ font-weight: 300; font-size: 16px; line-height: 130%; letter-spacing: -0.5px; } .list-container{ display: flex; overflow:hidden; } /************ BreakPoints ************/ // Small devices (landscape phones, 576px and up) @media (max-width: 576px) { } // Medium devices (tablets, 768px and up) @media (max-width: 768px) { } // Large devices (desktops, 992px and up) @media (max-width: 992px) { } // X-Large devices (large desktops, 1200px and up) @media (max-width: 1200px) { } // XX-Large devices (larger desktops, 1400px and up) @media (max-width: 1400px) { .artist-info{ flex-direction: column; > div{ padding:0px; } .artist-profile{ .career-box{ border-top:1px solid rgba(0, 0, 0, 0.05); border-bottom:1px solid rgba(0, 0, 0, 0.05); } } .artist-price, .artist-exhibit{ border:0; padding:20px 0px; border-bottom:1px solid rgba(0, 0, 0, 0.05); } } .artist-swiper{ overflow: unset; } .artist-swiper-wrapper{ flex-direction: column; } }