@media (min-width: 1200px) {
    body, html, .btn, .navbar-brand, .navbar-nav li a, span.input-group-addon, textarea {
        font-size: 1em !important;
        margin: 6px;
    }
    body {
        padding: 0px !important;
        margin: 0 auto !important;
    }
    .header-logo, .header-logo img {
        height: 100px;
        background-size: 500px;
    }

    input, input[type='text'], input[type='password'], select, option {
        font-size: 1em !important;
        height: 40px !important;
        padding: 0 6px !important;
    }
    /* Wrappers */
    #wrapper {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    #page-wrapper {
        padding: 15px 25px;
    }

    #home-news {
        height: 340px;
    }

    #home-motor-stations {
        height: 160px;
    }

        #home-motor-stations table {
            position: relative;
            bottom: 8px;
            left: 0px;
        }

    #home-charging-service {
        height: 160px;
    }

        #home-charging-service table {
            position: relative;
            bottom: 8px;
            left: 0px;
        }

    #home-qa {
        height: 160px;
    }

    #home-links {
        height: 160px;
    }

    #home-files {
        height: 160px;
    }

    .header-link {
        position: absolute;
        top: 15px;
        right: 120px;
    }

    .h50 {
        height: 40px;
    }

    .h100 {
        height: 80px;
    }

    .h150 {
        height: 120px;
    }

    .h200 {
        height: 160px;
    }

    .h250 {
        height: 200px;
    }

    .h300 {
        height: 240px;
    }

    .h400 {
        height: 320px;
    }

    .w50 {
        width: 40px;
    }

    .w100 {
        width: 80px;
    }

    .w150 {
        width: 120px;
    }

    .w200 {
        width: 160px;
    }

    .w250 {
        width: 200px;
    }

    .w300 {
        width: 240px;
    }

    .w400 {
        width: 320px;
    }
}

@media (min-width: 1080px) and (max-width: 1200px) {
    body, html, .btn, .navbar-brand, .navbar-nav li a, span.input-group-addon, textarea {
        font-size: 1em !important;
        margin: 6px;
    }
    body {
        padding: 0px !important;
        margin: 0 auto !important;
    }
    .header-logo, .header-logo img {
        height: 100px;
        background-size: 500px;
    }

    input, input[type='text'], input[type='password'], select, option {
        font-size: 1em !important;
        height: 40px !important;
        padding: 0 6px !important;
    }
    /* Wrappers */
    #wrapper {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    #page-wrapper {
        padding: 15px 25px;
    }

    #home-news {
        height: 340px;
    }

    #home-motor-stations {
        height: 160px;
    }

        #home-motor-stations table {
            position: relative;
            bottom: 8px;
            left: 0px;
        }

    #home-charging-service {
        height: 160px;
    }

        #home-charging-service table {
            position: relative;
            bottom: 8px;
            left: 0px;
        }

    #home-qa {
        height: 160px;
    }

    #home-links {
        height: 160px;
    }

    #home-files {
        height: 160px;
    }

    .header-link {
        position: absolute;
        top: 15px;
        right: 50px;
    }

    .header-link {
        position: absolute;
        top: 15px;
        right: 80px;
    }

    .h50 {
        height: 40px;
    }

    .h100 {
        height: 80px;
    }

    .h150 {
        height: 120px;
    }

    .h200 {
        height: 160px;
    }

    .h250 {
        height: 200px;
    }

    .h300 {
        height: 240px;
    }

    .h400 {
        height: 320px;
    }

    .w50 {
        width: 40px;
    }

    .w100 {
        width: 80px;
    }

    .w150 {
        width: 120px;
    }

    .w200 {
        width: 160px;
    }

    .w250 {
        width: 200px;
    }

    .w300 {
        width: 240px;
    }

    .w400 {
        width: 320px;
    }
}

@media (min-width: 768px) and (max-width: 1080px) {
    body, html, .btn, .navbar-brand, .navbar-nav li a, span.input-group-addon, textarea {
        font-size: 1em !important;
        margin: 6px;
    }

    body {
        padding: 0px !important;
        margin: 0 auto !important;
    }

    .header-logo, .header-logo img {
        height: 100px;
        background-size: 500px;
    }

    input, input[type='text'], input[type='password'], select, option {
        font-size: 1em !important;
        height: 40px !important;
        padding: 0 6px !important;
    }
    /* Wrappers */
    #wrapper {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    #page-wrapper {
        padding: 15px 25px;
    }

    #home-news {
        height: 340px;
    }

    #home-motor-stations {
        height: 160px;
    }

        #home-motor-stations table {
            position: relative;
            bottom: 8px;
            left: 0px;
        }

    #home-charging-service {
        height: 160px;
    }

        #home-charging-service table {
            position: relative;
            bottom: 8px;
            left: 0px;
        }

    #home-qa {
        height: 160px;
    }

    #home-links {
        height: 160px;
    }

    #home-files {
        height: 160px;
    }

    .header-link {
        position: absolute;
        top: 15px;
        right: 50px;
    }

    .header-link {
        position: absolute;
        top: 15px;
        right: 80px;
    }

    .h50 {
        height: 40px;
    }

    .h100 {
        height: 80px;
    }

    .h150 {
        height: 120px;
    }

    .h200 {
        height: 160px;
    }

    .h250 {
        height: 200px;
    }

    .h300 {
        height: 240px;
    }

    .h400 {
        height: 320px;
    }

    .w50 {
        width: 40px;
    }

    .w100 {
        width: 80px;
    }

    .w150 {
        width: 120px;
    }

    .w200 {
        width: 160px;
    }

    .w250 {
        width: 200px;
    }

    .w300 {
        width: 240px;
    }

    .w400 {
        width: 320px;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    body, html, .btn, .navbar-brand, .navbar-nav li a, span.input-group-addon, textarea {
        font-size: 0.8em !important;
        margin: 6px;
    }

    body {
        padding: 0px !important;
        margin: 0 auto !important;
    }

    .header-logo, .header-logo img {
        height: 80px;
        background-size: 400px;
    }

    input, input[type='text'], input[type='password'], select, option {
        font-size: 1.5em !important;
        height: 48px !important;
        padding: 0 6px !important;
    }
    /* Wrappers */
    #wrapper {
        width: 95%;
        margin: 0 auto;
        padding: 0px;
    }

    #page-wrapper {
        padding: 15px 25px;
    }

    #home-news {
        height: 330px;
    }

    #home-motor-stations {
        height: 160px;
    }

        #home-motor-stations table {
            position: relative;
            bottom: 8px;
            left: 0px;
        }

    #home-charging-service {
        height: 160px;
    }

        #home-charging-service table {
            position: relative;
            bottom: 8px;
            left: 0px;
        }

    #home-qa {
        height: 160px;
    }

    #home-links {
        height: 160px;
    }

    #home-files {
        height: 160px;
    }

    .header-link {
        display: none;
    }

    .h50 {
        height: 40px;
    }

    .h100 {
        height: 80px;
    }

    .h150 {
        height: 120px;
    }

    .h200 {
        height: 160px;
    }

    .h250 {
        height: 200px;
    }

    .h300 {
        height: 240px;
    }

    .h400 {
        height: 320px;
    }

    .w50 {
        width: 40px;
    }

    .w100 {
        width: 80px;
    }

    .w150 {
        width: 120px;
    }

    .w200 {
        width: 160px;
    }

    .w250 {
        width: 200px;
    }

    .w300 {
        width: 240px;
    }

    .w400 {
        width: 320px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .container {
        width: 728px;
        margin: 0 auto;
    }

    .banner {
        padding: 140px 0px;
    }

    .big-text {
        font-size: 2em;
    }

    .header-text h2 {
        font-size: 2.5em;
    }

    .small-text {
        width: 85%;
        margin: 0px auto;
        font-size: 1.5em;
    }

    .desc h2 {
        font-size: 2em;
    }

    .desc p {
        font-size: 1.5em;
    }

    .features-section ul li {
        width: 242px;
    }

        .features-section ul li p {
            font-size: 1em;
            width: 95%;
        }

    .contact-section {
        width: 80%;
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif;
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .container {
        width: 600px;
        margin: 0 auto;
        padding: 0px 20px;
    }

    .banner {
        padding: 140px 0px;
    }

    .big-text {
        font-size: 1.5em;
    }

    .header-text h2 {
        font-size: 2em;
        line-height: 40px;
    }

    .small-text {
        width: 90%;
        font-size: 1.5em;
        line-height: 35px;
    }

    .desc {
        padding: 60px 0px;
    }

        .desc h2 {
            font-size: 2em;
        }

        .desc p {
            font-size: 1em;
        }

    .features-section ul li {
        display: block;
        float: none;
        width: 80%;
        margin: 40px auto;
    }

    p.box-desc {
        line-height: 30px;
    }

    .stories-section ul li {
        float: none;
        margin: 40px auto;
    }

    .features {
        padding: 140px 0px;
    }

    .stories {
        padding: 140px 0px;
    }

    .contact {
        padding: 140px 0px;
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .container {
        width: 440px;
        margin: 0 auto;
        padding: 0px 20px;
    }

    .banner {
        padding: 140px 0px;
    }

    .big-text {
        font-size: 1.5em;
    }

    .header-text h2 {
        font-size: 2em;
        line-height: 40px;
    }

    .small-text {
        width: 90%;
        font-size: 1.5em;
        line-height: 35px;
    }

    .desc {
        padding: 60px 0px;
    }

        .desc h2 {
            font-size: 2em;
        }

        .desc p {
            font-size: 1em;
            width: 100%;
        }

    .features-section ul li {
        display: block;
        float: none;
        width: 80%;
        margin: 40px auto;
    }

    p.box-desc {
        line-height: 30px;
    }

    .stories-section ul li {
        float: none;
        margin: 40px auto;
    }

    .features {
        padding: 140px 0px;
    }

    .stories {
        padding: 140px 0px;
    }

    .contact {
        padding: 140px 0px;
    }
}

@media (min-width: 20px) and (max-width: 480px) {
    .container {
        width: 280px;
        margin: 0 auto;
        padding: 0px 20px;
    }

    .banner {
        padding: 140px 0px 60px;
    }

    .big-text {
        font-size: 1em;
    }

    .header-text h2 {
        font-size: 2em;
        line-height: 40px;
    }

    .small-text {
        width: 90%;
        font-size: 1em;
        line-height: 35px;
    }

    .button-section ul li {
        margin: 50px 12px;
    }

    .white, .green {
        padding: 15px;
    }

    .desc {
        padding: 60px 0px;
    }

        .desc h2 {
            font-size: 2em;
        }

        .desc p {
            font-size: 1em;
            width: 100%;
        }

    .features {
        padding: 140px 0px;
    }

    .features-section ul li {
        display: block;
        float: none;
        width: 90%;
        margin: 40px auto;
    }

        .features-section ul li p {
            width: 100%;
        }

    p.box-desc {
        line-height: 30px;
        font-size: 1em;
    }

    .stories {
        padding: 140px 0px;
    }

    .stories-section ul li {
        float: none;
        margin: 40px auto;
        width: 260px;
    }

    .story-img img {
        height: 170px;
        width: 260px;
    }

    .features {
        padding: 60px 0px;
    }

    .stories {
        padding: 60px 0px;
    }

    .contact {
        padding: 140px 0px;
    }

    .contact-section {
        width: 80%;
    }

    h3.text-head {
        font-size: 1.5em;
    }

    .menu {
        display: none;
    }

    .logo {
        float: left;
    }
}

@media only screen and (max-width: 767px) {
    #mobile-header {
        display: block;
    }

    .header {
        position: fixed;
    }

    .banner {
        padding: 160px 0px 80px;
    }

    .menu {
        display: none;
    }
}

@media print {

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left !important;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }
}