.iframe-video {
    height: 800px;
}

@media screen and (max-width: 768px) {
    .iframe-video {
        height: 400px;
    }
}

@media screen and (max-width: 425px) {
    .iframe-video {
        height: 200px;
    }
}

@media screen and (max-width: 320px) {
    .iframe-video {
        height: 180px;
    }
}


.active>.item-1 {
    transform: rotate(45deg) translate(9px, 10px);
}
.active>.item-3 {
    transform: rotate(-45deg) translate(2px, -4px);
}
.active>.item-2 {
    opacity: 0;
}
.active-menu {
    top: 100px!important;
    transform: translateY(0)!important;
}

@media (max-width: 768px) {
    .active-menu {
        top: 76px !important;
        transform: translateY(0)!important;
    }
}

@media (max-width: 425px) {
    .active-menu {
        top: 46px !important;
        transform: translateY(0)!important;
    }
}