/*Video*/

.row .col-video {
    padding: 0px;
}

.thumbnail {
    padding: 0px;
    border: none;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #ffcb05;
}

.home-video {
    margin-top: 4px;
}

.home-video .thumbnail p {
    font-size: 13px;
    padding: 5px;
    color: #888;
}

.home-video .glyphicon {
    top: 2px;
    color: #333;
}


/*feature*/

.feature p,
.feature h1,
.feature h3 {
    text-align: center;
}

.featrue h1 {
    margin-bottom: 40px;
}

.feature p {
    font-size: 1.3em;
    font-weight: 300;
}

.liveview-feature ul {
    margin-top: 40px;
    padding: 0;
}

.liveview-feature li {
    list-style: none;
    float: left;
    padding: 50px 0px 0 0px;
    text-align: center;
    background-position: top;
    background-repeat: no-repeat;
    width: 20%;
}

.liveview1 {
    background-image: url(../img/home/liveview-feature/liveview1.svg);
}

.liveview2 {
    background-image: url(../img/home/liveview-feature/liveview2.svg);
}

.liveview3 {
    background-image: url(../img/home/liveview-feature/liveview3.svg);
}

.liveview4 {
    background-image: url(../img/home/liveview-feature/liveview4.svg);
}

.liveview5 {
    background-image: url(../img/home/liveview-feature/liveview5.svg);
}

.bg2 {
    background-image: url(../img/home/feature/2-skiing-bg.jpg);
    background-repeat: no-repeat;
}

.bg2 h3 {
    padding: 40px 0 20px 0;
}

.selfpotrait {
    background-image: url(../img/home/feature/3-selfpotrait.jpg);
    background-repeat: no-repeat;
    color: white;
}

.selfpotrait .text {
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 200px;
    padding-bottom: 260px;
}

.selfpotrait h3 {
    padding: 40px 0 20px 0;
}

.time-lapse-bg {
    background-image: url(../img/home/feature/4-timer-bg.jpg);
}

.time-lapse-bg h3 {
    margin: 0;
    padding: 40px 0 20px 0;
}

.time-lapse-bg p {
    padding-bottom: 20px;
}

.showTV h1 {
    margin: 80px 0 40px 0;
}

.showTV p {
    padding-bottom: 40px;
}

.androidTV {
    background-image: url(../img/home/feature/6-androidbox.jpg);
    background-color: #ececec;
    /*height: 700px;*/
    background-repeat: no-repeat;
    background-size: 130%;
    background-position: right 180px;
}

.androidTV p {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 55%;
}

.androidTV h3 {
    padding-top: 70px;
}

.zip {
    background-color: #4d92c9;
}

.zip h3 {
    padding-top: 80px;
    margin-top: 0;
    color: #fff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.zip p {
    color: #fff;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 40px
}

.print .text {
    padding: 40px 0;
}

.print img {
    padding-bottom: 40px;
}

.share .text {
    width: 80%;
    margin: 0 auto;
    padding: 40px 0 20px 0;
}

.share {
    background-image: url(../img/home/feature/9-share.jpg);
    background-size: 150%;
    background-position: center top;
}

.share-cover {
    background-color: rgba(255, 255, 255, 0.3);
}

.share img {
    padding: 20px 20px 40% 20px;
}

.download {
    background-image: url(../img/home/feature/10-sea-bg.jpg);
    background-position: center;
}

.download .text {
    color: #fff;
    width: 80%;
    padding: 40px 0;
    margin: 0 auto;
}

@media screen and (max-width: 420px) {
    .carousel-indicators li {
        height: 6px;
        width: 6px;
        margin: 0;
    }
    .carousel-caption {
        padding-bottom: 0;
    }
    .carousel-caption p {
        font-weight: 200;
    }
    .carousel-indicators {
        margin-bottom: 0;
    }
    .carousel-indicators .active {
        height: 6px;
        width: 6px;
    }
    .thumbnail p {
        display: none;
    }
    .page-border {
        background-color: #fff;
        border: none;
    }
    .carousel-inner h3 {
        font-size: 16px;
    }
    .feature p,
    .feature h1,
    .feature h3 {
        width: 90%;
        margin: 0 auto;
    }
    .feature h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .feature h3 {
        font-size: 16px;
    }
    .feature p {
        font-size: 14px;
        margin: 10px auto 0 auto;
    }
    .home-video {
        margin-top: 2px;
    }
    .liveview-feature ul {
        margin-top: 10px;
        padding: 0 0 0 30px;

    }
    .liveview-feature li {
        font-size: 8px;
        list-style: none;
        float: left;
        padding: 40px 00px;
        height: 84px;
        text-align: center;
        background-position: top;
        background-repeat: no-repeat;
        width: 30%;
        background-size: 35%;
    }
    .selfpotrait {
        background-image: url(../img/home/feature/3-selfpotrait.jpg);
        background-repeat: no-repeat;
        color: white;
        background-size: 100%;
    }
    .selfpotrait .text {
        background-color: rgba(0, 0, 0, 0.5);
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .time-lapse-bg img {
        width: 320px;
    }
    .showTV h1 {
        margin: 30px auto 20px auto;
    }
    .showTV p {
        padding-bottom: 10px;
    }
    .zip img {
        width: 70%;
    }
    .zip h3 {
        padding-top: 40px;
        margin: 0 auto 10px auto;
        color: #fff;
        width: 80%;
    }
    .zip p {
        color: #fff;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 20px
    }
    .print img {
        width: 80%;
        padding-bottom: 20px;
    }
    .share img {
        width: 30%;
        padding: 20px 10px 10px 10px;
    }
    .share-cover {
        background-color: rgba(255, 255, 255, 0.6);
    }
    .download img {
        width: 80%;
    }
    .download .text {
        color: #fff;
        width: 80%;
        padding: 40px 0 20px 0;
        margin: 0 auto;
    }
}

@media (min-width: 420px) and (max-width: 768px) {
    .thumbnail p {
        display: none;
    }
    .time-lapse-bg img {
        width: 90%;
    }
}

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