@media (max-width: 384px) {
  /*******************************************************************
            Define Classes and Variables ▼
*******************************************************************/
  .font-bold-upper {
    text-transform: uppercase;
    font-weight: 700;
  }
  .font-extra-upper {
    font-weight: 800;
    text-transform: uppercase;
  }
  .font-black-upper {
    font-weight: 900;
    text-transform: uppercase;
  }
  .font-regular {
    font-weight: 400;
    font-size: 16px;
  }
  .font-light-upper {
    font-weight: 300;
    text-transform: uppercase;
  }
  .font-semi-bold {
    font-weight: 600;
  }
  .custom-margin {
    margin: 50px 0 70px 0;
  }
  /*******************************************************************
          Define Classes and Variables ▲
*******************************************************************/
  .wrapper-social-icons {
    left: 0px !important;
    width: 83%;
  }
  .wrapper-social-icons ul {
    margin-left: 57px;
  }
  .wrapper-phone {
    position: static !important;
    float: none;
    margin-bottom: 30px;
  }
  .wrapper-phone a {
    float: none;
    text-align: center;
    display: inline-block;
    border-color: #bcc3d1 !important;
    color: #3d4553 !important;
    margin-left: 15px;
  }
  .container-inner-banner h1 {
    margin-top: 28px !important;
    font-size: 24px !important;
  }
  .section-baka h1 {
    font-size: 42px ;
  }
  .custom-conversation-fluid .wrapper-conversation h1 {
    font-size: 28px !important;
  }
  .wrapper-footer .wrapper-address-copyright {
    margin-left: 15px !important;
  }
  .latest-work-heading {
    margin: 35px 0;
  }
  .latest-work-heading h2 {
    font-size: 32px !important;
  }
}