@media only screen and (max-width: 1024px){
    .roadmap-horizontal {
        width: 200px;
    }
  
    .ser-flip-front{
        display: block;
    }
    .ser-title {
        font-size: 18px;
        margin-top: 25px;
    }
    .roadmap-content{
        margin-left: -100px;
    }
    .roadmap-design span {
        margin-left: 288px;
    }
    .footer-iconed i {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 768px){
    .roadmap-design span {
        margin-left: 222px;
    }
.contact-part {
    /* width: 104%; */
}
.services-box .frontend, .services-box .backend {
    width: 233px;
}
.service-card {
    display: block;
    width: 215px;
    margin-left: -105px;
    margin-top: 23px;
    height: 170px;
}
.token-graph-right {
    width: 300px;
    height: 400px;
    float: right;
    top: -60px;
}
.graph-logo {
    margin-top: -211px;
    margin-left: 100px;
}
.login-form-pg {
    margin-top: 0px;
}
.footer-iconed i {
    margin-right: 10px;
}
}

@media only screen and (max-width: 580px){
    .bitcoin-flex {
        display: block;
    }
    .webcoin-logo {
        height: 100px;
        width: 250px !important;
        margin-left: 35px;
    }
    .login-content {
        margin-top: -290px;
    }
    .fxt-qr-code img {
        width: 290px;
    }
    .services-box .frontend, .services-box .backend {
        margin-left: 30px;
    }
    .footer-content {
        display: block;
        text-align: center;
    }
    .footer-iconed i {
        margin-right: 10px;
    }
}