/* tzlaliot.com responsive css */

@media (max-aspect-ratio: 16/9) {
    .main, .frame {
        height: auto;
        width: 100%;
        aspect-ratio: 16 / 9;
    }
    .vid-holder {
        height:auto;
        width:100%;
    }
    .v6.vid-holder .vid-back {
        right:-5vw;

    }

    .runtime .frame .title {
        top:50%;
        transform:translateY(-50%);
    }
}
@media (max-width: 1280px) {
    .text-int {
        padding: 9% 8% 0
    }
    .text-wrap {
        font-size:1em;
    }
}
@media (max-width: 1023px) {
    .top-menu .m3 {
        display:none;
    }
    .side-menu.sm2 {
        display:none;
    }
    .frame::after {
        /*display:none;*/
    }
}

@media (max-width: 600px) {
    .mobilemsg {
        display:flex;
    }
    .vid-holder {
        height:auto;
        width:118vw;
    }

}
@media (max-width: 1023px) and (orientation: landscape) {
    body {
        min-height:120vh;
    }
}