.modal {
position: relative;
}
.video-container {
z-index: 12;
background-color: rgba(243, 243, 243, 0.8);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
pointer-events: none;
transition: all .3s;
}
.show {
pointer-events: all;
opacity: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container-inside {
position: relative;
}
.video-container .close {
position: absolute;
top: -34px;
right: -23px;
cursor: pointer;
z-index: 99;
width: 50px;
}
.video-container iframe {
border: 13px solid #FD0057;
}

@media(max-width:767px) {
.video-container .close {
    top: -29px;
    right: -25px;
    width: 40px;
}
}