/*slideshow*/
#hp-slideshow {
  position: relative;
}
.ss-slider {
}
#hp-slideshow
  #aios-slider-hp-slideshow
  .aios-slider-splide
  .aios-slider-img
  canvas,
#hp-slideshow
  #aios-slider-hp-slideshow
  .aios-slider-splide
  .aios-slider-custom-video
  canvas {
  min-height: 400px;
}

/*yem*/
#hp-yem {
  position: relative;
  padding: 61px 0 66px;
  background: #f2f2f2;
}
.yem-inner {
  position: relative;
}
.yem-title {
  width: 606px;
  width: 53.158%;
  padding: 6px 0 0;
  width: 51%;
}
.yem-text {
  width: 46.842%;
}
.yem-text p {
  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.25;
  color: #000;
  margin-bottom: 15px;
  font-weight: 300;
}
.yem-btn-list {
}
.yem-btn-list a.btn-a {
  margin-right: 53px;
}
.yem-btn-list a.btn-a:last-child {
  margin-right: 0;
}
.yem-title .section-title small {
  font-size: 15px;
  letter-spacing: 0.4em;
}

/*fl*/
#hp-fl {
  position: relative;
  padding: 83px 0 51px;
}
.fl-inner {
  padding: 0 38px;
  padding: 0 2.375%;
}
.fl-title {
  text-align: center;
  margin-bottom: 30px;
}
.fl-btn-list {
  margin-bottom: 57px;
}
.fl-btn-list a.btn-a {
  margin: 0 70px;
}
.fl-list {
  font-size: 0;
  margin: 0 -10px;
}
.fl-list .custom-slick-arrow {
  bottom: 25%;
}
  .fl-list .custom-slick-arrow.slick-prev {
      left: -15px;
  }
  .fl-list .custom-slick-arrow.slick-next {
      right: -15px;
  }
.fl-item {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding: 0 10px;
}
.fl-item:nth-child(3) ~ .fl-item {
  display: none;
}
.fl-item a {
  display: block;
  position: relative;
  color: #000;
}
.fl-item-img {
  position: relative;
}
.fl-item-details {
  background: #fff;
  max-width: 395px;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  transition: all var(--default-transition);
  z-index: 3;
  position: relative;
  padding: 0 15px 0;
}
.fl-item-details:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: -1;
  transition: all var(--default-transition);
}
.fl-item-details-address {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.166666666666667;
  font-family: var(--font-family-title);
  margin-bottom: 14px;
  transition: margin var(--default-transition);
}
.fl-item-details-price {
  font-size: 16px;
  letter-spacing: 0.02em;
}
.fl-item-details .btn-a {
  padding-top: 13px;
  padding-bottom: 22px;
  transition-property: color, opacity;
}

.fl-item a:not(:hover) .fl-item-details {
  padding-top: 16px;
}
.fl-item a:not(:hover) .fl-item-details-address {
  margin-bottom: 3px;
}
.fl-item a:not(:hover) .fl-item-details .btn-a {
  opacity: 0;
}
.fl-item a:hover .fl-item-details {
  margin-top: -26px;
}
.fl-item a:hover .fl-item-details:before {
  top: -24px;
}

/*qs*/
#hp-qs {
  position: relative;
  padding: 144px 0 115px;
}
#hp-qs .bg-section {
}
.qs-title {
  text-align: center;
  text-shadow: 0px 2px 25px rgba(0, 0, 0, 0.8);
  margin-bottom: 45px;
}
.qs-title .section-title {
  letter-spacing: 0.015em;
}
.qs-form {
  margin: 0 -28px;
}
.qs-field {
  display: inline-block;
  vertical-align: top;
  padding: 0 2.5px;
}
.qs-field select,
.qs-field input,
.qs-field .btn-group.bootstrap-select > button {
  display: block;
  width: 100%;
  height: 60px;
  border: 1px solid rgba(116, 116, 116, 0.9);
  background: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 13px;
}
.qs-field select {
  background-image: url(../images/home/icon-qs.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 13px) 50%;
  padding-right: 20px;
}
.qs-field select::-ms-expand {
  display: none;
}
.qs-field input,
.qs-field .btn-group.bootstrap-select > button {
  text-transform: initial;
  font-style: italic;
  font-size: 13px;
}
.qs-field .btn-group.bootstrap-select > button span.filter-option.pull-left {
  font-size: inherit;
}

.qs-field.field-md {
  width: 196px;
  width: 16.388%;
}
.qs-field.field-lg {
  width: 236px;
  width: 19.73%;
}
.qs-field.field-sm {
  width: 167px;
  width: 13.964%;
}
.qs-field.field-xs {
  width: 117px;
  width: 9.783%;
}

.qs-checkbox {
  width: 37%;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  margin-top: 33px;
}
.qs-checkbox label {
  display: inline-flex;
  position: relative;
  margin: 0 23px;
}
.qs-checkbox label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.qs-checkbox label span {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.06em;
  color: #fff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding-left: 23px;
}

.qs-checkbox label span:before,
.qs-checkbox label span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.qs-checkbox label span:before {
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
}
.qs-checkbox label span:after {
  width: 10px;
  height: 10px;
  margin: 2px;
  background: #fff;
  opacity: 0;
}
.qs-checkbox label input:checked ~ span:after {
  opacity: 1;
}

.qs-btn {
  width: 100%;
  margin: 52px 0 0;
}
.qs-btn button {
  display: flex;
  width: 200px;
  height: 60px;
  border: 1px solid #000;
  background: #000;
  margin: 0 auto;
  color: #fff;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all var(--default-transition);
}
.qs-btn button i {
  font-size: 20px;
  margin-right: 8px;
}
.qs-btn button:hover {
  border-color: var(--secondary);
  color: var(--secondary);
  background: #fff;
}
.qs-field .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.qs-field select {
    font-size: inherit;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: #000;
    font-style: italic;
    text-transform: initial;
}
.qs-field select {
  font-size: 13px;
  -webkit-appearance: none;
  appearance: none;
  background-image: none;
  line-height: 1.2;
}

.qs-field button.btn.dropdown-toggle.btn-default {
    border-radius: 0!important;
    box-shadow: none!important;
    background: rgba(255, 255, 255, 0.9)!important;
    outline: none!important;
}


/*fc*/
#hp-fc {
  position: relative;
  padding: 81px 0 20px;
}
.fc-inner {
  padding: 0 2.5%;
}
.fc-title {
  text-align: center;
  max-width: 1015px;
  margin: 0 auto 53px;
}
.fc-title .section-title {
  margin-bottom: 37px;
}
.fc-title p {
  font-size: 22px;
  letter-spacing: 0.04em;
  line-height: 1.363636363636364;
  font-weight: 300;

  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.25;
  font-weight: 300;
  color: #000;
}

.fc-list {
  font-size: 0;
  margin: 0 -10px;
}
.fc-item {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding: 0 10px;
}
.fc-item:nth-child(3) ~ .fc-item {
  display: none;
}
.fc-item a {
  display: block;
  position: relative;
  color: #000;
}
.fc-item-img {
}
.fc-item-details {
  background: #fff;
  max-width: 395px;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  transition: all var(--default-transition);
  z-index: 3;
  position: relative;
  padding: 0 15px 0;
}
.fc-item-details:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: -1;
  transition: all var(--default-transition);
}
.fc-item-details-address {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.166666666666667;
  font-family: var(--font-family-title);
  margin-bottom: 14px;
  transition: margin var(--default-transition);
}
.fc-item-details .btn-a {
  padding-top: 13px;
  padding-bottom: 22px;
  transition-property: color, opacity;
}

.fc-item a:not(:hover) .fc-item-details {
  padding-top: 21px;
}
.fc-item a:not(:hover) .fc-item-details .btn-a {
  opacity: 0;
}
.fc-item a:hover .fc-item-details {
  margin-top: -26px;
}
.fc-item a:hover .fc-item-details:before {
  top: -24px;
}

/*career*/
#hp-career {
  position: relative;
  /* padding: 108px 0 113px; */
  padding: 80px 0;
  margin-bottom: 59px;
}
#hp-career .bg-section {
  width: 974px;
  width: 60.875%;
}
#hp-career .bg-section:before {
  content: "";
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  left: 47%;
}
.career-inner {
  position: relative;
  padding: 0 2.5%;
}
.career-text {
  /*width: 570px;*/
  width: 37.5%;
  margin-left: auto;
  margin-right: 6%;
}
.career-title {
  margin-bottom: 29px;
}
.career-text p {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.666666666666667;
  color: #000;
  margin-bottom: 31px;

  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.25;
  font-weight: 300;
  color: #000;
}
#hp-career .bg-section-img {
  background-position: center top;
}
/*magazine*/
#hp-magazine {
  position: relative;
  background: #f2f2f2;
  overflow: hidden;
  padding: 12px 0 0;
}
.magazine-inner {
}
.magazine-text {
  width: 46.5%;
  /*padding: 122px 15px 0 150px;*/
  padding: 20px 15px 45px 9.375%;
}
.magazine-title {
  margin-bottom: 34px;
}
.magazine-text p {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.666666666666667;
  color: #000;
  margin-bottom: 30px;

  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.25;
  font-weight: 300;
  color: #000;
}
.magazine-text p a.asis-mailto-obfuscated-email,
.magazine-text p a.aios-ai-phone {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  transition: color var(--default-transition);
}
.magazine-text p a.asis-mailto-obfuscated-email:hover,
.magazine-text p a.aios-ai-phone:hover {
  color: var(--secondary);
}

.magazine-text p a.asis-mailto-obfuscated-email i,
.magazine-text p a.aios-ai-phone i {
  position: absolute;
  top: 0;
  left: 0;
  color: #343434;
  font-size: 14px;
}

.magazine-text p a.asis-mailto-obfuscated-email i {
  font-size: 9px;
  top: 12px;
  left: 3px;
}
.magazine-text p a.aios-ai-phone i {
  top: 6px;
  left: 3px;
}
.magazine-text p:last-of-type {
  margin-bottom: 0;
}
.magazine-btn-list {
  margin: 25px 0 0;
}
.magazine-btn-list a.btn-a {
  margin-right: 65px;
}
.magazine-img {
  width: 856px;
  width: 53.5%;
}
.magazine-img .img-wrapper {
  width: 134.346%;
  margin-bottom: -6px;
}

/*hk blog*/
#hp-hkblog {
  position: relative;
  padding: 108px 0 127px;
}
.hkblog-inner {
  padding: 0 5.625%;
}
.hkblog-title {
  text-align: center;
  margin-bottom: 15px;
}
.hkblog-btn {
  margin-bottom: 50px;
}
.hkblog-btn .btn-a {
  position: relative;
}
.hkblog-btn .btn-a i {
  font-size: 20px;
  margin-right: 12px;
}
.hkblog-list {
  margin: 0 -10px;
  font-size: 0;
}
.hkblog-list .custom-slick-arrow {
  bottom: 22.3%;
}
.hkblog-list .custom-slick-arrow.slick-prev {
  left: -2.8%;
}
.hkblog-list .custom-slick-arrow.slick-next {
  right: -2.8%;
}
.hkblog-item {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding: 0 10px;
}
.hkblog-item:nth-child(3) ~ .hkblog-item {
  display: none;
}
.hkblog-item a {
  display: block;
  position: relative;
  color: #000;
}
.hkblog-img {
  position: relative;
  overflow: hidden;
}
.hkblog-img img {
  transition: all var(--default-transition);
}
.hkblog-img:before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all var(--default-transition);
  z-index: 2;
}
.hkblog-item a:hover .hkblog-img:before {
  opacity: 1;
}
.hkblog-item a:hover .hkblog-img img {
  filter: grayscale(1);
  transform: scale(1.16);
}
.hkblog-img .btn-a {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 60px;
  width: 123px;
  opacity: 0;
  transition-property: opacity, color;
}
.hkblog-img .btn-a i {
  font-size: 20px;
  margin-right: 12px;
}

.hkblog-item a:hover .hkblog-img .btn-a {
  opacity: 1;
}

.hkblog-details {
  text-align: center;
  padding: 36px 6% 0;
}
.hkblog-details-title {
  margin-bottom: 16px;
}
.hkblog-details-title h3 {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.02em;
  line-height: 1;
  font-family: var(--font-family-title);
}
.hkblog-details-details {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 1;
}

/*social*/
#hp-social {
  position: relative;
  overflow: hidden;
}
#hp-social .bg-section {
  width: 56.25%;
  height: 339px;
  top: initial;
  left: initial;
}
.social-inner {
  position: relative;
  padding: 73px 0 92px;
}
.social-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 43.75%;
  background: #f2f2f2;
  z-index: -1;
  display: block;
}
.social-left {
  width: 30%;
  padding-left: 5.4%;
  padding-right: 15px;
}
.social-title {
  margin-bottom: 24px;
}
.social-left .section-title {
  line-height: 0.909090909090909;
}
.social-left .section-title small {
  margin-bottom: 22px;
}
.social-left ul {
}
.social-left ul li {
  margin-bottom: 4px;
}
.social-left ul li:last-child {
  margin-bottom: 0;
}
.social-left ul li a.btn-a {
}
.social-left ul li a.btn-a i {
  min-width: 20px;
  font-size: 20px;
  margin-right: 10px;
}

.social-right {
  width: 70%;
  align-self: center;
  padding: 2.4% 0 0;
}
.social-list {
  font-size: 0;
  margin: 0 -20px;
}
.social-item {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
}
.social-item a {
  display: block;
  position: relative;
  overflow: hidden;
}
.social-item a i.ai-font-instagram,
.social-item a i.ai-font-facebook {
  position: absolute;
  bottom: 9px;
  left: 12px;
  font-size: 25px;
  color: #fff;
  z-index: 3;
  transition: opacity var(--default-transition);
}
.social-item a img {
  object-fit: contain;
  background: #ffffff;
  transition: all var(--default-transition);
}
.social-item-details {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  padding: 0 16%;
  opacity: 0;
  transition: opacity var(--default-transition);
}
.social-item-details > .flex {
  height: 100%;
}
.social-item-details span {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.06em;
  color: #fff;
}
.social-item-details span i {
  display: block;
  margin-bottom: 12px;
  font-size: 20px;
  min-height: 23px;
}
.social-item-details span i.icon-comments {
  width: 23px;
  height: 23px;
  background: url(../images/home/icon-comments.png) center/contain no-repeat;
}

.social-item a:hover img {
  transform: scale(1.17);
  filter: grayscale(1);
}
.social-item a:hover .social-item-details {
  opacity: 1;
}
.social-item a:hover i.ai-font-instagram,
.social-item a:hover i.ai-font-facebook {
  opacity: 0;
}

.social-item:nth-child(3) ~ .social-item {
  display: none;
}
.social-list:not(.slick-initialized),
.social-list .slick-list {
  padding-right: 12.49%;
}

/*faqs*/
#hp-faqs {
  position: relative;
  background: #f2f2f2;
  margin-top: 100px;
  padding: 91px 0 50px;
}
.faqs-inner {
  padding-left: 6.25%;
  padding-right: 9.375%;
}
.faqs-left {
  width: 210px;
  padding-right: 2%;
}
.faqs-left .section-title {
  margin-bottom: 35px;
}
.faqs-left p {
  font-size: 18px;
  letter-spacing: 0.04em;
  font-weight: 300;
  line-height: 1.666666666666667;
  margin-bottom: 30px;

  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.25;
  font-weight: 300;
  color: #000;
}
.faqs-right {
  width: 1140px;
  width: calc(100% - 210px);
  padding: 9px 0 0;
}
.faqs-list {
}
.faqs-link {
}
.faqs-link a {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.02em;
  color: #000;
  padding-right: 4%;

  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.25;
  font-weight: 300;
  color: #000;
}
.faqs-link a i.icon-plus {
  position: absolute;
  right: 2.3%;
  font-style: normal;
  color: #8c8c8c;
}
.faqs-link a i.icon-plus:before {
  content: "-";
  display: none;
}
.faqs-link a i.icon-plus:after {
  content: "+";
  display: block;
}
.faqs-link a:not(.collapsed) i.icon-plus:before {
  display: block;
}
.faqs-link a:not(.collapsed) i.icon-plus:after {
  display: none;
}

.faqs-list .panel.panel-default {
  border: none;
  background: transparent;
  box-shadow: none;
  position: relative;
  margin-bottom: 22px;
  padding-bottom: 18px;
}
.faqs-list .panel.panel-default:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #a4a4a4;
}
.faqs-list .panel.panel-default:last-child:before {
  display: none;
}
.faqs-content {
  padding: 9px 5% 11px 0;
}

.faqs-content p,
.faqs-content ul {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 0.04em;
  line-height: 2;
  color: #000;
  margin-bottom: 30px;

  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.25;
  font-weight: 300;
  color: #000;
}
.faqs-content p:last-child,
.faqs-content ul:last-child {
  margin-bottom: 0;
}
.faqs-content ul li {
  position: relative;
  padding-left: 20px;
}
.faqs-content ul li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #a4a4a4;
  top: 12px;
  left: 5px;
}

@media only screen and (min-width: 1701px) {
    #hp-career {
        padding: 10vw 0;
    }
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1366px) {
  .career-text {
    margin-right: 3%;
  }
  .magazine-text {
    padding-left: 3%;
  }
  .social-left {
    padding-left: 3%;
  }
  .faqs-inner {
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media only screen and (max-width: 1199px) {
  .fl-item-details {
    max-width: 90%;
  }
  .fl-item-details-address {
    font-size: 20px;
  }

  .qs-form {
    margin: 0;
  }
  .qs-field .bootstrap-select.btn-group .dropdown-toggle .filter-option,
  .qs-field select,
  .qs-field input,
  .qs-field .btn-group.bootstrap-select > button {
    font-size: 10px;
  }
  .qs-checkbox {
    width: 50%;
  }

  .fc-item-details {
    max-width: 90%;
  }
  .fc-item-details-address {
    font-size: 20px;
  }

  .career-text {
    margin-right: 0;
    width: 50%;
  }
  .hkblog-details-title h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .yem-title {
    width: 100%;
    text-align: center;
  }

  .yem-text {
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
  }

  .yem-btn-list {
    justify-content: center;
  }

  .yem-btn-list a.btn-a {
    margin: 0 10px 10px !important;
  }
  .fl-list {
    margin: 0;
  }
  .fl-btn-list {
  }
  .fl-btn-list a.btn-a {
    margin: 0 20px 10px;
  }
  .fl-item {
    width: 50%;
  }
  .fl-item ~ .fl-item {
    display: none;
  }

  #hp-qs {
    padding: 70px 0;
  }
  .qs-field.field-md,
  .qs-field.field-lg {
    width: 100%;
  }
  .qs-field.field-sm,
  .qs-field.field-xs {
    width: 50%;
  }
  .qs-field {
    padding: 3px;
  }

  .qs-field .btn-group.bootstrap-select.qs-select-single.qs-field {
      padding: 0;
  }

  .qs-field select,
  .qs-field input,
  .qs-field .btn-group.bootstrap-select > button {
    height: 50px;
  }
  .qs-checkbox {
    width: 100%;
    margin-top: 0;
  }
  .qs-checkbox label {
    margin: 10px 15px;
  }
  .qs-btn {
    margin: 20px 0 0;
  }

  #hp-fc {
    padding: 80px 0 20px;
  }
  .fc-list {
    margin: 0;
  }
  .fc-item {
    width: 100%;
  }
  .fc-item ~ .fc-item {
    display: none;
  }

  #hp-career {
    padding: 80px 0;
  }
  #hp-career .bg-section {
    width: 100%;
  }
  #hp-career .bg-section:before {
    background: rgba(255, 255, 255, 0.6);
    left: 0;
  }
  .career-text {
    width: 100%;
    max-width: 750px;
    text-align: center;
    margin: 0 auto;
  }

  #hp-magazine {
    padding: 60px 0 0;
  }
  .magazine-inner {
    max-width: 750px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .magazine-text {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .magazine-img {
    width: 100%;
    margin-bottom: 40px;
  }
  .magazine-img .img-wrapper {
    width: 100%;
    margin: 0;
  }
  .magazine-btn-list {
    justify-content: center;
  }
  .magazine-btn-list a.btn-a {
    margin: 0 20px 15px;
  }

  #hp-hkblog {
    padding: 80px 0;
  }
  .hkblog-item {
    width: 50%;
  }
  .hkblog-item ~ .hkblog-item {
    display: none;
  }

  .social-inner {
    padding: 80px 5%;
  }

  #hp-social .bg-section {
    display: none;
  }

  .social-inner:before {
    width: 100%;
  }

  .social-left {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 40px;
  }

  .social-right {
    width: 100%;
  }

  .social-list:not(.slick-initialized),
  .social-list .slick-list {
    padding: 0;
  }

  #hp-faqs {
    padding: 80px 0 40px;
    margin-top: 50px;
  }

  .faqs-inner {
    padding: 0 15px;
    margin: 0 auto;
    max-width: 750px;
  }

  .faqs-left {
    width: 100%;
    padding: 0;
    text-align: center;
  }

  .faqs-right {
    width: 100%;
  }
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
  .fl-item {
    width: 100%;
  }
  .fc-item {
    width: 100%;
  }
  .hkblog-inner {
    padding: 0 10%;
  }
  .hkblog-list .custom-slick-arrow.slick-prev {
    left: -6%;
  }

  .hkblog-list .custom-slick-arrow.slick-next {
    right: -6%;
  }
  .hkblog-item {
    width: 100%;
  }
  .hkblog-details-details {
    font-size: 12px;
  }
  .social-item {
    padding: 0 10px;
  }
  .social-item-details {
    padding: 0 3%;
  }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
}