@media (max-width: 1200px) { .container { width: 1024px; }
  .navbar .item { margin-right: 25px; }
  .footer .f-nav .item { padding-right: 10px; } }

@media (max-width: 768px) { .container { width: 768px; }
  .header .logo a { height: 70px; }
  .header .logo img { padding: 7px 0; }
  .navbtn { display: block; position: absolute; z-index: 999; top: 20px; right: 15px; width: auto; height: auto; padding: 0 5px; border-radius: 4px; background-color: #e60012; cursor: pointer; }
  .navbtn span { display: block; width: 25px; height: 2px; margin: 6px 0; border-radius: 5px; background-color: #fff; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
  .navbtn.navclose { position: fixed; }
  .navbtn.navclose span:nth-child(1) { -o-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
  .navbtn.navclose span:nth-child(2) { opacity: 0; }
  .navbtn.navclose span:nth-child(3) { -o-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
  .navbar { position: fixed; z-index: 990; top: 0; left: -70%; display: block; width: 70%; height: 100%; padding: 15px; margin-top: 0; overflow-y: scroll; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; }
  .navbar::before { content: ''; position: fixed; z-index: 5; top: 0; left: -70%; width: 70%; height: 100%; background-color: #ededed; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; }
  .navbar::after { content: ''; position: fixed; z-index: 2; right: 0; top: 0; opacity: 0; visibility: hidden; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: all, 0.5s; -o-transition: all, 0.5s; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; }
  .navbar.nav-show { left: 0; }
  .navbar.nav-show::before { left: 0; }
  .navbar.nav-show::after { opacity: 1; visibility: inherit; }
  .navbar > ul { position: relative; z-index: 9; border-radius: 7px; overflow: hidden; }
  .navbar .item { position: relative; float: none; width: 100%; margin-right: 0; background-color: #fff; }
  .navbar .item > a { width: 100%; height: 45px; line-height: 45px; text-align: left; padding-left: 15px; padding-right: 15px; color: #333; font-size: 14px; border-width: 2px; border-bottom: 1px solid #efefef; }
  .navbar .item > a::before { display: none; }
  .navbar .item .dropdown { position: absolute; z-index: 99; top: 0; right: 0; display: block; width: 45px; line-height: 45px; text-align: center; color: #999; font-size: 26px; cursor: pointer; transition: all, 0.3s; -o-transition: all, 0.3s; -moz-transition: all, 0.3s; -webkit-transition: all, 0.3s; }
  .navbar .item .dropdown.icon-down { transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
  .navbar .item.current a >, .navbar .item:hover a > { border-width: 1px; }
  .navbar .child-nav { display: none; opacity: 1; position: inherit; z-index: 99; width: 100%; border-top: none; border-bottom: 1px solid #eee; box-shadow: none; transition: all, 0s; -o-transition: all, 0s; -moz-transition: all, 0s; -webkit-transition: all, 0s; }
  .navbar .child-nav ul { display: block; width: 100%; padding-left: 20px; padding-right: 0; overflow: hidden; }
  .navbar .child-nav li { max-width: none !important; width: 100% !important; text-align: left; padding: 12px 0; border-bottom: 1px solid #efefef; }
  .navbar .child-nav li:last-child { border-bottom: none; }
  .navbar .child-nav .picture { display: none; }
  .navbar .child-nav h4 { padding-top: 0; color: #999; font-size: 14px; }
  .navbar .child-nav .intro { display: none; }
  .navbar .child-nav.child-nav-product ul { padding-bottom: 0; }
  .navbar .language { position: relative; z-index: 9; line-height: 40px; margin-top: 15px; padding-left: 15px; padding-right: 15px; font-size: 14px; border-radius: 7px; background-color: #fff; overflow: hidden; }
  .navbar .search { position: relative; z-index: 9; padding-left: 0; margin-top: 15px; }
  .navbar .search .show-search-btn { display: none; }
  .navbar .search .search-box { opacity: 1; position: static; width: 100%; background-color: #fff; border-radius: 7px; }
  .navbar .search .search-box input { height: 35px; font-size: 14px; }
  .navbar .search .search-box .go-search { width: 33px; height: 33px; font-size: 30px; }
  .home-main .home-product .product-slide ul .picture { height: 150px; }
  .home-main .home-product .product-slide ul .picture img { padding: 10px; }
  .home-main .home-product .product-slide ul .title { padding: 15px 10px; font-size: 14px; }
  .inside-main .inside-menu { padding-top: 20px; padding-bottom: 20px; }
  .list-product-wrapper .item { width: 50%; }
  .footer .f-nav { float: none; width: 100%; overflow: hidden; }
  .footer .f-nav .item:last-child { padding-right: 0; }
  .footer .f-nav .item h4 { font-size: 14px; }
  .footer .f-nav .item ul li { font-size: 14px; }
  .footer .qrcode { float: none; width: 100%; max-width: none; margin-top: 30px; }
  .fixed-bar{display:none;}
  .module-list-application .item { height: 200px; }
  .module-list-application a { padding-left: 20px; padding-bottom: 10px; }
  .module-list-application h2 { font-size: 20px; }
  .module-list-news { margin-left: -15px; margin-right: -15px; }
  .module-list-news .item { padding-left: 15px; padding-right: 15px; } }

@media (max-width: 767px) { .button-link.red-more { min-width: auto; line-height: 33px; padding-left: 20px; padding-right: 20px; font-size: 14px; }
  .button-link.tabs-btn { min-width: auto; line-height: 33px; padding-left: 15px; padding-right: 15px; font-size: 14px; }
  .button-link.hollow { line-height: 33px; padding-left: 25px; padding-right: 25px; }
  .container { width: 100%; }
  .header .logo img { padding: 10px 0; }
  .home-banner .button-prev, .home-banner .button-next { display: none; }
  .home-banner .pagination { bottom: 15px !important; }
  .home-banner .pagination span { width: 7px; height: 7px; }
  .home-main .section-more { margin-top: 30px; }
  .home-main .section-heading { padding-top: 50px; padding-bottom: 30px; }
  .home-main .section-heading h3 { font-size: 22px; }
  .home-main .section-heading h3::before, .home-main .section-heading h3::after { width: 80px; }
  .home-main .section-heading h3::before { left: -90px; }
  .home-main .section-heading h3::after { right: -90px; }
  .home-main .home-product { padding-bottom: 50px; }
  .home-main .home-product .product-slide-tabs .button-link { margin: 0 5px; }
  .home-main .home-product .product-slide { margin-top: 20px; }
  .home-main .home-product .product-slide ul { margin-left: -10px; margin-right: -10px; }
  .home-main .home-product .product-slide ul li { width: 50%; padding-left: 10px; padding-right: 10px; margin-top: 20px; }
  .home-main .home-news .section-more { margin-top: 0; }
  .inside-main { padding-bottom: 50px; }
  .inside-main .crumbs { padding-top: 15px; padding-bottom: 15px; }
  .inside-main .inside-menu { padding-top: 15px; padding-bottom: 15px; }
  .inside-main .inside-menu ul li { margin-top: 5px; margin-bottom: 5px; }
  .inside-main .inside-menu ul .sub-item { position: static; display: block; overflow: hidden; }
  .inside-main .inside-menu ul .sub-item a { float: left; margin-right: 20px; color: #606060; background-color: inherit; }
  .list-product-wrapper .row-list { margin-left: -5px; margin-right: -5px; }
  .list-product-wrapper .item { margin-top: 15px; padding-left: 5px; padding-right: 5px; }
  .list-product-wrapper .item .box { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }
  .list-product-wrapper .item .picture { height: 120px; }
  .list-product-wrapper .item .title-area { height: auto; padding-top: 15px; padding-bottom: 15px; }
  .list-product-wrapper .item .title-area h2 { font-size: 13px; }
  .list-product-wrapper .item .title-area h5 { margin-top: 10px; font-size: 12px; }
  .list-product-wrapper .item .intro { margin-top: 10px; margin-bottom: 15px;min-height:100px; }
  .list-download-wrapper { padding-top: 15px; }
  .list-download-wrapper ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .list-download-wrapper ul li { float: left; display: block; width: 47%; margin-bottom: 10px; }
  .list-download-wrapper ul .picture { width: 100%; height: auto; }
  .list-download-wrapper ul .info { width: 100%; height: auto; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
  .list-download-wrapper ul .info .title { font-size: 14px; }
  .list-download-wrapper ul .info .edit-text { font-size: 13px; white-space: normal; }
  .list-download-wrapper ul .download-btn { padding-right: 0; }
  .list-download-wrapper ul .download-btn .button-link { display: block; padding-left: 10px; padding-right: 10px; }
  .single-wrapper .heading { font-size: 24px; }
  .single-wrapper .content { margin-top: 20px; font-size: 14px; }
  .single-wrapper .content ol, .single-wrapper .content ul { padding-left: 20px; }
  .details-wrapper { padding-top: 30px; }
  .details-wrapper .heading { padding-bottom: 10px; }
  .details-wrapper .heading h1 { line-height: 1.2; text-align: left; font-size: 22px; }
  .details-wrapper .heading .other { text-align: left; }
  .details-wrapper .heading .other span { display: block; margin: 8px 0; font-size: 14px; }
  .details-wrapper .products-intro .slides-picture { float: none; width: 100%; }
  .details-wrapper .products-intro .heading-area { position: relative; float: none; width: 100%; margin-top: 10px; padding-top: 120px; }
  .details-wrapper .products-intro .heading-area .title { font-size: 18px; }
  .details-wrapper .products-intro .heading-area .text { font-size: 14px; }
  .details-wrapper .products-intro .heading-area .consult-btn { margin-top: 15px; }
  .details-wrapper .products-intro .heading-area .product-litimg-tabs { position: absolute; top: 0; left: 0; margin-top: 0; }
  .details-wrapper .products-intro .heading-area .product-litimg-tabs li { height: 100px; margin-right: 10px; }
  .details-wrapper .content { margin-top: 20px; padding-bottom: 20px; font-size: 14px; }
  .details-wrapper .content ol, .details-wrapper .content ul { padding-left: 20px; }
  .list-pagination { margin-top: 30px; }
  .list-pagination a, .list-pagination span { width: 35px; line-height: 33px; font-size: 14px; }
  .prev-next { margin-top: 20px; }
  .prev-next .button-link { padding-left: 10px !important; padding-right: 10px !important; }
  .footer { padding-top: 30px; }
  .footer .f-nav .item { float: none; width: 100%; padding-right: 0; margin-bottom: 20px; }
  .footer .f-nav .item h4 { margin-bottom: 0; }
  .footer .f-nav .item ul { overflow: hidden; }
  .footer .f-nav .item ul li { float: left; padding-top: 10px; margin-right: 20px; font-size: 13px; }
  .footer .qrcode { margin-top: 0; }
  .footer .copyright { padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; font-size: 13px; }
  .module-list-application .item { width: 50%; height: 160px; }
  .module-list-application a { padding-left: 10px; }
  .module-list-application h2 { font-size: 16px; }
  .module-list-application span { font-size: 14px; }
  .module-list-news .item { width: 100%; }
  .module-list-news .title { margin-top: 20px; } }

/*# sourceMappingURL=../maps/style/media.css.map */