/* main banner */
/*.main-banner {
  overflow: auto;
  height: 650px;
  background: url(../images/banner/home-bg.jpg) center top no-repeat #313232;
  background-size: auto 100%;
}
@media (min-width: 1750px) {
  .main-banner {
    background-size: 100% auto;
  }
}*/
.main-banner .h1 {
  /*margin-top: 180px;*/
  text-align: center;
  font-size: 50px;
  color: #fff;
}
.main-banner .h1 a {
  font-size: 50px;
  color: #fff;
  text-decoration: none;
}
.main-banner .banner-summary {
  font-size: 18px;
  color: #fff;
  margin-top: 18px;
  text-align: center;
}
.main-banner .btn-box {
  margin-top: 55px;
  text-align: center;
}
.main-banner .btn-download {
  margin-right: 8px;
}
.main-banner .choose-platform {
  text-align: center;
  color: #fff;
  font-size: 15px;
  margin-top: 20px;
}
.main-banner .video-link {
  margin-top: 25px;
  text-align: center;
}
.main-banner .video-link a {
  font-size: 16px;
  color: #fff;
}
.main-banner .video-link a:hover {
  color: #f88735;
}
.main-banner .btn-learn-more {
  margin-top: 46px;
}
/* sub banner */
.sub-banner {
  background-repeat: no-repeat;
  background-position: -20% center;
  background-size: auto 100%;
  background-image: url(../images/home-pic1.jpg);
  background-color: #f7f7f7;
}
.sub-banner .content {
  padding: 100px 0;
}
/* product banner */
.product-banner {
  padding: 35px 0 25px 0;
  margin-bottom: 0;
}
.product-banner .wp-block-image {
  margin-bottom: 0;
}
.product-banner .h2 {
  margin-bottom: 15px;
}
.product-banner .h2,
.product-banner .h2 a {
  color: #414141;
}
.product-banner .content {
  padding: 20px 80px 0 80px;
}
.product-banner .text {
  line-height: 34px;
  color: #818181;
}
.product-banner .learn-more {
  margin-top: 20px;
  color: #f88735;
  font-size: 18px;
  text-align: right;
}
.user-reviews {
  padding: 68px 0 58px 0;
}
.user-reviews .h2 {
  margin-bottom: 55px;
}
.user-reviews .wp-block-column {
  background: #fff;
  border-radius: 40px;
  padding: 30px 25px 20px 25px;
}
.user-reviews .wp-block-column:not(:first-child) {
    margin-left: 60px;
}
.user-reviews .raty-area {
  text-align: center;
  margin-bottom: 1em;
  line-height: 1;
}
.user-reviews .author {
  margin-bottom: 1em;
}
.user-reviews .text {
  line-height: 160%;
}
.where-recommended {
  padding: 78px 0 50px 0;
}
.where-recommended .h2 {
  margin-bottom: 70px;
}
.where-recommended .wp-block-columns {
  margin-bottom: 35px;
}
.where-recommended .wp-block-column {
  
}
.where-recommended .wp-block-column:not(:first-child) {
    margin-left: 80px;
}
.where-recommended .wp-block-column figure {
  display: block;
}
.where-recommended .wp-block-column a {
  display: block;
  height:100px;
  line-height:100px;
  overflow: hidden;
  background:rgba(255,255,255,1);
  border:2px solid rgba(228,228,228,1);
  box-shadow:0px 5px 0px 0px rgba(46,46,46,0.11);
  border-radius:24px;
  text-align: center;
  transition: all .2s;
}
.where-recommended .wp-block-column a:hover {
  border-color:rgba(208,208,208,1);
  box-shadow:0px 5px 0px 0px rgba(46,46,46,0.18);
}
.where-recommended .wp-block-image {
  margin-bottom: 0;
}

@media (min-width: 1750px) {
  .main-banner {
    background-size: 100% auto;
  }
  .sub-banner {
    background-position: 0 center;
    background-size: 45% auto;
  }
}
@media (max-width: 1600px) {
  .sub-banner {
    background-position: -5% center;
  }
}
@media (max-width: 1500px) {
  .sub-banner {
    background-position: -15% center;
  }
}
.sub-banner .h2,
.sub-banner .h2 a {
  font-size: 35px;
  color: #333;
}
.sub-banner .summary {
  font-size: 20px;
  color: #777;
  margin-top: 30px;
}
.sub-banner .btn-box {
  margin-top: 30px;
}
.sub-banner .btn-box .btn-download {
  margin-right: 8px;
}
/* user review */
.user-review {
  padding: 100px 0;
}
.user-review .h2 {
  color: #333;
  text-align: center;
}
.user-review .ureview-box {
  margin-top: 25px;
}
.user-review .review-item {
  margin-top: 25px;
  padding: 35px 20px;
  text-align: center;
  background: #efefef;
  border-radius: 15px;
  min-height: 317px;
}
.user-review .raty-area {
  margin-top: 12px;
}
.user-review .raty-area img {
  width: 15px;
}
.user-review .author {
  margin-top: 5px;
  color: #333;
  font-size: 18px;
}
.user-review .content {
  margin-top: 8px;
  color: #777;
  font-size: 16px;
}
/* where recomend */
.where-mentioned {
  padding: 100px 0;
  background: #eee;
}
.where-mentioned .h2 {
  color: #333;
  text-align: center;
}
.where-mentioned .item-box {
  margin-top: 40px;
}
.where-mentioned .item-wrap {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 9px;
    padding-left: 9px;
}
.where-mentioned .item-col-4 .item-wrap {
    width: 25%;
}
.where-mentioned .item {
    height: 116px;
    background: #fff;
    text-align: center;
    margin: 18px auto 0;
    border-radius: 10px;
}
.where-mentioned .item, 
.where-mentioned .item a {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
}
.where-mentioned .item a img {
    max-width: 95.2380952%;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}
.where-mentioned .item a:hover img {
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  transform:scale(1.05);
}
@media (max-width: 768px) {
  .main-banner .h1,
  .main-banner .h1 a {
    font-size: 38px;
  }
  .main-banner .banner-summary {
    font-size: 18px;
  }
  .sub-banner {
    position: relative;
    background-position: center center;
  }
  .sub-banner:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .56);
  }
  .sub-banner .h2, 
  .sub-banner .h2 a {
    color: #fff;
  }
  .sub-banner .summary {
    color: #fff;
    font-size: 18px;
  }
  .user-review {
    padding: 50px 0;
  }
  .user-review .h2,
  .where-mentioned .h2 {
    font-size: 30px;
  }
  .where-mentioned .item-col-4 .item-wrap {
    width: 50%;
  }
  .product-banner .content {
      padding: 20px;
  }
  .user-reviews .wp-block-column:not(:first-child) {
    margin-left: auto;
    margin-top: 30px;
  }
  .where-recommended .wp-block-column:not(:first-child) {
    margin-left: auto;
    margin-top: 30px;
  }
}