.vyasframe{
display: inline-block;
padding: 1rem 1rem;
vertical-align: middle;
margin: 7% 10% 5% 10%;
width:40%;
background-color:#000;
}
.vyastxt{
display: inline-block;
padding: 1rem 1rem;
vertical-align: middle;
margin: 2% 0px 0px 1%;
width: 35%;
}
.vyastxt div{text-align:center; }
.vyastxt ul{ list-style-type:none;}
.vyasnbc{
margin: 100px 0px 0px 60%;
width: 38%;
}
#vyasschedulelist{
box-shadow:0px 1px 10px 5px #FFFFFF;
color:#FFFFFF;
font-weight:bold;
}
.vyashd{
font-size: 18px;
color: #274CC2;
text-align: justify;
}
.vyasnbc ul{
list-style-type:disc;
}
.lockbannerimg{
background-image:url(/cec/newwebpath/vyas/B22.webp);
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
}
.vyasschedule{
background-image: url(/cec/newwebpath/vyas/searchbg.webp);
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
margin: 100px 0px 0px 0px;
}
.videovyas{
margin:170px 0px 0px -100px;
padding:0px 0px 0px 0px;
position:absolute;
float:left;
width:100%;
}
.searchboxvyas{
float:left;
position:absolute;
margin:120px 0px 0px 130px;
text-align:left;
line-height: 60px;
}
.searchboxvyas #resetbtn {
margin: 50px 0px 0px 0px;
border: none;
border: 1px solid #FFFFFF;
border-radius: 25px;
background: transparent;
color: #FFFFFF;
font-size: 16px;
padding: 5px 10px 5px 10px;
}
.searchboxvyas #searchbtn {
margin:50px 0px 0px 100px;
border: none;
border: 1px solid #FFFFFF;
border-radius: 25px;
background: transparent;
color: #FFFFFF;
font-size: 16px;
padding: 5px 10px 5px 10px;
}
.searchboxvyas input[type="text"] {
border: none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-bottom: 2px solid #FFFFFF;
width: 300px;
background: transparent;
color: #FFFFFF;
font-size: 16px;
}
.searchboxvyas #todaybtn{
margin:120px 0px 0px -200px;
border: none;
border: 1px solid #FFFFFF;
border-radius: 25px;
background: transparent;
color: #FFFFFF;
font-size: 16px;
padding: 5px 10px 5px 10px;
}
.searchboxvyas #subjectn{
border: none;
border-bottom: 2px solid #FFFFFF;
width:300px;
background: transparent;
font-size:16px;
color:#FFFFFF;
}
#subjectn option{
color:#000000;
}
.videovyas{
margin:170px 0px 0px -100px;
padding:0px 0px 0px 0px;
position:absolute;
float:left;
width:100%;
}
.vyasncontent{
width:100%
}
.vyaslivsch{
justify-items: center;
margin-left: -10%;
}
.vyasschedulehd{
color:#FFFFFF;
font-size:18px;
font-weight:bold;
padding:14px;
}
#vyasscheduledynamic{
overflow: auto;
height: 400px;
}
#scheduleDate{
color:#fdb927;
font-size:18px;
font-weight:bold;
display: grid;
grid-template-columns: 42% 4% 4% 4%;
justify-items: center;
margin: 50px 0px 0px 10px;
}
}
#leftarrowdate{
cursor: pointer;
}
#rightarrowdate{
cursor: pointer;
}
.tablevyasgrid{
display: grid;
grid-template-columns: 7% 23% 36% 12% 6%;
margin: 14px;
}
.tablevyasgridrows{
display: grid;
grid-template-columns: 7% 23% 36% 12% 6%;
margin: 14px;
line-height: 1.9em;
}
/* Target mobile screens up to 768px wide */
@media screen and (max-width: 768px) { 
.lockbannerimg{
display: grid;
grid-template-columns: repeat(1, 1fr);
background-image: url(/cec/newwebpath/vyas/mobileB22.png);
}	
.tablevyasgridrows {
    display: grid;
	grid-template-columns: repeat(1, 1fr);
}
#scheduleDate {
    grid-template-columns: 25% 11% 27% 4%;
}
.vyastxt {
width: 65%;
}
.vyasframe{
width: 56%;
margin: 5% -5% 5% 6%;
padding:0px;
}

}