@media (max-width: 767px){
    .service-top-box{
        margin: 10px 0;
        height: auto;
    }
    .service-top-box p{
        margin-bottom: 15px;
        font-size: 16px;
    }
    .service-top-box a{
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -15px;
        position: static;
    }
    .north-star h4, .our-story-text h2, .value-proportion-text h2{
        font-size: 23px;
    }
    .north-star ul li:nth-child(3), .north-star ul li:nth-child(4){
        margin-left: 30px;
    }
    .north-star ul li:nth-child(2), .north-star ul li:nth-child(5) {
        margin-left: 20px;
    }
    .north-star ul li{
        font-size: 16px;
        margin: 10px 0;
        padding-left: 32px;
        background-size: 20px;
    }
    .our-story-text p {
        font-size: 15px;
        line-height: 24px;
    }
    .value-proportion-text{
        margin-top: 20px;
    }
    .value-proportion-text h2{
        font-weight: 600;
    }
    .value-proportion-text p {
        font-size: 15px;
        line-height: 24px;
    }
    .story-telling h2{
        line-height: 33px;
        font-size: 24px;
    }
    .footer-email-cover{
        width: 100%;
    }
    .footer-email-input{
        font-size: 16px;
    }
    .testimonials{
        width: 100%;
        margin-top: 0;
    }
    .the-wall h2{
        font-size: 36px;
    }
    .the-wall{
        padding-top: 35px;
        padding-bottom: 35px;
        background: url(../img/wall-bg.png) no-repeat center top;
    }
    .interesting-stuff h2{
        font-size: 30px;
    }
    .visible-xs{
        display: block;
    }
    .contact-mobile{
        position: fixed;
        bottom: 73px;
        right: 0;
        z-index: 999;
        display: block;
    }
    .contact-mobile form .btn{
        right: 15px;
        box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
    }
    section{
        left: -15px;
    }
    .xs-hidden{
        display: none;
    }
    .header-animation span{
        font-size: 15px;
    }
    .nav-left{
        width: 100%;
    }
    .logo{
        width: 100%;
        text-align: center;
    }
    .logo a img {
        height: 43px;
    }
    .header-animation .typing-animation{
        margin-top: 10px;
        text-align: center;
        float: none;
    }
    .header-animation{
        width: 100%;
        margin: 0;
        text-align: center;
    }
}