@media (min-width: 992px) and (max-width: 1024px) {
    .navbar-right {
        float: none !important;
        margin: auto;
        margin-left: 130px;
    }
}

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


    /* TOP BAR ELEMENTS */
    .responsive-logo {
        /* width: 28%; */
        position: relative;
        text-align: center;
        margin-top: -17px;
        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: 31%;
        line-height: 3.438rem !important;
        font-size: 2.813rem;
    }

    /* 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 .red-btn {
            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: 1024px) {
    .features {
        text-align: center;
    }

        .features .feature-icon {
            float: none;
            margin-right: 0;
            margin-bottom: 20px;
        }
}


@media (max-width: 767px) {

    /* Go-Top Button */
    #go-top {
        display: none !important;
    }

    html {
        font-size: 90%;
    }

    .bs-navbar-collapse {
        border: 0;
    }

    .navbar-inverse .navbar-nav {
        padding-left: 10px;
        line-height: normal;
        text-align: center;
    }

        .navbar-inverse .navbar-nav > li {
            display: block;
            margin-bottom: 0;
        }
    /* HOME */
    .header {
        min-height: inherit;
        /*padding-bottom: 75px;*/
    }

    .intro {
        margin-top: 30%;
        line-height: 3.438rem !important;
        font-size: 2.813rem;
    }

    /* 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 .red-btn {
            float: none;
        }

    /* FOOTER */
    footer {
        padding-top: 40px;
    }

    .company-details {
        padding-top: 0;
        padding-bottom: 33px;
    }

    .copyright {
        width: 100%;
        padding-top: 33px;
        padding-bottom: 33px;
    }

    .sticky-wrapper {
        max-height: unset;
        z-index: 1000;
    }
}

@media (max-width: 480px) {

    .tp-banner-container {
        margin-top: 37px;
    }

    /* HOME */
    html {
        font-size: 70%;
    }

    .responsive-logo img {
        width: 70%;
    }

    #main-nav {
        min-height: 50px;
    }

    .intro {
        margin-top: 40%;
        line-height: 3.438rem !important;
        font-size: 2.813rem;
    }

    .focus, .works, .about-us, .features, .our-team, .packages, .products .color-overlay, .testimonial, .contact-us {
        padding-top: 76px;
    }

    .buttons {
        margin-bottom: 0;
        margin-top: 30px;
    }

    .custom-button {
        padding: 10px 18px;
    }

    h1 {
        font-weight: normal;
    }

    h2 {
        font-size: 6.5vw !important;
    }

    h3 {
        font-size: 1.7rem;
    }

    .other-focus-list ul li {
        display: block;
        text-align: left;
        margin-right: 0;
    }
}

@media (max-width: 320px) {

    html {
        font-size: 62.5%;
    }


    body {
        font-size: 1.3rem;
    }

    .focus, .works, .about-us, .features, .our-team, .packages, .products .color-overlay, .testimonial, .contact-us {
        padding-top: 50px;
    }

    h1 {
        font-weight: normal;
    }

    h3 {
        font-size: 1.7rem;
    }

    .intro {
        margin-top: 50%;
        line-height: 3.1rem !important;
        font-size: 2.1rem;
    }

    .client-list ul li {
        display: block;
    }
}



@media (max-width: 995px) {
    .responsive-logo {
      position: relative;
     text-align: left; 
   
}
    .navbar-brand > img {
        display: inherit;
      
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}