@media only screen and (min-width: 1000px) and (max-width: 1169px){
}
@media only screen and (min-width: 768px) and (max-width: 999px){}
@media only screen and (min-width: 480px) and (max-width: 767px){
#banner #company_nav {
  background: #a42111 none repeat scroll 0 0;
  font-size: 10px;
  height: 30px;
  position: absolute;
  right: 0;
  text-align: left;
  text-transform: uppercase;
  top: 69px;
  width: 100%;
}
#wrapper #banner {
  padding: 0 1px;
}
#banner #logo {
  left: 15px;
  position: relative;
  top: 20px;
  width: 174px;
}
#company_nav span {
  padding-left: 20px;
}
#wrapper #content {
  background-color: white;
  margin: 40px 10px;
  min-height: 800px;
  padding: 5px;
}
#footer_wrap {
  background-color: #e7e2db;
  height: 130px;
  padding: 0 10px;
  position: relative;
  text-align: left;
}
#footer .info_legal {
  color: #333;
  float: left;
  height: 20px;
  text-align: center;
  width: 100%;
}
#footer .info_social {
  color: #333;
  float: left;
  height: 20px;
  margin-bottom: 8px;
  margin-top: 25px;
  width: 100%;
}
#footer .info_social a {
  padding-left: 48px;
}
#footer .info_contact {
  color: #7a7774;
  float: right;
  line-height: 10px;
  margin-top: 0;
  text-align: center;
  width: 100%;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
#banner #company_nav {
  background: #a42111 none repeat scroll 0 0;
  font-size: 10px;
  height: 45px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 65px;
  width: 100%;
}
#wrapper #banner {
  padding: 0 1px;
}
#banner #logo {
  left: 15px;
  position: relative;
  top: 20px;
  width: 174px;
}
#company_nav span {
  line-height: 18px;
  padding-left: 10px;
  padding-right: 10px;
}
#wrapper #content {
  background-color: white;
  margin: 40px 3px;
  min-height: 800px;
  padding: 3px;
}
#footer_wrap {
  background-color: #e7e2db;
  height: 130px;
  padding: 0 10px;
  position: relative;
  text-align: left;
}
#footer .info_legal {
  color: #333;
  float: left;
  height: 20px;
  text-align: center;
  width: 100%;
}
#footer .info_social {
  color: #333;
  float: left;
  height: 20px;
  margin-bottom: 8px;
  margin-top: 15px;
  width: 100%;
}
#footer .info_social a {
  padding-left: 12px;
}
#footer .info_contact {
  color: #7a7774;
  float: right;
  line-height: 10px;
  margin-top: 0;
  text-align: center;
  width: 100%;
}
}
@media only screen  and (max-width: 319px){
#banner #company_nav {
  background: #a42111 none repeat scroll 0 0;
  font-size: 10px;
  height: 45px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 65px;
  width: 100%;
}
#wrapper #banner {
  padding: 0 1px;
}
#banner #logo {
  left: 37px;
  position: relative;
  top: 15px;
  width: 174px;
}
#company_nav span {
  line-height: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
#wrapper #content {
  background-color: white;
  margin: 40px 3px;
  min-height: 800px;
  padding: 3px;
}
#footer_wrap {
  background-color: #e7e2db;
  height: 160px;
  padding: 0 10px;
  position: relative;
  text-align: left;
}
#footer .info_legal {
  color: #333;
  float: left;
  height: 20px;
  text-align: center;
  width: 100%;
}
#footer .info_social {
  color: #333;
  float: left;
  height: 20px;
  margin-bottom: 8px;
  margin-top: 30px;
  width: 100%;
}
#footer .info_social a {
  margin-bottom: 5px;
  padding-left: 35px;
}
#footer .info_contact {
  color: #7a7774;
  float: right;
  line-height: 10px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
}

