/*  Resolutions below 1200px  */
            
@media (max-width: 1200px) {
  
  .form-main input {
    width:91.7%;
  }
  
  .form-main textarea {
    width:95.9%;
  }  
  
  .form-comment input {
    width:92.2%;
  }    
  
  .form-comment textarea {
    width:96.2%;  
  }  
    
}  

/*  Resolutions below 980px  */

@media (max-width: 980px) {
  
  .btn {
    padding-left:10px;
    padding-right:10px;    
  }  
  
  .form-main input {
    width:89%;
  }
  
  .form-main textarea {
    width:94.7%;
  }  
  
  .form-comment input {
    width:89.8%;
  }    
  
  .form-comment textarea {
    width:95%;  
  }  

}  

/*  Resolutions below 768px  */

@media (max-width: 768px) {

  #header, #footer, #content {
    padding:0 12px;
  }
    
  .h-button {
    position:relative;
  }
  
  #our-clients img {
    width:auto !important;
  }

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

  .right {
    text-align:left !important;
  }
  
  .text-1 {
    padding:0px !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%;
    margin:20px 0px;
    clear:both;
  }

  .form-main input {
    width:92%;
    padding-left:2%;    
    padding-right:2%;
  }
  
  .form-main textarea {
    width:92%;
    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%;
  }  
  
  .social-footer {
    padding-top:10px;
  }  
  
  .partners img {
    width:auto;
  }

  .square h3 {
    padding-top:0px;
  } 
  
  .square-text {
    padding-left:20px;
  }  
  
  .head-line{
    background:transparent;
  }
  
  h1{
    padding-top:20px;
    padding-bottom:10px;
  }
  
  .btn {
    padding-left:20px;
    padding-right:20px;    
  }  
  
  .slider-bg{
    padding:0 20px;
  }
  
  #bottom-2{
    background:none;
  }    
  
  .blog-icon{
    padding-top: 0px;
    padding-bottom: 10px;
  }
  
}