.header-for-post-list {
font-size: 52px;
}
.video-content.mobile {
display: none;
color: #FFF;
font-size: 16px;
font-weight: 500;
padding: 1rem;
line-height: 21px;
align-items: center;
}
@media screen and (max-width: 768px) {
.section-details.blue .section-boxed h2 {
font-size: 36px;
font-weight: 700;
line-height: 46.8px;
}
.section-details.blue .section-boxed p {
margin-top: 2rem;
font-weight: 500;
line-height: 24px;
}
.video-list .item-container .item img {
width: 52%;
min-width: 195px !important;
max-width: 195px !important;
padding: 1rem 0;
}
}
@media screen and (max-width: 37.5em) {
.section-details.blue .section-boxed h2 {
font-size: 22px;
}
.section-details.blue .section-boxed p {
font-size: 16px;
}
.header-for-post-list {
font-size: 32px;
}
.video {
padding-top: 2rem;
padding-bottom: 2rem;
}
.video-container {
flex-direction: column;
}
.video-container .big-video,
.video-container .video-list {
width: 100%;
}
.video-container .video-list h3 {
font-size: 18px;
font-weight: 700;
}
.video-container .big-video h2 {
display: none;
}
.video-container .video-list {
padding-left: 0;
}
.video-list .item-container .item {
display: flex;
flex-direction: row;
margin-bottom: 5px;
background: #2173B0;
}
.video-list .item-container .item img {
min-width: 160px !important;
max-width: 160px !important;
}
.video-content.mobile {
display: flex;
}
.video-content.desktop {
display: none;
}
.with-scroll .d-flex {
flex-direction: column;
}
.white-box .thumbnail {
width: 100%;
}
.white-box .content {
width: 100%;
margin-left: initial;
}
.white-box .content h3 {
padding: 0;
margin: 0;
}
.white-box .content h2  a {
font-size: 20.2px;
line-height: 24px;
font-weight: 700;
text-align: left;
overflow-wrap: break-word;
}
.white-box .content h5 {
font-size: 16px;
line-height: 24px;
}
.white-box .content p {
font-size: 1rem;
line-height: 1.3rem;
margin-bottom: 15px;
font-weight: 500;
}
}