/*  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%;
  }  

}