#infotext{
    font-family: "Times New Roman", serif;
    font-size: 15px;
    color: #708090;
    text-align: center;
    display: inline-block;
    width: 240px;
    padding: 20px 20px 20px 0;
}

.howitworks{
    width: 512px;
    display: inline-block;
    position: relative;
}

.laptop-margin{
    margin-top: 40px;
    margin-left: 240px;
}

@media only screen and (max-width : 991px) {
    .laptop-margin{
        margin-left: 0;
    }
}

.howitworks img{
    width: 512px;
}

.step{
    position: absolute;
    background-color: #d9d9d9;
    padding: 7px;
    font-size: 9px;
    width: 100px;
    border: 0px solid #bed600;
}

.step:hover{
    width: 185px;
    font-size: 18px;
    transition: all .2s ease;
    border: 1px solid #bed600;
    z-index: 10000;
    cursor: help;
}

.step:hover .ball{
    top: -11px;
    left: -11px;
    transition: all .2s ease;
}

.step.top:hover .ball{
    top: auto;
    bottom: -11px;
}

.step .ball{
    background-color: #bed600;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: -10px;
    left: -10px;
    font-size: 15px;
    line-height: 20px;
}

.step.top .ball{
    top: auto;
    bottom: -10px;
}

#step1{
    top: 214px;
    left: 290px;
}
#step2{
    top: 65px;
    left: 376px;
}
#step3{
    top: 95px;
    left: 162px;
}
#step4{
    top: 93px;
    left: 96px;
}
#step5{
    top: 148px;
    left: 376px;
}
#step6{
    bottom: 168px;
    left: 426px;
}