@media (max-width: 1200px) {
  .wrapper {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .product_list .pro_left {
    padding-left: 15px;
  }
}

@media (max-width: 992px) {
  #header {
    position: relative;
    top: auto;
    left: auto;
    background-color: #292929;
  }
  .menu > ul {
    display: none !important;
  }
  #header .header_top {
    display: none;
  }
  #header .logo {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  #header .header {
    padding: 10px 0;
  }
  .search-menu {
    position: absolute;
    top: calc(50% - 15px);
    right: 15px;
  }
  #slider .slider,
  #slider .item_slider {
    height: 50vh;
  }
  #slider .prev,
  #slider .next {
    display: none;
  }
  #slider .des_item {
    width: auto;
    height: auto;
    max-width: 70%;
    top: auto;
    bottom: 50px;
    padding: 10px 20px;
  }
  .item_slider .des_item h3 {
    font-size: 20px;
    margin-bottom: 0;
  }
  .item_slider .des_item p {
    display: none;
  }
  .menu_mobile {
    display: block;
  }
  .product_list .pro_left {
    width: 100%;
    position: relative;
    top: auto;
    padding: 20px 15px;
  }
  .product_list .pro_right {
    width: 100%;
    padding: 15px;
  }
  .about_home .images-about {
    width: 100%;
    text-align: center;
  }
  .about_home .des-about {
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
  }
  .items_footer {
    width: 25%;
    padding-bottom: 20px;
  }
  .items_footer:last-child {
    width: 100%;
    padding-right: 0;
  }
  #header .header.fix_head {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #chat .chat,
  .social_fix {
    display: none;
  }
  .toolbar2 {
    display: block;
  }
  .top-contact .article-contact {
    width: 100%;
    margin-bottom: 20px;
  }
  .form-contact {
    width: 100%;
  }

  .margin-pr {
    margin: 0 -7px;
  }
  .item_pr_mg {
    padding: 0 7px;
    margin-bottom: 14px;
  }
  .about_home,
  .intent,
  .title_value,
  .camket {
    padding: 20px 0;
  }
  .items_footer {
    width: 50%;
  }
  .items_footer:nth-child(2n) {
    padding-right: 0;
  }
  #footer .footer {
    padding: 20px 0 80px 0;
  }
  .ul_footer ul li a {
    font-size: 14px;
  }
  .title_pro h3,
  .title_intent h2,
  .title_value > h3,
  .about_home .des-about .title_about h3,
  .title_main h2 {
    font-size: 22px;
  }
  .title_pro {
    margin-bottom: 10px;
  }
  .title_intent {
    margin-bottom: 20px;
  }
  .items_list .img_list {
    width: 100%;
    text-align: center;
  }
  .items_list .des_list {
    width: 100%;
    padding: 15px;
  }
  .items_gt .des_gt span {
    left: 15px;
    bottom: 15px;
  }
  .items_gt .des_gt {
    padding: 20px;
  }
  .items_gt .des_gt h3 {
    font-size: 20px;
    max-height: 50px;
  }
  #footer .bottom {
    padding: 20px 0 0;
  }
  .items_list .des_list .des_p {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 675px) {
  .td_hidden {
    display: none;
  }
  .height {
    height: auto !important;
  }
}
@media (max-width: 625px) {
  .item_sub_cn .img_sub_cn {
    width: 40%;
  }
  .item_sub_cn .des-sub_cn {
    width: 60%;
  }
}
@media (max-width: 575px) {
}
@media (max-width: 500px) {
}
@media screen and (max-width: 450px) {
}
@media screen and (max-width: 400px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 325px) {
}
