.iot-banner-wrapper {
    padding: 220px 0 245px
}

.power-internet {
    padding-left: 20px;
    padding-right: 20px
}

.banner-iot-img {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    min-height: 450px
}

.pattern-layer {
    background-image: url(../img/shape/pattern-9.png);
    position: absolute;
    left: 0;
    top: -270px;
    right: 0;
    width: 970px;
    height: 970px;
    bottom: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    animation: zoom-fade 5s infinite linear
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.banner-iot-img figure {
    margin-bottom: 0
}

.banner-iot-img figure.image.image-1 {
    position: relative;
    width: 100%
}

.banner-iot-img figure.image.image-2 {
    position: absolute;
    left: 110px;
    top: -5px
}

.banner-iot-img figure.image.image-3 {
    position: absolute;
    left: -36px;
    bottom: 107px
}

.banner-iot-img figure.image.image-4 {
    position: absolute;
    left: 252px;
    top: 134px
}

.banner-iot-img figure.image.image-5 {
    position: absolute;
    left: 45px;
    bottom: 0
}

.banner-iot-img figure.image.image-6 {
    position: absolute;
    left: 315px;
    bottom: -150px
}

.banner-iot-img figure.image.image-7 {
    position: absolute;
    right: -65px;
    bottom: 55px
}

.banner-iot-img figure.image.image-8 {
    position: absolute;
    left: 43%;
    bottom: -85px
}

.banner-iot-img figure.image.image-9 {
    position: absolute;
    left: 295px;
    bottom: 50px
}

.banner-iot-img figure.image.image-10 {
    position: absolute;
    right: 260px;
    bottom: 135px
}

.banner-iot-img figure.image.image-11 {
    position: absolute;
    top: 20px;
    right: 220px
}

@media only screen and (max-width:1199px) {
    .pattern-layer {
        width: 900px;
        height: 900px
    }

    .iot-banner-wrapper {
        padding: 180px 0 245px
    }

    .banner-iot-img figure.image.image-1 {
        width: 70%;
        margin: 0 auto
    }

    .banner-iot-img figure.image.image-3 {
        left: 0;
        bottom: 40px
    }

    .banner-iot-img figure.image.image-5 {
        left: 94px;
        bottom: -73px
    }

    .banner-iot-img figure.image.image-7 {
        position: absolute;
        right: 0
    }

    .banner-iot-img figure.image.image-8 {
        left: 51%;
        bottom: -60px
    }
}

@media only screen and (max-width:991.98px) {
    .pattern-layer {
        display: none
    }

    .banner-iot-img figure.image.image-2 {
        left: 51px;
        top: 157px
    }

    .banner-iot-img figure.image.image-10,
    .banner-iot-img figure.image.image-3,
    .banner-iot-img figure.image.image-9 {
        display: none
    }

    .banner-iot-img figure.image.image-6 {
        left: 343px;
        bottom: -108px
    }

    .banner-iot-img figure.image.image-7 {
        bottom: 162px
    }

    .banner-iot-img figure.image.image-8 {
        left: 47%;
        bottom: 55px
    }

    .iot-banner-wrapper {
        padding: 100px 0 165px
    }
}

@media only screen and (max-width:767.98px) {
    .iot-banner-wrapper {
        padding: 100px 0 100px
    }

    .banner-iot-img figure.image.image-6 {
        left: 343px;
        bottom: -50px
    }

    .banner-iot-img figure.image.image-5 {
        left: 0 !important;
        bottom: -30px !important;
        max-width: 130px !important
    }

    .banner-iot-img figure.image.image-6,
    .banner-iot-img figure.image.image-7 {
        max-width: 150px !important
    }
}