/* Start:/include/css/for-media.css?17697718961081*/
.row{padding:20px 0}
.mb-10 {margin-bottom: 10px;}
#smi h2{font-weight:700;font-size:32px}
.files-grid{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.files-grid .file{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.files-grid .file img{max-width:200px;max-height:200px;width:100%;height:100%;object-fit:contain}
.files-grid .file a{margin:10px 0 0 0;color:#333}
.video-container{margin:50px 0}
.video-container video{max-width:100%}
#video-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
@media screen and (max-width:998px){
.video-container{margin:30px 0}
.files-grid{grid-template-columns:repeat(3,1fr)}
#video-list {
    padding: 0 10px;
    grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:768px){
.files-grid{grid-template-columns:repeat(2,1fr)}
#smi h2{font-size:28px}
#video-list {
    grid-template-columns: 1fr;
}
}
@media screen and (max-width:500px){
.files-grid{grid-template-columns:1fr}
#smi h2{font-size:24px}
}
/* End */
/* /include/css/for-media.css?17697718961081 */