/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
      #htmlcontent_home ul li {
        width: 100% !important; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto;
      margin: 0; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #htmlcontent_home ul .htmlcontent-item-8.col-xs-3 {
      display: none; } }

/* Top hook CSS */
#htmlcontent_top {
  float: right;
  width: 33%;
  max-width: 391px;
  padding-left: 5px; }
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }

/* Women and men homes hook */
#htmlcontent_women ul,
#htmlcontent_men ul {
  margin: 0; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #htmlcontent_women ul li,
    #htmlcontent_men ul li {
      width: 100%; } }
  #htmlcontent_women ul li img,
  #htmlcontent_men ul li img {
    max-width: 100%;
    height: auto;
    margin: 0; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
      #htmlcontent_women ul li img,
      #htmlcontent_men ul li img {
        min-width: 100%; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    #htmlcontent_women ul li .item-html,
    #htmlcontent_men ul li .item-html {
      height: 245px; } }
  @media screen and (max-width: 1024px) and (orientation: landscape) {
    #htmlcontent_women ul li .item-html,
    #htmlcontent_men ul li .item-html {
      height: 305px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #htmlcontent_women ul,
    #htmlcontent_men ul {
      margin: 20px 0 0; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #htmlcontent_women ul,
    #htmlcontent_men ul {
      margin: 18px 0px 0px; } }
#htmlcontent_women .htmlcontent-item-6.col-xs-7,
#htmlcontent_men .htmlcontent-item-6.col-xs-7 {
  position: absolute;
  left: 0; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #htmlcontent_women .htmlcontent-item-6.col-xs-7,
    #htmlcontent_men .htmlcontent-item-6.col-xs-7 {
      position: relative;
      left: auto;
      top: auto; } }

#htmlcontent_women .htmlcontent-item-6.col-xs-7 {
  top: 50.366%; }

#htmlcontent_men .htmlcontent-item-6.col-xs-7 {
  top: 50.333%; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #htmlcontent_men .htmlcontent-item-6.col-xs-7 {
      top: 50.333%; } }

/*# sourceMappingURL=hooks.css.map */