.YoutubeVideoList {
        max-width: 1160px;
        margin: auto;
        margin-bottom: 40px;
        position: relative;
        padding: 0 5px;
}
.YoutubeVideoList .GridPanel > span {
        display: none;
}
.YoutubeVideoList  .VideoList {
        display: flex;
        list-style: none;
        gap: 20px;
        padding: 0;
        margin-bottom: 0;
}
.YoutubeVideoList  li.VideoItem {
        padding: 10px;
        background: white;
        border-radius: 5px;
        border: 1px solid #f9f9f9;
        width: 20%;
        flex: 1;
}
.YoutubeVideoList  li.VideoItem img {
        border-radius: 5px;
        margin-bottom: 10px;
        height: 150px;
        object-fit: cover;
        width: 100%;
}
.YoutubeVideoList  .title {
        font-size: 15px;
        color: #035c9c;
        font-weight: 500;
        text-align: left;
        /*font-family: 'Merriweather';*/
}
.YoutubeVideoList .title:first-letter{
        text-transform:uppercase}
.YoutubeVideoList  .GridPanel>div:nth-child(1)>span{
        display: flex;
        width: 100%;
        justify-content: center;
        gap: 4px;
}
.YoutubeVideoList  span.CurrentPage {
        width: 28px;
        height: 28px;
        background: #ee1c25;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #fff;
        border-radius: 50%;
        font-weight: 600;
        border: 1px solid #ee1c25;
}
.YoutubeVideoList  a.NumberPage {
        width: 28px;
        height: 28px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #0067b2;
        border-radius: 50%;
        text-decoration: none;
        border: 1px solid #0166b6;
}
.YoutubeVideoList .GridPanel span{
        height: 0px;
}
.YoutubeVideoList .GridPanel span span,.YoutubeVideoList .GridPanel span a{
        margin-right:10px;
        margin-top: 20px;
}
.YoutubeVideoList .nxtCss{
        background: #fff !important;
        position: absolute;
        font-size: 50px;
        top: 35%;
        color: rgb(159, 156, 156);
        right: -71px;
        transform: translate(-50%, -50%);
        text-decoration: none;
}
.YoutubeVideoList .prvCss{
        color: rgb(159, 156, 156);
        font-size: 50px;
        position: absolute;
        top: 35%;
        left: -34px;
        transform: translate(-50%, -50%);
        text-decoration: none;
}
@media only screen and (max-width: 768px){
        div.YoutubeVideoList {
                padding: 0 15px;
        }
        .YoutubeVideoList .VideoList {
                flex-wrap: wrap;
        }
        .YoutubeVideoList li.VideoItem {
                width: calc(50% - 10px);
                flex-grow: 1;
                flex: none;
        }
        .YoutubeVideoList li.VideoItem img {
                height: 100px;
        }
}