@media (min-width: 576px) {
  .container {
    padding-left:15px;
    padding-right:15px;
  }
  .banner-left-title {
    padding-top: 15px;
    font-size: 58px;
  }
  .banner-left-desc {
    font-size: 26px;
    width: 70%;
  }
  .banner-link {
    padding: 10px 30px;
    font-size: 20px;
    margin-top: 20px;
    border-radius: 45px;
  }
  .about-title {
    font-size: 48px;
  }
  .about-txt {
    font-size: 20px;
  }
  .whybti-title {
    font-size: 48px;
  }
  .whybti-subtitle {
    font-size: 30px;
  }
  .whybti-item-txt {
    font-size: 20px;
  }
  .product-title {
    font-size: 48px;
  }
  .product-left {
    font-size: 20px;
  }
  .product-icon {
    height: 50px;
    width: 50px;
  }
  .product-item-txt {
    width: calc(100% - 50px);
    padding-left: 10px;
    font-size: 20px;
  }
  .feature-title {
    font-size: 48px;
  }
  .feature-txt {
    font-size: 20px;
  }
  .feature-carousel-item {
    font-size: 20px;
  }
  .service-title {
    font-size: 48px;
  }
  .service-right-txt {
    font-size:20px;
  }
  .service-item-txt {
    font-size:20px;
  }
  .service-icon {
    padding: 10px;
    height: 50px;
    width: 50px;
  }
  .service-item-txt {
    width: calc(100% - 50px);
    padding-left: 10px;
    font-size: 20px;
  }
  .tech-title {
    font-size: 48px;
  }
  .tech-txt-1 {
    font-size:20px;
  }
  .tech-item-btm {
    font-size:20px;
  }
  .contact-title {
    font-size: 48px;
  }
  .contact-txt-1 {
    font-size:20px
  }
  .contact-txt-2 {
    font-size:58px;
  }
  .contact-form {
    font-size:20px;
  }
  .contact-button {
    font-size: 20px;
  }
  .footer-copyright {
    font-size:20px;
  }
}
@media (min-width: 768px) {
  .logo {
    max-width: 130px;
  }
  .banner-wrap {
  padding: 15px 0 50px;
}
  .banner-left {
    width: 50%;
    padding-right: 10px;
  }
  .banner-right {
    width: 50%;
    padding-left: 10px;
    margin:0;
  }
  .banner-left-title {
    padding-top: 30px;
    font-size: 45px;
  }
  .banner-left-desc {
    font-size: 22px;
    width: 70%;
  }
  .about-title {
    width: 40%;
    font-size: 30px;
  }
  .about-txt {
    width: 60%;
    margin-top: 0;
    font-size: 15px;
  }
  .whybti-title {
    font-size: 30px;
  }
  .whybti-item-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }
  .whybti-item {
    width: calc(50% - 30px);
    margin: 0 15px 15px;
  }
  .whybti-icon {
    width: 50%;
  }
  .whybti-subtitle {
    font-size: 20px;
  }
  .whybti-subtitle span {
    height: 90px;
  }
  .whybti-item-txt {
    font-size: 16px;
    height: 262px;
  }
  #product {
    padding-bottom: 60px;
  }
  .product-title {
    font-size: 30px;
  }
  .product-left {
    width: 50%;
    font-size: 16px;
  }
  .product-right {
    width: 50%;
    margin-top:-21px;
  }
  .product-item {
    width: 50%;
    padding-left: 15px;
  }
  .product-item-wrap {
    margin-left: -15px;
  }
  .product-icon {
    height: 40px;
    width: 40px;
  }
  .product-item-txt {
    width: calc(100% - 40px);
    padding-left: 10px;
    font-size: 16px;
    height: 58px;
  }
  .feature-title {
    font-size: 30px;
  }
  .feature-txt {
    font-size:16px;
    width:50%;
    margin:0 auto;
  }
  #carouselFeature {
    display: none;
  }
  .feature-lg-img {
    display:block;
  }
  .feature-txt {
    text-align:center;
  }
  .service-title {
    font-size: 30px;
  }
  .service-left {
    width: 50%;
  }
  .service-right {
    width: 50%;
  }
  .service-right-txt {
    font-size:16px;
  }
  .service-item {
    width: 50%;
    padding-left: 15px;
  }
  .service-item-wrap {
    margin-left: -15px;
  }
  .service-icon {
    padding: 10px;
    height: 40px;
    width: 40px;
  }
  .service-item-txt {
    width: calc(100% - 40px);
    padding-left: 10px;
    font-size: 16px;
    height: 96px;
  }
  .tech-item {
    width:33.33%;
  }
  .tech-title {
    font-size: 30px;
  }
  .tech-txt-1 {
    font-size:16px;
  }
  .tech-item-btm {
    font-size:16px;
    height:332px;
  }
  .contact-title {
    font-size:30px;
  }
  .contact-txt-1 {
    font-size:16px;
  }
  .contact-txt-2 {
    font-size:44px;
  }
  .contact-left {
    width:50%;
    padding-right:15px;
  }
  .contact-right {
    width:50%;
  }
  .contact-form {
    font-size:16px;
  }
  .contact-button {
    font-size:20px;
  }
  .footer-copyright {
    font-size:15px;
  }
}
@media (min-width: 992px) {
  .navbar-dark .navbar-nav .nav-link {
    font-size:1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .banner-left {
    width: 40%;
  }
  .banner-right {
    width: 60%;
  }
  .banner-left-title {
    padding-top: 65px;
    font-size: 45px;
  }
  .banner-btm {
    display: block;
  }
  .banner-left-desc {
    font-size: 23px;
    width: 70%;
  }
  .about-title {
    width: 35%;
    font-size: 30px;
  }
  .about-txt {
    width: 65%;
    margin-top: 0;
    font-size: 15px;
  }
  .whybti-title {
    font-size: 30px;
  }
  .service-item-txt {
    height:58px;
  }
  .contact-left {
    width:40%;
    padding-right:15px;
  }
  .contact-right {
    width:60%;
  }
  .nav-item-lang {
    display:inline-block;
  }
  .mobile-language {
    display:none;
  }
  .product-right {
    margin-top:-30px;
  }
  .feature-txt {
    font-size:15px;
  }
  .feature-lg-img {
    margin-bottom:110px;
  }
  .fea-item-icon {
    width:18px;
    font-size:15px;
  }
  .fea-item-txt {
    font-size: 13px;
    width: calc(100% - 18px);
  }
  .feature-item-1 {
    width:315px;
    right:-55px;
    top:235px;
  }
  .feature-item-2 {
    width:175px;
    left:-45px;
    top:38px;
  }
  .feature-item-3 {
    width:175px;
    left:72px;
    bottom:-58px;
  }
  .feature-item-4 {
    width:175px;
    right:262px;
    bottom:-90px;
  }
  .feature-item-5 {
    width:175px;
    right:25px;
    top:0px;
  }
}
@media (min-width: 1200px) {
  .banner-left-title {
    padding-top: 65px;
    font-size: 60px;
  }
  .banner-left-desc {
    font-size: 26px;
    width: 70%;
  }
  .banner-link {
    padding: 10px 30px;
    font-size: 20px;
    margin-top: 30px;
    border-radius: 45px;
  }
  .about-title {
    width: 35%;
  }
  .about-txt {
    width: 65%;
    margin-top: 0;
    font-size: 16px;
  }
  .whybti-item {
    width: calc(25% - 30px);
    margin: 0 15px 15px;
  }
  .whybti-subtitle span {
    height: 60px;
  }
  .whybti-item-txt {
    font-size: 16px;
    height: 320px;
  }
  #product {
    padding-bottom: 30px;
  }
  .product-item-txt {
    height: 40px;
  }
  .feature-title {
    font-size: 35px;
  }
  .feature-txt {
    font-size:16px;
  }
  .feature-lg-img {
    margin-bottom:130px;
  }
  .fea-item-icon {
    width:20px;
    font-size:15px;
  }
  .fea-item-txt {
    font-size: 14px;
    width: calc(100% - 20px);
  }
  .feature-item-1 {
    width:377px;
    right:-63px;
    top:280px;
  }
  .feature-item-2 {
    width:210px;
    left:-55px;
    top:47px;
  }
  .feature-item-3 {
    width:210px;
    left:85px;
    bottom:-71px;
  }
  .feature-item-4 {
    width:210px;
    right:315px;
    bottom:-110px;
  }
  .feature-item-5 {
    width:210px;
    right:30px;
    top:0px;
  }
  .service-item-txt {
    height: 58px;
  }
  .tech-item-btm {
    height:200px;
  }
  .contact-title {
    font-size:35px;
  }
  .product-right {
    margin-top:-32px;
  }
  .contact-txt-2 {
    font-size:68px;
  }
}