#videoIDS{
    display: none!important;
}
.videos-container{padding:0 0 22px 0!important;}
.videos-header{
    overflow-x:auto;
    margin-bottom:0!important;}
.videos-header>h1.titles{margin-bottom:0!important;}
.videos-header-cont{
    display:flex;
    place-content:center;
    border-radius:30px;
    margin-top:12px;
    overflow:inherit;
    flex-wrap:nowrap;
    position:relative;}
.videos-header-btns-cont{
    width:100%;
    display:flex;
    justify-content:space-between;
    box-sizing:border-box;
    overflow:inherit;
    flex-wrap:nowrap;
    position:relative;
    border-radius:30px;
    gap:10px;
    /* margin-left:1px; */
    position:relative;}
.videos-header-cont .arrows{
    position:absolute;
    /* z-index:2020; */
    height:100%;
    top:0;
    display:flex;
    flex-direction:row;
    justify-content:center;}
.arrow-left{left:-15px;}
.arrow-right{right:-15px;}
.arrow-btn-size{
    width:40px;
    height:100%;}
#arrow-left-btn,#arrow-right-btn{
    display:grid;
    cursor:pointer;
    z-index:1;}
#arrow-left-btn{place-content:center start;}
#arrow-right-btn{place-content:center end;}
.arrow-left::after,.arrow-right::before{
    content:"";
    pointer-events:none;
    width:45px;
    height:100%;
    position: absolute;}
.arrow-right::before{right:14px;}
.arrow-left::after{left:14px;}
@media only screen and (max-width:420px){
.arrow-left{left:-12px;}
.arrow-right{right:-12px;}
.arrow-left::after,.arrow-right::before{width:40px;}
.arrow-right::before{right:11px;}
.arrow-left::after{left:11px;}
.arrow-btn-size{width:35px;}}
.videos-header-cont::-webkit-scrollbar,.videos-header-btns-cont::-webkit-scrollbar{display:none;}
.videos-header-btns{
    text-align:center;
    box-sizing:border-box;
    /* border-bottom:3px solid transparent!important; */
    display:flex;
    font-size:calc(18px + (24 - 16)*((100vw - 320px) / (1920 - 320)))!important;
    font-weight:600;
    padding:3px 20px;
    position:relative;
    transition:all 0.2s ease-in-out;
    white-space:nowrap;
    gap:5px;
    border-radius:30px;}
.videotab-content-wrapper{padding:15px 0 0 0;}
.videotab-content, .searchvideotab-content{ 
    display:none;
    animation:fadein 0.3s ease-in-out;}
.videotab-content--active, .searchvideotab-content--active{display:grid;}
@keyframes fadein {
    from {opacity:0;}
    to   {opacity:1;}}
@media only screen and (max-width:375px){
.videotab-content-wrapper>.leftRight-space-16{margin:0 3px 0;}}
.videotab-content, .searchvideotab-content{
    grid-template-columns:repeat(auto-fit, minmax( min(100%, 240px), 1fr));
    gap:10px;}
.video-box{margin-bottom:10px;}
.video-box.homeResources-grid-containter{padding:10px 10px 15px 10px;}
.iframe-container{
    display:inline-flex;
    position:relative;
    width:100%;
    padding-bottom:56.25%; 
    height:0;}
.iframe-container iframe,
.iframe-container lite-youtube{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:10px;
    border-radius:6px;}
.video-box h3{
    font-size:calc(14px + (24 - 16)*((100vw - 320px) / (1920 - 320)));
    font-weight:500;
    line-height:1.25;
    margin: 0!important;
    text-transform:revert;}
/* .video-date{display:block;} */
@media only screen and (max-width:540px){
.video-box h3{padding:8px 0 0;}}
@media only screen and (max-width:420px){
.videos-header-cont .shadow {width:20px;}
.video-box.homeResources-grid-containter{padding:8px 8px 22px 8px;}}
@media only screen and (max-width:360px){
.video-box.homeResources-grid-containter{ 
    padding:0 0 18px 0;
    padding:5px 5px 18px 5px;}
.video-box h3{padding:5px 5px 0;}}
@media only screen and (min-width:540px){
.videotab-content, .searchvideotab-content{grid-template-columns:repeat(2, 1fr);}}
@media only screen and (min-width:1160px){
.videotab-content, .searchvideotab-content{grid-template-columns:repeat(3, 1fr);}}
@media only screen and (min-width:1260px){
.videotab-content, .searchvideotab-content{grid-template-columns:repeat(4, 1fr);}}
/* search CSS */
#searchResults{
    display:grid;
    position:relative;}
#searchResults #searchResultsInner{
    height:auto;
    overflow:auto;
    position:relative;}
.highlighted{border-radius:2px;}
.displayedVideoCountElement{
    position:absolute;
    margin-top:6px;}