/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    body {
        font-size: 15px;
    }

    #intro-overlay-wrapper {
        text-align: left;
    }
    #intro-overlay {
        width: 100%;
    }
}

/* Portrait tablets and small desktops */
@media  (max-width: 991px) {
    html {
        font-size: 90%;
    }

    .heading {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .heading .title h4 {
        font-size: 20px;
    }

    .navbar-default {
        padding: 0;
    }

    #intro {
        margin-top: 80px;
    }
    #intro-overlay {
        width: 75%;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .navbar .container {
        width: auto;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 15px 10px;
        font-size: 11px;
    }
    .navbar-right {
        margin-right: 0;
    }

    .app-demo-wrap video {
        padding: 35px 0;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .navbar-default .navbar-toggle {
        margin: 25px;
        border-color:none;
        background: #464646;
        border:0;
    }
    .navbar-default .navbar-toggle:hover {
        background:#000;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: white;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        text-align: center;
        border-bottom: #ccc 1px solid;
    }
    .navbar-default .navbar-collapse li:last-child {
        border-top: #ccc 1px solid;
        border-left: none;
    }

    .app-demo-wrap video {
        display: none;
    }
    .app-demo-overlay {
        position: static;
        background-color: transparent;
    }
    .app-demo-overlay-form {
        padding: 5px;
        box-shadow: none;
    }
    .app-demo-overlay-form h4 {
        font-size: 1.3rem;
    }

    .case-study-wrap .case-study-item {
        display: block;
    }

    #our-project {
        margin-top: 20px;
    }

    .main-history .history-heading {
        margin: 30px 0;
        text-align: center;
    }
    .main-history .history-img {
        text-align: center;
    }
    .main-history .history-content .hst-btn{
         text-align: center;
    }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    label {
        font-size: 14px;
    }
    .case-study-item .case-study-info h4 {
        font-size: 14px;
    }

    .project-item .project-photo img {
        max-width: 75%;
    }
    .main-project .project-item h5 {
        font-size: 11px;
    }

    .supports-content .spt-btn{
        text-align:center;
    }
}