html, body{
     max-width:100%;
	 overflow-x: hidden;
}

  #herotitle{padding-top: 45px;} /*45*/
  #herotext {padding-top: 480px; padding-left:250px; padding-bottom:60px; cursor:default;}
  #herotext p {font-size: 18px; padding: 6px;}


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

#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: 480px) {
  #hero-area .btn{margin-top: 15px;}
  .navbar-default{background: rgba(0, 0, 0, 0.8);}
  .social-links{padding-top: 15px;}
  .row {padding: 40px 0px;}
   
}

@media (max-width: 768px) {
.navbar-brand { padding-left: 0px; }
.navbar-brand img {height: 70px; }
  #herotitle{padding-top: 55px;}
  #herotext {padding-top: 460px; padding-left:150px;}
}


@media (min-width: 1000px) {
.copymark { padding-left: 30%; }
}

@media (min-width: 1500px) and (min-height: 900px) {
#herotext {padding-top: 610px; }
}

@media (max-width: 380px) {
  #herotitle{padding-top: 88px;}
  #herotext {padding-top: 208px; padding-left:3px;}
}