body {
    overflow-x: hidden;
}

.navbar-inverse.navbar-mobile {
    background: #1a1a1a;
}

    .navbar-inverse.navbar-mobile > .container-fluid {
        border-right: 0;
        position: relative;
    }

.navbar-mobile .navbar-toggle, .navbar-mobile .navbar-toggle:hover, .navbar-mobile .navbar-toggle:active, .navbar-mobile .navbar-toggle:focus {
    padding: 25px;
    background: #c3d432;
    border-radius: 0;
}

    .navbar-mobile .navbar-toggle > .icon-bar {
        background: #2a2a2a;
    }

.navbar-mobile .navbar-header {
    margin: 0;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-mobile .navbar-brand {
    max-height: 75px;
    max-width: 70%;
    height: 74px;
    display: block;
    padding: 0;
    line-height: 74px;
}

    .navbar-mobile .navbar-brand > img {
        display: inline-block;
    }

.navbar-mobile .navbar-container, .navbar-mobile .navbar-toggle {
    position: relative;
}

.navbar-mobile #header-navbar {
    position: absolute;
    right: 16px;
    top: -9px;
    background: #c3d432;
    border: 0;
    box-shadow: none;
    z-index: 9999;
}

    .navbar-mobile #header-navbar > ul {
        padding: 10px 15px;
    }

        .navbar-mobile #header-navbar > ul > li {
            margin: 10px 0;
        }

    .navbar-mobile #header-navbar ul > li > a {
        text-transform: uppercase;
        font-size: 16px;
        text-decoration: none;
        color: #2a2a2a;
        font-family: 'Economica', sans-serif;
    }

    .navbar-mobile #header-navbar li > ul > li > a {
        text-transform: none;
        font-size: 16px;
        text-decoration: none;
        color: #2a2a2a;
        font-family: 'Economica', sans-serif;
    }

    .navbar-mobile #header-navbar li.navitem-toggle {
    }

    .navbar-mobile #header-navbar li > ul {
        background: #d4e448;
        padding: 15px 0 15px 65px;
        margin: 5px -15px;
    }

        .navbar-mobile #header-navbar li > ul > li {
            list-style: disc;
        }

    .navbar-mobile #header-navbar > ul > li.navitem-toggle > a:before, .navbar-mobile #header-navbar > ul > li > a:before {
        background: url(../images/nav_bullets_dark.png) no-repeat;
        background-position: 0 -15px;
        width: 16px;
        height: 15px;
        display: inline-block;
        content: "";
        margin-right: 10px;
        margin-bottom: -1px;
    }

    .navbar-mobile #header-navbar > ul > li > a:before {
        background: none;
    }

    .navbar-mobile #header-navbar > ul > li.navitem-toggle > a.collapsed:before {
        background: url(../images/nav_bullets_dark.png) no-repeat;
        background-position: 0 0;
    }

@media (max-width: 320px) {
    .navbar-mobile .navbar-brand {
        max-height: 75px;
        max-width: 60%;
        height: 74px;
        display: block;
        padding: 0;
        line-height: 74px;
    }

    .navbar-mobile #header-navbar > ul {
        padding: 10px;
    }
}

@media (min-width: 480px) {
    /*.recommend a.info {
        line-height: 48px;
    }

        .recommend a.info > span:after {
            margin-top: 17px;
        }*/
}

@media (max-width: 767px) {
    #carousel-componentes-processor .item {
        min-height: 0;
        max-height: none;
        overflow: hidden;
        text-align: center;
    }

        #carousel-componentes-processor .item .img:after {
            box-shadow: none;
        }

        #carousel-componentes-processor .item .img > img {
            margin: 0 auto;
        }

        #carousel-componentes-processor .item .desc h3 {
            margin-top: 20px;
        }

    #carousel-intel-smart .item > .slide {
        width: 100%;
    }

    #carousel-intel-smart .item {
        min-height: 0;
        max-height: none;
        overflow: hidden;
    }

        #carousel-intel-smart .item .desc {
            width: 100%;
            min-height: 0;
            max-height: none;
            overflow: hidden;
            line-height: 1;
        }

        #carousel-intel-smart .item .desc {
            text-align: center;
        }

            #carousel-intel-smart .item .desc > p {
                padding: 10px;
            }

        #carousel-intel-smart .item .img {
            width: 100%;
            background: #ffffff;
        }

            #carousel-intel-smart .item .img > img {
                margin: 0 auto;
                float: none !important;
            }

    #carousel-intel-smart .shadow {
        width: 90%;
        bottom: 20px;
        left: 5%;
    }
}

@media (min-width: 481px) and (max-width: 1200px) {
    .footer-recommend .recommend {
        line-height: 46px;
    }

        .footer-recommend .recommend > a > span:after {
            margin-top: 16px;
        }
}

@media (max-width: 991px) {
    .page, .types .page {
        background: none;
    }

    .main, .types .main {
        background: none;
    }

    h2.title {
        margin-top: 20px;
    }

    h1 > span {
        display: block;
        font-size: 16px;
        padding-left: 0;
    }

        h1 > span:before {
            display: none;
        }

        h1 > span.info {
            padding-left: 8px;
        }

    .img-responsive {
        margin: 0 auto;
    }

    .table.convertible > tbody > tr > td {
        padding: 10px 5px;
    }

        .table.convertible > tbody > tr > td > img {
            min-height: 0px;
            max-height: 100px;
            height: 75px;
            margin: 0 auto;
        }

    .accessories h2 {
        margin-top: 5px;
    }

    .recommend {
        max-width: none;
        margin-top: 30px;
        min-height: 68px;
        padding: 8px 30px 12px;
    }

    .showcase img {
        margin: 0 auto;
    }

    #home-carousel .item .carousel-caption,
    #home-carousel .item .carousel-caption.tablet,
    #home-carousel .item .carousel-caption.notebook,
    #home-carousel .item .carousel-caption.convertible-desc,
    #home-carousel .item .carousel-caption.allinone {
        position: relative;
        top: 0;
        bottom: 0;
        left: auto;
        right: auto;
        width: 100%;
        text-align: center;
    }

    .home-carousel-indicators {
        margin: 0 auto;
        width: 292px;
    }

    .convertible-desc .chars {
        margin-top: 0;
    }

    .accessories .item {
        border-radius: 0px;
        border: 3px groove #222;
    }

        .accessories .item.even {
            border-right: none;
        }

    .recommend-device {
        height: auto;
        padding-bottom: 40px;
    }

        .recommend-device .devices li {
            margin-bottom: 25px;
        }

            .recommend-device .devices li > a, .recommend-device .devices li > a:before {
                margin: 0 auto;
                width: 140px;
            }

    .device-result h2.title {
        margin-top: 10px;
        margin-left: 0px;
        line-height: 1.1;
    }

        .device-result h2.title:before {
            position: relative;
            margin: 0 auto;
            display: none;
        }

    .device-result .recommend-device {
        top: 0;
    }

        .device-result .result-desc img, .device-result .recommend-device .img > img {
            margin: 0px auto;
        }

        .device-result .recommend-device h3 {
            margin-top: 20px;
        }
}

@media (max-width: 1200px) {
    .sidebar {
        left: 1%;
    }

    h1 > span {
        font-size: 18px;
    }

        h1 > span:before {
            bottom: 5px;
        }

    .recommend-device .devices ul {
        padding: 0;
    }

    .recommend-device {
        height: auto;
        padding-bottom: 40px;
    }

        .recommend-device .btn-recommend {
            position: relative;
            margin-top: 40px;
            width: 100%;
        }

        .recommend-device .devices li {
            height: 180px;
        }

    .img-responsive {
        margin: 0 auto;
    }

    .device-result .recommend-device {
        top: 0;
    }

    .device-result .result-desc img {
        margin: 0 auto;
    }


    .device-result .btn-theme {
        position: relative;
        bottom: auto;
        right: auto;
        padding: 5px 15px;
    }
}