@media only screen and (min-width: 1750px){
    .container {
        width: 1680px !important;
    }

    .applications .heavy-duty .subtitle, .applications .energy .subtitle{
        max-width: 50% !important;
    }
}

@media only screen and (min-width: 1200px){
    .container {
        width: 95%
    }

    .applications .heavy-duty .subtitle, .applications .energy .subtitle{
        max-width: 70%;
    }
}

@media only screen and (max-width: 1200px) {
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:visited {
        font-size: 15px;
    }

    .nav > li > a {
        padding: 10px 10px;
    }

    .applications .mobility, .applications .mobility:hover, .applications .energy, .applications .energy:hover{
        background-position: bottom center;
    }
}

@media only screen and (max-width: 992px) {
    .navbar-nav{
        margin: 45px 0 20px 0;
    }

    .navbar-header{
        width: 100%;
    }

    .navbar-brand {
        height: 80px;
        width: 100%;
    }

    .navbar-brand img{
        margin: 0 auto;
    }

    .container {
        width: 95%;
    }

    .applications .industry, .applications .heavy-duty{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


    .applications .heavy-duty .subtitle, .applications .energy .subtitle{
        max-width:30%;
    }

.applications .mobility, .applications .mobility:hover {
     background-position: center center;
}

}

@media only screen and (max-width: 768px) {
    .navbar-brand img{
        margin: 0;
    }

    .navbar-brand {
        width: 65%;
        height: 133px;
    }

    .logo img {

    }

    .navbar-nav {
        margin: 20px 0;
    }

    .marginMobile{
        margin-bottom: 30px;
    }

    .steps-bg {
        background-position: top 20px center;
    }

    .steps-bg{
        background: none !important;
    }

    .testimonials{
        background-size: auto;
    }

    .testimonials .title-top{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .testimonials .title-bottom{
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .applications .heavy-duty .subtitle, .applications .energy .subtitle{
        max-width: 40%;
    }


}

@media only screen and (max-width: 500px) {
    .hero h1, .background-small h1{
        font-size: 40px;
    }

    .logo img {
        max-width: 100%;
    }

    .navbar-brand {
        padding: 40px 15px;
    }

    .six-steps .step1, .six-steps .step2, .six-steps .step3, .six-steps .step4, .six-steps .step5, .six-steps .step6{
        background-image: none;
    }

    .six-steps-box .text {
        margin-left: 0;
        margin-top: 20px;
    }

    .showmobile{
        display: initial;
     }

    .benefit1, .benefit2, .benefit3, .benefit4, .benefit5, .benefit6{
        padding-left: 60px;
        background-size: 45px;
    }
}