.videos-gallery {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
}

.videos-gallery a{
    text-decoration: none!important;
}

.videos-gallery .video-title{
    line-height:1rem;
}
.video-box {
    flex-basis: 100%;
    margin: 5px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.video-thumb img {
    width: 100%;
    height: auto;
}
.video-title {
    font-size: 12px;
    font-weight: 600;
    color: #222;
}
.video-title-container {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}
.video-description {
    font-size: 14px;
    color: #222;
	line-height: 1rem;
}
.pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 16px;
	margin-bottom: 16px;
	
}

.pagination-btn {
     /*
     color:#282828;
     padding: 10px 20px;
     border: none;
     border: 1px solid;
     border-color: #005395;
     border-radius: 8px;
     font-size: 18px;
     background-color:white;
	 margin-bottom: 16px;
     */
     cursor: pointer;
     
     font-weight: normal;
	 text-decoration: none !important;

	 margin: 0 42px;
     color:rgb(0, 93, 159);
     border:1px solid rgb(0, 93, 159);
     border-radius:0px;
     padding:10px 30px;

}

        .pagination-btn:hover {
            border-color:#005395;
            background-color: #005395;
            color: #fff;
         }
            
        .playlists {
            list-style: none;
            font-size:12px;
            padding-left:0px!important;
            padding-top:0px;
            padding-right:0px;
            padding-bottom:0px;
            display:flex;
            flex-direction: column-reverse;
        }
        
        .playlists li {
            margin: 10px 0 0 0;
        }
        
        .playlists li a {
            text-decoration: none;
            color: #005395;
            text-transform: uppercase;
        }
        
        .playlists li a.selected {
            color: #333;
            font-weight: 600;
        }
        
        .playlists li a:not(.selected):hover {
            text-decoration: underline;
        }

        @media (min-width: 768px) {
            .video-box {
                flex-basis: calc(25% - 32px); /* Change from 33% to 25% to support 4 columns */
            }
            .playlists {
                display:flex;
                gap:20px;
                padding-bottom:0px;
                flex-direction: row-reverse;
            }
            .videos-gallery {
                padding-left:116px;
            }
        }