@media (min-width: 750px){
    .specs-section .sub-image img {
        max-height: 100%;
        /* width: auto; */
    }
}

@media (min-width: 1600px){
    .image_zoom .inner {
        height: 220px;
        width: 220px;
    }
    .image_zoom:before {
        width: 270px;
        height: 270px;
        left: -25px;
        top: -25px;
    }
}


@media only screen and (min-width: 991px) and (max-width: 1599px) {

    .image_zoom .inner img{
        max-width: 100%;
    }
    .image_zoom .inner{
        width: 150px;
        height: 150px;
    }
    .image_zoom:before{
        width: 190px;
        height: 190px;
    }
    .specs-section.first-animation .sub-image {
        transform: translate3d(-45%, 30%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.first-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(59px, -14px, 0) scale(.5);
    }
    .specs-section .common-content{
        -ms-transform: translate(-5% -50%);
        transform: translate(-5%, -50%);
    }
    .specs-section .common-content .common-Wrap {
        margin-left: auto;
        max-width: 480px;
    }
    .specs-section .content h3{
        font-size: 34px;
    }
    .specs-section .content p{
        font-size: 16px;
    }

    .specs-section.second-animation .sub-image {
        transform: translate3d(-58%, -15%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.second-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(175px, 217px, 0) scale(.5);
    }

    .specs-section.third-animation .sub-image {
        transform: translate3d(-45%, -1%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.third-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(48px, 131px, 0) scale(.5);
    }
    .specs-section .logo_and_line.third {
        width: 474px;
    }
    .specs-section .third_line {
        width: 400px;
    }
    .specs-section.third-animation .common-content.third{
        top: 30%;
    }
    .specs-section.fourth-animation .sub-image {
        transform: translate3d(-43%, 55%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fourth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(12px, -50px, 0) scale(.5);
    }

    .specs-section .logo_and_line.fourth {
        width: 464px;
    }
    .specs-section .fourth_line {
        width: 393px;
    }


    .specs-section.fifth-animation .sub-image {
        transform: translate3d(56%, 25%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fifth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(-209px, 41px, 0) scale(.5);
    }


    .specs-section.sixth-animation .sub-image {
        transform: translate3d(-36%, 35%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.sixth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(98px, 48px, 0) scale(.5);
    }
    .specs-section .logo_and_line.sixth {
        width: 270px;
    }
    .specs-section .sixth_line {
        width: 190px;
    }
}

@media (max-width: 1024px) {
    .specs-section .logo_and_line.first {
        width: 168px;
    }
    .specs-section .first_line{
        width: 105px;
    }

    .specs-section.second-animation .sub-image {
        transform: translate3d(-60%, -15%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section .logo_and_line.second {
        width: 163px;
    }
    .specs-section .second_line {
        width: 100px;
    }
    
    .specs-section .common-content h3 {
        font-size: 34px;
    }
    .specs-section .common-content p {
        font-size: 18px;
    }
    .specs-section.third-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(112px, 131px, 0) scale(.5);
    }
    .specs-section .logo_and_line.third {
        width: 292px;
    }
    .specs-section .third_line {
        width: 228px;
    }
    .specs-section.fourth-animation .sub-image {
        transform: translate3d(-37%, 40%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fourth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(12px, -40px, 0) scale(.5);
    }
    .specs-section .logo_and_line.fourth {
        width: 252px;
    }
    .specs-section .fourth_line {
        width: 184px;
    }

    .specs-section.fifth-animation .sub-image {
        transform: translate3d(60%, 25%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fifth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(-209px, 41px, 0) scale(.5);
    }
    .specs-section .logo_and_line.fifth {
        width: 184px;
    }
    .specs-section .fifth_line {
        width: 110px;
    }
    .specs-section .common-content.fifth .common-Wrap {
        margin-right: auto;
        margin-left: 38px;
        max-width: 412px;
    }
    .specs-section.sixth-animation .sub-image {
        transform: translate3d(-49%, 22%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.sixth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(71px, 13px, 0) scale(.5);
    }
}

@media (max-width: 1400px) and (max-height: 900px){
    .specs-section {
        text-align: center;
        height: 500vh;
        overflow: hidden;
    }
    
    .specs-section.second-animation .sub-image {
        transform: translate3d(-59%, -41%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.second-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(174px, 220px, 0) scale(.5);
    }
    .specs-section.third-animation .common-content.third{
        top:51%;
    }
    .specs-section.third-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(110px, 161px, 0) scale(.5);
    }
    .specs-section.fourth-animation .sub-image {
        transform: translate3d(-43%, 55%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fourth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(12px, -50px, 0) scale(.5);
    }
    .specs-section.fifth-animation .sub-image {
        transform: translate3d(56%, 25%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fifth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(-174px, 27px, 0) scale(.5);
    }
    .specs-section.sixth-animation .sub-image {
        transform: translate3d(-41%, 8%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.sixth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(28px, 46px, 0) scale(.5);
    }
}
@media (max-width: 1400px) and (max-height: 660px){

    .specs-section {
        text-align: center;
        height: 550vh;
        overflow: hidden;
    }

    .specs-section .common-content .common-Wrap {
        margin-left: auto;
        max-width: 565px;
    }

    .specs-section.second-animation .sub-image {
        transform: translate3d(-38%, -33%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.second-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(54px, 148px, 0) scale(.5);
    }
    .specs-section .logo_and_line.third {
        width: 376px;
    }
    .specs-section .third_line {
        width: 305px;
    }
    .specs-section.third-animation .common-content.third{
        top:51%;
    }
    .specs-section.third-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(10px, 61px, 0) scale(.5);
    }
    .specs-section.fourth-animation .sub-image {
        transform: translate3d(-43%, 55%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fourth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(12px, -50px, 0) scale(.5);
    }
    .specs-section.fifth-animation .sub-image {
        transform: translate3d(56%, 25%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fifth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(-174px, 27px, 0) scale(.5);
    }
    .specs-section.sixth-animation .sub-image {
        transform: translate3d(-41%, 8%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.sixth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(28px, 46px, 0) scale(.5);
    }
    .specs-section .logo_and_line.sixth {
        width:376px;
    }
    .specs-section .sixth_line {
        width: 300px;
    }

}

@media (max-width: 990px) {
    .specs-section .common-content,
    .specs-section.third-animation .common-content.third{
        top: 13%;
    }
    .specs-section.first-animation .sub-image {
        transform: translate3d(-43%, 60%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.first-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(160px, 30px, 0) scale(.5);
    }

    .specs-section .logo_and_line.first, 
    .specs-section .logo_and_line.second,
    .specs-section .logo_and_line.third,
    .specs-section .logo_and_line.fourth,
    .specs-section .logo_and_line.fifth,
    .specs-section .logo_and_line.sixth{
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        right: 0;
        left: 60%;
        min-width: auto;
        -ms-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
        top: 0;
    }
    .specs-section .first_line,
    .specs-section .second_line,
    .specs-section .third_line,
    .specs-section .fourth_line,
    .specs-section .fifth_line,
    .specs-section .sixth_line{
        display: block;
        width: 1px;
        height: 110px;
        -ms-flex-order: 2;
        order: 2;
    }
    .specs-section .second_line,
    .specs-section .third_line,
    .specs-section .fourth_line,
    .specs-section .fifth_line,
    .specs-section .sixth_line{
        height: 220px;
    }
    .specs-section.second-animation .sub-image {
        transform: translate3d(-67%, 21%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.second-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(234px, 255px, 0) scale(.5);
    }
    .specs-section.second-animation .common-content.second{
        top: 16%;
    }
    .specs-section.third-animation .sub-image {
        transform: translate3d(-44%, 52%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.third-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(159px, 220px, 0) scale(.5);
    }
    .specs-section.fourth-animation .common-content.fourth,
    .specs-section.fifth-animation .common-content.fifth,
    .specs-section.sixth-animation .common-content.sixth{
        top: 15%;
    }
    .specs-section.fourth-animation .sub-image {
        transform: translate3d(-8%, 80%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fourth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(17px, 24px, 0) scale(.5);
    }
    .specs-section .common-content.fifth .common-Wrap{
        max-width: 565px;
    }
    .specs-section.fifth-animation .sub-image {
        transform: translate3d(70%, 72%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.fifth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(-271px, 79px, 0) scale(.5);
    }
    .specs-section.sixth-animation .sub-image {
        transform: translate3d(-28%, 71%, 0) scale(2);
        transition-duration: 1400ms;
    }
    .specs-section.sixth-animation .spec {
        transition-duration: 1400ms;
        transform: translate3d(123px, 117px, 0) scale(.5);
    }
}