.milestones {
    position: relative;
    margin: 10px 20px 25px 20px;
    display:block;
}

.milestones .progress-bar {
    background-image: -webkit-linear-gradient(top, #8d1e1e9 0%, #c0cbd0 100%);
    background-image: -o-linear-gradient(top, #d1e1e9 0%, #c0cbd0 100%);
    background-image: linear-gradient(to bottom, #d1e1e9 0%, #c0cbd0 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}

.milestones .forward {
        background-image: -webkit-linear-gradient(top, #ef713b 0%, #ef713b 100%);
    background-image: -o-linear-gradient(top, #ef713b 80%, #ef713b 100%);
    background-image: linear-gradient(to bottom, #ef713b 0%, #ef713b 100%);
   
}

    .milestones .here {
        border: 2px solid #d1e1e9;
        /*background-image: -webkit-linear-gradient(top, #0d99ab 0%, #0d99ab 100%);
        background-image: -o-linear-gradient(top, #0d99ab 0%, #0d99ab 100%);
        background-image: linear-gradient(to bottom, #0d99ab 0%, #0d99ab 100%);*/
        background-color: #0d99ab !important;
 
    }

    .milestones .past {
        /*background-color: #128a75;
        background-image: -webkit-linear-gradient(top, #0d99ab 0%, #0d99ab 100%);
        background-image: -o-linear-gradient(top, #0d99ab 0%, #0d99ab 100%);
        background-image: linear-gradient(to bottom, #0d99ab5 0%, #0d99ab 100%);*/
        background-color: #0d99ab !important;
    }

.milestones .tick {
    position: absolute;
    top: -12px;
    display: inline-block;
    /*height: 23px;
    width: 20px;
    border: 1px solid #D3D3D3;*/
    border-radius: 50%;
    height: 32px;
    width: 32px;
    background-color: #fff;
}

.milestones .progress {
    height: 10px;
}

.milestones .first {
    left: -5px;
}

.milestones .last {
    right: -5px;
}

.tick-label {
    display: inline-block;
    position: absolute;
    top: 30px;
    font-weight:normal;
    font-size:12px;

}

.tick .fa {
    font-size: 24px;
    margin-top: 4px;
    margin-left: 4px;
}

.checkmark {
    background-image: -webkit-linear-gradient(top, #d1e1e9 0%, #d1e1e9 100%);
    background-image: -o-linear-gradient(top, #d1e1e9 0%, #d1e1e9 100%);
    background-image: linear-gradient(to bottom, #d1e1e9 0%, #d1e1e9 100%);
    color: transparent;
    -webkit-background-clip: text;
    -clip: text;
}

.checks {
    color: #333;
}

.alt-label span {
    text-transform: uppercase;
    color: #fff;
}

.alt-label {
    display: none;
    margin-top: 35px;
    text-align: center;
    color: #fff;
}

@media (max-width: 1000px) {
    /*.alt-label {
        display: block;
    }*/
    .maincontent .how-to-apply {
        background-color: #123660;
        height: 15px !important;
    }

    .maincontent .how-to-apply .milestones {
        display: none;
    }
    .maincontent .how-to-apply .alt-label {
        display: none;
    }
    .contentspacer .how-to-apply .alt-label{
        display: block;
    }

    .contentspacer .how-to-apply .milestones {
        display: block;
    }

    .contentspacer .how-to-apply {
        background-color: #123660;
        height: 140px !important;
    }

    .labels label span {
        display: none;
    }

    /*.labels label:first-child:before {
        content: "S";
        position: relative;
        left: 5px;
        font-size: 18px;
        color: #00A800;
        font-weight: bold;
    }*/

    .labels label:nth-child(2):before {
        content: "";
        position: relative;
        left: 10px;
        font-size: 18px;
        color: #00A800;
        font-weight: bold;
    }

    .labels label:nth-child(3):before {
        content: "";
        position: relative;
        left: 10px;
        font-size: 18px;
        color: #00A800;
        font-weight: bold;
    }

    .labels label:nth-child(4):before {
        content: "";
        position: relative;
        left: 10px;
        font-size: 18px;
        color: #00A800;
        font-weight: bold;
    }

    .labels label:nth-child(5):before {
        content: "";
        position: relative;
        left: 10px;
        font-size: 18px;
        color: #00A800;
        font-weight: bold;
    }

    /*.labels label:last-child:before {
        content: "F";
        position: relative;
        left: -5px;
        font-size: 18px;
        color: #00A800;
        font-weight: bold;
    }*/
}