/*  Resolutions below 1200px  */

@media (max-width: 1200px) {
  #header {
    height: auto;
  }
  #titlebar h3 {
    padding-left: 10px;
  }
  .texture {
    left: -148px;
    width: 560px;
  }

  .texture-footer {
    width: 68%;
    right: -130px;
  }

  .logo {
    margin-top: 60px;
  }

  .form-main input,
  .form-main textarea {
    width: 93.7%;
  }

  .form-comment input {
    width: 92.2%;
  }

  .form-comment textarea {
    width: 96.2%;
  }

  #map {
    height: 220px;
  }
}

/*  Resolutions below 980px  */

@media (max-width: 980px) {
  #header {
    height: auto;
  }

  .texture {
    left: -116px;
    width: 440px;
  }

  .texture-footer {
    width: 70%;
    top: 0px;
    right: -102px;
  }

  .logo {
    margin-top: 45px;
  }

  .form-main input,
  .form-main textarea {
    width: 92%;
  }

  .form-comment input {
    width: 89.5%;
  }

  .form-comment textarea {
    width: 95%;
  }

  #map {
    height: 166px;
  }
}

/*  Resolutions below 768px  */

@media (max-width: 768px) {
  #header,
  #footer,
  #content {
    padding: 0 12px;
  }

  #header {
    height: auto;
  }

  .h-button {
    position: relative;
  }

  #our-clients img {
    width: auto !important;
    float: left;
  }

  .f-right {
    float: left !important;
  }

  .right {
    text-align: left !important;
  }

  .text-1 {
    padding: 0px !important;
  }

  .back-top {
    top: 0px !important;
    float: left !important;
  }

  .search-box {
    clear: both;
  }

  .search {
    width: 83%;
    padding-left: 2%;
  }

  /* vertical padding for span* */
  [class*="span"] {
    margin-bottom: 12px !important;
  }

  /* height of space* */
  [class*="space"] {
    height: 10px !important;
  }

  h1 {
    padding-top: 0px;
  }

  /* Main Navigation - Hidden */
  .navbar .nav {
    display: none !important;
  }

  .navbar {
    float: left !important;
    width: 100%;
  }

  /* Select Box Navigation - Show */
  .navbar .nav-responsive {
    display: block !important;
    width: 100%;
    clear: both;
  }

  .logo {
    width: 200px;
  }

  .texture {
    display: none !important;
  }

  .texture-footer {
    display: none;
  }

  .form-main input,
  .form-main textarea {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .form-comment input {
    width: 92%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .form-comment textarea {
    width: 92%;
    padding-left: 2%;
    padding-right: 2%;
  }
}