/* CSS Document */
/*----landing page-----*/
.navbar {
  margin-bottom: 0;
}

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

#hknb {
  background: url(https://asset.msi.com/event/nb/2018/nb-xmas-pack-2018/images/bg.jpg) top left repeat;
}

#hknb img {
  max-width: 100%;
  width: expression(document.body.clientWidth>100?"100%":"auto");
  overflow: hidden;
}

#hknb .wp {
  background: url(https://asset.msi.com/event/nb/2018/nb-xmas-pack-2018/images/bg-wp.jpg) top center no-repeat ;
  background-size: cover auto;
}

#hknb .container {
  width: 95%;
  margin: 0 auto;
  max-width: 1450px;
}

#hknb .main-title {
  width: 75%;
  margin: 0 auto;
  max-width: 750px;
}

#hknb #kv .imgxs {
  display: none;
}

@media screen and (max-width: 768px) {
  #hknb #kv .img {
    display: none;
  }
  #hknb #kv .imgxs {
    display: block;
  }
}

#hknb .itembox {
  position: relative;
  margin-bottom: 35px;
}

#hknb .itembox .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

#hknb .itembox .bg img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  #hknb .itembox .bg {
    display: none;
  }
}

#hknb .itembox .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5% 5% 6%;
}

#hknb .itembox .item .pdbox {
  width: 55%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

#hknb .itembox .item .pdbox .or {
  position: absolute;
  background: url(https://asset.msi.com/event/nb/2018/nb-xmas-pack-2018/images/or.png) top center no-repeat;
  height: 29px;
  width: 100%;
  bottom: 30%;
}

#hknb .itembox .item .gift {
  width: 45%;
}

@media screen and (max-width: 768px) {
  #hknb .itembox .item {
    background: #c00;
    border-radius: 30px;
    display: block;
    text-align: center;
  }
  #hknb .itembox .item .pdbox {
    width: 100%;
  }
  #hknb .itembox .item .pdbox a {
    width: 50%;
  }
  #hknb .itembox .item .gift {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 25px;
  }
}

#hknb .wtb {
  padding-bottom: 55px;
}

#hknb .wtb .stitle {
  text-align: center;
  font-size: 30px;
  font-family: "DINPro";
  font-weight: bold;
}