/* =========================================
                Mobile Menu
============================================ */

/*  Scroll spy active state */

.white-nav-top #mobile-na ul.nav > li.active > a {
    color: #1E90FF;
    font-weight: 500;
}

/* =========================================
            Bootstrap 3 Media Queries
============================================ */

/* Medium Device (Landscape Tablets & Medium Desktops) */
@media (min-width: 992px) and (max-width: 1199px) {

    .navbar {
        background: rgba(0, 0, 0, .7);
        padding: 0;
    }

    .navbar-nav {
        float: left;
    }

    .elhaq-nav-wrapper {
        padding: 0;
    }
}

/* Small Device (Potrait Tablets & Small Desktop) */
@media (max-width: 991px) {
    .navbar {
        background: rgba(0, 0, 0, .7);
        padding: 0;
    }

    .navbar-nav {
        float: left;
    }

    .elhaq-nav-wrapper {
        padding: 0;
    }

    /* About */
    #about .content-title h3 {
        text-align: center;
    }

    #about .content-title-underline {
        margin: 0 auto 30px auto;
    }

    #about-bg-diagonal {
        border-left: 0;
        border-top: 0;
        width: 100%;
        height: 350px;
    }

    #about-content-box {
        width: 100%;
        height: 350px;
    }


    /* Footer */
    #footer-copyright p {
        font-size: 12px;
        letter-spacing: .5px
    }
}

/* Extra Small Device (Landscape Phones & Potrait Tablets) */
@media (max-width: 767px) {
    .navbar {
        background: rgba(0, 0, 0, .7);
        padding: 0;
    }

    .navbar-nav {
        float: left;
    }

    .elhaq-nav-wrapper {
        padding: 0;
    }

    /* Home */
    #home-heading h3 {
        font-size: 24px;
    }

    /* Button */
    .btn-general {
        padding: 6px 22px 6px 22px;
        font-size: 14px;
    }

    #about-bg-diagonal {
        border-left: 0;
        border-top: 0;
        width: 100%;
        height: 350px;
    }

    #about-content-box {
        width: 100%;
        height: 350px;
    }

    /* Work */
    .img-wrapper img {
        min-width: 100%;
    }

    /* Footer */
    #footer-copyright p {
        font-size: 12px;
        letter-spacing: .5px
    }
}

/* Extra Small Device (Potrait Phones & Smaller Devices) */
@media (max-width: 319px) {

    /* Services */
    .service-item-icon i {
        width: 58px;
        height: 58px;
        padding: 7px;
    }

    .service-item-title h3 {
        font-size: 17px;
    }

    #about-content-box {
        margin-top: 40px;
    }
}