.video-list {
clear:both;float:none;margin:0 auto;
/*width: 100%;height: 100vh;*/
position: relative;
}
.video-list #video-izle video {
clear:both;float:none;margin:0 auto;
width: 100%;
vertical-align:top;
text-align:center;
}
.video-list #video-list {max-height:calc(100vh - 300px);overflow-y:auto;}

.video-list .kayit{
padding:10px;


}
.video-list .kayit > div{
border:1px solid rgba(25,25,25,0.2);
padding:10px;
background:#fff;
height:100%;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
}
.video-list .kayit > div:hover{
background:#e9e9e9;
}
.video-list:before {
clear:both;float:none;margin:0 auto;
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.3;
background:url('img/bg-page-video-1.png');
background-repeat: no-repeat;
background-position: right top;
}
.video-list span{padding:5px;}
.video-list .fa{margin:3px 10px;}
.video-list .flex-column{width:70% !important;}
.video-list .baslik{font-weight:bold;}
.video-list .kategori{border-bottom:2px solid var(--renk4);font-size:12px;}
.video-list .tarih{font-size:11px;padding-top:10px;color:var(--renk3);}
.video-list h6{font-size:12px;padding-top:0px;color:#222;}
.video-list .ratings i {color: var(--yesil);}
.video-list .install span {font-size: 12px;}
.xpdf-list .col-md-4 {margin-top: 27px;}
.video-list .svg-icon {
min-width:100px !important;min-height:100px !important;
max-width:120px;
padding:1em;
background:#fff url('img/capraz-1.png');
border:1px solid rgba(25,25,25,0.05);
}

.video-list h3 {border:0px solid var(--renk3);padding:0.5em;color:var(--renk1f);}
.video-list .video-detay {border:1px solid var(--renk3);padding:1em;margin:1em 0;}
.video-list .video-detay:empty {display:none;}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .video-list {padding:0 20px !important;}
    .video-list #video-list {max-height:calc(100vh - 300px);overflow-y:auto;}

    .video-list #video-izle {
clear:both;float:none;margin:0 auto;
width:100%;padding:10px;
display: inline-block;
vertical-align: top; /* here */
}
    
.video-list #video-izle video {
clear:both;float:none;margin:0 auto;
    height:fit-content;
    background:blue;
text-align:center;
}
    
}