.videoDiv {
    height: 450px;
}



.contentWrapper {
    display: flex;
    gap: 50px;
}
.sideDiv {
    width: auto; 
    max-width: 250px;
    flex: 0 0 auto; 
    display: none;    
}
.contentDiv {
    flex: 1;
    min-width: 0;
}



@media all and (max-width: 1100px) { 
    .sideDiv {padding-left: 5px; max-width: 300px;width: unset;}
    .contentWrapper {gap: 40px;}
}
@media all and (max-width: 850px) { 
    .contentWrapper {gap: 90px;flex-direction: column;}
    .sideDiv {padding-left: 0;border-top: 1px solid #dddddd8f;border-left: 0;padding-top: 21px;max-width: unset;}
    .sideMenuTitle {margin: 3px 0 26px;}
}