@media (min-width: 768px) and (max-width: 1600px) {

#hero-area .btn{margin-top: 15px;}

  .nav > li > a {
    padding: 12px 8px;
    line-height: 21px;
  }
  .social-links {padding-top: 15px;}
}

@media (min-width: 320px) and (max-width: 640px) {
  #hero-area .btn, #contact .btn{margin: 0px; width: 100%}
    
  .navbar-default {background: rgba(255, 255, 255, 1);}
  .social-links {padding-top: 15px;}
  .row {padding-bottom: 40px 15px;}
    .btn {margin:0px; width:100%;}

}