/* Landing Page Responsive Stylesheet
====================================================== */

@media (max-width: 991px) {
    
    /* Navigation */
    .navbar .nav>li>a {
        padding: 30px 10px;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 12px;
    }
    .nav-tabs>li>a {
        width: 209px;
    }

    /* Service Section */
    .service {
        margin-bottom: 30px;
    }
    .service:hover {
        margin-top: 0px;
    }


    /* Screenshots Section */
    .screen img {
        display: block;
        width: 98%; 
        height: auto
    }
    .screens .owl-next {
        right: -24px;
    }


    /* Brief Section */
    .brief-content {
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .packages .package {
        margin-bottom: 20px;
    }
    .packages .package.featured {
        margin-top: 0px;
        padding: 30px 0;
    }


    /* Extra Section */
    ul.extra-features {
        max-width: 100%;
    }
    .list-inline {
        margin-left: 0px;
    }
    .tabs {
        margin-top: 0px;
    }
    .tab-pane figure {
        margin-bottom: 20px;
    }

}


@media (max-width: 767px) {

    /* Navigation Styles */
    .navbar .nav>li>a {
        padding: 10px 20px;
        font-size: 14px;
    }
    .nav.navbar-nav.pull-right {
        /*float: left!important;*/
        float: right!important;
    }
    
    .navbar {
        min-height: 70px;
    }
    
    .navbar-header {
        height: 70px;
    }
    .navbar-toggle {
        font-weight: 600;
        margin-top: 18px;
        color: #fff;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover, 
    .navbar-default .navbar-toggle:focus {
        color: #fff;

    }

    /* Extra Section */
    .nav-tabs {
        display: block;
    }
    .nav-tabs>li {
        float: none;
        width: 100%;
        display: block;
    }
    .nav-tabs>li>a {
        width: 100%;
    }
    .nav-tabs>li:first-child>a {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0px;
    }
    .nav-tabs>li:last-child>a {
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0px;
    }

    /* Download Section */
    .download .list-inline>li {
        display: block;
        margin-bottom: 10px;
    }

    /* Footer Section */
    .footer {
        text-align: center;
    }

}

@media (max-width: 480px) {

    /* Screenshot Section */
    .screen img {
        width: 100%;
    }
    .screens .owl-next {
        right: 0px;
        z-index: 100;
    }
    .screens .owl-prev {
        left: 0px;
        z-index: 100;
    }

    /* Brief Section */
    .small-slider {
        margin-top: 30px;
    }
    .brief figure img {
        max-height: 375px;
    }

    /* Extra Section */
    .nav-tabs {
        display: block;
    }
    .nav-tabs>li {
        float: none;
        width: 100%;
        display: block;
    }
    .nav-tabs>li>a {
        width: 100%;
    }
    .nav-tabs>li:first-child>a {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0px;
    }
    .nav-tabs>li:last-child>a {
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0px;
    }
    .tab-content figure img {
        width: 100%;
        z-index: 0;
    }

    /* Download Section */
    .download .list-inline {
        text-align: center;
    }
    .download .btn {
        margin-bottom: 10px;
    }

}