.article img {
  margin: 0;
}
#apparel-2017 {
    width: 1176px;
    padding: 0;
    margin: 0 auto 20px;
    border: 0;
}
#ad-banner {
  position: relative;
}
#ad-banner img {
  margin: 0;
}
#ad-banner .ad-heading {
  display: none;
}
#ad-banner .ad-heading .title {
  padding: 15px 40px 15px 15px;
  background: #fff;
  opacity: 0.6;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  line-height: 30px;
}
#ad-banner .ad-heading:before {
  content: '';
  position: absolute;
  top: 0;
  left: -30px;
  width: 30px;
  height: 100%;
  background: #fff;
  opacity: 0.8;
}
.ad-section {
  margin: 30px 60px 60px;
  position: relative;
}
.ad-section .ad-title {
  margin-bottom: 30px;
}
.ad-img {
  position: relative;
}
.ad-box {
  position: absolute;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  font-size: 18px;
  z-index: 100;
  opacity: 0.8;
}
.ad-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1;
}
.ad-box .ad-upper {
  color: #fff;
  margin-bottom: 10px;
}
.ad-box .ad-upper a {
  color: #fff;
}
.ad-box .ad-lower {
  background: #fff;
  padding: 15px 20px;
  display: inline-block;
  margin: 0 auto;
  border-radius: 8px;
}
.ad-box .ad-lower a {
  color: #000;
}
.ad-1-1 {
  width: 500px;
  float: left;
}
.ad-1-1 .ad-box {
  left: 100px;
  bottom: 50px;
}
.ad-1-2 {
  width: 450px;
  float: left;
  padding-bottom: 10px;
}
.ad-1-2 img {
  margin-left: 60px;
  margin-top: 70px;
  margin-bottom: 50px;
}
.ad-1-2 .ad-box {
  right: 0;
  left: 0;
  bottom: 100px;
}
.ad-1-3 {
  float: left;
}
.ad-1-3-1 .ad-box {
  left: 50px;
  bottom: 50px;
}
.ad-1-3-2 {
  margin-left: 50px;
}
.ad-1-3-2 .ad-box {
  left: 30px;
  bottom: 20px;
}
.ad-1-4 {
  float: left;
  width: 450px;
}

.ad-1 .ad-lower {
  background: #F1D1D6;
}
.ad-1 .ad-lower a {
  color: #D00015;
}
.ad-1 .ad-intro {
  padding: 15px;
  background: #FAE6E8;
  color: #D30018;
  line-height: 24px;
  font-size: 26px;
  font-family: lateef;
  margin: 20px 0 0;
  width: 500px;
}
.ad-2 img {
  width: 100%;
}
.ad-2 .ad-lower a {
  color: #A18F85;
}
.ad-2-1, 
.ad-2-2 {
  float: left;
  width: 50%;
}
.ad-2-1 {
  padding-right: 15px;
}
.ad-2-1 .ad-box {
  right: 0;
  left: 0;
  bottom: 25px;
}
.ad-2-1 .ad-img,
.ad-2-2 .ad-img {
  margin-bottom: 50px;
}
.ad-2-2 {
  padding-left: 15px;
  color: #75645A;
}
.ad-2-2 .ad-title {
  margin-bottom: 30px;
}
.ad-2-2 .ad-box {
  right: 0;
  left: 0;
  bottom: 35px;
}
.ad-2 .ad-intro {
  padding: 150px 50px 50px;
  background: #EDE9E6;
  color: #76655B;
  line-height: 32px;
  font-size: 32px;
  font-family: lateef;
}
.ad-3 {
  padding: 0 15px;
}
.ad-3 img {
  width: 100%;
}
.ad-3 .ad-lower a {
  color: #627653;
}
.ad-3-1,
.ad-3-2 {
  float: left;
  width: 50%;
  padding: 0 15px;
  margin-bottom: 30px;
}
.ad-3-1 .ad-img,
.ad-3-2 .ad-img {
  margin-bottom: 30px;
}
.ad-3-1 .ad-box,
.ad-3-2 .ad-box {
  right: 30px;
  bottom: 30px;
}
.ad-3-3,
.ad-3-4 {
  float: left;
  padding: 0 15px;
}
.ad-3-3 {
  width: 60%;
}
.ad-3-4 {
  width: 40%;
}
.ad-3-3 .ad-img,
.ad-3-4 .ad-img {
  margin-bottom: 30px;
}
.ad-3-3-1 .ad-box {
  right: 0;
  left: 0;
  bottom: 150px;
}
.ad-3-4-1 .ad-box {
  right: 0;
  left: 0;
  bottom: 0;
  background: #C1C7B9;
  padding: 60px 0 20px;
}
.ad-3 .ad-intro {
  padding: 95px 30px 40px;
  background: #B1BAA9;
  color: #fff;
  line-height: 32px;
  font-size: 32px;
  font-family: lateef;
}
.ad-4 {
  padding-left: 45px;
}
.ad-4 img {
  width: 100%;
}
.ad-4 .ad-lower a {
  color: #506288;
}
.ad-4-1,
.ad-4-2 {
  float: left;
}
.ad-4-1 {
  width: 35%;
  margin-top: -170px;
}
.ad-4-2 {
  width: 65%;
}
.ad-4-1 .ad-img,
.ad-4-2 .ad-img {
  margin-bottom: 30px;
}
.ad-4-1 .ad-box {
  right: 0;
  left: 0;
  bottom: 100px;
  background: #96A1B7;
  padding: 30px 50px;
}
.ad-4-2 .ad-box {
  right: 70px;
  top: 330px;
  left: 250px;
  background: #96A1B7;
  padding: 30px;
}
.ad-4 .ad-intro {
  padding: 20px 0 40px;
  color: #506288;
  line-height: 28px;
  font-size: 28px;
  font-family: lateef;
}
.ad-4-3 {
  margin: 0 -8px;
}
.ad-4-3 .ad-img {
  padding: 0 8px;
  float: left;
  width: 33.3333333%
}
.ad-4-3-1 .ad-box {
  right: 0;
  left: 0;
  bottom: 5px;
}
.ad-5 {
  padding-left: 45px;
}
.ad-5 .ad-lower a {
  color: #603F12;
}
.ad-5 img {
  width: 100%;
}
.ad-5-1 {
  float: right;
  width: 45%;
  margin-bottom: 50px;
}
.ad-5-2,
.ad-5-3 {
  float: left;
  margin-bottom: 50px;
}
.ad-5-2 {
  width: 55%;
}
.ad-5-3 {
  width: 50%;
}
.ad-5-1 .ad-box {
  left: 0;
  right: 0;
  top: 300px;
}
.ad-5-1 .ad-lower {
  padding-left: 100px;
  padding-right: 100px;
}
.ad-5-2 .ad-box {
  right: 0;
  left: 0;
  bottom: 40px;
}
.ad-5-3 .ad-box {
  right: 0;
  left: 0;
  bottom: 200px;
}
.ad-5 .ad-intro {
  padding: 97px 20px 96px;
  color: #fff;
  background: #907959;
  line-height: 32px;
  font-size: 32px;
  font-family: lateef;
  float: left;
  width: 50%;
}
@media (max-width: 767px) {
  #apparel-2017 {
    width: 100%;
  }
  .ad-section {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;    
  }
  .ad-1-1,
  .ad-1-2,
  .ad-1-3,
  .ad-1-4,
  .ad-2-1,
  .ad-2-2,
  .ad-2-3,
  .ad-2-4,
  .ad-3-1,
  .ad-3-2,
  .ad-3-3,
  .ad-3-4,
  .ad-4-1,
  .ad-4-2,
  .ad-4-3,
  .ad-4-4,
  .ad-5-1,
  .ad-5-2,
  .ad-5-3,
  .ad-5-4,
  .ad-img .ad-1-3-2,
  .ad-4-3 .ad-img {
    width: 100%;
    margin: 0 0 30px;
  }
  .ad-1 .ad-intro,
  .ad-2 .ad-intro,
  .ad-3 .ad-intro,
  .ad-4 .ad-intro,
  .ad-5 .ad-intro {
    width: 100%;
    margin: 0 0 30px;
    padding: 30px;
    line-height: 28px;
    font-size: 28px;
  }
  .ad-1 img {
    width: 100%;
    margin: 0;
  }
  .ad-1 .ad-box,
  .ad-2 .ad-box,
  .ad-3 .ad-box,
  .ad-4 .ad-box,
  .ad-5 .ad-box  {
    left: 0 !important;  
    right: 0 !important;  
    font-size: 16px;
  }
}

}