@media all and (min-width:768px) {
    .navbar>* {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
    }

    .container-fluid>.navbar-collapse,
    .container>.navbar-collapse {
        margin-left:auto;
        padding-right:0;
    }

    .navbar-nav {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
    }

    .navbar-nav>li {
        margin:0 12px;
    }

    .navbar-nav>li:last-child {
        margin-right:0;
    }

    .pricing-table .table {
        table-layout:fixed;
    }

    .sidebar-toggle {
        display:none;
    }

    .user-side .navbar>* {
        height:50px;
    }

    .user-side .navbar-header {
        margin-left:auto;
    }

    .user-side .container-fluid>.navbar-collapse,
    .user-side .container>.navbar-collapse {
        margin-left:0;
    }
}

@media all and (min-width:1024px) {
    .iphone-mockup {
        background-position:right bottom;
        background-size:560px;
    }

    #floating-bullets {
        right:0;
    }
}

@media all and (min-width:1200px) {

}

@media all and (min-width:1200px) and (max-width:1440px) {
    .navbar-nav>li {
        margin:0 10px;
    }

    .navbar-nav>li>a {
        font-size:0.625em;
        letter-spacing:1px;
    }
}

@media all and (min-width:1440px) {
    .iphone-mockup {
        background-position:right 10% bottom;
        background-size:600px;
    }

    #floating-bullets {
        right:10%;
    }

    .sidebar-brand {
        width:250px;
        margin:0 auto 30px;
    }

    .user-avatar {
        width:50px;
        height:50px;
    }

    .sidebar hr {
        margin:15px 0;
    }

    .user-name {
        font-size:1.2em;
    }

    .sidebar-menu a {
        padding:8px 12px;
    }
}

@media all and (min-width:1650px) {
    .iphone-mockup {
        background-position:right 25% bottom;
    }

    #floating-bullets {
        right:15%;
    }
}

@media all and (max-width:1199px) {
    .row-homepage-products>* {
        -webkit-box-flex:3;
            -ms-flex:3 1 350px;
                flex:3 1 350px;
        max-width:450px;
        margin:0 auto 75px;
    }

    .navbar-alt .navbar-brand img,
    .navbar-brand img {
        max-width:200px;
    }

    .navbar-nav>li>a {
        font-size:0.625em;
        letter-spacing:1px;
    }

    .bg-location {
        background-position:left 10% bottom -25px;
    }
}

@media all and (max-width:1024px) {
    .homepage-tools-icon {
        display:block;
        margin:0 auto 15px;
    }

    .homepage-tools-item {
        padding:25px 15px;
        -ms-flex-preferred-size:50%;
            flex-basis:50%;
        font-size:0.575em;
    }

    .footer-title {
        margin-top:30px;
    }

    .heading1,
    .heading-xxl,
    h1 {
        font-size:3.4em;
        line-height:0.9;
    }

    .iphone-mockup {
        display:none;
    }

    .bg-fingerprint {
        background-position:right 5% top 25px;
    }

    .valign>* {
        margin-left:auto;
        margin-right:auto;
    }

    .blog-it-item {
        width:calc(50% - 15px);
    }
}

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

@media all and (max-width:767px) {
    .heading1,
    .heading-xxl,
    h1 {
        font-size:2.4em;
        line-height:0.9;
    }

    h2 {
        font-size:2em;
    }

    h3 {
        font-size:1.8em;
    }

    h4 {
        font-size:1.6em;
    }

    h5 {
        font-size:1.4em;
    }

    h6 {
        font-size:1.2em;
    }

    .heading2 {
        font-size:2.2em;
        line-height:1;
    }

    .heading3 {
        font-size:2em;
        line-height:1.1;
    }

    .heading4 {
        font-size:1.6em;
    }

    .sub1 {
        font-size:1.4em;
    }

    .sub2 {
        font-size:1.3em;
    }

    .sub3 {
        font-size:1.2em;
    }

    .small {
        font-size:0.875em;
    }

    .big {
        font-size:1em;
    }

    .hero-main {
        height:auto;
        min-height:0;
        padding:150px 0;
    }

    .navbar-toggle .icon-bar {
        background-color:#fff;
    }

    .navbar-header {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
    }

    .navbar-toggle {
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
        margin-left:auto;
    }

    .sidebar-toggle {
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
        margin-left:15px;
    }

    .container-fluid>.navbar-collapse {
        background:#262634;
    }

    .navbar-nav>li.nav-menu .dropdown-menu {
        position:relative;
        left:0;
        right:0;
        width:100%;
        -webkit-transform:none!important;
                transform:none!important;
        -webkit-transition:none!important;
        transition:none!important;
        border:0;
        margin-bottom:12px;
        opacity:1!important;
        box-shadow:none;
        padding-left:15px;
        margin-top:0;
    }

    .navbar-nav .btn {
        display:inline-block;
        margin:8px 15px;
    }

    .navbar-nav>li>a {
        padding:8px 15px;
    }

    .navbar-nav>li>a:not(.btn):before,
    .navbar-nav>li>a:not(.btn):after {
        display:none;
    }

    .navbar-brand img {
        max-width:250px;
    }

    .row-tour {
        text-align:center;
    }

    .row-tour .img-responsive {
        margin-top:30px;
        margin-bottom:30px;
        max-width:320px;
    }

    .bg-fingerprint {
        background-position:center top -350px;
        padding-top:250px!important;
    }

    .bg-location {
        background-position:center bottom -50px;
        background-size:200px;
        padding-bottom:300px!important;
    }

    .pricing-table-price {
        font-size:2em;
    }

    .pricing-table .table>.table-header h6 {
        font-size:.875em;
    }

    .pricing-table .table-responsive>.table>thead>tr>th, .pricing-table .table-responsive>.table>tbody>tr>th, .pricing-table .table-responsive>.table>tfoot>tr>th, .pricing-table .table-responsive>.table>thead>tr>td, .pricing-table .table-responsive>.table>tbody>tr>td, .pricing-table .table-responsive>.table>tfoot>tr>td {
        white-space:normal;
    }

    .sticky-clone {
        display:none!important;
    }

    .main-content {
        margin:0;
    }

    .sidebar {
        -webkit-transform:translate3d(-100%, 0, 0);
                transform:translate3d(-100%, 0, 0);
    }

    .device-tracking-chart {
        height:auto;
    }

    .device-tracking-chart-lines,
    .device-tracking-chart-pins {
        height:300px;
    }

    .device-tracking-chart-legend {
        display:block;
        clear:both;
        float:none;
        margin-left:0;
        padding-top:25px;
    }

    .form-auto-lg,
    .form-auto {
        min-width:100%;
    }

    .table-legend {
        width:100%!important;
    }
}

@media all and (max-width:580px) {
    .blog-it-item {
        width:100%;
        margin:0 0 15px;
    }

    .blog-it-wrapper {
        margin:0;
    }
}

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

}

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

}

.swipe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5) url('../img/swipe.png') no-repeat left 135px center;
    background-size:48px auto;
    border-radius:6px;
    z-index:2;
}

.hero-large {
	min-height: 600px;
}
