@media all and (max-width: 760px) {

    /* Toolbar */
    .toolbar {
        text-align: center;
    }

    .toolbar .right {
        display: block;
        float: none;
        margin-top: 30px;
    }

    .toolbar .logo .brand {
        margin-right: 0;
    }

    .toolbar .item a {
        height: auto;
        line-height: 35px;
    }

    /* Header */
    .intro {
        padding-top: 20px;
        padding-bottom: 60px;
    }

    .intro img {
        display: none;
    }

    /* Concept */
    .concept .ethumb {
        top: 15%;
    }
    .concept{
        margin-top: 0;
        padding-bottom: 50px;
    }


    /* Separate banner */
    .separate_banner .icons {
        display: none;
    }

    .separate_banner .text_wrapper {
        max-width: none;
    }

}

@media all and (max-width: 690px) {
    /* Concept */
    .concept {
        margin-top: 0;
        padding-bottom: 50px;
    }

    .concept .econtent {
        width: 100%;
        display: block;
    }

    .concept .ethumb {
        display: none;
    }

}

@media all and (max-width: 600px) {

    /* Intro header */
    .intro .title{
        font-size: 32px;
    }

    .intro .title .subtitle{
        font-size: 16px;
    }


    /*Features*/
    .features .features_list .feature {
         display: block;
         width: auto;
    }

    /* Demonstrate */
    .demonstrate_details .detail .thumb {
         width: auto;
         margin-left: 0;
         display: block;
        vertical-align: inherit;
        margin-top: 40px;
    }
    .demonstrate_details .detail .content {
        width: auto;
        display: block;
    }


}