@import url("https://nowtv.now.com/media/Design/nowtv-elements/css/nowtvicons.css");

.hero_banners{
  width: 100%;
}
.hero_banners img{
  width: 100%;
  height: auto;
}
.hero_banners img.mobile{display: none;}

.enquiry-wrapper{
  width: 100%;
  margin:70px 0 150px 0;
  min-height: 340px;
}

.enquiry-wrapper h2{
  font-family: "Montserrat", "Noto Sans TC", sans-serif;
}

.enquiry-wrapper .message{margin: 30px 0 0 0;}

.enquiry-wrapper .message p{
  font-family: "Barlow", "Noto Sans TC", sans-serif;
  font-size: 18px;
  color: #4a4a4a;
  font-weight: 400;
  margin: 0 0 15px 0;
  text-align: center;
}
.enquiry-wrapper .message p:last-child{margin: 0;}

.icons-wrapper{
  display: flex;
  max-width: 100%;
  margin:60px auto 40px auto;
  text-align: center;
  align-items: flex-start;
  justify-content: center;
}

.icons-wrapper .item{
  margin: 0 45px;
  flex-direction: column;
}

.icons-wrapper .item a{
  color: #0b0b0b;
  text-decoration: none;
  align-self: center;
  display: inline-flex;
  flex-direction: column;
}

.icons-wrapper .item a img{
  pointer-events: none !important;
}

.icons-wrapper .icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 105px;
  background-color: #f3f3f3;
  border:1px solid #0B0B0B;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.icons-wrapper .icon:hover{
  background-color: #DADADA;
}


.icons-wrapper .icon.livechat a{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}

.icons-wrapper .icon img.web{
  width: auto;
  height: 40px;
}

.icons-wrapper .icon img.videochat{
  width: auto;
  height: 32px;
}


.icons-wrapper .icon img.livechat{
  width: auto;
  height: 35px;
}

.icons-wrapper .icon img.whatsapp{
  width: auto;
  height: 48px;
}

.icons-wrapper .icon img.call{
  width: auto;
  height: 41px;
}

.icons-wrapper .icon img.shop{
  width: auto;
  height: 35px;
}

.icons-wrapper .icon img.location{
  width: auto;
  height: 40px;
}

section:not(#sliding-banner) .icons-wrapper h4, section:not(.sliding-banner) .icons-wrapper h4{
  text-align: center;
  font-size: 18px !important;
  font-weight: 400;
  font-family: Barlow;
  margin-top: 20px;
}

.icons-wrapper h4 span{
  color: #4a4a4a;
  font-size: 14px;
}

.sticky-section{display: none !important;}

.hkt-shops{
  text-align: center;
  margin-top: 60px;
}
.hkt-shops p{
  font-family: Barlow;
  font-weight: 400;
  margin:0 0 15px 0;
  color: #0b0b0b;
}

.hkt-shops .links a{
  font-family: Barlow;
  color: #0b0b0b;
  text-decoration: none;
  display: inline-block;
  margin: 0 40px 15px 40px;
  font-size: 18px;
}
.hkt-shops .links a i{
  position: relative;top: 3px;
  margin:0;
  padding: 0;
}

.hkt-shops .links a:hover{
  color: #CF6B0D;
  font-weight: 500;
}

.form{
  display: flex;
  margin-top: 40px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.form .group{
  margin-bottom: 30px;
}

.chat-area-wrap{display: none !important}


@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 991px) {
  .enquiry-wrapper{
    margin:50px 0 70px 0;
  }
}

@media screen and (max-width: 767px) {
  .hero_banners{margin-bottom: 40px;}
  .hero_banners img.desktop{display: none;}
  .hero_banners img.mobile{display: block;}
  .icons-wrapper{margin: 40px auto;}

  .icons-wrapper .item{
    margin:0 20px;
  }

  .icons-wrapper .icon{
    width: 85px;
    height: 85px;
  }

  .icons-wrapper .icon img.videochat{
    height: 22px;
  }

  .icons-wrapper .icon img.livechat{
    height: 25px;
  }

  .icons-wrapper .icon img.whatsapp{
    height: 34px;
  }

  .icons-wrapper .icon img.call{
    height: 29px;
  }

  .icons-wrapper .icon img.shop{
    height: 25px;
  }

  .icons-wrapper .icon img.web,.icons-wrapper .icon img.location{
    height: 30px;
  }

  section:not(#sliding-banner) .icons-wrapper h4, section:not(.sliding-banner) .icons-wrapper h4{font-size: 16px !important;margin-top: 8px;}
  .icons-wrapper h4 span{font-size: 13px;}

  .hkt-shops{
    text-align: center;
    margin-top: 30px;
  }
  .hkt-shops .links{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .hkt-shops .links a{font-size: 16px;margin: 12px 0;}

}

@media screen and (max-width: 575px) {
  .enquiry-wrapper{
    margin:30px 0 60px 0;
  }

  .icons-wrapper{
    flex-direction: column;
    align-items: center;
  }
  .icons-wrapper .item{margin: 0 0 20px 0}
  .icons-wrapper .item:last-child{margin: 0;}

}