@media screen and (max-width: 767px) {
  header {
    display: none;
  }
  #m-header {
    display: block;
  }
  .content {
    padding: 40px 0;
  }
  .primary-title {
    margin-bottom: 20px;
  }
  .primary-title h3 {
    font-size: 24px;
  }
  .primary-title img {
    max-width: 100%;
    height: auto;
  }
  .banner {
    height: 30vh;
  }
  .banner .am-container h2 {
    font-size: 28px;
    margin-top: 30px;
  }
  .banner .am-container .search {
    display: none;
  }
  #home .home-banner {
    height: 35vh;
  }
  #home .home-banner .am-container h2 {
    font-size: 24px;
  }
  #home .home-banner .am-container p {
    font-size: 14px;
    display: none;
  }
  #home .home-banner .am-container .search form .am-form-group input {
    width: 250px;
  }
  #home .f1 .am-container .inner .item {
    width: 49%;
  }
  #home .f1 .am-container .inner .item .top {
    padding: 20px 0;
  }
  #home .f1 .am-container .inner .item .top img {
    height: 120px;
  }
  #home .f1 .am-container .inner .item .bot {
    padding: 20px 10px;
  }
  #home .f1 .am-container .inner .item .bot h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  #home .f2 {
    flex-direction: column-reverse;
  }
  #home .f2 .am-container .left {
    width: 100%;
    display: none;
  }
  #home .f2 .am-container .right {
    width: 100%;
    padding: 30px 0px;
  }
  #home .f2 .am-container .right .inner {
    max-width: unset;
    padding: 0;
  }
  #home .f2 .am-container .right .inner .item {
    padding: 10px 5px;
  }
  #home .f2 .am-container .right .inner .item .title h3 {
    font-size: 20px;
  }
  #home .f2 .am-container .right .inner .item .title h3 span {
    font-size: 12px;
  }
  #home .f3 .am-container .inner {
    padding: 0;
  }
  #home .f3 .am-container .inner .item img {
    height: 80px;
  }
  #home .f3 .am-container .inner .item h3 {
    font-size: 16px;
  }
  #home .f3 .am-container .inner .item p {
    font-size: 12px;
  }
  #home .f4 {
    display: none;
  }
  #home .f4 .left {
    width: 100%;
    padding: 40px 15px;
  }
  #home .f4 .left .inner {
    max-width: unset;
    padding: 0;
  }
  #home .f4 .right {
    width: 100%;
  }
  #home .f5 .am-container .inner .item {
    margin-bottom: 20px;
    padding: 0;
  }
  #home .f5 .am-container .inner .item img {
    height: 60px;
  }
  #home .f5 .am-container .inner .item h3 {
    margin-top: 10px;
  }
  #home .f5 .am-container .inner .item p {
    font-size: 12px;
  }
  #home .f5 .am-container .more {
    margin-top: 20px;
  }
  #products .page-nav {
    padding: 0;
  }
  #products .f1 .am-container .sidebar {
    width: 100%;
  }
  #products .f1 .am-container .sidebar nav > ul > li a {
    padding: 10px;
  }
  #products .f1 .am-container .inner {
    width: 100%;
    padding: 0;
    justify-content: space-between;
  }
  #products .f1 .am-container .inner .item {
    width: 49%;
    padding: 0;
  }
  #products .f1 .am-container .inner .item .bd {
    padding: 20px 15px;
  }
  #products .f1 .am-container .inner .item .bd .top {
    padding: 0;
  }
  #products .f1 .am-container .inner .item .bd .top img {
    height: 120px;
  }
  #products .f1 .am-container .inner .item .bd .bot {
    margin-top: 10px;
  }
  #products .f1 .am-container .inner .item .bd .bot h3 {
    font-size: 14px;
    margin-bottom: 0px;
  }
  #single-product .f1 .am-container {
    flex-direction: column-reverse;
  }
  #single-product .f1 .am-container .left {
    width: 100%;
    padding: 30px;
  }
  #single-product .f1 .am-container .left img {
    max-width: 100%;
    height: auto;
  }
  #single-product .f1 .am-container .right {
    width: 100%;
    padding-left: 0;
  }
  #single-product .f2 .am-container .am-tabs .am-tabs-nav li {
    width: 49%;
    margin-bottom: 10px;
  }
  #single-product .f2 .am-container .am-tabs .am-tabs-nav li a {
    font-size: 16px;
    padding: 10px 5px;
  }
  #single-product .f2 .am-container .am-tabs .am-tabs-nav li a br {
    display: none;
  }
  #single-product .f2 .am-container .am-tabs .am-tabs-nav li a span {
    display: none;
  }
  #single-product .f3 .am-container .inner .item {
    width: 49%;
  }
  #single-product .f3 .am-container .inner .item .top {
    padding-bottom: 0;
  }
  #single-product .f3 .am-container .inner .item .top img {
    height: 100px;
  }
  #single-product .f3 .am-container .inner .left {
    width: 100%;
  }
  #single-product .f3 .am-container .inner .right {
    width: 100%;
  }
  #single-product .f3 .am-container .inner .right img {
    width: auto;
    height: auto;
  }
  #single-product .f4 .am-container .inner {
    margin-top: 30px;
  }
  #single-product .f4 .am-container .inner .item {
    width: 49%;
  }
  #single-product .f4 .am-container .inner .item .top {
    padding: 20px 0;
  }
  #single-product .f4 .am-container .inner .item .top img {
    height: 120px;
  }
  #single-product .f4 .am-container .inner .item .bot {
    padding: 20px 10px;
  }
  #single-product .f4 .am-container .inner .item .bot h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  #about .f1 {
    padding-top: 40px;
  }
  #about .f1 .am-container .left {
    width: 100%;
    padding: 0;
  }
  #about .f1 .am-container .right {
    width: 100%;
    padding: 0;
  }
  #about .f1 .am-container .right .r2 {
    width: auto;
    position: relative;
  }
  #about .f2 {
    padding: 0;
  }
  #about .f2 .am-container {
    flex-direction: column-reverse;
    padding: 0;
  }
  #about .f2 .am-container .left {
    width: 100%;
  }
  #about .f2 .am-container .right {
    width: 100%;
    padding: 40px 10px;
  }
  #about .f2 .am-container .right .inner {
    max-height: unset;
    overflow: unset;
  }
  #about .f3 .am-container .left {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  #about .f3 .am-container .right {
    width: 100%;
    height: 260px;
  }
  #about .f3 .am-container .right .item .ll {
    width: 50%;
  }
  #about .f3 .am-container .right .item .rr {
    width: 50%;
  }
  #about .f3 .am-container .right .item .rr p {
    font-size: 14px;
    line-height: 1.4;
  }
  #about .f5 .am-container .inner {
    margin-top: 30px;
  }
  #about .f5 .am-container .inner .item {
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
  }
  #about .f5 .am-container .inner .item .bot {
    height: unset;
  }
  #solution .banner {
    height: 45vh;
  }
  #solution .banner .am-container {
    padding: 0;
  }
  #solution .banner .am-container h2 {
    margin-top: -30px;
  }
  #solution .banner .b-nav {
    width: 100%;
    padding: 20px 0 10px;
    background-color: #fff;
  }
  #solution .banner .b-nav ul li {
    height: auto;
    padding: 0;
    border: 0;
    background-color: unset;
    margin-bottom: 5px;
    width: 50%;
  }
  #solution .banner .b-nav ul li a {
    color: #000;
  }
  #solution .banner .b-nav ul li.current-menu-item {
    background-color: unset;
  }
  #solution .banner .b-nav ul li.current-menu-item a {
    color: #e73631;
  }
  #solution .f1 .am-container .inner {
    flex-direction: column-reverse;
  }
  #solution .f1 .am-container .inner .left {
    width: 100%;
  }
  #solution .f1 .am-container .inner .right {
    width: 100%;
    padding: 0;
  }
  #solution .f2 .am-container .inner .am-tabs .am-tabs-nav {
    background-color: #f5f5f5;
    border: 0;
    width: 100%;
  }
  #solution .f2 .am-container .inner .am-tabs .am-tabs-nav li {
    padding: 0;
  }
  #solution .f2 .am-container .inner .am-tabs .am-tabs-nav li a {
    font-size: 14px;
  }
  #solution .f2 .am-container .inner .am-tabs .am-tabs-bd {
    width: 100%;
    padding: 0;
  }
  #solution .f3 .am-container .inner .item {
    width: 49%;
  }
  #solution .f3 .am-container .inner .item .top {
    padding: 20px 0;
  }
  #solution .f3 .am-container .inner .item .top img {
    height: 120px;
  }
  #solution .f3 .am-container .inner .item .bot {
    padding: 20px 10px;
  }
  #solution .f3 .am-container .inner .item .bot h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  #research .f1 .am-container {
    padding: 0;
  }
  #research .f1 .am-container .inner .item {
    flex-direction: column-reverse;
  }
  #research .f1 .am-container .inner .item .left {
    width: 100%;
  }
  #research .f1 .am-container .inner .item .right {
    width: 100%;
    padding: 30px 15px;
  }
  #research .f1 .am-container .inner .item:nth-child(2) {
    flex-direction: column;
    margin-top: 30px;
  }
  #research .f2 .am-container .inner .item {
    width: 49%;
  }
  #research .f2 .am-container .inner .item .bd .top {
    padding: 0;
    margin-bottom: 20px;
  }
  #research .f2 .am-container .inner .item .bd .top img {
    height: 120px;
  }
  #research .f2 .am-container .inner .item .bd .bot {
    position: relative;
  }
  #research .f2 .am-container .inner .item .bd .bot .tt {
    padding: 0 10px;
    text-align: center;
    height: auto;
  }
  #research .f2 .am-container .inner .item .bd .bot .profile {
    display: none;
  }
  #research .f3 .am-container .inner .item {
    width: 100%;
    padding: 30px 20px;
  }
  #news .f1 .am-container .title {
    margin-bottom: 20px;
  }
  #news .f1 .am-container .title a {
    font-size: 24px;
  }
  #news .f1 .am-container .inner .item .left {
    width: 100%;
  }
  #news .f1 .am-container .inner .item .right {
    width: 100%;
    padding: 2rem;
  }
  #news .f1 .am-container .inner .item .right h3 {
    font-size: 16px;
    margin-bottom: 0;
  }
  #news .f1 .am-container .inner .item .right hr {
    margin: 10px 0;
  }
  #news .f1 .am-container .inner .item .right h4 {
    font-size: 14px;
    margin: 0;
  }
  #news .f2 .am-container .inner {
    padding: 0;
  }
  #single .f1 .am-container .title h2 {
    font-size: 18px;
  }
  #single .f1 .am-container .inner {
    margin-top: 20px;
  }
  #contact .banner .am-container img {
    height: 30px;
  }
  #contact .f1 .am-container .inner {
    padding: 0;
  }
  #contact .f1 .am-container .inner .left {
    width: 100%;
    padding: 30px 30px;
  }
  #contact .f1 .am-container .inner .right {
    width: 100%;
    padding: 30px 30px;
  }
  #service .f1 .am-container .inner .item {
    width: 100%;
  }
  #service .f2 .am-container {
    padding: 0;
  }
  #service .f2 .am-container .inner {
    position: relative;
    padding: 30px 15px;
    top: unset;
    left: unset;
    width: auto;
  }
  #service .f2 .am-container .inner .title {
    margin-bottom: 20px;
  }
  #service .f3 .am-container .inner .left {
    width: 100%;
  }
  #service .f3 .am-container .inner .right {
    width: 100%;
    padding-left: 0;
  }
  #join .f1 .am-container .inner .left {
    width: 100%;
  }
  #join .f1 .am-container .inner .right {
    width: 100%;
    padding-left: 0;
  }
  #join .f3 {
    display: none;
  }
  #join .f4 .am-container {
    padding: 0;
  }
  #join .f4 .am-container .inner .item {
    width: 100%;
  }
  #join .f5 .am-container .inner .item .left {
    width: 100%;
  }
  #join .f5 .am-container .inner .item .right {
    width: 100%;
  }
  footer {
    padding: 40px 0 10px;
  }
  footer .am-container .item {
    width: 48%;
  }
  footer .am-container .item:last-child {
    width: 100%;
  }
  footer .cop {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  footer .cop .social {
    display: none;
  }
  footer .cop p {
    margin-bottom: 0;
  }
}