.thumbnail{
                width: 100%;
            }
           
             .video-info-grids{
                display: grid;
                grid-template-columns : 50px 1fr;

            }


            .profile-pic,
            .thumbnail,
            .video-title,
            .video-arthor,
            .video-stats{
                cursor: pointer;
            }
        



            .profile-pic{
                width: 36px;
                border-radius: 50px;
            }

            .video-title{
                margin-top: 0px;
                font-size: 14px;
                font-weight: 500;
                line-height: 20px;
                margin-bottom: 10px;
            }

            .thumbnail-row{
                margin-bottom: 8px;
                position: relative;
            }

            .video-arthor, .video-stats{
                font-size: 12px;
                color: rgb(96, 96,96)
             }

             .video-arthor{
            margin-bottom: 4px;
             }

             .video-grid{
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                column-gap: 16px;
                row-gap: 40px;
                
             }

            @media (max-width: 750px) {
                .video-grid{
               grid-template-columns: 1fr 1fr;}
             }

             @media (min-width: 751px) and (max-width: 999px){
                .video-grid{
               grid-template-columns: 1fr 1fr 1fr;}
             } 
             
             @media (min-width: 1000px) {
                .video-grid{
                 grid-template-columns: 1fr 1fr 1fr 1fr;}
             }



           
             .video-time{
        
                font-size: 12px;
                font-weight: 500;
                position: absolute;
                background-color: black;
                color: white;
                bottom: 10px;
                right: 6px;
                padding: 4px ;
                border-radius: 2px;

             }