body {
  min-width: 100%;
}
header menu {
  display: none;
}
header menu a {
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
  line-height: 40px;
}
#mobile-menu {
  position: fixed;
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
  height: 100%;
  background-color: #054477;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
}
#mobile-menu a {
  display: block;
  text-decoration: none;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px #045394 solid;
  line-height: 60px;
  font-size: 1.3em;
  font-family: 'gothambold';
  text-align: center;
}
#mobile-menu a:first-of-type {
  margin-top: 60px;
}
#m-menu-btn {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  min-width: 0px;
  width: 50px;
  height: 50px;
  background: none;
  text-align: center;
  line-height: 50px;
  padding: 0;
  margin: 0;
}
#m-menu-btn i {
  line-height: 50px;
  color: #000;
  font-size: 36px;
}
#mobile-menu button {
  background: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 30px;
  overflow: hidden;
  min-width: 0;
  margin: 0;
}
#mobile-menu button i {
  font-size: 36px;
  color: #fff !important;
}
.main-wrapper .left, .main-wrapper .right {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.main-wrapper .right {
  left: 0;
  top: 0;
  display: none;
}
.contact .left, .contact .right {
  display: block;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}
.contact .left {
  margin-bottom: 70px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.contact .left form {
  box-sizing: border-box;
}
.contact .right {
  text-align: center;
}
.contact .logo {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: auto;
}
.our-work {
  overflow-x: hidden;
}
.wblock {
  width: 50%;
  display: inline-block;
  height: 200px;
}
.wb-banner {
  margin-bottom: 0px;
}
.our-work h2 {
  width: 100%;
  box-sizing: border-box;
}
.newsletter form {
  width: 100%;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}
.newsletter form input {
  width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}
.newsletter form button {
  width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
section.newsletter {
  background: ##054477 !important;
  min-height: 100px;
}
.newsletter .wrapper {
  min-height: 100px;
  padding-left: 0;
  padding-right: 0;
}
.bottom-block {
  bottom: -20px;
}
section.cnt-details {
  height: auto;
}
section.contact .right-block {
  position: relative;
  top: 0;
  left: 0;
  width: 90%;
  height: auto;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
section.contact form {
  padding-bottom: 50px;
  height: auto;
}
section.cnt-details .two-blocks {
  text-align: center;
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 5%;
}
section.our-clients .wrapper {
  min-height: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  overflow: hidden;
}
section.our-clients .brand-logos {
  position: relative;
  top: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 50px 5%;
  display: block;
}
section.our-clients h1 {
  margin: 0;
  position: relative;
  padding: 50px 5%;
  box-sizing: border-box;
  top: 0;
  left: 0;
  right: 0;
  color: #000;
  font-size: 2.4em;
  width: 100%;
  display: block;
}
.brand-logos > div {
  width: 60%;
  margin: 5%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.brand-logos > div img {
  width: 70%;
}
section.cnt-details .two-blocks > div {
  position: relative;
  top: 0;
  transform: none;
  display: block;
}
section.contact .right-block .line-wrap {
  margin-left: auto;
  margin-right: auto;
}
section.banner2 .wrapper {
  max-width: none;
}
section.banner2 h1 {
  max-width: none;
  min-width: 0;
  font-size: 2.6em;
}
section.our-work-page h1 {
  font-size: 2.6em;
  margin-top: 10px;
}
section.banner2 .wrapper > div {
  width: 90%;
}
section.banner2 .wrapper > div.line-wrap {
  max-width: 200px;
}
section.who-we-are {
  min-height: 0;
  min-width: 0;
}
.who-we-are .left {
  height: auto;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.who-we-are .left > div {
  top: 0;
  transform: none;
  display: block;
}
.who-we-are .right {
  height: auto;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.who-we-are .right img {
  width: 70%;
  top: 0;
  transform: none;
}
section.banner2 .wrapper > div.block {
  width: 50%;
}
section.our-work-page .wrapper > div.block {
  width: 90%;
  margin-bottom: 7%;
}
section.our-work-page .block .web-design > img {
  width: 100% !important;
}
video {
  position: absolute;
  object-fit: cover;
}
.project form input, .project form textarea {
  width: 100%;
  margin-bottom: 10px;
}
.project form input.half, .project form textarea.half {
  width: 100%;
}
.project form button {
  width: 100%;
}
section.contact form button, section.contact form button {
  width: 100%;
}
footer .links a {
  line-height: 50px;
}