/*@media screen and (max-width: 1200px) {

}
*/


@media (min-width: 900px) and (max-width: 1366px) {
    body {
        font-size: 16px;
    }

    .sticky-parent {
        clear: both;
        height: inherit !important;
        float: left;
        padding-top: 30px;
    }

    .contact-box {
        height: 18em;
    }

    .vision-box {
        height: 25em;
        padding: 9px;
    }


    .colorlib-feature.colorlib-feature-sm .colorlib-icon i {
        font-size: 28px;
    }

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h2 {
        font-size: 28px;
    }



    .colorlib-feature .colorlib-icon i {
        font-size: 40px;
    }

    .colorlib-feature.colorlib-feature-sm .colorlib-icon i {
        font-size: 28px;
    }

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h2 {
        font-size: 28px;
        margin-top: 100px;
    }

    #colorlib-main {
        width: 70%;
    }

    #colorlib-aside {
        width: 30%;
    }

    #colorlib-hero {
        height: 780px !important;
        background: #fff url(../images/loader.gif) no-repeat center center;
        width: 100%;
        float: left;
        margin-bottom: 2em;
        clear: both;
        margin-top: -264px;
    }

        #colorlib-hero .flexslider {
            border: none;
            z-index: 1;
            margin-bottom: 0;
            height: 500px !important;
        }

            #colorlib-hero .flexslider .slides li {
                background-repeat: no-repeat;
                background-size: cover;
                background-position: bottom center;
                min-height: 400px;
                position: relative;
                background-size: contain;
            }

    .about-img {
        width: 100%;
        height: 399px;
        margin-bottom: 30px;
    }
}



@media (min-width: 320px) and (max-width: 768px) {

    .colorlib-social li a {
        padding: 10px 8px;
    }
    figure figcaption {
        width: 100%;
    }

    #colorlib-aside {
        width: 270px;
        -moz-transform: translateX(-270px);
        -webkit-transform: translateX(-270px);
        -ms-transform: translateX(-270px);
        -o-transform: translateX(-270px);
        transform: translateX(-270px);
        padding-top: 4em;
    }

        #colorlib-aside #colorlib-logo {
            margin-bottom: 1em;
        }

        #colorlib-aside #colorlib-main-menu ul {
            margin: 0 0 2em 0;
        }

        #colorlib-aside .colorlib-footer {
            position: relative;
            bottom: 0;
        }

    #colorlib-main {
        width: 100%;
    }

    #colorlib-hero .flexslider .flex-control-nav {
        right: 20px;
        top: 100px;
    }

    #colorlib-hero .flexslider .slider-text > .slider-text-inner .desc {
        right: 0;
        left: 0;
    }

    #colorlib-hero .flexslider .slider-text > .slider-text-inner {
        display: table-cell;
        vertical-align: middle;
        max-height: 0px !important;
        padding: 2.5em;
        position: relative;
    }

    #colorlib-hero .flexslider .slider-text {
        display: table;
        opacity: 0;
        height: 190px !important;
        z-index: 9;
    }

        #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {
            font-size: 28px;
        }

        #colorlib-hero .flexslider .slider-text > .slider-text-inner .heading-section {
            font-size: 30px;
        }

        #colorlib-hero .flexslider .slider-text > .slider-text-inner .btn {
            width: 100%;
        }

    .colorlib-narrow-content {
        padding: 0 1em;
    }

    .colorlib-blog,
    .colorlib-work,
    .colorlib-about,
    .colorlib-services,
    .colorlib-contact {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .colorlib-heading {
        margin-bottom: 3em;
    }

    .move-bottom {
        margin-top: 0;
    }

    .blog-entry {
        margin-bottom: 3em;
    }

    .overlap {
        margin-top: 2em;
    }

    .project .desc {
        opacity: 1;
        background: rgba(0, 0, 0, 0.4);
    }

        .project .desc h3 {
            font-style: 28px;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            color: #000;
        }

        .project .desc span {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    #map {
        height: 200px;
    }

    .pagination li a {
        padding: 7px 15px;
    }

    .colorlib-nav-toggle {
        opacity: 1;
        visibility: visible;
    }

    .col-xxs-12 {
        float: none;
        width: 100%;
    }

    .row-bottom-padded-lg {
        padding-bottom: 1em;
    }

    .row-bottom-padded-md {
        padding-bottom: 1em;
    }

    .row-bottom-padded-sm {
        padding-bottom: 1em;
    }


    /*akku*/

    .industry-box {
        height: auto;
    }

    .testimonial-box {
        height: auto;
    }

    .about-img {
        width: 100%;
        height: 290px !important;
        margin-bottom: 30px;
    }

    .process-mr {
        margin-top: -158px;
    }

    .colorlib-about, .colorlib-services, .colorlib-contact {
        padding-bottom: 0em;
    }

    .form-bx {
        height: auto;
    }

    h2, .h2 {
        font-size: 24px;
    }

    .colorlib-nav-toggle i {
        position: absolute;
    }

    .colorlib-counter-img {
        position: relative;
        margin-bottom: -1em;
        background-size: cover;
        width: 25em;
        height: 9em;
        margin-top: 51px;
    }

    .process-img {
        height: 400px;
    }

    .policy-img {
        width: 282px;
        padding: 30px;
        margin-top: 0px;
    }

    .breadcrums-heading {
        padding: 50px;
        font-size: 28px;
        background-size: auto;
    }

    .nav-bg {
        background-color: #fff;
        width: 100%;
        height: 51px;
        border-bottom: 1px solid #dbdbd6;
    }

    #colorlib-hero .flexslider .slider-text > .slider-text-inner .desc {
        position: absolute;
        bottom: -18px;
        padding: 2px;
        background: #f48421;
        margin-left: 114px;
    }

    .hero-img {
        width: 100%;
        float: left;
        margin-right: -100%;
        opacity: 0;
        display: block;
        z-index: 1;
        background-size: contain;
        margin-top: -32em;
        margin-bottom: -21em;
        position: absolute;
    }

    .slider-text-inner h2 {
        position: absolute;
        top: 150%;
        transform: translate(-50%, -50%);
        left: 50%;
        font-size: 14px !important;
        width: 93%;
    }

    #colorlib-hero .flexslider .slides li {
        background-size: contain;
        min-height: 400px;
        position: relative;
        height: 14em;
        margin-top: -137px;
    }

    #colorlib-hero .flexslider .flex-control-nav {
        height: 10em;
    }

    .responsive-aboutimg {
        margin-top: -517px;
        z-index: 1;
    }

    .contact-img {
        height: 351px;
    }

    .logo {
        width: 61% !important;
        margin-left: 41px;
        margin-top: -24px;
    }

    .process-h2 {
        margin-top: 55px;
    }

    .flow1-img {
        height: auto;
        margin-top: -50px;
    }

    #colorlib-hero {
        height: 266px !important;
        background: #fff url(../images/loader.gif) no-repeat center center;
        width: 100%;
        float: left;
        margin-bottom: 2em;
        clear: both;
    }

    #colorlib-hero .flexslider {
        border: none;
        z-index: 1;
        margin-bottom: 0;
        height: 265px !important;
    }
}