@media (max-width:1200px) {
    #home {
        min-height: 60vh;
    }
    .tagline {
        font-size: 40px;
        font-weight: 400;
        color: #fff;
        max-width: 500px;
        margin: 0 auto;
        float: left;
        text-align: left;
        padding: 20px 20px 20px 20px;
        margin-top: 240px;
        font-family: 'Courgette';
    }
    .img-holder {
        padding-bottom: 50%;
    }
    .circle-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
        line-height: 50px;
    }
    .about {
        display: none;
    }
    .social-icons {
        text-align: center;
        margin-top: 2rem;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
        font-size: 16px;
    }
    .navbar-nav>.nav-item>.nav-link.active:after {
        content: "";
        border-bottom: 2px solid #568AFF;
        left: 1rem;
        right: 1rem;
        bottom: 5px;
        height: 1px;
        position: absolute;
    }
    .navbar-nav.is-scrolling {
        padding-bottom: 1rem;
    }
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }
    .clients {
        max-width: 1130px;
        background-image: url(../images/clients.png);
        background-size: 900px auto;
        background-repeat: no-repeat;
        background-position: center;
        height: 710px;
    }
}

@media (min-width:992px) {
    .perspective-phone {
        margin-top: -150px;
    }
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }
}

@media (max-width:992px) {
    .tab-content {
        padding: 1.5rem;
    }
    .tab-content p {
        line-height: 1.8;
    }
    .tab-content h2 {
        margin-bottom: 0.5rem;
    }
    .nav-tabs {
        border-bottom: 0;
    }
    .nav-tabs .nav-item .nav-link, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        padding: 1rem 1rem;
        border-color: #faf6fb #faf6fb #FFF;
        font-size: 19px;
        color: #b5a4c8;
        background: #f5eff7;
    }
    .nav-tabs .nav-link.active {
        background: #FFF;
        border-top-width: 3px;
        border-color: #ce75b4 #faf6fb #FFF;
        color: #633991;
    }
}

@media (max-width:768px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 45px;
        line-height: 52px;
    }
    .section {
        padding: 50px 0;
    }
    .mob-padding {
        margin-top: 30px;
    }
    .tagline {
        font-size: 28px;
    }
    .img-holder {
        padding-bottom: 100%;
    }
    #home {
        min-height: 50vh;
    }
    .navbar-nav {
        align-items: flex-end;
    }
    p.para {
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 160%;
        /* or 32px */
        text-align: justify;
    }
    .clients {
        max-width: 1130px;
        background-image: url('../images/clients_tab.png');
        background-size: 600px auto;
        background-repeat: no-repeat;
        height: 470px;
        background-position: center;
    }
    .qa-content {
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 160%;
        text-align: left;
        /* or 32px */
    }
    .send-button{
        height: 60px;
    }
}

@media (max-width: 414px) {
    #home {
        min-height: 50vh;
    }
    .tagline {
        font-size: 24px;
        font-weight: 400;
        color: #fff;
        max-width: 300px;
        margin: 0 auto;
        float: left;
        text-align: left;
        padding: 20px 20px 20px 20px;
        margin-top: 180px;
        font-family: 'Courgette';
    }
    .navbar-nav {
        align-items: flex-end;
    }
    #about, #design, #product, #mobile, #cloud, #qa {
        padding: 50px 0;
        min-height: 600px;
    }
    #services {
        padding: 50px 0;
    }
    p.para {
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 160%;
        /* or 32px */
        text-align: justify;
    }
    h2 {
        font-size: 45px;
        line-height: 52px;
    }
    .section {
        padding: 40px 0;
    }
    .qa-content {
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 160%;
        /* or 32px */
    }
    .clients {
        max-width: 1130px;
        background-image: url('../images/clinets_mobile.png');
        background-size: 305px auto;
        background-repeat: no-repeat;
        height: 1771px;
        background-position: center;
    }
    .send-button {
        width: 100%;
    }
}