﻿@media (min-width:768px) {
    a.nav-bordered,
    a.nav-bordered:hover {
        border:2px solid #303030!important;
        padding:10px!important;
        text-transform:uppercase;
    }
    a.nav-bordered:hover {
        background:#303030!important;
        color:#dce6e6!important;
    }
}
@media (max-width:900px) {
    div.light > .container > div,
    div.dark > .container > div {
        padding:30px 20px;
    }
    .container {
        width:760px;
    }
}
@media (max-width:768px) {
    .navbar-header {
        padding-bottom:10px;
    }
    .affix .navbar-header {
        padding-bottom:0;
    }
    div.light > .container > div,
    div.dark > .container > div {
        padding:30px 5%;
    }
    .container {
        width:100%;
    }
    ul.nav-tabs li {
        display:block;
        width:100%;
        float:none;
        text-align:center;
        border:1px solid #ffffff;
    }
    div.tab-content .text {
        margin: 15px 10px 25px;
    }
    div.tab-content {
        padding: 10px;
    }
    h1 {
        font-size:38px;
    }
    h3 {
        font-size:17px;
    }
    #top h1 {
        padding:120px 0 10px;
    }
    footer {
        padding:32px 20px;
    }
    div.tab-pane .text h2 {
        font-size:20px;
    }
    .spec {
        margin:20px auto 0;
        height:120px;
        width:100%;
    }
}
@media (max-width:600px) {
    #top h3 {
        padding:0 0 160px;
    }
    div.product-image img {
        position:absolute;
        width:400px;
        top:50%;
        left:50%;
        margin-top:-130px;
        margin-left:-200px;
    }
    .description {
        padding-top:62px;
        padding-bottom:62px;
    }
    .description-home {
        padding-top:160px!important;
    }
    footer {
        padding:20px 17px;
    }
    footer .menue {
        float:none;
        text-align:center;
    }
    footer .menue > a {
        display:inline-block;
        padding:0 20px;
    }
    footer .copyright {
        display:block;
        margin-top:18px;
        text-align:center;
    }
    .spec .content h3 {
        font-size:18px;
        font-weight:700;
    }
    .spec .content span {
        font-size:14px;
    }
    div.tab-pane .text h2 {
        font-size:20px;
    }
    .content-box {
        padding:20px 20px 40px;
    }
    .content-box .image {
        display:block;
        position:relative;
        top:auto;
        left:auto;
        text-align:center;
        padding:20px 0;
    }
    .content-box .solution {
        padding:0;
    }
    .content-box .solution h2 {
        font-size:17px;
        text-align:center;
    }
    .content-box .solution h2 a {
        font-size:13px;
    }
    .content-box .solution p {
        font-size:13px;
    }
}
@media (max-width:400px) {
    #top h3 {
        padding:0 0 150px;
    }
    div.product-image img {
        position:absolute;
        width:300px;
        top:50%;
        left:50%;
        margin-top:-98px;
        margin-left:-150px;
    }
    .description {
        padding-top: 34px;
        padding-bottom: 34px;
    }
    .description-home {
        padding-top: 140px!important;
    }
    footer .menue > a {
        padding:0 5px;
    }
    h3.optional::after {
        font-size:13px;
    }
    #top h1 {
        font-size:28px;
    }
    #top h3 {
        font-size:11px;
    }
}