@media screen and (min-width: 1280px) {
  .pro-details-cont .nav-prod.fixed .nav-prod-cta span {
    display: inline;
    transition: all 0.35s;
  }
  .pro-details-cont .nav-prod.fixed .nav-prod-cta i {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .nav-prod.fixed .nav-prod-menu {
    display: block;
  }
  .pro-details-cont .cont-title {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  .news .news-box {
    margin-bottom: 0;
  }
  .news .news-text {
    min-height: 130px;
  }
  .news-listall .news-text {
    min-height: auto;
  }
  .product-info > h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 767px) {
  .pro-list .pro-list-cont .spot-content {
    padding: 40px 45px;
  }
  .filters-item {
    margin-bottom: 13px;
  }
  .exhibitions .box-list .grid-item > div {
    min-height: 420px;
  }
  .case-studies .case-box {
    min-height: 420px;
  }
}
@media screen and (min-width: 641px) {
  .am-modal {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin-left: 0;
    transform: translateX(-50%) !important;
  }
}
@media screen and (max-width: 1199px) {
  .download .download-box {
    padding: 10px 0;
  }
  .header .nav-collapse {
    display: block;
    top: 75px;
    border: none;
  }
  .header .nav-collapse .btn-line {
    background-color: #333;
  }
  .header .nav-collapse .btn-line:nth-child(1) {
    background-color: #333;
  }
  .header .nav-collapse .btn-line:nth-child(3) {
    background-color: #333;
  }
  .header-search a {
    margin-right: 30px;
  }
  .newsletter .headbg-default {
    margin-bottom: 20px;
  }
  .newsletter label {
    margin-bottom: 0;
  }
  .newsletter .form-control {
    margin-bottom: 0;
  }
  .header .nav-2 .content ul li a img {
    display: none;
  }
  .banner .slick-prev,
  .banner .slick-next {
    width: 40px;
    height: 60px;
  }
  .banner .slick-prev {
    left: 40px;
  }
  .banner .slick-next {
    right: 40px;
  }
  .about {
    padding: 30px 0;
  }
  .about h1 {
    font-size: 30px;
  }
  .about p {
    font-size: 18px;
  }
  h3 {
    font-size: 24px;
  }
  h2 {
    font-size: 26px;
  }
  .news {
    padding: 30px 0 0;
  }
  .news h2 {
    margin-bottom: 20px;
  }
  .main-cont {
    padding-bottom: 30px;
  }
  .banner .banner-text h2 {
    font-size: 34px;
  }
  .pro-list {
    padding: 30px 0 0;
  }
  .pro-list .pro-list-cont h1 {
    font-size: 30px;
  }
  .pro-details-cont .prod-desc > div {
    padding: 20px 0;
  }
  .pro-details-cont .product-info {
    padding: 15px 0;
  }
  .pro-details-cont .product-info > h2 {
    margin-top: 0;
  }
  .news-listpage .news-box {
    height: 337px;
  }
  .news-details-cont .news-img {
    margin: 0 -10px 10px;
  }
  .news-details-cont .news-img a {
    padding: 10px;
  }
  .page-banner h2 {
    font-size: 32px;
  }
  .case-studies {
    padding-top: 30px;
  }
  .case-details {
    padding-top: 30px;
  }
  .information-request .advertisement-box {
    margin: 30px 0 20px;
    min-height: 215px;
    padding: 30px;
    justify-content: center;
  }
  .dealer .map {
    margin-bottom: 20px;
  }
  .dealer .dealer-ico p {
    padding-right: 150px;
  }
  .banner .slick-dots {
    bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  footer .footer-box img {
    width: 150px;
  }
  .case-studies .case-text {
    padding: 20px;
  }
  .exhibitions .box-list .grid-text {
    padding: 20px;
  }
  .exhibitions .box-list .grid-item > div {
    min-height: 400px;
  }
  .banner .slick-dots {
    bottom: 25px;
  }
  header .header-nav .header-logo img {
    width: 150px;
  }
  header .header-nav .header-logo {
    line-height: 60px;
  }
  .header-search a {
    margin: 18px;
    margin-right: 30px;
  }
  .header .nav-collapse {
    top: 60px;
  }
  footer .footer-cont {
    padding-bottom: 80px;
  }
  .xs-online {
    display: block!important;
  }
  .newsletter .dealer-btn h2 {
    font-size: 22px;
  }
  .dealer .dealer-ico p {
    padding-right: 50px;
  }
  .newsletter .dealer-btn p {
    text-align: left;
  }
  .information-request .information-form .card-ico {
    height: 50px;
  }
  .dealer h2 {
    font-size: 22px;
  }
  .information-request .information-form .card-blue {
    padding: 20px;
  }
  .information-request .information-form .card-blue p {
    margin-bottom: 0;
  }
  .information-request .information-form .card-blue-light {
    padding: 20px;
  }
  .information-request .information-form .card-blue-light p {
    margin-bottom: 0;
  }
  .information-request .information-form {
    margin-bottom: 30px;
  }
  .information-request .information-form .card-grey {
    padding: 30px 15px 15px;
  }
  .information-request .information-form .card-grey .card-logo {
    max-width: 170px;
    margin-bottom: 0;
  }
  .information-request .information-form .card-grey h5 {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .information-request .information-form .card-grey p {
    margin-bottom: 5px;
  }
  .service-tutorials h4 {
    margin-top: 10px;
  }
  .service-tutorials .am-u-md-6 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .service-tutorials h4 {
    font-size: 18px;
  }
  .customer-form label {
    margin-bottom: 0;
  }
  .customer .customer-text p {
    margin-bottom: 0;
    font-size: 14px;
  }
  .customer .am-u-md-4 {
    margin-bottom: 20px;
  }
  .banner .banner-text h2 {
    font-size: 28px;
  }
  .about {
    padding-bottom: 11px;
  }
  .about p {
    font-size: 16px;
  }
  .about h1 {
    margin-top: 0;
    font-size: 24px;
  }
  .about a {
    padding: 10px 20px;
  }
  .spots > div {
    min-height: 350px;
  }
  h3 {
    font-size: 20px;
  }
  .news .news-box {
    margin-bottom: 0;
  }
  .news h2 {
    margin-top: 0;
    font-size: 22px;
  }
  .customer-form .hint {
    margin-bottom: 0;
  }
  .pro-list .am-container > .am-g > .am-u-md-3 {
    width: 100%;
  }
  .pro-list .am-container > .am-g > .am-u-md-9 {
    width: 100%;
  }
  .pro-list .pro-nav .pro-search {
    margin-bottom: 20px;
  }
  .pro-list .pro-nav h3 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .pro-list .pro-nav .pro-navlist:after {
    content: '';
    display: block;
    clear: both;
  }
  .pro-list .pro-nav .pro-navlist li {
    float: left;
    padding-top: 0;
    margin-right: 15px;
  }
  .pro-list .pro-nav .pro-parentlist {
    margin-bottom: 20px;
  }
  .pro-list .pro-nav .pro-navlist {
    margin-bottom: 20px;
  }
  .pro-list .pro-list-cont h1 {
    margin-top: 0;
    font-size: 28px;
    margin-bottom: 20px;
  }
  .pro-list .pro-list-cont .pro-list-info {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .pro-list .pro-list-cont .pro-list-info p {
    margin-bottom: 10px;
  }
  .pro-details-cont .prod-img {
    padding-bottom: 0;
  }
  .pro-details-cont .prod-desc > div {
    padding-bottom: 0;
  }
  .news .news-box {
    height: 287px;
  }
  .news-details-cont .news-img a {
    width: 33.33333333%;
  }
  .exhibitions .filters {
    margin-bottom: 20px;
  }
  .exhibitions {
    padding-bottom: 0;
  }
  .video .am-u-md-6 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .information-request .advertisement-box {
    background-size: 65%;
  }
  .customer h3 {
    margin-top: 5px;
  }
  .customer .customer-text h4 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .customer img {
    margin-bottom: 10px;
  }
  .service-tutorials p {
    font-size: 18px;
  }
  .information-request .pimcore-area > div {
    width: 50%;
  }
  .information-request .headbg-blue {
    font-size: 22px;
  }
  .news .news-text h4 {
    font-size: 16px;
  }
  .case-studies .case-text h4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .case-studies .case-text h4 {
    font-size: 14px;
  }
  .case-studies .case-text p {
    font-size: 14px;
  }
  .information-request .advertisement-box {
    background-size: 80%;
  }
  .news .news-text h4 {
    font-size: 14px;
    margin-bottom: 0;
  }
  .banner .slick-dots {
    bottom: 20px;
  }
  .banner .banner-text h2 {
    font-size: 22px;
  }
  .pro-list .pro-list-cont .pro-listall {
    margin-top: 20px;
  }
  .pro-list .pro-list-cont .prolist-grid > div .am-u-md-4 {
    width: 50%;
  }
  .pro-details-cont .prod-request {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px;
    height: auto;
  }
  .pro-details-cont .product-info > h2 {
    font-size: 20px;
  }
  .pro-list .pro-list-cont h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .advantage p {
    margin-bottom: 0;
  }
  .pro-details-cont .advantage > div .am-u-md-3 {
    margin-bottom: 0;
  }
  .page-banner {
    min-height: auto;
  }
  .page-banner .text-hold {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    bottom: auto;
  }
  .company-cont h3 {
    margin-top: 0;
  }
  .page-banner h2 {
    font-size: 28px;
  }
  .news .news-box {
    height: 272px;
  }
  .exhibitions .box-list .grid-item {
    width: 50%;
  }
  .exhibitions .filters .filters-item {
    margin-bottom: 10px;
  }
  .exhibitions .box-list .grid-item > div {
    min-height: 399px;
  }
  .history h2 {
    font-size: 22px;
  }
  .video h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
  }
  .customer p {
    font-size: 14px;
  }
  .customer h3 {
    font-size: 18px;
  }
  .customer-form form {
    padding-top: 0;
  }
  .customer-form label {
    padding-bottom: 5px;
  }
  .customer-form .form-control {
    height: 40px;
  }
  .service-tutorials p {
    margin-bottom: 5px;
    font-size: 16px;
  }
  .service-tutorials h4 {
    margin-bottom: 15px;
  }
  .download .am-u-md-4 {
    width: 50%;
  }
  .download h5 {
    margin-bottom: 0;
  }
  .download .img-box {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 640px) {
  footer .footer-box img {
    width: 120px;
  }
  .newsletter .headbg-default h4 {
    font-size: 18px;
    margin: 0;
  }
  .newsletter img {
    height: 50px;
  }
  .newsletter .form-control {
    height: 40px;
  }
  .newsletter label {
    padding-bottom: 5px;
  }
  .newsletter .form-group {
    margin-bottom: 10px;
  }
  .newsletter form p {
    margin-bottom: 0;
  }
  .newsletter input[type="submit"] {
    padding: 10px 20px;
  }
  .newsletter form:after {
    margin-top: 10px;
    margin-bottom: 10px;
    bottom: -20px;
  }
  .newsletter .dealer-btn {
    margin-top: 0;
    padding-bottom: 0;
  }
  .newsletter .dealer-btn a {
    padding: 10px 20px;
  }
  .newsletter .dealer-btn h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .newsletter .dealer-btn p {
    margin-bottom: 10px;
  }
  .dealer h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .information-request .information-form .card-grey {
    margin-bottom: 10px;
  }
  .information-request .information-form .card-blue {
    margin-bottom: 10px;
  }
  .information-request .information-form form {
    margin: 0 -10px;
  }
  .information-request .information-form form .field-block {
    width: 100%;
  }
  .information-request .advertisement-box {
    background-size: cover;
    background-position: center center;
  }
  .information-request .information-form {
    margin-bottom: 20px;
  }
  .information-request .pimcore-area {
    margin: 0 -10px;
  }
  .information-request .pimcore-area > div {
    margin-bottom: 10px;
  }
  .history img {
    margin-bottom: 0;
  }
  .history h2 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .spots {
    flex-direction: column;
  }
  .spots > div {
    margin-bottom: 10px;
    min-height: 270px;
  }
  .header .nav-collapse {
    top: 45px;
  }
  .header-search a {
    margin: 12px 0;
    margin-right: 40px;
  }
  .banner .banner-text h2 {
    margin-top: 0;
    font-size: 18px;
  }
  .banner .banner-slick {
    width: 130%;
    margin-left: -15%;
  }
  .banner .banner-text {
    padding: 0 15%;
  }
  .banner .slick-dots li:after {
    width: 20px;
    height: 20px;
    left: -5px;
    top: -5px;
  }
  header .header-cont {
    height: 40px;
  }
  .banner .slick-prev,
  .banner .slick-next {
    display: none!important;
  }
  header .header-nav .header-logo {
    height: 50px;
    line-height: 50px;
  }
  header .header-nav .header-logo img {
    width: 120px;
  }
  header .header-share .box-social a {
    font-size: 14px;
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
  header .header-nav .header-navcont {
    height: 50px;
  }
  .pro-list .pro-list-cont .am-g {
    margin-left: -10px;
    margin-right: -10px;
  }
  .pro-list .pro-list-cont .pro-listall {
    margin-left: -5px;
    margin-right: -5px;
  }
  .pro-list .pro-list-cont .pro-listall .am-u-sm-6 {
    padding: 0 5px;
  }
  .pro-list .pro-list-cont .pro-listall .pro-listall-text {
    padding: 20px;
  }
  .pro-list .pro-list-cont .pro-listall .pro-listall-text h3 {
    font-size: 16px;
    margin-top: 10px;
  }
  .pro-list .pro-list-cont .pro-list-left {
    margin-bottom: 20px;
  }
  .pro-list .pro-list-cont .spot-content {
    margin-bottom: 20px;
  }
  .pro-list .pro-list-cont .pro-list-img img {
    margin-top: 20px;
  }
  .pro-list .pro-list-cont .pro-listall {
    margin-top: 10px;
  }
  .pro-list .pro-list-cont .pro-listall .am-u-sm-6 {
    margin-bottom: 0;
  }
  .pro-list .pro-list-cont .pro-list-right .spot-image-text p {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pro-list .pro-list-cont .spot-content {
    font-size: 18px;
  }
  .pro-list .pro-nav .pro-navlist {
    margin-bottom: 20px;
  }
  .pro-list .pro-list-cont .prolist-grid .prolist-item h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .pro-list .pro-list-cont .prolist-grid > div {
    margin-left: -5px;
    margin-right: -5px;
  }
  .pro-list .pro-list-cont .prolist-grid > div .am-u-md-4 {
    margin-bottom: 20px;
    padding: 0 5px;
  }
  .pro-list .pro-list-cont h1 {
    font-size: 24px;
  }
  .pro-details-cont .advantage > div .am-u-md-3 {
    width: 50%;
    margin-bottom: 10px;
  }
  .pro-details-cont .advantage > div {
    margin-left: -10px;
    margin-right: -10px;
  }
  .pro-details-cont .configuration .configuration-cont {
    margin: 0 -10px;
  }
  .pro-details-cont .related-products > div {
    margin: 0 -10px;
  }
  .pro-details-cont .related-products > div .am-u-md-3 {
    width: 50%;
  }
  .pro-details-cont .product-info-catalog {
    padding: 20px;
    margin-bottom: 20px;
  }
  .pro-details-cont .product-info-catalog img {
    width: 50px;
    margin-bottom: 0;
  }
  .pro-details-cont .product-info-catalog h4 {
    margin-bottom: 0;
    font-size: 18px;
  }
  .pro-details-cont .prod-request .prod-request-text p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px;
  }
  .pro-details-cont .prod-request a {
    padding: 10px 20px;
  }
  .pro-details-cont .configuration .am-u-sm-4 {
    margin-bottom: 20px;
  }
  .pro-details-cont .prod-desc > div {
    max-width: 100%;
  }
  .pro-details-cont .prod-desc ul {
    padding-inline-start: 20px;
  }
  .am-modal {
    width: 100%;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0!important;
    height: 100%;
  }
  .am-modal .am-modal-dialog {
    height: 100vh;
  }
  .am-modal-dialog .am-modal-bd {
    padding: 0;
  }
  .am-modal-dialog .form-wrap {
    margin-left: -10px;
  }
  .am-modal-dialog .am-close {
    font-size: 40px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    z-index: 1111;
  }
  .page-banner h2 {
    font-size: 24px;
  }
  .news .news-box {
    height: 285px;
  }
  .news-listall .am-u-md-4 {
    width: 50%;
  }
  .news-details-cont {
    padding: 30px 0 0;
  }
  .news-details-cont .news-video {
    margin-bottom: 0;
  }
  .news-details-cont .news-img a {
    padding: 5px;
  }
  .news-details-cont .news-img {
    margin: 0 -5px 10px;
  }
  .exhibitions .box-list {
    margin: 0 -5px;
  }
  .exhibitions .box-list .grid-item {
    padding: 0 5px 10px;
  }
  .exhibitions .box-list .grid-text h4 {
    margin-bottom: 20px;
  }
  .exhibitions .box-list .grid-text {
    padding: 20px;
  }
  .exhibitions .box-list .grid-item > div {
    min-height: 379px;
  }
  .case-studies .am-u-md-6:last-child .case-box {
    margin-bottom: 0;
  }
  .case-details .both-sides {
    margin: 0 -10px;
    width: auto;
    padding-bottom: 0;
  }
  .case-details .case-details-cont:after {
    padding-top: 30px;
  }
  .video h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .customer-form {
    margin: 0 -10px;
  }
  .customer .am-u-md-4 {
    margin-bottom: 10px;
  }
  .customer .customer-ico [class*=am-u-] + [class*=am-u-]:last-child {
    float: left;
  }
  .customer .customer-ico .am-u-md-4 {
    width: 50%;
  }
  .service-tutorials h4 {
    font-size: 16px;
  }
  .customer .am-u-md-4:nth-child(7) {
    margin-bottom: 10px;
  }
  .customer .am-u-md-4:nth-child(8) {
    margin-bottom: 10px;
  }
  .customer .am-u-md-4:nth-child(9) {
    margin-bottom: 10px;
  }
  .am-form-group {
    margin-bottom: 10px;
  }
  .customer-form input[type="submit"] {
    padding: 10px 20px;
  }
  .service-tutorials h4 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .information-request .information-form .form-control {
    height: 40px;
  }
  .information-request .information-form .contact-message {
    height: 100px;
  }
  .information-request .information-form .btn-more {
    padding: 10px 20px;
  }
  .information-request .pimcore-area .card-business {
    padding: 20px;
  }
  .information-request .pimcore-area .card-info {
    font-size: 14px;
  }
  .information-request .pimcore-area .card-info span {
    font-size: 16px;
  }
  .information-request .map {
    height: 300px;
  }
  .information-request .map #dituContent2 {
    height: 300px;
  }
  .dealer .dealer-ico p {
    padding-right: 0;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .dealer .dealer-ico h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .dealer .dealer-ico img {
    width: 30px;
  }
  .dealer .dealer-ico:after {
    margin-top: 10px;
    margin-bottom: 10px;
    bottom: -20px;
  }
  .dealer .dealer-btn {
    margin-top: 0;
    padding-bottom: 0;
  }
  .dealer .dealer-btn h2 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .dealer .dealer-btn p {
    margin-bottom: 10px;
  }
  .dealer .dealer-btn a {
    padding: 10px 20px;
  }
  .dealer .map {
    height: 300px;
  }
  .dealer .map #dituContent2 {
    height: 300px;
  }
  .download .am-container > .am-g {
    margin: 0 -5px;
  }
  .download .am-u-md-4 {
    padding: 0 5px;
  }
}
@media screen and (max-width: 480px) {
  .download h5 {
    font-size: 14px;
  }
  .banner .banner-text h2 {
    max-width: 70%;
  }
  .about h1 {
    font-size: 20px;
  }
  .news h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  footer .footer-box {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .copy-cont {
    flex-direction: column;
  }
  .pro-list .pro-list-cont .pro-listall .pro-listall-text {
    padding: 15px;
  }
  .pro-list .pro-list-cont .prolist-grid .prolist-item {
    padding: 10px;
  }
  .pro-list .pro-list-cont .prolist-grid .prolist-item h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .pro-details-cont .configuration .spot-file {
    padding-left: 0;
    padding-top: 50px;
    padding-bottom: 5px;
  }
  .pro-details-cont .configuration .spot-file h5 {
    height: 45px;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .pro-details-cont .configuration .spot-file .fa {
    font-size: 36px;
  }
  .pro-details-cont .advantage > div .am-u-md-3 {
    width: 100%;
  }
  .company-cont h3 {
    font-size: 18px;
  }
  .news .news-box {
    height: 267px;
  }
  .news-details-cont .news-img a {
    width: 50%;
  }
  .customer .customer-tel {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
  input[type=file] {
    width: 100%;
  }
  .page-banner h2 {
    font-size: 22px;
  }
  .information-request .pimcore-area > div {
    width: 100%;
  }
  .dealer .dealer-ico .am-u-sm-4 {
    width: 50%;
  }
  .dealer .dealer-ico [class*=am-u-] + [class*=am-u-]:last-child {
    float: left;
  }
}
@media screen and (max-width: 380px) {
  .banner .banner-slick {
    width: 150%;
    margin-left: -25%;
  }
  .banner .banner-text {
    padding: 0 20%;
  }
  .banner .banner-text h2 {
    font-size: 16px;
  }
  footer .footer-box a {
    padding: 10px 20px;
    max-width: 260px;
  }
  footer .copy-cont p {
    margin-bottom: 0;
  }
  .pro-list .pro-list-cont .pro-listall .pro-listall-text {
    padding: 10px;
  }
  .pro-list .pro-list-cont .pro-listall .pro-listall-text h3 {
    margin-top: 0;
  }
  .pro-details-cont .configuration .am-u-sm-4 {
    padding: 0 5px;
  }
  .pro-details-cont .configuration .am-u-sm-12 {
    padding: 0 5px;
  }
  .pro-details-cont .configuration .configuration-cont {
    margin: 0 -5px;
  }
  .news-listall .am-u-md-4 {
    width: 100%;
  }
  .news .news-box {
    height: auto;
  }
  .exhibitions .box-list .grid-item {
    width: 100%;
  }
  .customer .customer-ico .am-u-md-4 {
    width: 100%;
  }
}