.splash-screen,
.splash-screen .screen,
.splash-screen .screen-panel,
.splash-screen .screen-data{
    height: 100%; 
    min-height: auto;  
    padding: 0em;
    margin:0em;
}
.splash-screen .screen-data{
    background-color:transparent; 
    border-radius: 0em;
    padding: 0em;
}

.splash-screen .ost-panel{
    width: 420px;
    position: relative;
    margin: 115px 0px 0px 60px;
    background-color: #0460A9;
    color: #fff;
    padding: 40px;
    
}
.splash-screen .course-name{
    font-size: 22px;
    padding-inline-end: 0em;
    line-height: 1.2;
}
.splash-screen .enter-btn .btn-icon{font-size: 0.5em;}
.splash-screen .bg-patch{height: 100%; position: absolute; left:0em; top:0em; width: auto;}
.splash-screen .logo{margin: 0px 0px 30px 0px; width: 150px;}
.splash-screen .duration-div{
	position: absolute;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	right: 30px;
    bottom: 46px;
}
.splash-screen .duration-div .clock-icon{
    width: auto;
    margin: 0em 0.5em;
    font-size: 1.5em;
}
.splash-screen .duration-div .durationText{font-size: 0.9em;}

.splash-screen .audio-block{
    position: relative; 
    margin-bottom: 0.70em; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.splash-screen .audio-block .font-icon{position: relative; font-size: 20px;}
.splash-screen .audio-block .txt-cell{position: relative; padding: 5px 15px; padding-right: 2em; }
.splash-screen .enter-btn-panel{margin-inline-start: 100px; margin-top: 40px;}
/* --mediaQuery Start-- */