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

    /* TOP BAR ELEMENTS */
    .responsive-logo {

        width: 100%;

        position: relative;

        text-align: center;

        margin-top: 10px;

        padding-top: 15px;

    }

    .responsive-logo a {

        float: none !important;

    }

    .responsive-nav {

        text-align: center;

        width: 100%;

        padding-top: 0;

    }

    .responsive-nav li {

        margin-bottom: 15px;

        margin-top: 0 !important;

    }

    /* 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;

    }

    .team-member .details {

        display: none;

    }

    /* 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;
        width: 33%;

    }

    .copyright {

        width: 100%;

        padding-top: 33px;

        padding-bottom: 33px;

    }

    .col-md-3.footer-box.four-cell.company-details {
        margin: 0 auto;
    }

}

@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;

    }

    .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;

    }

    .other-focus-list ul li {

        display: block;

        text-align: left;

        margin-right: 0;

    }

}

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

    .intro {

        line-height: 25px;

        font-size: 7vw;

    }

    .client-list ul li {

        display: block;

    }

}