.projectswayamdth{
width:100%;
text-align:justify;
padding:20px;
line-height:2;
}
.projectswayamdth a{
text-decoration:none;
cursor:pointer;
color:#0000FF;
font-weight:600;
}
.projectswayamdth table{
cursor:auto;
}
/* Sets a fixed height for all standard table cells */
td {
  height: 50px;
  padding:10px;
}

/* Sets a unique height for header cells */
th {
  height: 60px;
  padding:10px;
}
.dthtitlehd{
text-align:center;
padding:20px;
background-color:#eb6409;
color:#FFFFFF;
}
/* --- The Modern Video Grid Controls --- */
.video-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); /* Default PC Desktop Layout: 3 Columns */
gap: 30px; /* Equalized cell padding and cell spacing layout replacement */
justify-items: center; 
border-radius: 6px;
flex-wrap: wrap;
padding: 0px 7% 0px 7%;
}
.video-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
box-shadow:0px 1px 11px 2px #ccc;
justify-items: center; 
margin-top:1px;
}
.vyasvideo-grid {
border-radius: 6px;
margin:100px 0px 0px 0px;
}
.vyasvideo-card{
display: grid;
grid-template-columns:18% 80%; /* Default PC Desktop Layout: 3 Columns */
gap: 30px; /* Equalized cell padding and cell spacing layout replacement */
box-shadow:0px 1px 11px 2px #ccc;
padding:25px;
}
.video-card-inner{
display: flex;
align-items: center;
text-align: center;
}
.video-card-inner span a{
display: grid;
align-items: center;
text-align: center;
box-shadow: 0px 1px 11px 2px #ccc;
justify-items: center;
padding: 5px 25px 5px 25px;
background-color: #490b1a;
color: #ffffff;
margin: 15px 40px 10px 40px;
font-weight: 700;
}
.video-card-inner span a:hover{
background-color:#ffffff;
color:#490b1a;
}
.channelname{
margin: 0 auto;
font-weight: bold;
COLOR: #000;
FONT-SIZE: 1.2em;
text-transform: uppercase;
}
.subjectcover{
margin: 5px 25px 5px 25px;
font-weight: 500;
}
/* Target mobile screens up to 768px wide */
@media screen and (max-width: 768px) {  
.video-grid{
padding: 0px;
}
.vyasvideo-card{
display: block;
}	
.video-card-inner span a{
margin:15px 0px 10px 40px;
}
.video-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
}

}