/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  html {
    font-size: 55%; }
  .nav_list li {
    padding-left: 30px; } }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  header, header .flex {
    height: 50px; }
  .main {
    padding-top: 50px; }
  header .nav__con {
    display: none; }
  header .logo {
    height: 30px; }
  .mobile_menu_btn {
    display: block; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .contactus__body .img {
    padding-right: 40px;
    width: 50%; }
  .contactus__body .txt {
    width: 50%; }
  .contactus__body .img h3 {
    font-size: 26px; } }
    
    

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  html {
    font-size: 50%; }
  .index_kv__body .kv_txt {
    padding: 20px 0; }
  .index_products__body, .index_solution__body, .index_logo__body, .index_news__body {
    padding: 30px 0; }
  .page_title {
    text-align: center; }
  .page_title span {
    width: auto; }
  .type_list {
    margin-bottom: 0; }
  .type_list li {
    width: 50%;
    margin-bottom: 20px; }
  .type_list li a {
    margin: 0 5px; }
  .products_list li, .logo_list li, .logo_list.aboutus li {
    width: calc(50% - 5px);
    margin: 0 10px 10px 0 !important; }
    .products_list li:nth-child(2n), .logo_list li:nth-child(2n), .logo_list.aboutus li:nth-child(2n) {
      margin-right: 0 !important; }
    .products_list li:nth-child(odd), .logo_list li:nth-child(odd), .logo_list.aboutus li:nth-child(odd) {
      margin-right: 10px !important; }
  .solution_list li {
    width: 100%;
    margin: 0 0 20px; }
  .news_list li {
    width: 100%;
    margin: 0 0 20px; }
  footer {
    padding-top: 10px; }
  footer .row {
    display: none; }
  .mobile_menu__body .nav_list li a {
    font-size: 20px; }
  .mobile_menu__body .nav_list li ul li a {
    font-size: 16px; }
  .mobile_menu__body .nav_list li ul li .con p a {
    font-size: 14px; }
  .aboutus__body .txt_con img.fr {
    float: none;
    width: 100%;
    margin: 0 0 20px 0; }
  .aboutus__body .txt_con p, .aboutus__body .txt_con ul li {
    font-size: 14px; }
  .contactus__body {
    padding: 0 0 30px; }
  .contactus__body .img h3 {
    font-size: 22px; }
  .contactus__body .img h6 {
    font-size: 18px;
    padding: 0 0 20px 0; }
  .contactus__body .txt, .contactus__body .img {
    width: 100%;
    padding: 0; }
  .contactus__body .img {
    margin-bottom: 20px; }
  .contactus__body .txt h3 {
    font-size: 16px; }
  .contactus__body .txt ul li {
    font-size: 14px; }
  .inner_kv__body {
    height: 200px;
    overflow: hidden; }
    .inner_kv__body .kv {
      height: 100%;
      position: absolute;
      z-index: 1;
      left: 50%;
      transform: translateX(-50%);
      width: auto; }
  .pro_con .txt, .pro_con .img {
    width: 100%;
    padding: 0; }
  .pro_con .txt {
    order: 10;
    padding-top: 20px; }
  .products_details__body {
    padding: 0 0 30px; }
  .online_chat__body {
    display: none; }
  .news__body .focus_news .big, .news__body .focus_news .small {
    width: 100%;
    padding: 0; }
  .news__body .focus_news .big .txt {
    position: static;
    transform: translateY(0);
    background: none;
    width: 100%;
    padding: 5% 15px; }
  .news__body .focus_news .big {
    background-color: #f4f4f4;
    margin-bottom: 20px; }
  .news_pager {
    padding: 20px 10px; }
  .news_pager a i {
    display: none; }
  .news_pager .last {
    text-align: left; }
  .news__body {
    padding: 40px 0; }
    .news__body .index_news__body {
      padding: 0; }
  .details__body {
    padding: 0 0 30px; }
    
    .search_line__con{}
    .search_line__con .txt , .search_line__con .btn{height:30px;line-height:30px;}
    .search_line__con .close_btn{right:10px;top:-32px;}
    .search_line__con .txt{
        width:100%;
        margin-bottom:10px;
    }
    .search_line__con .btn{width:100%;margin:0;}
    
    
}

/* Custom, iPhone Retina */