.projects-pop h3 span,
.products h3 span {
    float: right
}

footer ul.links li a:hover {
    padding-left: 10px;
    padding-right: unset;
    color: #fff
}

.search-bar .close {
    float: right
}

.product-box p {
    direction: ltr;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical
}

.career .banner {
    height: 200px;
    background: url(../images/frame-en.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center
}

@media only screen and (max-width:600px) {
    .career .banner {
        background: url(../images/frame-mob-en.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat
    }
}

@media only screen and (min-width:1920px) and (max-width:2500px) {
    .career .banner {
        height: 320px
    }
}

.intro img {
    transform: rotateY(180deg)
}

.intro header img {
    transform: unset
}

.intro img.one {
    left: 35%;
    right: unset
}

.intro img.two {
    right: 8%;
    left: unset
}

.intro img.three {
    right: 35%;
    left: unset
}

.intro img.four {
    left: -550px;
    right: unset
}

.intro img.five {
    left: 12%;
    right: unset
}

.line_icon{
    border-right: 0px solid; height: 0px;
    border-left: 1px solid; height: 20px; 
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .trip p {
        width: 100%
    }

    .intro img.two {
        right: 1% !important;
        left: unset !important
    }

    .intro img.four {
        left: -550px !important;
        right: unset !important
    }

    .intro img.three {
        right: 35% !important;
        left: unset !important
    }

    .intro img.one {
        left: 35% !important;
        right: unset !important
    }

    .intro img.five {
        left: 12% !important;
        right: unset !important
    }
}

@media only screen and (min-width:1920px) and (max-width:2500px) {
    .intro img.four {
        left: -457px;
        right: unset
    }

    .intro img.five {
        left: 7%;
        right: unset
    }

    .intro img.one {
        left: 33%;
        right: unset
    }

    .intro img.three {
        right: 41%;
        left: unset
    }

    .intro img.two {
        right: 16%;
        left: unset
    }

    .intro img.four {
        left: -457px;
        right: unset
    }
}