.refer-earn-box {
    max-width: 80%;
    margin: 50px auto;
    border-radius: 40px;
    background-color: #fffcef;
}

.refer-earn-box-left-box {
    padding: 30px;
}

.refer-earn-box-right-box {
    padding: 30px;
    text-align: center;
}

.ref-link-box{
    padding-bottom: 30px;
    padding-top: 30px;
}

.link-box{
    border: 1px solid #efefef;
    outline: none;
    color: #606060;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    display: flex;
    height: 38px;
    margin: 8px auto;
    border-radius: 5px;
    background: #efefef;
    width: 100%;
    text-indent: 10px;
}

.link-button{
    width: 100px;
}

.timeline-section{padding: 3rem;}
.shareform{width: 60%;margin: auto;}
.ref-term-box{padding: 20px;}
.ref-user-box{padding: 2rem;margin-top: 15px;}
.rewards-image {
     width: 50px;
    height: 50px;
    margin: 0px auto;
}
.banner-section img{max-width: 100%;height: auto;width: 100%;}
.banner-image{
    width: 100%;
    height: auto;
}
.shareform::after {
  content: "";
  clear: both;
  display: table;
}
.cd-timeline-content img{width: 46px;height: 46px;}

.high-cashback-box-box-img{
    width: 312px;
    height: auto;
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 992px) and (max-width: 1400px) {
    .high-cashback-box-box-img
    {
        width: 100%;
        height: auto;
        margin: 7px auto;
    }
    .refer-earn-box
    {
        max-width: 100%;
    }
    .timeline-section{
        padding: 3rem 0 0 0;
    }
    .cd-container{
        width: 100%;
    }
    #cd-timeline{
        margin-bottom: 15px;
    }
    .ref-term-box
    {
        padding: 10px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .high-cashback-box-box-img
    {
        width: 100%;
        height: auto;
        margin: 7px auto;
    }
    .refer-earn-box
    {
        max-width: 100%;
    }

    .timeline-section{
        padding: 3rem 0 0 0;
    }
    .cd-container{
        width: 100%;
    }
    #cd-timeline{
        margin-bottom: 15px;
    }
    .shareform{
        width: 90%;
    }
    .ref-term-box
    {
        padding: 10px;
    }
}


/* 
  ##Device = Low Resolution Tablets, Mobiles
  ##Screen = B/w 320px to 767px
*/

@media (min-width: 320px) and (max-width: 479px) {
    .high-cashback-box-box-img
    {
        width: 100%;
        height: auto;
        margin: 7px auto;
    }
    .refer-earn-box
    {
        max-width: 100%;
    }
    .timeline-section{
        padding: 3rem 0 0 0;
    }
    .cd-container{
        width: 100%;
    }
    #cd-timeline{
        margin-bottom: 15px;
    }
    .shareform{
        width: 90%;
    }
    .ref-term-box
    {
        padding: 10px;
    }
}