.sk-device_galaxy #galaxy-container {
    position: relative
}

.sk-device_galaxy #outer-layer {
    border: 1px solid #E3E5E8;
    padding: 2rem;
    width: 37rem;
    height: 37rem;
    border-radius: 100%;
    margin: auto
}

.sk-device_galaxy #outer-layer>.dots-container .dot:nth-child(1) {
    transform: translate(3rem, -18.2rem)
}

.sk-device_galaxy #outer-layer>.dots-container .dot:nth-child(2) {
    transform: translate(17.85rem, 5rem)
}

.sk-device_galaxy #outer-layer>.dots-container .dot:nth-child(3) {
    transform: translate(3rem, 18.3rem)
}

.sk-device_galaxy #outer-layer>.dots-container .dot:nth-child(4) {
    transform: translate(-14rem, 12.1rem)
}

.sk-device_galaxy #outer-layer>.dots-container .dot:nth-child(5) {
    transform: translate(-17.7rem, -5.3rem)
}

.sk-device_galaxy #outer-layer>.dots-container .dot:nth-child(6) {
    transform: translate(-11rem, -14.9rem)
}

@media (max-width: 48em) {
    .sk-device_galaxy #outer-layer {
        width:19rem;
        height: 19rem;
        padding: 0
    }
}

.sk-device_galaxy #middle-layer {
    border-radius: 100%;
    padding: 2rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border: solid 2px #9BDD9B;
    position: relative
}

.sk-device_galaxy #middle-layer .feature {
    position: absolute;
    display: block;
    z-index: 9;
    border-radius: 100%;
    background: #9BDD9B;
    border: 2px solid #66CB66;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px rgba(102,203,102,0.3);
    height: 3rem;
    width: 3rem;
    line-height: 3.5rem;
    text-align: center;
    cursor: pointer
}

.sk-device_galaxy #middle-layer .feature svg {
    width: 1.5rem;
    height: 1.5rem
}

.sk-device_galaxy #middle-layer .feature svg path {
    fill: #fff
}

.sk-device_galaxy #middle-layer .feature:nth-child(1) {
    transform: translate(0.5rem, -16.5rem)
}

@media (max-width: 48em) {
    .sk-device_galaxy #middle-layer .feature:nth-child(1) {
        transform: translate(0.5rem, -9.5rem)
    }
}

.sk-device_galaxy #middle-layer .feature:nth-child(2) {
    transform: translate(14.25rem, -8rem)
}

@media (max-width: 48em) {
    .sk-device_galaxy #middle-layer .feature:nth-child(2) {
        transform: translate(8.5rem, -4rem)
    }
}

.sk-device_galaxy #middle-layer .feature:nth-child(3) {
    transform: translate(14.25rem, 8rem)
}

@media (max-width: 48em) {
    .sk-device_galaxy #middle-layer .feature:nth-child(3) {
        transform: translate(8.5rem, 4rem)
    }
}

.sk-device_galaxy #middle-layer .feature:nth-child(4) {
    transform: translate(0.5rem, 16.5rem)
}

@media (max-width: 48em) {
    .sk-device_galaxy #middle-layer .feature:nth-child(4) {
        transform: translate(0.5rem, 9.5rem)
    }
}

.sk-device_galaxy #middle-layer .feature:nth-child(5) {
    transform: translate(-14.25rem, 8rem)
}

@media (max-width: 48em) {
    .sk-device_galaxy #middle-layer .feature:nth-child(5) {
        transform: translate(-8.5rem, 4rem)
    }
}

.sk-device_galaxy #middle-layer .feature:nth-child(6) {
    transform: translate(-14.25rem, -8rem)
}

@media (max-width: 48em) {
    .sk-device_galaxy #middle-layer .feature:nth-child(6) {
        transform: translate(-8.5rem, -4rem)
    }
}

.sk-device_galaxy #inner-layer {
    background: #F4F4F7;
    border-radius: 100%;
    border: 1px solid #E3E5E8;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.sk-device_galaxy #inner-layer img {
    max-height: 23rem;
    width: auto;
    margin-top: 3rem
}

@media (max-width: 48em) {
    .sk-device_galaxy #inner-layer img {
        max-height:13rem;
        margin-top: 2rem
    }
}

.sk-device_galaxy #inner-layer>.dots-container {
    -webkit-animation-duration: 60s;
    animation-duration: 60s
}

.sk-device_galaxy #inner-layer>.dots-container .dot:nth-child(1) {
    transform: translate(10.2rem, -10rem)
}

.sk-device_galaxy #inner-layer>.dots-container .dot:nth-child(2) {
    transform: translate(10rem, 10.2rem)
}

.sk-device_galaxy #inner-layer>.dots-container .dot:nth-child(3) {
    transform: translate(-3rem, 13.95rem)
}

.sk-device_galaxy #inner-layer>.dots-container .dot:nth-child(4) {
    transform: translate(-14.3rem, 1rem)
}

.sk-device_galaxy .dots-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation-name: dotsSpin;
    animation-name: dotsSpin;
    -webkit-animation-duration: 120s;
    animation-duration: 120s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.sk-device_galaxy .dots-container .dot {
    width: 7.37px;
    height: 7.37px;
    background: #E3E5E8;
    display: block;
    border-radius: 100%;
    position: absolute
}

.sk-device_galaxy .dots-container .dot.green {
    width: 14.73px;
    height: 14.73px;
    background-color: #9BDD9B !important
}

@media (max-width: 48em) {
    .sk-device_galaxy .dots-container {
        display:none !important
    }
}

@-webkit-keyframes dotsSpin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes dotsSpin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}