@media only screen and (max-width: 600px) {
  #wrap {
    padding-top: 60px;
  }
}
#breadcrumbWrap #breadcrumb {
  padding: 30px 0;
}
@media only screen and (max-width: 600px) {
  #breadcrumbWrap #breadcrumb {
    padding: 20px 0;
    margin-bottom: 20px;
  }
}
#breadcrumbWrap #breadcrumb ul {
  line-height: 1.3;
}
#breadcrumbWrap #breadcrumb ul li {
  font-size: 12px;
}
@media only screen and (max-width: 600px) {
  #breadcrumbWrap #breadcrumb ul li {
    margin: 3px 0;
  }
}
#breadcrumbWrap #breadcrumb ul li a {
  color: #479fd7;
}

#mainWrap {
  padding: 40px 0;
}
@media only screen and (max-width: 600px) {
  #mainWrap {
    padding-top: 0;
  }
}

#footWrap {
  margin-top: 20px;
}

@media only screen and (max-width: 600px) {
  .archive #breadcrumbWrap #breadcrumb {
    margin-bottom: 0;
  }
}
.archive #mainWrap {
  padding-top: 0;
}
.archive #mainWrap .archiveHead {
  background-color: #0c3a8b;
  padding-top: 10px;
  padding-bottom: 40px;
  color: #fff;
}
.archive #mainWrap .archiveHead #breadcrumb ul li a {
  color: #fff;
}
.archive #mainWrap .archiveHead .title {
  font-size: 32px;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .archive #mainWrap .archiveHead .title {
    font-size: 28px;
  }
}
.archive #mainWrap .reviewListWrap {
  padding: 40px 0;
}