/* #region Constants */
/* #endregion */
/* #region Mixins */
/*.transition-rotate() {
    .transform-two(translateY(0%), rotateY(720deg));
    opacity: 0;
}*/
.scale {
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
/* #endregion */
@media screen and (max-width: 1900px) {
  #services.webpage img.monitor {
    right: -460px;
  }
  #services.about-us p {
    min-height: 208px;
  }
  #services h3 {
    min-height: 60px;
  }
  #locations h3 {
    min-height: 80px;
  }
  #locations p {
    min-height: 234px;
  }
}
@media screen and (max-width: 1760px) {
  #services h3 {
    min-height: 80px;
  }
  #services p {
    margin-top: 50px;
  }
  #services.innovation .text-content {
    min-height: 234px;
  }
  #services.about-us h1 {
    min-height: 88px;
  }
  #services.about-us p {
    min-height: 234px;
  }
  #statistics .number {
    font-size: 120px;
  }
  #statistics .stat {
    padding-left: 7%;
  }
  #statistics .stat.first img {
    margin-top: 10px;
    margin-right: -80px;
  }
  #statistics .stat.second img {
    margin-top: 24px;
    margin-right: -50px;
  }
  #statistics .stat.third img {
    margin-top: 0;
    margin-right: -25px;
    width: 307px;
  }
  header img.coffee {
    left: 100px;
  }
  header img.glasses {
    right: 100px;
  }
  header img.draw-pad {
    top: -330px;
    margin-left: -590px;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  header .instant-designer {
    background-size: 85%;
  }
  header .speech-bubble-1 {
    top: 60%;
    left: 0;
  }
  header .speech-bubble-2 {
    top: 41%;
    left: 15%;
  }
  header .speech-bubble-3 {
    top: 18%;
  }
  header .speech-bubble-4 {
    top: 41%;
    right: 14%;
  }
  header .speech-bubble-5 {
    top: 60%;
    right: 0;
  }
  header#design-page .centered {
    top: 37%;
  }
  #platforms .inner-wrapper {
    width: 90%;
  }
  #platforms img {
    top: 39%;
    max-width: 35%;
  }
  #case-wrapper #case-study img {
    right: 5%;
  }
  #case-wrapper.wardrobic #case-study img {
    right: -42px;
  }
  #case-wrapper.emerge #case-study img {
    right: 5%;
  }
  #case-wrapper.mcd #case-study img,
  #case-wrapper.klowd #case-study img {
    bottom: 9%;
    right: 1%;
    top: auto;
  }
  #case-wrapper.fresh #case-study img {
    right: 1%;
  }
  #case-wrapper.fresh #preview {
    height: 1740px;
  }
  #case-wrapper.fresh #preview img.app-logo {
    width: auto;
  }
  #case-wrapper.sis #case-study img {
    right: 1%;
  }
  #case-wrapper.sis #preview {
    height: 1460px;
  }
  #case-wrapper.techclack #preview {
    height: 1320px;
  }
  #case-wrapper.gathr #case-study img,
  #case-wrapper.sl #case-study img,
  #case-wrapper.ciao #case-study img,
  #case-wrapper.jumpNroll #case-study img {
    top: 225px;
    right: 310px;
  }
  #personnel .staff-members .person.per-0 img {
    left: -13px;
  }
  #personnel .staff-members .person.per-1 img {
    left: -18px;
  }
  #personnel .staff-members .person.per-2 img {
    left: -18px;
  }
  #personnel .staff-members .person.per-3 img {
    left: -44px;
  }
  #personnel .staff-members .person.per-4 img {
    left: -20px;
  }
  #personnel .staff-members .person.per-5 img {
    left: -40px;
  }
  #locations p {
    min-height: 286px;
  }
  #locations h3 {
    min-height: 100px;
  }
  #team-info .info-wrapper {
    left: auto;
    right: 10%;
    width: 30%;
  }
  #team-info .info-wrapper.ivan {
    top: 40px;
  }
  #team-info .info-wrapper .text {
    width: 100%;
  }
}
@media screen and (max-width: 1600px) {
  #products .laptop-img {
    display: block;
    max-width: 31%;
  }
  #services.innovation h1 {
    min-height: 88px;
  }
  #services.design .left img.mobile-papers {
    left: 6%;
    bottom: -40px;
    max-width: 80%;
  }
  #services.design .left img.laptop {
    bottom: -46%;
  }
  #services.webpage h1 {
    min-height: 88px;
  }
  #services.webpage img.tablet {
    left: 160px;
  }
  #services.webpage img.monitor {
    right: -580px;
  }
  #services.about-us h3 {
    min-height: 80px;
  }
  #locations h3 {
    min-height: 100px;
  }
  header img.phone-bow {
    top: 5%;
  }
  header img.timer {
    bottom: 6%;
    max-width: 80%;
  }
  #case-wrapper.gathr #case-study img,
  #case-wrapper.sl #case-study img,
  #case-wrapper.ciao #case-study img,
  #case-wrapper.jumpNroll #case-study img {
    top: 225px;
    right: 230px;
  }
  .job-openings .job-list .job-item {
    width: calc(25.33% - 1px);
    padding: 0 4%;
  }
  .job-openings .job-list .job-item .title {
    margin: 30px 0;
  }
  .job-openings .job-list .job-item .postition-item {
    margin-bottom: 15px;
  }
  .job-openings .job-list .job-item .postition-item .position {
    font-size: 15px;
  }
}
@media screen and (max-width: 1540px) {
  .logo {
    margin-bottom: 20px;
  }
  /*video {
        left: -30%;
    }*/
  .menu-wrapper .triangle {
    border-right-width: 150px;
    border-top-width: 150px;
  }
  .menu-wrapper .logo {
    margin-left: 20px;
    padding-top: 20px;
  }
  .menu-wrapper ul {
    padding-left: 38px;
  }
  .menu-wrapper ul li {
    height: 35px;
    line-height: 35px;
  }
  .menu-wrapper ul li.book-lnk {
    height: 40px;
  }
  .menu-wrapper #hamburger-btn {
    margin-left: 20px;
    margin-top: 10px;
  }
  footer .inner-wrapper {
    width: 95%;
  }
  #services p {
    min-height: 104px;
  }
  #services.innovation p {
    min-height: 78px;
  }
  #services.innovation .text-content {
    min-height: 291px;
  }
  #services.innovation h3 {
    min-height: 80px;
  }
  #services.innovation .lighter img {
    right: -20px;
  }
  #services .price-label {
    margin-top: 56px;
  }
  #services.design .left img.drawings,
  #services.design .left img.drawing-pad,
  #services.design .left img.papers-wardrobic {
    max-width: 89%;
  }
  #services.about-us h3 {
    min-height: 80px;
  }
  #services.about-us p {
    min-height: 312px;
  }
  #services.home-page button {
    margin-top: 29px;
  }
  #services.webpage h3 {
    min-height: 100px;
  }
  header img.coffee,
  header img.glasses,
  header img.speaker-left,
  header img.speaker-right,
  header img.coffee-small,
  header img.glasses-left {
    display: none;
  }
  header img.keyboard,
  header img.mouse {
    bottom: 3%;
  }
  header img.pen {
    bottom: 1%;
  }
  header img.letter {
    bottom: -140px;
  }
  header img.mic-central {
    top: -160px;
  }
  header .speech-bubble-1 {
    top: 60%;
    left: -5%;
  }
  header .speech-bubble-2 {
    top: 41%;
    left: 10%;
  }
  header .speech-bubble-3 {
    top: 18%;
  }
  header .speech-bubble-4 {
    top: 41%;
    right: 7%;
  }
  header .speech-bubble-5 {
    top: 60%;
    right: -10%;
  }
  #apps #about img.joystick,
  #apps #about img.cube {
    bottom: 0;
    top: auto;
  }
  #personnel .staff-members .person.per-0 img {
    left: -28px;
  }
  #personnel .staff-members .person.per-1 img {
    left: -40px;
  }
  #personnel .staff-members .person.per-2 img {
    left: -34px;
  }
  #personnel .staff-members .person.per-3 img {
    left: -60px;
  }
  #personnel .staff-members .person.per-4 img {
    left: -38px;
  }
  #personnel .staff-members .person.per-5 img {
    left: -53px;
  }
  #statistics.about-us .stat {
    padding: 80px 0 0 44px;
  }
  #statistics .stat.second img {
    margin-right: -80px;
  }
  #statistics .stat.third img {
    bottom: -15%;
  }
  #locations h3 {
    min-height: 120px;
  }
  #locations p {
    min-height: 364px;
  }
  #description.redesign {
    padding: 70px 0 30px;
  }
  #description.redesign .makeover {
    margin-bottom: 30px;
  }
  #description.redesign .makeover .makeover-box {
    margin-bottom: 30px;
  }
  #description .makeover-box {
    min-height: 307px;
  }
  #games .store {
    bottom: 5%;
  }
  #case-wrapper.mcd #case-study img,
  #case-wrapper.sis #case-study img,
  #case-wrapper.fresh #case-study img {
    width: 42%;
  }
  #case-wrapper.klowd #case-study img {
    width: 50%;
  }
  #case-wrapper.klowd #preview .app-logo {
    margin: 136px 0 0 21.8%;
  }
  #case-wrapper.gathr #case-study img,
  #case-wrapper.sl #case-study img,
  #case-wrapper.ciao #case-study img,
  #case-wrapper.jumpNroll #case-study img {
    right: 160px;
  }
  #case-wrapper .section-info {
    width: 47%;
  }
  #case-wrapper.emerge #case-study img {
    width: 36%;
  }
  #case-wrapper.emerge #preview {
    height: 1440px;
  }
  #case-wrapper.emerge #preview .first {
    top: 186px;
    left: 297px;
  }
  #case-wrapper.emerge #preview .second {
    top: 391px;
    left: 860px;
  }
  #case-wrapper.emerge #preview .third {
    top: 473px;
    left: -279px;
  }
  #case-wrapper.emerge #preview .fourth {
    top: 663px;
    left: 314px;
  }
  #case-wrapper.emerge #preview .fifth {
    top: 971px;
    left: 659px;
  }
  #case-wrapper.emerge #preview .sixth {
    top: 934px;
    left: -246px;
  }
  #case-wrapper.emerge #preview img.hide-bottom {
    width: 1000px;
  }
  #case-wrapper.emerge #preview .app-logo {
    margin: 176px 0 0 21.8%;
  }
  #case-wrapper.techclack #preview img.hide-bottom {
    width: 1055px;
  }
  #case-wrapper.techclack #preview .first {
    top: 223px;
    left: 576px;
  }
  #case-wrapper.techclack #preview .second {
    top: 410px;
    left: 56px;
  }
  #case-wrapper.techclack #preview .third {
    top: 663px;
    left: 558px;
  }
  #case-wrapper.techclack #preview .fourth {
    top: 685px;
    left: -342px;
  }
  #case-wrapper.techclack #preview .app-logo {
    margin: 169px 0 0 21.8%;
  }
  #case-wrapper #preview .app-logo {
    margin: 160px 0 0 21.8%;
  }
  #case-wrapper.fresh #preview {
    height: 1560px;
  }
  #case-wrapper.fresh #preview .app-logo {
    margin: 102px 0 0 21.8%;
  }
  #case-wrapper.mcd #preview .app-logo {
    margin: 153px 0 0 21.8%;
  }
  #case-wrapper.family-first #preview .app-logo {
    margin: 153px 0 0 21.8%;
  }
  #case-wrapper.envite #preview .app-logo {
    margin: 156px 0 0 21.8%;
  }
  #case-wrapper.wardrobic #preview .app-logo {
    margin: 133px 0 0 19.8%;
  }
  #development .left h1 {
    min-height: 88px;
  }
  #development .left,
  #development .right {
    padding: 100px 5%;
  }
  #development .left p,
  #development .right p {
    min-height: 208px;
  }
  #team-info .info-wrapper {
    right: 6%;
  }
  #team-info .info-wrapper.ivan .text {
    font-size: 14px;
  }
  #team-info .info-wrapper.aca {
    top: 40px;
  }
}
@media screen and (max-width: 1400px) {
  #services.webpage .se-row {
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
  #services.webpage .se-row .se-item {
    width: 30%;
    margin-bottom: 50px;
  }
  #services.webpage .se-row .se-item:nth-child(4) {
    margin-left: auto;
    margin-right: 3.3%;
  }
  #services.webpage .se-row .se-item:nth-child(5) {
    margin-right: auto;
  }
  #services.hiring-page .left {
    min-height: 500px;
  }
  footer .inner-wrapper {
    flex-wrap: wrap;
  }
  footer .inner-wrapper .info,
  footer .inner-wrapper .brands {
    width: 30%;
  }
  footer .inner-wrapper .social,
  footer .inner-wrapper .subscribe {
    width: 65%;
  }
  footer .inner-wrapper .info,
  footer .inner-wrapper .social {
    margin-bottom: 50px;
  }
  #products h3 {
    width: 70%;
    min-height: 80px;
  }
  #products .left,
  #products .right {
    padding: 60px 3%;
  }
}
@media screen and (max-width: 1310px) {
  #development .right h3,
  #development .left h3 {
    min-height: 80px;
  }
  /*video {
        left: -30%;
    }*/
  .video-pattern .text-centered {
    width: 800px;
  }
  .video-pattern .text-centered h1 {
    font-size: 32px;
  }
  #description.redesign .makeover {
    width: 95%;
    padding-left: 0;
  }
  #description.redesign .makeover h3 {
    width: 85%;
    margin-bottom: 15px;
  }
  #description.redesign .makeover p {
    width: 85%;
  }
  #services .left {
    padding-left: 3%;
  }
  #services.design .left {
    padding-top: 70px;
    padding-right: 3%;
  }
  #services.design .left h3 {
    min-height: 80px;
  }
  #services.design .left img.iphone {
    left: 0;
  }
  #services.webpage img.first {
    left: auto;
  }
  #services.webpage img.second {
    left: 220px;
  }
  #services.webpage img.third {
    left: 20px;
  }
  #services.webpage img.tablet {
    left: 15%;
  }
  #services.webpage img.iphone {
    left: -5%;
  }
  #services.webpage p {
    min-height: 208px;
  }
  #services.innovation .consulting-row {
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
  #services.innovation .consulting-row .consulting-item {
    width: 46%;
    margin-bottom: 50px;
  }
  #statistics .number {
    font-size: 90px;
  }
  #case-wrapper #mockup .desc {
    margin-left: -37px;
  }
  #case-wrapper .inner-wrapper {
    width: 90%;
  }
  #case-wrapper .inner-wrapper .part3 {
    width: 96.8%;
  }
  #case-wrapper .inner-wrapper .part4 {
    left: 96%;
  }
  #case-wrapper .inner-wrapper .part5 {
    left: 96%;
    height: 612px;
  }
  #case-wrapper .inner-wrapper .part6 {
    width: 96.7%;
    right: 4%;
  }
  #case-wrapper .inner-wrapper .part7 {
    left: -9px;
  }
  #case-wrapper .inner-wrapper .part8 {
    left: -9px;
  }
  #case-wrapper .inner-wrapper .part9 {
    width: 96.8%;
    left: -9px;
  }
  #case-wrapper .inner-wrapper .part10 {
    left: 96%;
  }
  #case-wrapper .inner-wrapper .part11 {
    left: 96%;
  }
  #case-wrapper .inner-wrapper .part12 {
    right: 3.95%;
    width: 95.25%;
  }
  #case-wrapper .inner-wrapper .part13 {
    top: 647px;
  }
  #case-wrapper .inner-wrapper .part15 {
    left: 10px;
  }
  #case-wrapper #preview {
    height: 1620px;
  }
  #case-wrapper.family-first #case-study .inner-wrapper {
    background-image: none;
  }
  #case-wrapper.gathr #case-study img,
  #case-wrapper.sl #case-study img,
  #case-wrapper.ciao #case-study img,
  #case-wrapper.jumpNroll #case-study img {
    right: 60px;
  }
  #case-wrapper.wardrobic #preview .first,
  #case-wrapper.gathr #preview .first,
  #case-wrapper.envite #preview .first,
  #case-wrapper.verso #preview .first,
  #case-wrapper.family-first #preview .first,
  #case-wrapper.ciao #preview .first,
  #case-wrapper.jumpNroll #preview .first {
    top: 443px;
    left: 579px;
  }
  #case-wrapper.wardrobic #preview .second,
  #case-wrapper.gathr #preview .second,
  #case-wrapper.envite #preview .second,
  #case-wrapper.verso #preview .second,
  #case-wrapper.family-first #preview .second,
  #case-wrapper.ciao #preview .second,
  #case-wrapper.jumpNroll #preview .second {
    top: 598px;
    left: 98px;
  }
  #case-wrapper.wardrobic #preview .third,
  #case-wrapper.gathr #preview .third,
  #case-wrapper.envite #preview .third,
  #case-wrapper.verso #preview .third,
  #case-wrapper.family-first #preview .third,
  #case-wrapper.ciao #preview .third,
  #case-wrapper.jumpNroll #preview .third {
    top: 909px;
    left: 702px;
  }
  #case-wrapper.wardrobic #preview .fourth,
  #case-wrapper.gathr #preview .fourth,
  #case-wrapper.envite #preview .fourth,
  #case-wrapper.verso #preview .fourth,
  #case-wrapper.family-first #preview .fourth,
  #case-wrapper.ciao #preview .fourth,
  #case-wrapper.jumpNroll #preview .fourth {
    display: none;
  }
  #case-wrapper.wardrobic #preview .fifth,
  #case-wrapper.gathr #preview .fifth,
  #case-wrapper.envite #preview .fifth,
  #case-wrapper.verso #preview .fifth,
  #case-wrapper.family-first #preview .fifth,
  #case-wrapper.ciao #preview .fifth,
  #case-wrapper.jumpNroll #preview .fifth {
    top: 856px;
    left: -134px;
  }
  #case-wrapper.wardrobic #preview .sixth,
  #case-wrapper.gathr #preview .sixth,
  #case-wrapper.envite #preview .sixth,
  #case-wrapper.verso #preview .sixth,
  #case-wrapper.family-first #preview .sixth,
  #case-wrapper.ciao #preview .sixth,
  #case-wrapper.jumpNroll #preview .sixth {
    top: 1185px;
    left: 451px;
  }
  #case-wrapper.wardrobic #preview .seventh,
  #case-wrapper.gathr #preview .seventh,
  #case-wrapper.envite #preview .seventh,
  #case-wrapper.verso #preview .seventh,
  #case-wrapper.family-first #preview .seventh,
  #case-wrapper.ciao #preview .seventh,
  #case-wrapper.jumpNroll #preview .seventh {
    top: 1266px;
    left: -154px;
  }
  #case-wrapper.fresh #preview {
    height: 1160px;
  }
  #case-wrapper.fresh #preview .first {
    width: 800px;
    top: 197px;
    left: 190px;
  }
  #case-wrapper.fresh #preview .second {
    width: 800px;
    top: 407px;
    left: 525px;
  }
  #case-wrapper.fresh #preview .third {
    width: 1211px;
    top: 406px;
    left: -140px;
  }
  #case-wrapper.fresh #preview .fourth {
    display: none;
  }
  #case-wrapper.fresh #preview .fifth {
    width: 800px;
    left: -242px;
    top: 778px;
  }
  #case-wrapper.mcd #case-study img,
  #case-wrapper.sis #case-study img,
  #case-wrapper.emerge #case-study img,
  #case-wrapper.klowd #case-study img,
  #case-wrapper.fresh #case-study img {
    bottom: auto;
    right: -1%;
    top: 20%;
  }
  #case-wrapper.mcd #preview .first {
    top: -50px;
    left: 773px;
  }
  #case-wrapper.mcd #preview .second {
    top: 206px;
    left: 93px;
  }
  #case-wrapper.mcd #preview .third {
    top: 451px;
    left: 528px;
  }
  #case-wrapper.mcd #preview .fourth {
    top: 545px;
    left: -481px;
  }
  #case-wrapper.mcd #preview .fifth {
    top: 774px;
    left: -112px;
  }
  #case-wrapper.emerge #case-study img {
    right: 5%;
  }
  #case-wrapper.emerge #preview {
    height: 1233px;
  }
  #case-wrapper.klowd #preview {
    height: 1300px;
  }
  #case-wrapper.klowd #preview .first {
    top: 102px;
    left: 196px;
    width: 1100px;
  }
  #case-wrapper.klowd #preview .second {
    top: 336px;
    left: 594px;
    width: 1100px;
  }
  #case-wrapper.klowd #preview .third {
    top: 433px;
    left: -248px;
    width: 1500px;
  }
  #case-wrapper.fresh #preview {
    height: 1300px;
  }
  #case-wrapper.sis #preview {
    height: 1300px;
  }
  #case-wrapper.sis #preview .first,
  #case-wrapper.sis #preview .second {
    display: none;
  }
  #case-wrapper.sis #preview .third {
    top: 300px;
    left: 190px;
  }
  #case-wrapper.sis #preview .fourth {
    top: 726px;
    left: 552px;
  }
  #case-wrapper.sis #preview .fifth {
    top: 699px;
    left: -299px;
  }
  #case-wrapper.sis #preview .sixth {
    top: 1031px;
    left: -75px;
  }
  header img.letter {
    bottom: -56px;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  header .speech-bubble-1 {
    top: 67%;
    left: -15%;
  }
  header .speech-bubble-2 {
    top: 49.7%;
    left: 6%;
  }
  header .speech-bubble-3 {
    top: 25%;
  }
  header .speech-bubble-4 {
    top: 49%;
    right: 5%;
  }
  header .speech-bubble-5 {
    top: 67%;
    right: -15%;
  }
  header#design-page img.mouse {
    right: 33%;
  }
  header#design-page img.three-phones {
    top: 40px;
  }
  #personnel .staff-members .person.per-0 img {
    left: -50px;
  }
  #personnel .staff-members .person.per-1 img {
    left: -60px;
  }
  #personnel .staff-members .person.per-2 img {
    left: -50px;
  }
  #personnel .staff-members .person.per-3 img {
    left: -80px;
  }
  #personnel .staff-members .person.per-4 img {
    left: -55px;
  }
  #personnel .staff-members .person.per-5 img {
    left: -70px;
  }
  #locations h3 {
    min-height: 160px;
  }
  #locations p {
    min-height: 442px;
  }
  #platforms img {
    top: 40%;
  }
  #apps #about img.joystick,
  #apps #about img.cube {
    bottom: -5%;
    max-width: 150px;
  }
  #team-info img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 700px;
  }
  #team-info .info-wrapper.ivan .text {
    line-height: 21px;
  }
}
@media screen and (max-width: 1170px) {
  #case-wrapper.ciao .section-info {
    margin: -50px 0 0 65px;
  }
  #case-wrapper.jumpNroll .section-info {
    margin: -50px 0 0 65px;
  }
  .menu-wrapper ul {
    padding-left: 25px;
  }
  .menu-wrapper ul li {
    height: 32px;
    line-height: 32px;
    font-size: 15px;
  }
  .menu-wrapper #hamburger-btn {
    margin-left: 5px;
  }
  .main-wrapper {
    overflow: hidden;
  }
  .price-label {
    position: relative;
    z-index: 1;
  }
  #services p {
    min-height: 130px;
  }
  #services .left {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  #services .left h1 {
    min-height: 132px;
  }
  #services .left h3 {
    min-height: 80px;
  }
  #services.innovation .text-content {
    min-height: 363px;
  }
  #services.innovation .left.darker {
    padding-bottom: 100px;
  }
  #services.design .left img.iphone {
    left: -7%;
  }
  #services.design .left img.tablet {
    left: 16%;
  }
  #services.design .left img.paper-ruler {
    right: -4%;
  }
  #services.design .left img.calculator {
    right: -8%;
  }
  #services.design .design-row {
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
  #services.design .design-row .design-item {
    width: 46%;
    margin-bottom: 50px;
  }
  #services.design .design-row .design-item:nth-child(3n+3) {
    margin: 0 auto 50px;
  }
  #services.webpage .left {
    padding-bottom: 170px;
  }
  #services.webpage .left h3 {
    min-height: 120px;
  }
  #services.webpage p {
    min-height: 234px;
  }
  #services.webpage img.monitor {
    right: -620px;
  }
  #services.webpage img.iphone {
    left: -10%;
  }
  #services.about-us .left h3 {
    min-height: 100px;
  }
  #services.about-us p {
    min-height: 365px;
  }
  #services.hiring-page .left {
    min-height: 400px;
  }
  #description.about-us {
    padding: 80px 0 90px;
  }
  header img.mic-left {
    top: -100px;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  header img.mic-central {
    top: -120px;
    left: 50%;
    margin: 0;
    margin-left: -130px;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  header img.mic-right {
    top: -70px;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  header img.letter {
    left: 50%;
    bottom: -56px;
    margin: 0;
    margin-left: -526px;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  header img.coffee2,
  header img.plant,
  header img.glasses-left,
  header img.pen {
    display: none;
  }
  header img.paper {
    right: -13%;
  }
  header img.keyboard {
    bottom: 1%;
    right: -1%;
    max-width: 90%;
  }
  header img.papers {
    height: auto;
    max-width: 80%;
  }
  header img.notes {
    left: -12%;
  }
  header img.watch,
  header img.mouse2 {
    bottom: 0;
  }
  header img.hwatch {
    right: -50px;
    bottom: -50px;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  header img.hcube {
    left: -50px;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  header img.light-bulb {
    height: 48%;
  }
  header#redesign-page .centered {
    top: 45%;
  }
  header#design-page img.mouse {
    display: none;
  }
  header#innovation-page .centered {
    top: 46%;
  }
  header#innovation-page .centered .header-title {
    margin-bottom: 30px;
  }
  #platforms .inner-wrapper {
    padding: 50px 0;
  }
  #platforms .platform-holder {
    margin-bottom: 0;
    padding-top: 0;
  }
  #platforms .platform {
    width: 100%;
    margin-bottom: 30px;
  }
  #platforms img {
    display: block;
    position: static;
    max-width: 75%;
    margin: 0 auto;
  }
  #locations .left {
    padding: 50px 3% 100px;
  }
  #locations h3 {
    min-height: 120px;
  }
  #case-wrapper .inner-wrapper .part4 {
    height: 257px;
  }
  #case-wrapper .inner-wrapper .part5 {
    height: 470px;
  }
  #case-wrapper .inner-wrapper .part6 {
    top: 504px;
  }
  #case-wrapper .inner-wrapper .part7 {
    top: -246px;
    height: 220px;
  }
  #case-wrapper .inner-wrapper .part15 {
    left: 9px;
  }
  #case-wrapper #case-study {
    padding-top: 138px;
  }
  #case-wrapper .desc {
    margin-right: 0;
  }
  #case-wrapper #fonts {
    height: 750px;
  }
  #case-wrapper #fonts .desc {
    margin-left: 0;
  }
  #case-wrapper #preview {
    height: 1395px;
  }
  #case-wrapper .section-info {
    margin-left: 65px;
  }
  #case-wrapper .align-right .section-info {
    margin-right: 65px;
  }
  #case-wrapper #mockup .desc {
    margin-left: -30px;
  }
  #case-wrapper.emerge #preview {
    height: 1440px;
  }
  #case-wrapper.emerge #preview .first {
    left: 248px;
  }
  #case-wrapper.emerge #preview .second {
    display: none;
  }
  #case-wrapper.emerge #preview .third {
    top: 465px;
    left: -304px;
  }
  #case-wrapper.emerge #preview .fourth {
    top: 594px;
    left: 428px;
  }
  #case-wrapper.emerge #preview .fifth {
    display: none;
  }
  #case-wrapper.emerge #preview .sixth {
    top: 861px;
    left: -131px;
  }
  #case-wrapper.sis #preview {
    height: 1180px;
  }
  #case-wrapper.techclack #preview {
    height: 1200px;
  }
  #case-wrapper.techclack #case-study img {
    width: 38%;
    top: 300px;
  }
  #case-wrapper.wardrobic #preview img.hide-bottom,
  #case-wrapper.gathr #preview img.hide-bottom,
  #case-wrapper.envite #preview img.hide-bottom,
  #case-wrapper.verso #preview img.hide-bottom,
  #case-wrapper.ciao #preview img.hide-bottom,
  #case-wrapper.jumpNroll #preview img.hide-bottom {
    width: 700px;
  }
  #case-wrapper.wardrobic #preview .first,
  #case-wrapper.gathr #preview .first,
  #case-wrapper.envite #preview .first,
  #case-wrapper.verso #preview .first,
  #case-wrapper.ciao #preview .first,
  #case-wrapper.jumpNroll #preview .first {
    top: 348px;
    left: 540px;
  }
  #case-wrapper.wardrobic #preview .second,
  #case-wrapper.gathr #preview .second,
  #case-wrapper.envite #preview .second,
  #case-wrapper.verso #preview .second,
  #case-wrapper.ciao #preview .second,
  #case-wrapper.jumpNroll #preview .second {
    top: 415px;
    left: 98px;
  }
  #case-wrapper.wardrobic #preview .third,
  #case-wrapper.gathr #preview .third,
  #case-wrapper.envite #preview .third,
  #case-wrapper.verso #preview .third,
  #case-wrapper.ciao #preview .third,
  #case-wrapper.jumpNroll #preview .third {
    top: 648px;
    left: 548px;
  }
  #case-wrapper.wardrobic #preview .fourth,
  #case-wrapper.gathr #preview .fourth,
  #case-wrapper.envite #preview .fourth,
  #case-wrapper.verso #preview .fourth,
  #case-wrapper.ciao #preview .fourth,
  #case-wrapper.jumpNroll #preview .fourth {
    display: none;
  }
  #case-wrapper.wardrobic #preview .fifth,
  #case-wrapper.gathr #preview .fifth,
  #case-wrapper.envite #preview .fifth,
  #case-wrapper.verso #preview .fifth,
  #case-wrapper.ciao #preview .fifth,
  #case-wrapper.jumpNroll #preview .fifth {
    top: 637px;
    left: -22px;
  }
  #case-wrapper.wardrobic #preview .sixth,
  #case-wrapper.gathr #preview .sixth,
  #case-wrapper.envite #preview .sixth,
  #case-wrapper.verso #preview .sixth,
  #case-wrapper.ciao #preview .sixth,
  #case-wrapper.jumpNroll #preview .sixth {
    top: 880px;
    left: 421px;
  }
  #case-wrapper.wardrobic #preview .seventh,
  #case-wrapper.gathr #preview .seventh,
  #case-wrapper.envite #preview .seventh,
  #case-wrapper.verso #preview .seventh,
  #case-wrapper.ciao #preview .seventh,
  #case-wrapper.jumpNroll #preview .seventh {
    top: 886px;
    left: -154px;
  }
  #case-wrapper.family-first #preview img.hide-bottom {
    width: 700px;
  }
  #case-wrapper.family-first #preview .first {
    top: 348px;
    left: 540px;
  }
  #case-wrapper.family-first #preview .second {
    top: 399px;
    left: 69px;
  }
  #case-wrapper.family-first #preview .third {
    top: 648px;
    left: 548px;
  }
  #case-wrapper.family-first #preview .fourth {
    display: none;
  }
  #case-wrapper.family-first #preview .fifth {
    top: 633px;
    left: -58px;
  }
  #case-wrapper.family-first #preview .sixth {
    top: 880px;
    left: 421px;
  }
  #case-wrapper.family-first #preview .seventh {
    top: 886px;
    left: -154px;
  }
  #statistics .stat.second img {
    margin-right: -170px;
  }
  #statistics .stat.third img {
    bottom: -14%;
  }
  #products h3 {
    min-height: 100px;
  }
  #products .laptop-img {
    top: 45%;
  }
  #development .left h1,
  #development .right h1 {
    min-height: 132px;
  }
  #development .left p {
    min-height: 286px;
  }
  #contactus #contact-form textarea,
  #contactus #nda-form textarea {
    overflow: auto;
  }
  #team-info img {
    width: 600px;
  }
  #team-info img.dragan {
    width: 800px;
  }
  #team-info .selected-member.ivan,
  #team-info .selected-member.dragan,
  #team-info .selected-member.mladen,
  #team-info .selected-member.goran,
  #team-info .selected-member.ivana,
  #team-info .selected-member.aca {
    width: 100%;
    height: 53%;
    top: 47%;
    position: absolute;
    background-position: center center;
    background-size: contain;
  }
  #team-info .selected-member.dragan {
    height: 48%;
    top: 52%;
  }
  #team-info .selected-member.mladen {
    height: 47%;
    top: 53%;
  }
  #team-info .selected-member.aca {
    height: 47%;
    top: 53%;
  }
  #team-info .info-wrapper.ivan,
  #team-info .info-wrapper.dragan,
  #team-info .info-wrapper.mladen,
  #team-info .info-wrapper.goran,
  #team-info .info-wrapper.ivana,
  #team-info .info-wrapper.aca {
    /*width: 35%;*/
    width: 90%;
    text-align: center;
  }
  #team-info .info-wrapper.ivan .text,
  #team-info .info-wrapper.dragan .text,
  #team-info .info-wrapper.mladen .text,
  #team-info .info-wrapper.goran .text,
  #team-info .info-wrapper.ivana .text,
  #team-info .info-wrapper.aca .text {
    line-height: 18px;
    text-align: left;
  }
  #team-info .info-wrapper.dragan,
  #team-info .info-wrapper.mladen,
  #team-info .info-wrapper.goran,
  #team-info .info-wrapper.ivana,
  #team-info .info-wrapper.aca {
    top: 40px;
  }
  .job-openings {
    padding: 100px 0 70px;
  }
  .job-openings .job-list .job-item {
    height: auto;
  }
  .job-details-wrapper .left-side {
    width: 60%;
  }
  .job-details-wrapper .right-side {
    width: 30%;
  }
}
@media screen and (max-width: 1100px) {
  .video-pattern .text-centered h3.contact-us {
    width: 230px;
  }
  #services.innovation .left.darker img {
    width: 55%;
    bottom: -220px;
  }
  #case-wrapper .inner-wrapper .part3 {
    width: 97%;
  }
  #case-wrapper .inner-wrapper .part6 {
    width: 96.9%;
    right: 3.9%;
  }
  #case-wrapper .inner-wrapper .part9 {
    width: 96.9%;
  }
  #case-wrapper .inner-wrapper .part12 {
    right: 3.9%;
    width: 95.1%;
  }
  #personnel-wrapper {
    height: 772px;
    padding: 0;
  }
  header .instant-designer {
    top: 35%;
    bottom: auto;
  }
  header .speech-bubble-1 {
    top: 54%;
    left: -9%;
    width: 330px;
    background-size: contain;
  }
  header .speech-bubble-2 {
    top: 39%;
    width: 306px;
    background-size: contain;
  }
  header .speech-bubble-3 {
    top: 18%;
    width: 288px;
    background-size: contain;
  }
  header .speech-bubble-4 {
    top: 39%;
    right: 3%;
    width: 296px;
    background-size: contain;
  }
  header .speech-bubble-5 {
    top: 54%;
    right: -14%;
    width: 330px;
    background-size: contain;
  }
}
@media screen and (max-width: 1000px) {
  .video-pattern .text-centered {
    width: 80%;
  }
  .clients-wrapper {
    padding: 50px 0;
  }
  .clients-wrapper h1,
  .clients-wrapper h3 {
    padding: 0 10%;
  }
  .clients-wrapper .clients-list .client-item {
    width: calc(50% - 1px);
  }
  .clients-wrapper .clients-list .client-item.unrd,
  .clients-wrapper .clients-list .client-item.gc,
  .clients-wrapper .clients-list .client-item.aliya,
  .clients-wrapper .clients-list .client-item.phin,
  .clients-wrapper .clients-list .client-item.ba,
  .clients-wrapper .clients-list .client-item.hyundai,
  .clients-wrapper .clients-list .client-item.zumper,
  .clients-wrapper .clients-list .client-item.eci,
  .clients-wrapper .clients-list .client-item.cl,
  .clients-wrapper .clients-list .client-item.ciao {
    width: 50%;
    border-right: 0;
  }
  .clients-wrapper .clients-list .client-item.unrd .plus-sign,
  .clients-wrapper .clients-list .client-item.gc .plus-sign,
  .clients-wrapper .clients-list .client-item.aliya .plus-sign,
  .clients-wrapper .clients-list .client-item.phin .plus-sign,
  .clients-wrapper .clients-list .client-item.ba .plus-sign,
  .clients-wrapper .clients-list .client-item.hyundai .plus-sign,
  .clients-wrapper .clients-list .client-item.zumper .plus-sign,
  .clients-wrapper .clients-list .client-item.eci .plus-sign,
  .clients-wrapper .clients-list .client-item.cl .plus-sign,
  .clients-wrapper .clients-list .client-item.ciao .plus-sign {
    display: none;
  }
  .clients-wrapper .clients-list .client-item.ciao {
    border-right: 1px solid #f6f6f6;
  }
  .clients-wrapper .clients-list .client-item.edco,
  .clients-wrapper .clients-list .client-item.onewire {
    border-bottom: 1px solid #f6f6f6;
  }
  .clients-wrapper .clients-list .client-item.edco .plus-sign,
  .clients-wrapper .clients-list .client-item.onewire .plus-sign {
    display: block;
  }
  .clients-wrapper .clients-list .client-item.ba,
  .clients-wrapper .clients-list .client-item.eci {
    border-bottom: 1px solid #f6f6f6;
  }
  #case-wrapper.ciao .section-info {
    margin: 0;
  }
  #case-wrapper.jumpNroll .section-info {
    margin: 0;
  }
  .animated-line {
    display: none;
  }
  #wrapper {
    display: block;
  }
  #about .inner-wrapper,
  #description .inner-wrapper,
  #contactus .inner-wrapper,
  #hiring-wrapper .inner-wrapper {
    width: 80%;
  }
  #contactus .heading {
    width: calc(100% - 60px);
  }
  #contactus #nda-form input,
  #contactus #nda-form .custom-select {
    width: 46%;
  }
  #contactus #nda-form .custom-select .custom-dropdown {
    width: 100%;
  }
  #contactus #contact-form .form-element,
  #contactus #contact-form .custom-select {
    width: 46%;
  }
  #contactus #contact-form input {
    width: 100%;
  }
  #contactus #contact-form .custom-select .custom-dropdown {
    width: 100%;
  }
  #contactus.about-us .heading {
    width: calc(100% - 60px);
  }
  #statistics {
    height: 370px;
  }
  #statistics .number {
    font-size: 60px;
  }
  #statistics .stat {
    padding-top: 150px;
    padding-left: 3%;
  }
  #statistics .stat.first img,
  #statistics .stat.second img,
  #statistics .stat.third img {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  #statistics .stat.first img {
    bottom: -43%;
  }
  #statistics .stat.second img {
    bottom: -20%;
  }
  #statistics .stat.third img {
    bottom: -23%;
    margin-right: -45px;
  }
  #statistics.about-us {
    height: auto;
    padding: 50px 0;
  }
  #statistics.about-us .stat {
    padding: 40px 0 0;
  }
  #services .left {
    width: 100%;
    padding: 50px 5%;
    /*&.mvp {
                img {
                    bottom: -60px;
                    right: 60px;
                    .transform(scale(1));
                }
            }

            &.watchos {
                img {
                    bottom: -150px;
                    right: -120px;
                    .transform(scale(1));
                }
            }

            &.redesign {
                img {
                    right: -10px;
                    .transform(scale(1));
                }
            }*/
  }
  #services .left h1,
  #services .left h3,
  #services .left p {
    min-height: 0;
  }
  #services.innovation .left {
    width: 100%;
    padding: 50px 5%;
  }
  #services.innovation .left.lighter img {
    bottom: -75px;
    width: 430px;
  }
  #services.innovation .left.darker img {
    bottom: -290px;
    width: auto;
  }
  #services.innovation .text-content {
    min-height: 0;
  }
  #services.design .left {
    width: 100%;
    height: 520px;
    padding: 50px 3%;
  }
  #services.design .left img.drawings.desktop {
    display: none;
  }
  #services.design .left img.drawing-pad,
  #services.design .left img.papers-wardrobic {
    max-width: 40%;
  }
  #services.design .left img.drawings.tablet {
    height: 52%;
    bottom: -10%;
    display: initial;
  }
  #services.design .left.presentations {
    background-color: #ececec;
  }
  #services.design .left.branding {
    background-color: #e0e0e0;
  }
  #services.design .left h3 {
    min-height: 40px;
  }
  #services.webpage .left {
    width: 100%;
    padding: 50px 5% 190px;
  }
  #services.webpage .left h3 {
    min-height: 0;
  }
  #services.webpage .text-content {
    min-height: 0;
  }
  #services.webpage img.first {
    bottom: -25%;
    left: 18%;
    width: 300px;
  }
  #services.webpage img.second {
    left: 25%;
  }
  #services.webpage img.third {
    left: 3%;
    width: 200px;
  }
  #services.webpage img.monitor {
    right: -75%;
  }
  #services.webpage img.iphone {
    bottom: -22%;
    left: auto;
    right: 52%;
  }
  #services.webpage img.tablet {
    left: auto;
    right: 35%;
  }
  #services.webpage .se-row .se-item {
    width: 46%;
  }
  #services.webpage .se-row .se-item:nth-child(5n+5) {
    margin: 0 auto 50px;
  }
  #services.about-us .left {
    width: 100%;
    padding-right: 5%;
  }
  #services.about-us p,
  #services.about-us h1 {
    min-height: 0;
  }
  #services.home-page .left {
    width: 100%;
    padding: 50px 5%;
  }
  #services.home-page .left img {
    bottom: 0;
    right: 0;
    width: auto;
    height: 28%;
  }
  #services.home-page p {
    margin-top: 0;
  }
  #services.hiring-page .left {
    min-height: 300px;
  }
  #development .left,
  #development .right {
    width: 100%;
    padding: 50px 5%;
  }
  #development .left h1,
  #development .right h1,
  #development .left h3,
  #development .right h3,
  #development .left p,
  #development .right p {
    min-height: 0;
  }
  #development .left p {
    min-height: 0;
  }
  #description {
    padding: 50px 0;
  }
  #description .inner-wrapper {
    width: 90%;
  }
  #description.about-us {
    padding: 50px 0;
  }
  #description.redesign h1 {
    padding: 0 5%;
  }
  #description.redesign .makeover {
    width: 90%;
  }
  #description.redesign .makeover h3 {
    width: 95%;
  }
  #description.redesign .makeover p {
    width: 95%;
  }
  footer .links {
    width: 62%;
    display: flex;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  footer .group {
    width: 46%;
  }
  footer .inner-wrapper {
    padding: 27px 5%;
  }
  footer .inner-wrapper .info,
  footer .inner-wrapper .social,
  footer .inner-wrapper .brands {
    width: 100%;
  }
  #conferences {
    background: #ECECEC;
  }
  .conf .left {
    width: 100%;
    height: 50%;
  }
  .conf .event-wrapper {
    width: 100%;
    padding: 50px 5%;
  }
  .conf .heading,
  .conf .date {
    font-size: 24px;
  }
  .conf .content:after {
    top: auto;
    right: auto;
    bottom: -20px;
    left: 50%;
    border-top: 20px solid #ECECEC;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: none;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .conf.even .content:after {
    top: auto;
    bottom: -20px;
    left: 50%;
    border-top: 20px solid #ECECEC;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: none;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  header .centered {
    top: 40%;
    width: 90%;
    padding: 0 5%;
  }
  header img.light-bulb {
    top: -2%;
    height: 43%;
  }
  header img.notes,
  header img.paper {
    display: none;
  }
  header#design-page .centered {
    top: 40%;
  }
  #apps {
    display: block;
  }
  #apps #about .inner-wrapper {
    width: 90%;
  }
  #case-wrapper #case-study img {
    display: none;
  }
  #case-wrapper #case-study .desc {
    margin: 0 0 25px 0;
  }
  #case-wrapper #case-study .app-market {
    right: 0;
  }
  #case-wrapper #colours .desc {
    float: none;
    margin: 0 0 25px 0;
  }
  #case-wrapper #icons .desc {
    text-align: right;
    width: 100%;
  }
  #case-wrapper .section-info {
    width: auto;
    margin-left: 0;
  }
  #case-wrapper #icons .icon-group .third-icon-set {
    display: block;
    float: right;
  }
  #case-wrapper #icons .icon-group .desk-res-version {
    display: none;
  }
  #case-wrapper #icons .desc {
    margin: 0 0 25px 0;
  }
  #case-wrapper #preview {
    height: 1145px;
  }
  #case-wrapper.sis #preview img.hide-bottom {
    width: 1090px;
  }
  #case-wrapper.sis #preview .first,
  #case-wrapper.sis #preview .second,
  #case-wrapper.sis #preview .sixth {
    display: none;
  }
  #case-wrapper.sis #preview .third {
    top: 286px;
    left: -97px;
  }
  #case-wrapper.sis #preview .fourth {
    top: 726px;
    left: 130px;
  }
  #case-wrapper.sis #preview .fifth {
    top: 622px;
    left: -670px;
  }
  #case-wrapper.emerge #preview {
    height: 1030px;
  }
  #case-wrapper.emerge #preview img.hide-bottom {
    width: 870px;
  }
  #case-wrapper.emerge #preview .first {
    top: 178px;
    left: 234px;
  }
  #case-wrapper.emerge #preview .third {
    top: 422px;
    left: -258px;
  }
  #case-wrapper.emerge #preview .fourth {
    top: 492px;
    left: 440px;
  }
  #case-wrapper.emerge #preview .sixth {
    top: 723px;
    left: -48px;
  }
  #case-wrapper.techclack #preview img.hide-bottom {
    width: 860px;
  }
  #case-wrapper.techclack #preview .first {
    top: 251px;
    left: 383px;
  }
  #case-wrapper.techclack #preview .second {
    top: 410px;
    left: -40px;
  }
  #case-wrapper.techclack #preview .third {
    top: 620px;
    left: 370px;
  }
  #case-wrapper.techclack #preview .fourth {
    top: 663px;
    left: -334px;
  }
  #case-wrapper.fresh #preview .app-logo {
    margin: 102px 0 0 15.8%;
  }
  #case-wrapper.mcd #preview .first {
    top: 6px;
    left: 593px;
  }
  #case-wrapper.mcd #preview .second {
    top: 291px;
    left: -70px;
  }
  #case-wrapper.mcd #preview .third {
    top: 455px;
    left: 574px;
  }
  #case-wrapper.mcd #preview .fourth {
    top: 649px;
    left: -676px;
  }
  #case-wrapper.mcd #preview .fifth {
    top: 790px;
    left: -92px;
  }
  #case-wrapper.sl #preview .first {
    top: 153px;
    left: 212px;
  }
  #case-wrapper.sl #preview .second {
    top: 377px;
    left: -128px;
  }
  #case-wrapper.sl #preview .third {
    top: 560px;
    left: -588px;
  }
  #case-wrapper.sl #preview .fourth {
    top: 805px;
    left: -105px;
  }
  #case-wrapper #fonts .desc {
    margin: 0 0 25px 0;
  }
  #case-wrapper .align-right .section-info {
    width: 100%;
    margin-right: 0;
  }
  #personnel .staff-members {
    width: 100%;
  }
  #personnel .staff-members .person.per-0 img {
    left: -63px;
  }
  #personnel .staff-members .person.per-1 img {
    left: -73px;
  }
  #personnel .staff-members .person.per-2 img {
    left: -62px;
  }
  #personnel .staff-members .person.per-3 img {
    left: -95px;
  }
  #personnel .staff-members .person.per-4 img {
    left: -72px;
  }
  #personnel .staff-members .person.per-5 img {
    left: -86px;
  }
  #locations .left {
    width: 100%;
    padding: 50px 3% 210px;
  }
  #locations .left img {
    max-width: 100%;
  }
  #locations .left.lighter {
    background-color: #e0e0e0;
  }
  #locations .left.darker {
    background-color: #ececec;
  }
  #locations h3,
  #locations p {
    min-height: 0;
  }
  #games .preview p {
    width: 90%;
  }
  #games .preview .mobile-wrapper {
    width: 90%;
  }
  #map {
    display: none;
  }
  #products h3 {
    min-height: 120px;
  }
  #products .right .app-store {
    margin-right: 0;
    margin-left: 8px;
  }
  #team-info {
    /*.info-wrapper {
            right: 2%;
            width: 38%;

            &.ivan {
                width: 38%;

                .text {
                    font-size: 13px;
                }
            }
        }*/
  }
  #team-info img {
    width: 450px;
  }
  #team-info img.dragan {
    width: 670px;
  }
  #team-info img.aca {
    width: 600px;
  }
  #team-info .selected-member {
    /*&.mladen {
                height: 53%;
                top: 47%;
            }*/
  }
  #team-info .selected-member.ivan {
    height: 43%;
    top: 57%;
  }
  #team-info .selected-member.aca {
    height: 44%;
    top: 56%;
  }
  #team-info .selected-member.dragan {
    height: 45%;
    top: 55%;
  }
  #personnel .staff-members .staff-info {
    width: 100%;
  }
  #personnel .staff-members .staff-info .person-info .person-name {
    font-size: 16px;
  }
  #personnel .staff-members .staff-info .person-info .person-position {
    font-size: 13px;
  }
  .job-openings .job-list .job-item {
    width: calc(27.33% - 1px);
    padding: 0 3%;
  }
  .job-openings .job-list .job-item .title {
    font-size: 22px;
  }
  .job-openings .job-list .job-item .postition-item .position {
    font-size: 14px;
  }
  .job-details-wrapper .left-side {
    width: 100%;
    margin-bottom: 30px;
  }
  .job-details-wrapper .right-side {
    width: 50%;
  }
}
@media screen and (max-width: 900px) {
  #case-wrapper #case-study .inner-wrapper h1 {
    margin: 0 0 30px;
  }
  header .instant-designer {
    top: 26%;
    left: 5%;
  }
  header .speech-bubble-1 {
    top: 54%;
    left: -9%;
    width: 250px;
  }
  header .speech-bubble-2 {
    top: 39%;
    width: 250px;
  }
  header .speech-bubble-3 {
    top: 18%;
    width: 250px;
  }
  header .speech-bubble-4 {
    top: 39%;
    right: 3%;
    width: 250px;
  }
  header .speech-bubble-5 {
    top: 54%;
    right: -11%;
    width: 250px;
  }
  #services.instant-design .pricing-wrapper {
    width: 557px;
  }
  #products .left {
    padding: 44px 3% 0;
  }
}
@media screen and (max-width: 767px) {
  .video-pattern .text-centered h1 {
    font-size: 27px;
  }
  .video-pattern .text-centered h3 {
    margin-top: 10px;
    font-size: 13px;
  }
  .clients-wrapper .clients-list .client-item.sd .img,
  .clients-wrapper .clients-list .client-item.edco .img {
    width: 130px;
    height: 22px;
    background-size: cover;
  }
  #development {
    flex-wrap: wrap;
  }
  .jumpnroll-privacy {
    height: calc(100vh - 40px);
    padding-top: 40px;
  }
  .jumpnroll-privacy h1 {
    margin: 30px 0;
  }
  .jumpnroll-privacy .privacy-container {
    width: 80%;
  }
  #chooser .projects-holder {
    margin-top: 130px;
  }
  #statistics.home-stat .stat {
    height: 60%;
    background-size: contain;
  }
  #case-wrapper.ciao #icons .icon-group img {
    width: 100%;
  }
  .hex {
    display: none;
  }
  .price-hex {
    display: block;
  }
  #navigation {
    background: none;
    position: absolute;
    left: auto !important;
    top: 22px;
    right: 7px;
    height: 30px;
    width: 64px;
    margin: 0;
    -moz-transition: opacity 0.5s ease-out, background-color 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out, background-color 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out, background-color 0.5s ease-out;
    transition: opacity 0.5s ease-out, background-color 0.5s ease-out;
  }
  #navigation:after,
  #navigation .nav {
    display: none;
  }
  #navigation .toggler {
    position: fixed;
    top: 12px;
    right: -1px;
    height: 30px;
    width: 64px;
    padding: 4px 20px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.9);
    -moz-transition: opacity 0.5s ease-out, background-color 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out, background-color 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out, background-color 0.5s ease-out;
    transition: opacity 0.5s ease-out, background-color 0.5s ease-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #navigation .toggler:after,
  #navigation .toggler:before {
    content: '';
    position: absolute;
    top: -18px;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    -moz-transition: border-bottom-color 0.5s ease-out;
    -o-transition: border-bottom-color 0.5s ease-out;
    -webkit-transition: border-bottom-color 0.5s ease-out;
    transition: border-bottom-color 0.5s ease-out;
  }
  #navigation .toggler:after {
    top: auto;
    bottom: -18px;
    right: 0;
    border-top: 18px solid rgba(255, 255, 255, 0.9);
    border-bottom: none;
  }
  #navigation .toggler:before {
    top: -18px;
    bottom: auto;
    right: 0;
    border-bottom: 18px solid rgba(255, 255, 255, 0.9);
    border-top: none;
    -moz-transition: border-top-color 0.5s ease-out;
    -o-transition: border-top-color 0.5s ease-out;
    -webkit-transition: border-top-color 0.5s ease-out;
    transition: border-top-color 0.5s ease-out;
  }
  .consultants-wrapper {
    height: 689px;
    padding-top: 50px;
  }
  .consultants-wrapper h1 {
    margin-bottom: 58px;
  }
  #wrapper #chooser .projects-holder {
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 0;
    overflow: auto;
  }
  #wrapper #chooser .projects-holder .project-hex {
    margin: 50px 7%;
  }
  #chooser .toggler {
    left: auto;
    right: 26px;
    top: 16px;
  }
  h1 {
    font-size: 27px;
  }
  p {
    font-size: 14px;
    line-height: 20px;
  }
  #wrapper {
    display: block;
  }
  #case-wrapper {
    display: block;
  }
  #case-wrapper.emerge #fonts .sub-heading,
  #case-wrapper.klowd #fonts .sub-heading,
  #case-wrapper.sis #fonts .sub-heading,
  #case-wrapper.fresh #fonts .sub-heading,
  #case-wrapper.techclack #fonts .sub-heading,
  #case-wrapper.mcd #fonts .sub-heading,
  #case-wrapper.ciao #fonts .sub-heading,
  #case-wrapper.jumpNroll #fonts .sub-heading {
    margin-top: 0;
  }
  #case-wrapper .heading {
    font-size: 27px;
  }
  #case-wrapper #case-study {
    height: auto;
    padding: 150px 0 100px 0;
    background-position: -590px 0;
  }
  #case-wrapper #case-study img {
    display: none;
  }
  #case-wrapper #case-study .inner-wrapper {
    display: block;
    width: 100%;
    padding: 0 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #case-wrapper #case-study .inner-wrapper .section-info {
    width: 100%;
  }
  #case-wrapper #case-study .inner-wrapper h1 {
    margin: 0 0 20px;
  }
  #case-wrapper #case-study .app-market {
    right: auto;
    bottom: auto;
    left: 30px;
  }
  #case-wrapper #fonts {
    height: auto;
    padding: 85px 0;
  }
  #case-wrapper #fonts .inner-wrapper {
    display: block;
    width: 100%;
    padding: 0 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #case-wrapper #fonts .inner-wrapper .section-info {
    width: 100%;
    margin: 0;
  }
  #case-wrapper #fonts .desc {
    margin: 0 0 25px 0;
  }
  #case-wrapper #fonts .first-font {
    margin: 25px 0 30px 0;
  }
  #case-wrapper #colours {
    height: auto;
    padding: 85px 0;
  }
  #case-wrapper #colours .inner-wrapper {
    display: block;
    width: 100%;
    padding: 0 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #case-wrapper #colours .inner-wrapper .sample {
    width: 62px;
    margin: 45px 103px 0 0;
    float: left;
  }
  #case-wrapper #colours .inner-wrapper .left,
  #case-wrapper #colours .inner-wrapper .right {
    width: 62px;
  }
  #case-wrapper #icons {
    height: auto;
    padding: 85px 0;
  }
  #case-wrapper #icons .inner-wrapper {
    display: block;
    width: 100%;
    padding: 0 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #case-wrapper #icons .desc {
    margin: 0 0 25px 0;
  }
  #case-wrapper #icons .section-info {
    margin: 0;
  }
  #case-wrapper #icons .line {
    margin-bottom: 30px;
  }
  #case-wrapper #mockup {
    display: none;
  }
  #about {
    padding: 50px 0;
  }
  #services.design .left {
    width: 100%;
    padding: 50px 5% 0;
  }
  #services.design .left img.iphone {
    left: -60px;
  }
  #services.design .left img.laptop {
    max-width: 700px;
  }
  #services.design .left img.drawing-pad,
  #services.design .left img.papers-wardrobic {
    bottom: -60px;
    max-width: 300px;
  }
  #services.design .left img.hand {
    bottom: -10px;
  }
  #services.design .left img.paper-ruler {
    bottom: -60px;
    max-width: 350px;
  }
  #services.design .left img.stopwatch {
    bottom: -80px;
    height: 54%;
  }
  #services.design .left img.calculator {
    bottom: -50px;
    max-width: 350px;
  }
  #services.design .left img.mobile-papers {
    max-width: 93%;
  }
  #services.design .design-row .design-item {
    width: 100%;
  }
  #services .left.apps .first {
    left: 60%;
    bottom: -24px;
    width: 130px;
  }
  #services .left.apps .second {
    left: 48%;
    bottom: -67px;
    width: 130px;
  }
  #services .left.apps .third {
    left: 10%;
    bottom: -22px;
    width: 130px;
  }
  #services .left.responsive img {
    display: initial;
  }
  #services .left.responsive .iphone {
    width: 220px;
    bottom: -122px;
    left: -60px;
  }
  #services .left.responsive .tablet {
    width: 178px;
    bottom: -100px;
    left: 17%;
  }
  #services .left.responsive .monitor {
    width: 355px;
    bottom: 4px;
    left: 55%;
  }
  #services.innovation .left {
    padding: 50px 5% 85px;
  }
  #services.innovation .left.lighter {
    padding-bottom: 130px;
  }
  #services.innovation .left.lighter img {
    right: -100px;
    bottom: -20px;
    max-width: 100%;
  }
  #services.innovation .left.darker img {
    right: -45px;
    bottom: -300px;
  }
  #services.innovation .consulting-row .consulting-item {
    width: 100%;
  }
  #services.webpage .se-row .se-item {
    width: 100%;
  }
  #services .price-hex {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #services .price-label {
    position: relative;
    z-index: 1;
  }
  #services.instant-design .designer-chat {
    width: 90%;
  }
  #services.instant-design .pricing-wrapper {
    width: 90%;
  }
  #services.instant-design .pricing-wrapper .pricing-item {
    display: table;
    position: relative;
    left: 50%;
    float: none;
    margin: 0;
    margin-left: -126px;
    margin-bottom: 22px;
  }
  #services.instant-design .pricing-wrapper .pricing-item:nth-child(even) {
    margin-left: -136px;
  }
  #services .founder-message {
    flex-wrap: wrap;
  }
  #services .founder-message .left h3 {
    min-height: 0;
  }
  #services .founder-message .left.lighter {
    padding-bottom: 0;
    padding-right: 5%;
  }
  #services .founder-message .left.darker {
    padding-top: 0;
    background-color: #ececec;
  }
  #services.hiring-page .left {
    width: 100%;
  }
  #apps #about {
    padding: 50px 0 130px;
  }
  #apps #about img {
    width: 93px;
    bottom: -12px;
  }
  #apps #about img.joystick {
    top: auto;
  }
  #apps #platforms .platform-holder {
    text-align: center;
  }
  #apps #platforms .platform-holder img {
    position: static;
    display: inline-block;
    max-width: 55%;
  }
  #description {
    background-size: cover;
  }
  #description .inner-wrapper {
    width: 90%;
  }
  #description.about-us p {
    width: 90%;
  }
  #description.redesign {
    background-repeat: repeat;
  }
  #description.redesign .makeover h1 {
    float: left;
    padding: 0 5% 0 0;
  }
  #description.redesign .makeover h3 {
    float: left;
    width: auto;
    margin: 0;
    line-height: 38px;
  }
  #description.redesign .makeover p {
    width: 90%;
    clear: both;
  }
  #description.redesign .makeover p,
  #description.redesign .makeover .makeover-box {
    width: 100%;
  }
  #description .makeover-box {
    min-height: 0;
  }
  #products .left,
  #products .right {
    width: 100%;
    margin: 0 auto;
    padding: 40px 5%;
    text-align: center;
    background: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #products .left img,
  #products .right img {
    display: table;
    width: 50%;
    margin: 0 auto 30px;
  }
  #products .left h3,
  #products .right h3 {
    width: 100%;
    margin: 0 auto 5px;
    text-align: center;
    min-height: initial;
  }
  #products .left a.link,
  #products .right a.link {
    float: none;
    margin-bottom: 5px;
  }
  #products .left a.btn,
  #products .right a.btn {
    width: 229px;
    height: 51px;
    margin: 0 auto;
    background-color: #bf1e2e;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Gotham-Bold';
    outline: 0;
    border: 0;
  }
  #products .right {
    padding: 30px 5% 60px;
  }
  #products .right .engineers-london-logo {
    float: none;
    margin: 0 auto 20px;
  }
  #products .right a.btn {
    /*width: 43%;
                margin: 0 3%;*/
    background-size: 50% !important;
  }
  #products .left {
    padding: 30px 5% 60px;
  }
  #products .left .ciao-logo {
    margin: 0 auto 20px;
  }
  #products .left a.btn {
    width: 43%;
    margin: 0 3%;
  }
  #products .laptop-img {
    position: initial;
    display: table;
    width: 75%;
    max-width: none;
    text-align: center;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  #statistics {
    height: 325px;
  }
  #statistics .stat {
    width: 100%;
    padding: 30px 0 0 8%;
  }
  #statistics .stat.first img {
    bottom: -42%;
  }
  #statistics .stat.second img {
    bottom: -20%;
    margin-right: -100px;
  }
  #statistics .stat.third img {
    bottom: -19%;
    margin-right: -91px;
  }
  #statistics.about-us {
    height: 525px;
    padding: 50px 0 70px 0;
  }
  #statistics.about-us h3,
  #statistics.about-us .stats {
    width: 90%;
  }
  #statistics.about-us .stat {
    width: 33%;
    text-align: center;
  }
  #statistics.about-us .stat .number {
    font-size: 70px;
  }
  #statistics.about-us .line {
    width: 28px;
    margin: 0 auto;
  }
  #statistics.about-us .info {
    margin-left: 0;
    margin-top: 10px;
    letter-spacing: 0;
    font-size: 12px;
  }
  #contactus .inner-wrapper {
    width: 90%;
    padding: 50px 5%;
  }
  #contactus #nda-form input,
  #contactus #nda-form .custom-select {
    width: 100%;
    margin-bottom: 15px;
  }
  #contactus #nda-form textarea {
    height: 50px;
  }
  #contactus #nda-form button[type="submit"] {
    margin-top: 0;
  }
  #contactus #contact-form .form-element,
  #contactus #contact-form .custom-select {
    width: 100%;
    margin-bottom: 20px;
  }
  #contactus #contact-form .form-element {
    margin-bottom: 0;
  }
  #contactus #contact-form .form-element input {
    margin-bottom: 20px;
  }
  #contactus #contact-form textarea {
    height: 50px;
  }
  #contactus #contact-form button[type="submit"] {
    margin-top: 0;
  }
  #contactus .heading:after,
  #contactus .heading:before {
    content: none;
  }
  footer {
    /*.inner-wrapper {
            padding: 27px 5%;
        }*/
    /*.info,
        .links {
            width: 100%;
        }

        .links {
            float: left;
        }

        .group {
            width: 100%;
        }

        .locations, .links {
            display: none;
        }

        .info {
            margin-top: 18px;
        }

        .logo {
            margin: 0;
            padding-top: 9px;
        }

        .social-networks {
            height: auto;

            p {
                line-height: 50px;
            }
        }

        .social-icons {
            position: absolute;
            top: 55px;
            right: 20px;
        }*/
  }
  header img.hcube,
  header img.hwatch {
    display: none;
  }
  header img.mic-central {
    top: -170px;
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  header img.letter {
    bottom: -130px;
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  header img.three-phones {
    top: 30px;
    left: 6px;
    height: 18%;
  }
  header img.light-bulb {
    top: -2%;
    height: 40%;
  }
  header img.draw-pad {
    top: -340px;
    margin-left: -663px;
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  header img.monitor {
    top: -150px;
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  header img.phone-bow {
    top: 0;
    height: 37%;
  }
  header img.watch,
  header img.mouse2 {
    max-width: 15%;
    bottom: 136px;
  }
  header img.mouse2 {
    right: 7%;
  }
  header img.watch {
    left: 7%;
  }
  header img.tablet {
    height: auto;
    max-width: 35%;
  }
  header img.mouse {
    display: initial;
    bottom: -35px;
    left: 80%;
    right: auto;
  }
  header img.mobile-papers {
    display: initial;
  }
  header img.mic-left {
    display: initial;
    top: -93px;
    left: -7px;
    margin: 0;
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  header img.mic-right {
    display: initial;
    top: -99px;
    right: -43px;
    left: auto;
    margin: 0;
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  header .centered {
    top: 30%;
  }
  header .centered p {
    width: 100%;
  }
  header .instant-designer {
    top: 42%;
    margin: 0 auto;
    background: url(../img/m-instant-designer.png) center bottom no-repeat;
    background-size: contain;
  }
  header .speech-bubble-1,
  header .speech-bubble-2,
  header .speech-bubble-3,
  header .speech-bubble-4,
  header .speech-bubble-5 {
    position: static;
    float: left;
    height: 171px;
    top: 0;
  }
  header .speech-bubble-1 {
    background: url(../img/m-speech-bubble-1.png) 0 0 no-repeat;
    background-size: contain;
  }
  header .speech-bubble-2 {
    background: url(../img/m-speech-bubble-2.png) 0 0 no-repeat;
    background-size: contain;
  }
  header .speech-bubble-3 {
    background: url(../img/m-speech-bubble-3.png) 0 0 no-repeat;
    background-size: contain;
  }
  header .speech-bubble-4 {
    background: url(../img/m-speech-bubble-4.png) 0 0 no-repeat;
    background-size: contain;
  }
  header .speech-bubble-5 {
    background: url(../img/m-speech-bubble-5.png) 0 0 no-repeat;
    background-size: contain;
  }
  header#apps-page .centered {
    top: 23%;
  }
  header#design-page .centered {
    top: 30%;
  }
  header#innovation-page .centered {
    top: 36%;
  }
  header#innovation-page .centered .header-title {
    width: 100%;
  }
  header#conferences-page .centered {
    top: 40%;
  }
  header#redesign-page .centered {
    top: 37%;
  }
  header#instant-designers-page p {
    width: 80%;
  }
  header#instant-designers-page .speech-bubble-1,
  header#instant-designers-page .speech-bubble-2,
  header#instant-designers-page .speech-bubble-3,
  header#instant-designers-page .speech-bubble-4,
  header#instant-designers-page .speech-bubble-5 {
    width: 250px;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    display: inline-block;
  }
  header#instant-designers-page .bubble-wrapper {
    position: relative;
    height: 171px;
    width: 250px;
    margin: 20px auto 0 auto;
    overflow: hidden;
  }
  header#instant-designers-page .bubble-wrapper .bubble-swipe {
    position: absolute;
    width: 1615px;
  }
  #personnel {
    padding: 50px 0 0;
    background-position: center top;
    background-repeat: repeat;
  }
  #personnel h1 {
    margin-bottom: 30px;
  }
  #personnel .staff-members {
    padding-bottom: 50px;
  }
  #personnel .staff-members .staff-info {
    display: none;
  }
  #personnel .staff-members .person {
    position: relative;
    width: 159px;
    height: 159px;
    margin: 0 7px 60px;
    font-size: 12px;
    background-image: url(../img/personnel.png);
    background-repeat: no-repeat;
  }
  #personnel .staff-members .person img {
    display: none;
  }
  #personnel .staff-members .person.per-0 {
    background-position: 0 0;
  }
  #personnel .staff-members .person.per-0:before {
    content: "Ivan Trajkovic";
    position: absolute;
    top: 165px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-0:after {
    content: "founder & ceo";
    position: absolute;
    top: 185px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-1 {
    background-position: 0 -159px;
  }
  #personnel .staff-members .person.per-1:before {
    content: "Ivana Trajkovic";
    position: absolute;
    top: 165px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-1:after {
    content: "chief operating officer";
    position: absolute;
    top: 185px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-2 {
    background-position: 0 -318px;
  }
  #personnel .staff-members .person.per-2:before {
    content: "Mladen Jovic";
    position: absolute;
    top: 165px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-2:after {
    content: "head of engineering";
    position: absolute;
    top: 185px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-3 {
    background-position: 0 -477px;
  }
  #personnel .staff-members .person.per-3:before {
    content: "Aleksandar Zivkovic";
    position: absolute;
    top: 165px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-3:after {
    content: "head of delivery";
    position: absolute;
    top: 185px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-4 {
    background-position: 0 -636px;
  }
  #personnel .staff-members .person.per-4:before {
    content: "Goran Silic";
    position: absolute;
    top: 165px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-4:after {
    content: "head of frontend development";
    position: absolute;
    top: 185px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-5 {
    background-position: 0 -795px;
  }
  #personnel .staff-members .person.per-5:before {
    content: "Dragan Drazic";
    position: absolute;
    top: 165px;
    left: 0;
    right: 0;
  }
  #personnel .staff-members .person.per-5:after {
    content: "head of design & ux";
    position: absolute;
    top: 185px;
    left: 0;
    right: 0;
  }
  .menu-wrapper {
    width: 100%;
    background-color: #fff;
    height: 100%;
    max-height: 0;
    -moz-transition: max-height 0.3s ease-out;
    -o-transition: max-height 0.3s ease-out;
    -webkit-transition: max-height 0.3s ease-out;
    transition: max-height 0.3s ease-out;
  }
  .menu-wrapper .triangle {
    display: none;
    width: 60px;
    height: 60px;
    border: none;
    background-color: #fff;
  }
  .menu-wrapper .logo {
    opacity: 0;
    margin: 12px 0 0 76px;
    padding: 0;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    z-index: 2;
  }
  .menu-wrapper #hamburger-btn {
    position: absolute;
    top: 22px;
    left: 7px;
    margin: 0;
  }
  .menu-wrapper ul {
    height: 100%;
    margin: 0;
    padding: 10px 0 20px 80px;
  }
  .menu-wrapper.opened {
    height: 100%;
    max-height: 100%;
  }
  .menu-wrapper.opened .logo {
    opacity: 1;
  }
  #games .store {
    bottom: 10%;
  }
  #games #games-page {
    background: url(../img/jnr-background.jpg) top center no-repeat;
    background-size: cover;
  }
  #games .coming-soon .game {
    width: 100%;
  }
  #games .coming-soon img {
    display: block;
  }
  #games .preview .mobile-wrapper,
  #games .preview .buttons-wrapper {
    width: 90%;
  }
  #games .preview .mobile-wrapper {
    left: 0;
    height: 340px;
    background: none;
  }
  #games .preview .buttons-wrapper {
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  #games .preview .buttons-wrapper .store.android,
  #games .preview .buttons-wrapper .store.ios {
    display: block;
    float: none;
    margin: 0 auto 10px;
  }
  #games .preview h1 {
    padding-top: 170px;
    margin-top: 0;
  }
  #games .preview iframe {
    left: 0;
    top: 0;
    width: 100%;
  }
  #games .preview .game-logo {
    top: 4%;
  }
  #map {
    display: table;
    height: auto;
    padding: 50px 0 100px 0;
    background: #191919 url(../img/world-map.png) center -31px no-repeat;
  }
  #map .map-holder {
    display: table;
    width: 100%;
    height: auto;
    background: none;
  }
  #map .map-holder .city-hex {
    position: initial;
    width: 50%;
    display: table;
    margin-bottom: 30px;
    padding-left: 90px;
    line-height: 21px;
    background: url('../img/checkpoint.png') 45px bottom no-repeat;
    background-size: 22px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #map .map-holder .city-hex.london,
  #map .map-holder .city-hex.belgrade {
    background: url('../img/checkpoint.png') 45px 1px no-repeat;
    background-size: 22px;
  }
  #map .map-holder .city-hex:before,
  #map .map-holder .city-hex:after {
    display: none;
  }
  #map .map-holder .city-hex:nth-child(odd) {
    float: left;
  }
  #map .map-holder .city-hex:nth-child(even) {
    float: right;
  }
  #map .map-holder .city-hex.show-city {
    width: 50%;
  }
  #map .map-holder .city-hex.show-city .city-name {
    padding-left: 0;
    width: auto;
  }
  #map .map-holder .city-hex .city-name {
    position: initial;
    width: auto;
    padding: 0;
    font-size: 14px;
    border: none;
    color: #fff;
  }
  #map .map-holder .city-hex.show-city,
  #map .map-holder .city-hex:hover {
    width: 50%;
    height: auto;
    z-index: 0;
  }
  #map .map-holder .city-hex.show-city .city-name,
  #map .map-holder .city-hex:hover .city-name {
    padding-left: 0;
    width: auto;
  }
  #wrapper #case-wrapper #preview img.hide-bottom {
    width: 701px;
  }
  #wrapper #case-wrapper #preview img.app-logo {
    display: block;
    position: initial;
    margin: 50px auto;
  }
  #wrapper #case-wrapper #preview .desktop-preview {
    display: none;
  }
  #wrapper #case-wrapper #preview .mobile-preview {
    display: initial;
    display: table;
    top: 0;
    position: relative;
    width: 100%;
    height: 460px;
  }
  #wrapper #case-wrapper #preview .mobile-preview img {
    width: 54%;
  }
  #wrapper #case-wrapper #preview .mobile-preview .hidden-previous {
    opacity: 1;
    -moz-transform: scale(0.9) translate3d(-110%, 0, 0);
    -ms-transform: scale(0.9) translate3d(-110%, 0, 0);
    -o-transform: scale(0.9) translate3d(-110%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(-110%, 0, 0);
    transform: scale(0.9) translate3d(-110%, 0, 0);
    -moz-transition: z-index 300ms ease-out;
    -o-transition: z-index 300ms ease-out;
    -webkit-transition: z-index 300ms ease-out;
    transition: z-index 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .hidden-previous.swipe-previous {
    -moz-transform: scale(0.9) translate3d(-38%, 0, 0);
    -ms-transform: scale(0.9) translate3d(-38%, 0, 0);
    -o-transform: scale(0.9) translate3d(-38%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(-38%, 0, 0);
    transform: scale(0.9) translate3d(-38%, 0, 0);
    -moz-transition: transform 300ms ease-out;
    -o-transition: transform 300ms ease-out;
    -webkit-transition: transform 300ms ease-out;
    transition: transform 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .previous {
    opacity: 0.7;
    -moz-transform: scale(0.9) translate3d(-38%, 0, 0);
    -ms-transform: scale(0.9) translate3d(-38%, 0, 0);
    -o-transform: scale(0.9) translate3d(-38%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(-38%, 0, 0);
    transform: scale(0.9) translate3d(-38%, 0, 0);
    -moz-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .previous.swipe-next {
    -moz-transform: scale(0.9) translate3d(-110%, 0, 0);
    -ms-transform: scale(0.9) translate3d(-110%, 0, 0);
    -o-transform: scale(0.9) translate3d(-110%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(-110%, 0, 0);
    transform: scale(0.9) translate3d(-110%, 0, 0);
    -moz-transition: transform 300ms ease-out;
    -o-transition: transform 300ms ease-out;
    -webkit-transition: transform 300ms ease-out;
    transition: transform 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .previous.swipe-previous {
    z-index: 10;
    margin: 0 auto;
    opacity: 1;
    -moz-transform: scale(1) translate3d(35%, 0, 0);
    -ms-transform: scale(1) translate3d(35%, 0, 0);
    -o-transform: scale(1) translate3d(35%, 0, 0);
    -webkit-transform: scale(1) translate3d(35%, 0, 0);
    transform: scale(1) translate3d(35%, 0, 0);
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .current {
    margin: 0 auto;
    z-index: 2;
    -moz-transform: scale(1) translate3d(35%, 0, 0);
    -ms-transform: scale(1) translate3d(35%, 0, 0);
    -o-transform: scale(1) translate3d(35%, 0, 0);
    -webkit-transform: scale(1) translate3d(35%, 0, 0);
    transform: scale(1) translate3d(35%, 0, 0);
    -moz-transition: z-index 300ms ease-out;
    -o-transition: z-index 300ms ease-out;
    -webkit-transition: z-index 300ms ease-out;
    transition: z-index 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .current.swipe-next {
    opacity: 0.7;
    -moz-transform: scale(0.9) translate3d(-38%, 0, 0);
    -ms-transform: scale(0.9) translate3d(-38%, 0, 0);
    -o-transform: scale(0.9) translate3d(-38%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(-38%, 0, 0);
    transform: scale(0.9) translate3d(-38%, 0, 0);
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .current.swipe-previous {
    opacity: 0.7;
    -moz-transform: scale(0.9) translate3d(113%, 0, 0);
    -ms-transform: scale(0.9) translate3d(113%, 0, 0);
    -o-transform: scale(0.9) translate3d(113%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(113%, 0, 0);
    transform: scale(0.9) translate3d(113%, 0, 0);
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .next {
    opacity: 0.7;
    z-index: 1;
    -moz-transform: scale(0.9) translate3d(113%, 0, 0);
    -ms-transform: scale(0.9) translate3d(113%, 0, 0);
    -o-transform: scale(0.9) translate3d(113%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(113%, 0, 0);
    transform: scale(0.9) translate3d(113%, 0, 0);
    -moz-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .next.swipe-next {
    z-index: 10;
    margin: 0 auto;
    opacity: 1;
    -moz-transform: scale(1) translate3d(35%, 0, 0);
    -ms-transform: scale(1) translate3d(35%, 0, 0);
    -o-transform: scale(1) translate3d(35%, 0, 0);
    -webkit-transform: scale(1) translate3d(35%, 0, 0);
    transform: scale(1) translate3d(35%, 0, 0);
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .next.swipe-previous {
    -moz-transform: scale(0.9) translate3d(190%, 0, 0);
    -ms-transform: scale(0.9) translate3d(190%, 0, 0);
    -o-transform: scale(0.9) translate3d(190%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(190%, 0, 0);
    transform: scale(0.9) translate3d(190%, 0, 0);
    -moz-transition: transform 300ms ease-out;
    -o-transition: transform 300ms ease-out;
    -webkit-transition: transform 300ms ease-out;
    transition: transform 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .hidden-next {
    opacity: 1;
    -moz-transform: scale(0.9) translate3d(190%, 0, 0);
    -ms-transform: scale(0.9) translate3d(190%, 0, 0);
    -o-transform: scale(0.9) translate3d(190%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(190%, 0, 0);
    transform: scale(0.9) translate3d(190%, 0, 0);
    -moz-transition: z-index 300ms ease-out;
    -o-transition: z-index 300ms ease-out;
    -webkit-transition: z-index 300ms ease-out;
    transition: z-index 300ms ease-out;
  }
  #wrapper #case-wrapper #preview .mobile-preview .hidden-next.swipe-next {
    -moz-transform: scale(0.9) translate3d(113%, 0, 0);
    -ms-transform: scale(0.9) translate3d(113%, 0, 0);
    -o-transform: scale(0.9) translate3d(113%, 0, 0);
    -webkit-transform: scale(0.9) translate3d(113%, 0, 0);
    transform: scale(0.9) translate3d(113%, 0, 0);
    -moz-transition: transform 300ms ease-out;
    -o-transition: transform 300ms ease-out;
    -webkit-transition: transform 300ms ease-out;
    transition: transform 300ms ease-out;
  }
  #wrapper #case-wrapper.klowd #preview {
    height: 1220px;
  }
  #wrapper #case-wrapper.klowd #preview img.app-logo {
    margin: 30px auto;
    width: 13%;
  }
  #wrapper #case-wrapper.klowd #preview .first {
    top: 190px;
    left: 130px;
    width: 876px;
  }
  #wrapper #case-wrapper.klowd #preview .second {
    top: 307px;
    left: 435px;
    width: 1100px;
  }
  #wrapper #case-wrapper.klowd #preview .third {
    top: 455px;
    left: -204px;
    width: 1133px;
  }
  #wrapper #case-wrapper.klowd #icons img[src="/app/img/klowd-icons-second-row.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.sis #preview {
    height: 1067px;
  }
  #wrapper #case-wrapper.sis #preview img.app-logo {
    width: 250px;
  }
  #wrapper #case-wrapper.sis #preview img.hide-bottom {
    width: 900px;
  }
  #wrapper #case-wrapper.sis #preview .first,
  #wrapper #case-wrapper.sis #preview .second,
  #wrapper #case-wrapper.sis #preview .sixth {
    display: none;
  }
  #wrapper #case-wrapper.sis #preview .third {
    top: 179px;
    left: -97px;
  }
  #wrapper #case-wrapper.sis #preview .fourth {
    top: 543px;
    left: 77px;
  }
  #wrapper #case-wrapper.sis #preview .fifth {
    top: 450px;
    left: -546px;
  }
  #wrapper #case-wrapper.fresh #case-study {
    background-size: inherit;
  }
  #wrapper #case-wrapper.fresh #icons img[src="/app/img/fresh-icons-first-row.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.fresh #preview {
    height: 1160px;
  }
  #wrapper #case-wrapper.fresh #preview .app-logo {
    width: 110px;
  }
  #wrapper #case-wrapper.fresh #preview .first {
    width: 755px;
    top: 197px;
    left: 96px;
  }
  #wrapper #case-wrapper.fresh #preview .second {
    width: 755px;
    top: 407px;
    left: 426px;
  }
  #wrapper #case-wrapper.fresh #preview .third {
    width: 1143px;
    top: 406px;
    left: -241px;
  }
  #wrapper #case-wrapper.fresh #preview .fifth {
    width: 755px;
    left: -290px;
    top: 800px;
  }
  #wrapper #case-wrapper.techclack #preview {
    height: 810px;
  }
  #wrapper #case-wrapper.techclack #preview .app-logo {
    width: 165px;
  }
  #wrapper #case-wrapper.techclack #preview .mobile-preview {
    height: 420px;
  }
  #wrapper #case-wrapper.techclack #icons img[src="/app/img/techclack-icons-second-row.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.wardrobic #preview {
    height: 860px;
  }
  #wrapper #case-wrapper.wardrobic #preview .app-logo {
    width: 165px;
  }
  #wrapper #case-wrapper.wardrobic #preview .mobile-preview {
    height: 420px;
  }
  #wrapper #case-wrapper.wardrobic #icons img[src="/app/img/wardrobic-icons-second-row.png"],
  #wrapper #case-wrapper.wardrobic #icons img[src="/app/img/wardrobic-icons-third-row.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.mcd #icons img[src="/app/img/mcd-icons-second-row.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.mcd #preview {
    height: 985px;
  }
  #wrapper #case-wrapper.mcd #preview .first {
    top: 111px;
    left: 361px;
  }
  #wrapper #case-wrapper.mcd #preview .second {
    top: 291px;
    left: -70px;
  }
  #wrapper #case-wrapper.mcd #preview .third {
    top: 348px;
    left: 428px;
  }
  #wrapper #case-wrapper.mcd #preview .fourth {
    top: 519px;
    left: -447px;
  }
  #wrapper #case-wrapper.mcd #preview .fifth {
    top: 564px;
    left: 8px;
  }
  #wrapper #case-wrapper.emerge #icons img[src="/app/img/emerge-icons-second-row.png"],
  #wrapper #case-wrapper.emerge #icons img[src="/app/img/emerge-icons-third-row-m.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.emerge #preview .first {
    top: 178px;
    left: 144px;
  }
  #wrapper #case-wrapper.emerge #preview .third {
    top: 384px;
    left: -258px;
  }
  #wrapper #case-wrapper.emerge #preview .fourth {
    top: 422px;
    left: 339px;
  }
  #wrapper #case-wrapper.emerge #preview .sixth {
    top: 616px;
    left: -63px;
  }
  #wrapper #case-wrapper.gathr #preview .desktop-preview,
  #wrapper #case-wrapper.envite #preview .desktop-preview,
  #wrapper #case-wrapper.ciao #preview .desktop-preview,
  #wrapper #case-wrapper.jumpNroll #preview .desktop-preview {
    display: initial;
  }
  #wrapper #case-wrapper.gathr #preview .first,
  #wrapper #case-wrapper.envite #preview .first,
  #wrapper #case-wrapper.ciao #preview .first,
  #wrapper #case-wrapper.jumpNroll #preview .first {
    top: 431px;
    left: 364px;
  }
  #wrapper #case-wrapper.gathr #preview .second,
  #wrapper #case-wrapper.envite #preview .second,
  #wrapper #case-wrapper.ciao #preview .second,
  #wrapper #case-wrapper.jumpNroll #preview .second {
    top: 249px;
    left: -158px;
  }
  #wrapper #case-wrapper.gathr #preview .third,
  #wrapper #case-wrapper.envite #preview .third,
  #wrapper #case-wrapper.ciao #preview .third,
  #wrapper #case-wrapper.jumpNroll #preview .third {
    display: none;
  }
  #wrapper #case-wrapper.gathr #preview .fourth,
  #wrapper #case-wrapper.envite #preview .fourth,
  #wrapper #case-wrapper.ciao #preview .fourth,
  #wrapper #case-wrapper.jumpNroll #preview .fourth {
    display: none;
  }
  #wrapper #case-wrapper.gathr #preview .fifth,
  #wrapper #case-wrapper.envite #preview .fifth,
  #wrapper #case-wrapper.ciao #preview .fifth,
  #wrapper #case-wrapper.jumpNroll #preview .fifth {
    top: 378px;
    left: -409px;
  }
  #wrapper #case-wrapper.gathr #preview .sixth,
  #wrapper #case-wrapper.envite #preview .sixth,
  #wrapper #case-wrapper.ciao #preview .sixth,
  #wrapper #case-wrapper.jumpNroll #preview .sixth {
    top: 563px;
    left: 103px;
  }
  #wrapper #case-wrapper.gathr #preview .seventh,
  #wrapper #case-wrapper.envite #preview .seventh,
  #wrapper #case-wrapper.ciao #preview .seventh,
  #wrapper #case-wrapper.jumpNroll #preview .seventh {
    top: 691px;
    left: -160px;
  }
  #wrapper #case-wrapper.gathr #icons img[src="/app/img/gathr-icons-second-row.png"],
  #wrapper #case-wrapper.envite #icons img[src="/app/img/gathr-icons-second-row.png"],
  #wrapper #case-wrapper.ciao #icons img[src="/app/img/gathr-icons-second-row.png"],
  #wrapper #case-wrapper.jumpNroll #icons img[src="/app/img/gathr-icons-second-row.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.verso #preview .desktop-preview {
    display: initial;
  }
  #wrapper #case-wrapper.verso #preview .first {
    top: 419px;
    left: 403px;
  }
  #wrapper #case-wrapper.verso #preview .second {
    top: 215px;
    left: -158px;
  }
  #wrapper #case-wrapper.verso #preview .third {
    display: none;
  }
  #wrapper #case-wrapper.verso #preview .fourth {
    display: none;
  }
  #wrapper #case-wrapper.verso #preview .fifth {
    top: 361px;
    left: -453px;
  }
  #wrapper #case-wrapper.verso #preview .sixth {
    top: 563px;
    left: 103px;
  }
  #wrapper #case-wrapper.verso #preview .seventh {
    top: 705px;
    left: -187px;
  }
  #wrapper #case-wrapper.family-first #preview .desktop-preview {
    display: initial;
  }
  #wrapper #case-wrapper.family-first #preview .first {
    top: 419px;
    left: 403px;
  }
  #wrapper #case-wrapper.family-first #preview .second {
    top: 215px;
    left: -158px;
  }
  #wrapper #case-wrapper.family-first #preview .third {
    display: none;
  }
  #wrapper #case-wrapper.family-first #preview .fourth {
    display: none;
  }
  #wrapper #case-wrapper.family-first #preview .fifth {
    top: 361px;
    left: -453px;
  }
  #wrapper #case-wrapper.family-first #preview .sixth {
    top: 563px;
    left: 103px;
  }
  #wrapper #case-wrapper.family-first #preview .seventh {
    top: 705px;
    left: -187px;
  }
  #wrapper #case-wrapper.sl #preview .desktop-preview {
    display: initial;
  }
  #wrapper #case-wrapper.sl #preview .first {
    top: 213px;
    left: 198px;
  }
  #wrapper #case-wrapper.sl #preview .second {
    width: 1300px;
    top: 203px;
    left: -232px;
  }
  #wrapper #case-wrapper.sl #preview .third {
    top: 442px;
    left: -285px;
  }
  #wrapper #case-wrapper.sl #preview .fourth {
    top: 596px;
    left: 67px;
  }
  #personnel-wrapper {
    position: static;
    height: auto;
    padding: 0;
    padding-bottom: 0;
  }
  #personnel-wrapper #personnel {
    position: static;
  }
  #personnel-wrapper #personnel .staff-members {
    padding-bottom: 30px;
  }
  .job-openings {
    padding: 60px 0 40px;
  }
  .job-openings .job-list .job-item {
    width: calc(90% - 1px);
    padding: 0 5% 15px;
  }
  .job-openings .job-list .job-item .plus-sign {
    display: none;
  }
  .job-openings .job-list .job-item .title {
    font-size: 22px;
  }
  .job-openings .job-list .job-item .postition-item .position {
    font-size: 14px;
  }
  .job-details-wrapper .right-side {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  #case-wrapper.jumpNroll #icons .icon-group:nth-child(3) img {
    width: 100%;
  }
  #wrapper #chooser .projects-holder .project-hex {
    margin: 50px 4%;
  }
  #wrapper #case-wrapper #preview .mobile-preview {
    height: 520px;
  }
  #wrapper #case-wrapper.mcd #preview {
    height: 875px;
  }
  #wrapper #case-wrapper.mcd #preview img.app-logo {
    width: 130px;
  }
  #wrapper #case-wrapper.mcd #preview .first {
    top: 25px;
  }
  #wrapper #case-wrapper.mcd #preview .second {
    top: 198px;
  }
  #wrapper #case-wrapper.mcd #preview .third {
    top: 251px;
  }
  #wrapper #case-wrapper.mcd #preview .fourth {
    top: 422px;
  }
  #wrapper #case-wrapper.mcd #preview .fifth {
    top: 465px;
  }
  #wrapper #case-wrapper.klowd #preview {
    height: 806px;
  }
  #wrapper #case-wrapper.klowd #preview .first {
    top: 128px;
    left: 55px;
    width: 476px;
  }
  #wrapper #case-wrapper.klowd #preview .second {
    top: 230px;
    left: 233px;
    width: 476px;
  }
  #wrapper #case-wrapper.klowd #preview .third {
    top: 275px;
    left: -200px;
    width: 816px;
  }
  #wrapper #case-wrapper.verso #icons img[src="/app/img/verso-icons-first-row.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.envite #icons img[src="/app/img/envite-icons-third-row.png"],
  #wrapper #case-wrapper.envite #icons img[src="/app/img/envite-icons-second-row.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.family-first #icons img {
    width: 100%;
  }
  #wrapper #case-wrapper.fresh #case-study {
    background-size: inherit;
  }
  #wrapper #case-wrapper.fresh #icons img[src="/app/img/fresh-icons-first-row.png"] {
    width: 100%;
  }
  #wrapper #case-wrapper.fresh #preview {
    height: 938px;
  }
  #wrapper #case-wrapper.fresh #preview .first {
    width: 552px;
    top: 211px;
    left: 77px;
  }
  #wrapper #case-wrapper.fresh #preview .second {
    width: 552px;
    top: 358px;
    left: 311px;
  }
  #wrapper #case-wrapper.fresh #preview .third {
    width: 900px;
    top: 356px;
    left: -174px;
  }
  #wrapper #case-wrapper.fresh #preview .fifth {
    width: 552px;
    left: -159px;
    top: 674px;
  }
  #wrapper #case-wrapper.emerge #preview {
    height: 919px;
  }
  #wrapper #case-wrapper.emerge #preview img.hide-bottom {
    width: 637px;
  }
  #wrapper #case-wrapper.emerge #preview .first {
    top: 127px;
    left: 95px;
  }
  #wrapper #case-wrapper.emerge #preview .third {
    top: 308px;
    left: -258px;
  }
  #wrapper #case-wrapper.emerge #preview .fourth {
    top: 363px;
    left: 236px;
  }
  #wrapper #case-wrapper.emerge #preview .sixth {
    top: 538px;
    left: -126px;
  }
  #wrapper #case-wrapper.sis #preview {
    height: 970px;
  }
  #wrapper #case-wrapper.sis #preview img.hide-bottom {
    width: 735px;
  }
  #wrapper #case-wrapper.sis #preview .third {
    top: 179px;
    left: -97px;
  }
  #wrapper #case-wrapper.sis #preview .fourth {
    top: 514px;
    left: -29px;
  }
  #wrapper #case-wrapper.sis #preview .fifth {
    top: 402px;
    left: -467px;
  }
  #wrapper #case-wrapper.wardrobic #preview {
    height: 670px;
  }
  #wrapper #case-wrapper.techclack #preview {
    height: 600px;
  }
  #services .left.watchos img {
    bottom: -17px;
    right: -15px;
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  #services .left img {
    width: 60%;
  }
  header .instant-designer {
    background-size: 87%;
  }
  footer .inner-wrapper {
    padding: 32px 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  footer .inner-wrapper .social .column {
    width: 100%;
  }
  footer .logo {
    margin: 0 auto 20px;
    padding-top: 19px;
  }
  footer .social-icons {
    position: absolute;
    top: 118px;
    right: 0;
    left: 0;
  }
  #chooser .projects-search {
    right: 0;
  }
  #chooser .projects-search.slide-width {
    width: 355px;
  }
  #chooser .projects-search .search-holder {
    width: 280px;
  }
  #chooser .projects-search .search-holder .search-projects-input {
    width: 245px;
    font-size: 13px;
  }
  #contactus .sucess-message .message {
    width: 70%;
    margin-left: -35%;
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  #case-wrapper.jumpNroll #icons .icon-group:nth-child(4) img {
    width: 100%;
  }
}
@media screen and (max-width: 350px) {
  h3 {
    font-size: 15px;
  }
  h1,
  h2,
  h3 {
    margin: 0 0 15px 0;
  }
  p {
    line-height: 20px;
    font-size: 14px;
  }
  /*video {
        left: -270%;
    }*/
  .menu-wrapper ul li {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .menu-wrapper .logo.loading {
    left: 50%;
    top: 50%;
    width: 50px;
    margin: 0;
    -moz-transform: translateX(-25px) translateY(-25px);
    -ms-transform: translateX(-25px) translateY(-25px);
    -o-transform: translateX(-25px) translateY(-25px);
    -webkit-transform: translateX(-25px) translateY(-25px);
    transform: translateX(-25px) translateY(-25px);
  }
  header img.draw-pad {
    display: none;
  }
  header img.light-bulb {
    height: 34%;
  }
  header img.papers,
  header img.coffee-small,
  header img.keyboard {
    display: none;
  }
  header img.watch,
  header img.mouse2 {
    bottom: 10%;
    max-width: 20%;
  }
  header img.three-phones {
    top: 7px;
  }
  header img.tablet {
    height: 33%;
    max-width: none;
  }
  header#apps-page h1.header-title {
    font-size: 26px;
  }
  header#apps-page h3 {
    margin-top: 10px;
  }
  header#apps-page .centered {
    top: 19%;
    width: 98%;
    padding: 0 1%;
  }
  header#design-page .centered {
    top: 9%;
  }
  header#design-page h1.header-title {
    font-size: 31px;
  }
  header#redesign-page .centered {
    top: 38%;
  }
  header#redesign-page .centered h1 {
    margin: 0 0 5px 0;
  }
  header#redesign-page img.timer {
    bottom: 2%;
    max-width: 70%;
  }
  header#redesign-page img.paper-ruler {
    max-width: none;
    height: 50%;
  }
  header .bubble-wrapper {
    display: none;
  }
  header .instant-designer {
    top: 34%;
  }
  #games #games-page {
    background: url(../img/jnr-background.jpg) center center no-repeat;
    background-size: cover;
  }
  #games .store {
    bottom: 5%;
  }
  #wrapper #case-wrapper #preview .mobile-preview {
    height: 400px;
  }
  #wrapper #chooser .projects-holder .project-hex {
    margin: 50px 3%;
  }
  header#innovation-page .centered {
    top: 30%;
    width: 92%;
  }
  #services.innovation .left.darker img {
    bottom: -280px;
    max-width: 90%;
  }
  #services .left.apps img {
    width: 300px;
  }
  #services .left.responsive {
    padding: 50px 5% 150px;
  }
  #services .left.responsive .tablet {
    display: none;
  }
  #services .left.responsive .monitor {
    width: 410px;
    bottom: 13px;
    left: 34%;
  }
  #services .left.responsive .iphone {
    bottom: -86px;
  }
  #services.design .left.resp-web img.iphone {
    left: -30px;
  }
  #services.design .left.resp-web img.laptop {
    display: none;
  }
  #services.design .left.resp-web img.tablet {
    left: auto;
    right: 0;
  }
  #services.design .left.branding img.drawing-pad {
    right: -41%;
  }
  #services.design .left.branding img.papers-wardrobic {
    left: -25px;
  }
  #services.about-us .left img {
    width: 70%;
  }
  #map .map-holder .city-hex {
    width: 100%;
  }
  #map .map-holder .city-hex:nth-child(even) {
    float: left;
  }
  #map .map-holder .city-hex.show-city,
  #map .map-holder .city-hex:hover {
    width: 100%;
  }
  #case-wrapper {
    display: block;
  }
  #case-wrapper #colours .inner-wrapper .sample {
    width: 60px;
    margin: 45px 95px 0 0;
  }
  #case-wrapper #colours .inner-wrapper .desc {
    margin: 0 0 25px 0;
  }
  #case-wrapper #colours .inner-wrapper .left,
  #case-wrapper #colours .inner-wrapper .right {
    width: 60px;
  }
  #icons img {
    width: 80%;
  }
  #description.redesign .makeover {
    width: 99%;
  }
  #description.redesign .makeover h1 {
    padding: 0 1% 0 0;
  }
  #wrapper #case-wrapper.wardrobic #preview {
    height: 587px;
  }
  #wrapper #case-wrapper.wardrobic #preview .mobile-preview {
    height: 375px;
  }
  #wrapper #case-wrapper.techclack #preview {
    height: 481px;
  }
  #wrapper #case-wrapper.techclack #preview .mobile-preview {
    height: 345px;
  }
  #wrapper #case-wrapper.mcd #preview {
    height: 877px;
  }
  #wrapper #case-wrapper.mcd #preview .app-logo {
    width: 140px;
  }
  #wrapper #case-wrapper.mcd #preview .first,
  #wrapper #case-wrapper.mcd #preview .third {
    display: none;
  }
  #wrapper #case-wrapper.mcd #preview .second {
    top: 165px;
    left: -162px;
  }
  #wrapper #case-wrapper.mcd #preview .fourth {
    top: 386px;
    left: -532px;
  }
  #wrapper #case-wrapper.mcd #preview .fifth {
    top: 471px;
    left: -161px;
  }
  #wrapper #case-wrapper.sis #preview {
    height: 850px;
  }
  #wrapper #case-wrapper.sis #preview img.app-logo {
    width: 180px;
  }
  #wrapper #case-wrapper.sis #preview img.hide-bottom {
    width: 580px;
  }
  #wrapper #case-wrapper.sis #preview .first,
  #wrapper #case-wrapper.sis #preview .second,
  #wrapper #case-wrapper.sis #preview .sixth {
    display: none;
  }
  #wrapper #case-wrapper.sis #preview .third {
    top: 164px;
  }
  #wrapper #case-wrapper.sis #preview .fourth {
    top: 454px;
    left: -85px;
  }
  #wrapper #case-wrapper.sis #preview .fifth {
    top: 347px;
  }
  #wrapper #case-wrapper.klowd #preview {
    height: 730px;
  }
  #wrapper #case-wrapper.klowd #preview .first {
    top: 131px;
    left: 55px;
    width: 400px;
  }
  #wrapper #case-wrapper.klowd #preview .second {
    top: 217px;
    left: 203px;
    width: 400px;
  }
  #wrapper #case-wrapper.klowd #preview .third {
    top: 251px;
    left: -163px;
    width: 704px;
  }
  #wrapper #case-wrapper.fresh #case-study {
    background-size: inherit;
  }
  #wrapper #case-wrapper.fresh #preview {
    height: 774px;
  }
  #wrapper #case-wrapper.fresh #preview .first {
    width: 442px;
    top: 219px;
    left: 64px;
  }
  #wrapper #case-wrapper.fresh #preview .second {
    display: none;
  }
  #wrapper #case-wrapper.fresh #preview .third {
    width: 728px;
    top: 337px;
    left: -147px;
  }
  #wrapper #case-wrapper.fresh #preview .fifth {
    width: 442px;
    top: 584px;
  }
  #wrapper #case-wrapper.emerge #icons img:first-child {
    width: 100%;
  }
  #wrapper #case-wrapper.emerge #preview {
    height: 820px;
  }
  #wrapper #case-wrapper.emerge #preview .first {
    left: -116px;
  }
  #wrapper #case-wrapper.emerge #preview .third {
    display: none;
  }
  #wrapper #case-wrapper.emerge #preview .fourth {
    display: none;
  }
  #wrapper #case-wrapper.emerge #preview .sixth {
    top: 427px;
  }
  #wrapper #case-wrapper img[src="/app/img/emerge-icons-first-row.png"] {
    width: 100%;
  }
  #chooser .projects-search {
    right: 0;
  }
  #chooser .projects-search.slide-width {
    width: 313px;
  }
  #chooser .projects-search .search-holder {
    width: 243px;
  }
  #chooser .projects-search .search-holder .search-projects-input {
    width: 208px;
    font-size: 11px;
    padding-right: 7px;
  }
}
@media screen and (max-height: 390px) {
  .menu-wrapper .logo {
    float: right;
    margin: 10px 13px 0 17px;
  }
  .menu-wrapper ul {
    padding: 6px 0 20px 80px;
  }
  .menu-wrapper ul li {
    height: 27px;
    line-height: 25px;
    font-size: 14px;
  }
  .menu-wrapper ul li.book-lnk {
    position: absolute;
    bottom: 35px;
    right: 15px;
  }
  header img.papers,
  header img.three-phones,
  header img.tablet,
  header img.mouse2,
  header img.watch,
  header img.draw-pad,
  header img.keyboard,
  header img.mic-central,
  header img.mic-left,
  header img.timer,
  header img.mic-right {
    display: none;
  }
  header img.draw-pad {
    display: table;
    width: 22%;
  }
  #games #games-page {
    background-position: 0 46.5%;
  }
  #games .store {
    bottom: 0.5%;
  }
}
@media screen and (max-height: 330px) {
  header .centered {
    width: 95%;
    margin: 0 auto;
    padding: 0;
  }
  header#apps-page h3,
  header#design-page h3 {
    margin-top: 10px;
  }
}