@media (min-width: 768px) and (max-width: 1024px) {

    /* TOP BAR ELEMENTS */
    /* HOME */
    .intro {

        margin-top: 40%;

        line-height: 55px;

        font-size: 45px;

    }

    /* ABOUT US */
    .big-intro {

        text-align: center !important;

    }

    .about-us .column {

        margin-bottom: 40px;

    }

    .skills {

        margin-bottom: 78px !important;

    }

    /* TEAM */
    .team-member .profile-pic {

        width: 128px;

        height: 128px;

    }

    /* PURCHASE NOW */
    .purchase-now {

        margin: auto;

        text-align: center !important;

    }

    .purchase-now h3 {

        text-align: center;

        margin-bottom: 20px;

    }

    .purchase-now .button {

        float: none;

    }

    /* FOOTER */
    .company-details {

        padding-top: 0;

        padding-bottom: 33px;

    }

    .copyright {

        width: 100%;

        padding-top: 33px;

        padding-bottom: 33px;

    }

}

@media (max-width: 767px) {

    .bs-navbar-collapse {

        border: 0;

    }

    .navbar-inverse .navbar-nav {

        padding-left: 10px;

        line-height: normal;

        text-align: center;

    }

    .navbar-inverse .navbar-nav > li {

        display: inline-block;

        margin-bottom: 0;

    }

    /* HOME */
    .header {

        min-height: inherit;

        padding-bottom: 75px;

    }

    .intro {

        line-height: 55px;

        font-size: 40px;

    }

    /* ABOUT US */
    .big-intro {

        text-align: center !important;

        font-size: 8vw !important;

    }

    .about-us .column {

        margin-bottom: 40px;

    }

    .skills {

        margin-bottom: 78px !important;

    }

    /* PURCHASE NOW */
    .purchase-now {

        margin: auto;

        text-align: center !important;

    }

    .purchase-now h3 {

        text-align: center;

        margin-bottom: 20px;

    }

    .purchase-now .button {

        float: none;

    }

    /* FOOTER */
    footer {

        padding-top: 40px;

    }

    .company-details {

        padding-top: 0;

        padding-bottom: 33px;

    }

    .copyright {

        width: 100%;

        padding-top: 33px;

        padding-bottom: 33px;

    }

}

@media (max-width: 480px) {

    /* HOME */
    .intro {

        margin-top: 60%;

        line-height: 6vh;

        font-size: 6.5vw;

    }

    h2 {

        font-size: 6.5vw !important;

    }

    .other-focus-list ul li {

        display: block;

        text-align: left;

        margin-right: 0;

    }

}

@media only screen (max-width: 320px) {

    .intro {

        line-height: 25px;

        font-size: 7vw;

    }

    .client-list ul li {

        display: block;

    }

}