@media screen and (max-width: 768px) {
  header #headerTop ul {
    text-align: center;
  }
  header #headerTop ul li {
    display: block;
    margin: 5px;
  }
  header #slider .carousel-fade .carousel-inner .item {
    height: 300px;
  }
  header #slider .carousel-fade .carousel-caption {
    right: 0%;
    left: 10%;
    padding-bottom: 30px;
    bottom: 0%;
  }
  header #slider .carousel-fade .carousel-control {
    display: none;
  }
  main #realizations .realPhoto img {
    margin: 0 auto;
  }
  main #realizations .realdesc {
    text-align: center;
    padding: 0px;
    min-height: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }
  main #aboutUs h1 {
    margin-top: 20px;
  }
  main #banner {
    font-size: 30px;
  }
  footer {
    text-align: center;
  }
  footer img {
    margin: 0 auto;
    margin-bottom: 10px;
  }
  footer > div > div > div:last-child {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .col-ss-1,
  .col-ss-2,
  .col-ss-3,
  .col-ss-4,
  .col-ss-5,
  .col-ss-6,
  .col-ss-7,
  .col-ss-8,
  .col-ss-9,
  .col-ss-10,
  .col-ss-11 {
    float: left;
  }
  .col-ss-12 {
    width: 100%;
  }
  .col-ss-11 {
    width: 91.66666666666666%;
  }
  .col-ss-10 {
    width: 83.33333333333334%;
  }
  .col-ss-9 {
    width: 75%;
  }
  .col-ss-8 {
    width: 66.66666666666666%;
  }
  .col-ss-7 {
    width: 58.333333333333336%;
  }
  .col-ss-6 {
    width: 50%;
  }
  .col-ss-5 {
    width: 41.66666666666667%;
  }
  .col-ss-4 {
    width: 33.33333333333333%;
  }
  .col-ss-3 {
    width: 25%;
  }
  .col-ss-2 {
    width: 16.666666666666664%;
  }
  .col-ss-1 {
    width: 8.333333333333332%;
  }
}