/*
 * SpecialOffer Mobile page =====================================================
 */
body#hwi-mobile {
  background-color: #fff;
}
body#hwi-mobile #header {
  text-shadow: 0px 1px 1px rgba(255, 255, 255, .75);
}
body#hwi-mobile #header #strip1 {
  height: 100px;
  background: #fff;
}
body#hwi-mobile #header #strip1 #brand {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 0;
  margin: 0 0 5px 0;
}
body#hwi-mobile #header #strip1 .col {
  width: 49%;
  float: left;
  margin-left: 1%;
}
body#hwi-mobile #header #strip1 #titleage {
  margin-top: 1.2%;
}
body#hwi-mobile #header #strip1 .col p {
  line-height: 1em;
  font-size: 28px;
  font-weight: 700;
  color: #222;
  text-transform: capitalize;
  margin-bottom: 0;
}
body#hwi-mobile #header #strip1 #header-image {
  height: 100%;
  background-image: url("/img/hwi-header3860.jpg?v=1");
  background-repeat: no-repeat;
  background-position: 50% 0;
}
body#hwi-mobile #header #strip1 #header-image #header-title {
  position: relative;
  margin-top: 20px;
  margin-left: 20px;
}
body#hwi-mobile #header #strip1 #header-image #header-title h4,
body#hwi-mobile #header #strip1 #header-image #header-title h1 {
  margin:0;
  padding: 0;
  color: #c00;
  line-height: .8em;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
}
body#hwi-mobile #header #strip3 {
  padding: 10px;
  background: #242424;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjQyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTRlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #242424 0%, #4e4e4e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(100%,#4e4e4e));
  background: -webkit-linear-gradient(top,  #242424 0%,#4e4e4e 100%);
  background: -o-linear-gradient(top,  #242424 0%,#4e4e4e 100%);
  background: -ms-linear-gradient(top,  #242424 0%,#4e4e4e 100%);
  background: linear-gradient(to bottom,  #242424 0%,#4e4e4e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#4e4e4e',GradientType=0 );
  border-bottom: solid 1px #242424;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.5);
  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.5);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.5);
  color: #fff;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
}
body#hwi-mobile #header #strip3 ul#navigation {
  margin: 0;
  padding: 0;
}
body#hwi-mobile #header #strip3 ul#navigation li {
  float: left;
  list-style: none;
  margin-left: 4%;
}
body#hwi-mobile #header #strip3 ul#navigation li a {
  color: #fff;
  text-decoration: none;
}
body#hwi-mobile #header #strip3 ul#navigation li a:hover {
  color: #ccc;
}
body#hwi-mobile #main .span12 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
body#hwi-mobile #main #col-content {
  width:100%;
}
body#hwi-mobile #main h1 {
  line-height: 1.3em;
  margin-top: 0px;
  font-size: 32px;
}
body#hwi-mobile #main #author {
  display: block;
  visibility: visible;
}
body#hwi-mobile #main ul#socl {
  margin: 0 0 20px 0;
  padding: 0;
}
body#hwi-mobile #main ul#socl li {
  float: left;
  margin-right: 5px;
  list-style: none;
  font-size: 18px;
  font-weight: 700;
  vertical-align: middle;
}
body#hwi-mobile #main ul#socl li img {
  width: 32px;
  height: 32px;
}
body#hwi-mobile #main #publisher hr {
  margin: 10px 0;
}
body#hwi-mobile #main #publisher img {
  width: 60px;
  margin-right: 10px;
}
body#hwi-mobile #main #publisher .pull-left {
  margin-bottom: 0!important;
}
body#hwi-mobile #main h1 {
  font-size: 32px;
}
body#hwi-mobile #main h1 span.br {
  display: block;
}
body#hwi-mobile #main iframe {
  border: 0;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 400px;
  height: 296px;
}
body#hwi-mobile #main #testimonials {
  width: 220px;
  padding: 10px;
  position: relative;
  margin: 0 auto 20px auto;
  background-color: #fff;
  background-image: url("/img/testimonials-bg3860.gif?v=1");
  background-position: 0 25px;
  background-repeat: repeat-x;
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,.75);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,.75);
  box-shadow: 0 0 7px rgba(0,0,0,.75);
  display: none;
  visibility: hidden;
}
body#hwi-mobile #main #testimonials .testim {
  display: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
body#hwi-mobile #main #testimonials p {
  margin: 0;
  font-size: 12px;
  line-height: 1.2em;
}
body#hwi-mobile #main #testimonials img {
  width: 80px;
  margin-left: 10px;
}
body#hwi-mobile #main #col-sidebar .testim-sidebar {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 12px;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  margin-bottom: 20px;
}
body#hwi-mobile #main #col-sidebar .testim-sidebar:hover {
  background-color: #f4f4f4;
}
body#hwi-mobile #main #col-sidebar .testim-sidebar p {
  margin-bottom: 0px;
  font-size: 12px!important;
}
body#hwi-mobile #main #col-sidebar .testim-sidebar img {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
body#hwi-mobile #main #col-sidebar {
  display: block;
  visibility: visible;
}
body#hwi-mobile #main #col-content,
body#hwi-mobile #main #col-sidebar {
  float: left;
}
body#hwi-mobile #main #col-content {
  width: 70%;
  margin-right: 5%;
}
body#hwi-mobile #main #col-sidebar {
  width: 25%;
}
body#hwi-mobile #footer p {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 11px;
  line-height: 1em;
  color: #999;
}
body#hwi-mobile #footer p a {
  font-weight: 700;
  text-decoration: underline;
  color: #777;
}
body#hwi-mobile #footer p a:hover {
  text-decoration: none;
  color: #999;
}
.highlight {
  background-color: #ff0;
}
.center {
  text-align: center;
}

/*
 * responsive layout =====================================================
 */

/* Large desktop */
@media (min-width: 1200px) {

  body#hwi-mobile #header {
    margin-left: -20px;
    margin-right: -20px;
  }
  body#hwi-mobile #main h1 {
    font-size: 36px;
  }

}

/* Intermediate desktop */
@media (min-width: 979px) and (max-width: 1199px) {

  body#hwi-mobile #header {
    margin-left: -20px;
    margin-right: -20px;
  }
  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 4%;
  }
  body#hwi-mobile #main #col-sidebar .testim-sidebar {
    margin-bottom: 10px;
  }
  body#hwi-mobile #main #col-sidebar .testim-sidebar img {
    width: 35%;
  }

}

/* Portrait tablet to landscape and desktop */
@media (max-width: 800px) {
  
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main #col-sidebar .testim-sidebar {
    margin-bottom: 10px;
  }
  body#hwi-mobile #main #col-sidebar .testim-sidebar img {
    width: 30%;
  }

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
  body#hwi-mobile #header {
    margin-left: -20px;
    margin-right: -20px;
  }
  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 3%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li#nav-other {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main h1 {
    font-size: 25px;
  }
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main #col-sidebar .testim-sidebar {
    margin-bottom: 10px;
  }
  body#hwi-mobile #main #col-sidebar .testim-sidebar img {
    width: 50%;
  }

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 2.3%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li#nav-other {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main h1 {
    font-size: 24px;
  }
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main #col-content {
    width:100%;
  }
  body#hwi-mobile #main #col-sidebar {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main #testimonials {
    display: block!important;
    visibility: visible!important;
  }

}

@media (max-width: 640px) {
  
  body#hwi-mobile #header #strip1 #header-image {
    background-position: 0 0;
    background-size: 100%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 3%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li#nav-weight,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-other {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main h1 {
    font-size: 20px;
  }
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main #col-sidebar {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main #testimonials {
    display: block!important;
    visibility: visible!important;
  }

}
@media (max-width: 600px) {

  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 3.5%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li#nav-beauty,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-weight,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-other {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main #col-sidebar {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main #testimonials {
    display: block!important;
    visibility: visible!important;
  }

}
@media (max-width: 540px) {

  body#hwi-mobile #header #strip1 #header-image {
    background-position: 0 0;
    background-size: 125%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 4%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li#nav-health,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-beauty,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-weight,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-other {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main #col-sidebar {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main #testimonials {
    display: block!important;
    visibility: visible!important;
  }

}

/* Landscape phones and down */
@media (max-width: 480px) {

  body#hwi-mobile #header #strip1 .col p {
    font-size: 24px;
  }
  body#hwi-mobile #header #strip1 #header-image {
    background-position: 0 0;
    background-size: 125%;
  }
  body#hwi-mobile #header #strip1 #header-image #header-title {
    margin-top: 30px;
    margin-left: 0px;
  }
  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 6%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li#nav-entertainment,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-health,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-beauty,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-weight,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-other {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main h1 {
    font-size: 22px;
  }
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main #author {
    display: none!important;
    visibility: hidden!important;
  }
  body#hwi-mobile #main #col-sidebar {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main #testimonials {
    display: block!important;
    visibility: visible!important;
  }

}
@media (max-width: 400px) {

  body#hwi-mobile #header #strip1 .col p {
    font-size: 24px;
  }
  body#hwi-mobile #header #strip1 #header-image {
    background-position: 0 0;
    background-size: 125%;
  }
  body#hwi-mobile #header #strip1 #header-image #header-title {
    margin-top: 10px;
    margin-left: 0px;
  }
  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 7.5%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li#nav-entertainment,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-categories,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-health,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-beauty,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-weight,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-other {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main h1 {
    font-size: 22px;
  }
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main #author {
    display: none!important;
    visibility: hidden!important;
  }
  body#hwi-mobile #main #col-sidebar {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main iframe {
    width: 320px;
    height: 236px;
  }
  body#hwi-mobile #main #testimonials {
    display: block!important;
    visibility: visible!important;
  }

}

/* iphone */
@media (max-width: 320px) {

  body#hwi-mobile #header #strip1 .col p {
    font-size: 22px;
  }
  body#hwi-mobile #header #strip1 #header-image {
    background-position: 0 0;
    background-size: 150%;
  }
  body#hwi-mobile #header #strip1 #header-image #header-title {
    margin-top: 20px;
    margin-left: 0px;
  }
  body#hwi-mobile #header #strip1 #header-image #header-title h1 {
    font-size: 32px;
  }
  body#hwi-mobile #main .span12 {
    padding-left: 10px;
  }
  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 6%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li#nav-categories,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-entertainment,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-health,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-beauty,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-weight,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-other {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main h1 {
    font-size: 20px;
  }
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main ul#socl li {
    font-size: 14px;
  }
  body#hwi-mobile #main ul#socl li img {
    width: 22px;
    height: 22px;
  }
  body#hwi-mobile #main #col-sidebar {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main iframe {
    width: 280px;
    height: 207px;
  }
  body#hwi-mobile #main #testimonials {
    display: block!important;
    visibility: visible!important;
  }

}

@media (max-width: 240px) {

  body#hwi-mobile #header #strip1 .col p {
    font-size: 18px;
  }
  body#hwi-mobile #header #strip1 #header-image {
    background-position: 0 0;
    background-size: 200%;
  }
  body#hwi-mobile #header #strip1 #header-image #header-title {
    margin-top: 20px;
    margin-left: 0px;
  }
  body#hwi-mobile #header #strip1 #header-image #header-title h1 {
    font-size: 32px;
  }
  body#hwi-mobile #header #strip3 ul#navigation li {
    margin-left: 9%;
  }
  body#hwi-mobile #header #strip3 ul#navigation li#nav-downloads,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-categories,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-entertainment,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-health,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-beauty,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-weight,
  body#hwi-mobile #header #strip3 ul#navigation li#nav-other {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main .span12 {
    padding-left: 10px;
  }
  body#hwi-mobile #main h1 {
    font-size: 18px;
  }
  body#hwi-mobile #main h1 span.br {
    display: none!important;
  }
  body#hwi-mobile #main ul#socl li {
    font-size: 12px;
  }
  body#hwi-mobile #main ul#socl li img {
    width: 22px;
    height: 22px;
  }
  body#hwi-mobile #main #col-sidebar {
    display: none;
    visibility: hidden;
  }
  body#hwi-mobile #main iframe {
    width: 200px;
    height: 148px;
  }
  body#hwi-mobile #main #testimonials {
    width: 200px;
    padding: 5px;
    display: block!important;
    visibility: visible!important;
  }
  body#hwi-mobile #main #testimonials p {;
    font-size: 11px;
  }

}