#software{
    background: url('../images/softwares/smallpack/bg.jpg') top center repeat-y;
}
#software h1{
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 34px;
    font-weight: 400;

}
#software h1 strong{
    display: block;
    padding-bottom: 0px;
    font-weight: 500;
    font-size: 45px;
}
#benefit{
    background: url('../images/softwares/smallpack/bg-smallpack.png') top left no-repeat;
    color: #646464;
    min-height: 761px;
    margin-top: -90px;
}
#benefit h2{
    font-size: 58px;
    font-weight: 600;
}

#benefit .benefit-desc {
    margin-top: 125px!important;
}

.blue{
    color: #0dafa9;
}

.bg{
    background: #ececec;
}

#differential h3{
    color: #3d475a;
    font-weight: 600;
    font-size: 38px;
}
#differential p{
    font-size: 18px;
}

#modules h4{
    color: #0dafa9;
    font-size: 52px;
}
#modules .border-bottom, #modules .border-right{
    border-color: #0dafa9 !important;
}
#modules h5{
    color: #3d475a;
    font-size: 26px;
    font-weight: 500;
}

#integration h4{
    color: #0dafa9;
    font-size: 52px;
}
#integration p{
    font-weight: 500;
    font-size: 24px;
    padding: 0 80px;
    line-height: 130%;
}


@media only screen and (max-width:992px) {
    #benefit{
        background-position: -150px top;
    }

}

@media only screen and (max-width:768px) {
    #benefit{
        min-height: auto;
        background-image: none;
    }
    #additional .container::before, #additional .container::before {
        content: initial;
    }
    #additional h4 small {
        padding-right: 0;
    }
    #benefit h2 {
        font-size: 32px;
    }
    #additional h5 {
        font-size: 28px;
    }

    #additional h4 {
        line-height: initial;
        font-size: 38px;
    }
    #additional h4 small {
        font-size: 28px;
    }
    #additional .container::before {
        content: initial;
    }
    .img-bg {
        display: none!important;
    }
    #integration {
        padding-top: 125px;
    }
    #software{
        padding-bottom: 45px;
    }
    .bg {
        padding: 0px;
    }
    #modules {
        padding: 75px 0;
    }
    #additional .container::after {
        content: initial;
    }
    #integration {
        padding: 75px 0;
    }

    #modules .border-bottom, #modules .border-right {
        border: none!important;
    }
    #integration h4 {
        font-size: 38px;
    }
    #software, #benefit, #differential, #additional {
        padding: 45px 15px;
    }

    #additional .border-bottom, #additional .border-right {
        border: none!important;
        padding-bottom: 35px;
    }
    #differential h3 {
        font-size: 24px;
    }

    #integration p {
        padding: 25px 0px;
    }
}