@media screen and (max-width: 767px) {
  #header {
    padding: 50px 0;
    border-bottom: none;
  }
  #header .col-md-4.offset-md-2 {
    margin-top: 30px;
  }
  #container {
    padding: 40px 15px;
  }
  #footer>.container {
    padding: 50px 15px 0px;
    text-align: center;
  }
  .socials {
    margin-bottom: 0px;
  }
  .footer-bottom {
    text-align: center;
  }
  .media-col {
    margin-bottom: 20px;
  }
  .tag-filters {
    width: 100%;
    float: right;
  }
  .text-translate {
    width: 100%;
  }
  .text-translate span i {
    transform: rotate(16deg);
  }
  .r-item {
    margin-bottom: 30px;
    padding: 0 15px;
  }
  .p-item {
    margin-bottom: 20px;
  }
  .home-intro {
    margin-bottom: 25px;
  }
  .text-col {
    order: 1;
  }
  .home-sect {
    padding-top: 20px;
  }
  .home-intro {
    height: auto;
  }
  .home-intro img {
    width: 100%;
    height: auto;
  }
}