/*Start Our Work Proces Section*/

.section-title p {
    text-align: center;
    color: #333;
}

.wd-50 {
    width: 50%;
    margin: auto;
}

.section-title {
    margin-bottom: 50px;
}

#work-process{
    width: 100%;
    float: left;
    background-color: #e8e8e8;
}
.process{
    width: 100%;
}
#work-process::before {
    position: relative;
    left: 130px;
    display: block;
    width: 80%;
    height: 0;
    top: 236px;
    border-top: 1px dashed #bbbbbb;
    content: "";
}
.process-icon-col{
    float: left;
    margin-right: 100px;
}
.process-icon-col p{
    margin-top: 20px;
    padding: 0;
    margin: 10px 0 0 0;
    text-align: center;
}
.process-icon-col:last-child{
    margin-right: 0px;
}
.process-icon-col .icon-1{
    width: 140px;
    height: 140px;
    border-radius: 80px;
    background-color: #FFF;
    background: url(../images/icons/1-1.png) no-repeat 45px #FFF;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.process-icon-col .icon-1:hover{
    width: 140px;
    height: 140px;
    background-color: #f68b1e !important;
    background: url(../images/icons/1.png) no-repeat 45px #FFF;
    border-radius: 80px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.process-icon-col .icon-2{
    width: 140px;
    height: 140px;
    border-radius: 80px;
    background-color: #FFF;
    background: url(../images/icons/2-2.png) no-repeat 45px #FFF;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.process-icon-col .icon-2:hover{
    width: 140px;
    height: 140px;
    background-color: #f68b1e !important;
    background: url(../images/icons/2.png) no-repeat 45px #FFF;
    border-radius: 80px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.process-icon-col .icon-3{
    width: 140px;
    height: 140px;
    border-radius: 80px;
    background-color: #FFF;
    background: url(../images/icons/3-3.png) no-repeat 45px #FFF;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.process-icon-col .icon-3:hover{
    width: 140px;
    height: 140px;
    background-color: #f68b1e !important;
    background: url(../images/icons/3.png) no-repeat 45px #FFF;
    border-radius: 80px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.process-icon-col .icon-4{
    width: 140px;
    height: 140px;
    border-radius: 80px;
    background-color: #FFF;
    background: url(../images/icons/4-4.png) no-repeat 45px #FFF;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.process-icon-col .icon-4:hover{
    width: 140px;
    height: 140px;
    background-color: #f68b1e !important;
    background: url(../images/icons/4.png) no-repeat 45px #FFF;
    border-radius: 80px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.process-icon-col .icon-5{
    width: 140px;
    height: 140px;
    border-radius: 80px;
    background-color: #FFF;
    background: url(../images/icons/5-5.png) no-repeat 45px #FFF;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.process-icon-col .icon-5:hover{
    width: 140px;
    height: 140px;
    background-color: #f68b1e !important;
    background: url(../images/icons/5.png) no-repeat 45px #FFF;
    border-radius: 80px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

/*End Our Work Proces Section*/
#why-choose-us{
    padding: 20px;
    background: url(../images/relocation1.png)no-repeat bottom;
    background-size: 72%;
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .wd-50{
        width: 100%;
    }
    /* Start Work Process Section*/

    #why-choose-us{
        padding: 20px;
        background: url(../images/relocation1.png)no-repeat bottom;
        background-size: 100%;
    }
    #work-process::before {
        position: relative;
        left: 118px;
        display: block;
        width: 80%;
        height: 0;
        top: 215px;
        border-top: 1px dashed #bbbbbb;
        content: "";
    }
    .process-icon-col {
        float: left;
        margin-right: 17px;
    }
    .process-icon-col .icon-1 {
        width: 100px;
        height: 100px;
        background-size: 40px !important;
        background: url(../images/icons/1-1.png) no-repeat 35px #FFF;
    }
    .process-icon-col .icon-1:hover{
        width: 100px;
        height: 100px;
        background-size: 40px !important;
        background: url(../images/icons/1.png) no-repeat 45px #FFF;
    }
    .process-icon-col .icon-2 {
        width: 100px;
        height: 100px;
        background-size: 50px !important;
        background: url(../images/icons/2-2.png) no-repeat 32px #FFF;
    }
    .process-icon-col .icon-2:hover{
        width: 100px;
        height: 100px;
        background-size: 50px !important;
        background: url(../images/icons/2.png) no-repeat 32px #FFF;
    }
    .process-icon-col .icon-3 {
        width: 100px;
        height: 100px;
        background-size: 50px !important;
        background: url(../images/icons/3-3.png) no-repeat 25px #FFF;
    }
    .process-icon-col .icon-3:hover{
        width: 100px;
        height: 100px;
        background-size: 50px !important;
        background: url(../images/icons/3.png) no-repeat 35px #FFF;
    }
    .process-icon-col .icon-4 {
        width: 100px;
        height: 100px;
        background-size: 50px !important;
        background: url(../images/icons/4-4.png) no-repeat 25px #FFF;
    }
    .process-icon-col .icon-4:hover{
        width: 100px;
        height: 100px;
        background-size: 50px !important;
        background: url(../images/icons/4.png) no-repeat 35px #FFF;
    }
    .process-icon-col .icon-5 {
        width: 100px;
        height: 100px;
        background-size: 40px !important;
        background: url(../images/icons/5-5.png) no-repeat 30px #FFF;
    }
    .process-icon-col .icon-5:hover{
        width: 100px;
        height: 100px;
        background-size: 40px !important;
        background: url(../images/icons/5.png) no-repeat 40px #FFF;
    }
    /* End Work Process Section*/

    /* End team page css*/
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    #why-choose-us{
        padding: 20px;
        background: #f68b1e;
        background-size: 100%;
    }
    .blog-title {
        line-height: 45px;
    }

    .wd-50 {
        width: 100%;
        margin: auto;
    }
    #work-process::before{
        display: none;
    }
    .process-icon-col {
        float: none;
        margin-right: 0;
    }
    .process-icon-col .icon-1, .icon-2, .icon-3, .icon-4, .icon-5{
        margin: auto;
    }

    /* End contact page css*/
}

@media only screen and (max-width: 992px) {


}

.icon-check{

    font-family: 'fontawesome';
    margin-right: 14px;
    font-size: 16px;
    color: #FFF;
    float: left;
}
.advantage-text p{
    color: #FFF;
    font-size:  16px;
}