.tp-video-3-play-box {
    position: absolute;
    left: 530px;
    top: 220px;
    z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tp-video-3-play-box {
        left: 400px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-video-3-play-box {
        left: 200px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-video-3-play-box {
        left: 100px;
    }
}

.tp-video-3-shape-3 {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    animation: tptranslateX2 2.7s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tp-video-3-shape-3 {
        left: -3%;
        bottom: -10%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-video-3-shape-3 {
        left: -3%;
        bottom: -15%;
    }
}

.tp-video-3-shape-1 {
    position: absolute;
    top: 370px;
    left: 280px;
    z-index: 1;
}
.tp-video-3-shape-2 {
    position: absolute;
    z-index: 1;
    top: 280px;
    left: 425px;
    animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
    transform-origin: bottom left;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tp-video-3-shape-2 {
        left: 280px;
    }
}
@media (min-width: 767px) {
    .logoayar{
        margin-right: -40%;
    }
}