@media (min-width: 240px) and (max-width: 479px) {
    #simple_map::after{
    background-color:transparent !important;
}
  /* Header begin */
  #header > div {
    padding: 0 16px;
  }
  #header .r_side {
    padding: 0 54px 0 0;
  }
  #header.fix_me .toggler em {
    background-color: #292A2D;
  }
  .toggler {
    display: block;
    right: 16px;
  }
  .main_nav {
    display: none;
  }
  /* Header end */
  /* Index first begin */
  .index_first {
    height: auto;
    padding: 120px 0 20px;
  }
  .index_first > div {
    display: block;
    padding: 0 16px;
  }
  .index_first .l_side {
    width: 100%;
  }
  .index_first h2 {
    padding: 0 0 16px;
    font-size: 32px;
  }
  .index_inner p {
    padding: 0 0 24px;
  }
  .index_images {
    width: 100%;
    height: 100vw;
    margin: 0 0 0;
  }
  .index_images img {
    width: 48vw;
    margin: -20px 0 0 90px !important;
  }
  .index_images img + img {
    margin: 0 0 0 !important;
  }
  .index_images img + img + img {
    margin: 20px 0 0 -90px !important;
  }
  .index_images img:only-child {
    margin: 0 0 0 !important;
  }
  .index_images .two img {
    left: calc(50% - 45px);
  }
  .tiny_slider {
    width: calc(100% - 32px);
    position: absolute;
    left: 16px;
    bottom: calc(60px - 115vw);
  }
  .tiny_slider .flickity-button {
    display: none;
  }
  .tiny_slider .flickity-page-dots {
    padding: 0;
    text-align: center;
    bottom: -20px;
  }
  .tiny_slider article {
    display: block;
  }
  .tiny_slider .image {
    width: 100% !important;
  }
  .tiny_slider .inset {
    width: 100% !important;
    padding: 12px 12px 12px;
  }
  .tiny_slider img {
    height: auto;
  }
  /* Index first end */
  /* Index Implements begin */
  .index_implements {
    padding: 48px 0px;
  }
  .index_implements > div {
    padding: 0 16px;
  }
  .index_implements header {
    padding: 0 0 20px;
  }
  .index_implements h2 {
    padding: 0 20px 0 0;
    font-size: 24px;
  }
  .implements_grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px 12px;
  }
  .implements_grid figure {
    height: 55vw;
    height: auto;
  }
  .implements_grid figcaption {
    font-size: 13px;
    left: 16px;
    bottom: 16px;
  }
  .uni_link a {
    width: 48px;
    height: 48px;
    padding: 0;
    font-size: 0;
    background-position: 50%;
  }
  /* Index Implements end */
  /* Index products begin */
  .index_products {
    padding: 0 0px 60px;
  }
  .index_products > div {
    padding: 0 16px;
  }
  .index_products header {
    padding: 0 0 20px;
  }
  .index_products h2 {
    font-size: 24px;
  }
  .category_slider {
    display: block;
    height: auto;
  }
  .category_slider .image {
    margin: 0 auto;
    width: 100%;
    height: 100vw;
  }
  .category_slider .arrows {
    display: none;
  }
  .category_list {
    width: 100%;
    height: auto;
    padding: 16px 0 0;
    white-space: nowrap;
    position: relative;
  }
  .category_list ul {
    overflow-x: auto;
  }
  .category_list ul:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #FB5058;
    position: absolute;
    left: calc(50% - 4px);
    top: 12px;
    border-radius: 50%;
  }
  .category_list li {
    display: inline-block;
    position: static;
    padding: 0 24px;
  }
  .category_list li::before {
    display: none;
  }
  .category_list a {
    font-size: 14px;
  }
  /* Index products end */
  /* Index benefits begin */
  .index_benefits {
    padding: 0 0px 60px;
  }
  .index_benefits > div {
    padding: 0 16px;
  }
  .index_benefits header {
    padding: 0 0 30px;
  }
  .index_benefits h2 {
    font-size: 32px;
  }
  .index_benefits article {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    padding: 16px;
  }
  .index_benefits .icon {
    min-height: 1px;
    width: 24px;
    padding: 0;
  }
  .index_benefits .icon img {
    width: 24px;
  }
  .index_benefits .inner {
    width: calc(100% - 40px);
  }
  .index_benefits h3 {
    padding: 0 0 0;
    font-size: 16px;
  }
  .index_benefits p {
    display: none;
  }
  .benefits_three {
    grid-template-columns: 1fr;
  }
  .benefits_two {
    grid-template-columns: 1fr;
  }
  /* Index benefits end */
  /* Latest news begin */
  .latest_news {
    padding: 0 0px 60px;
  }
  .latest_news > div {
    padding: 0 16px;
  }
  .latest_news header {
    padding: 0 0 20px;
  }
  .latest_news h2 {
    font-size: 24px;
  }
  .news_three {
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }
  .news_three .image {
    width: 100%;
  }
  .news_three .inner {
    width: 100%;
    padding: 16px 0 0;
  }
  .news_three time {
    padding: 0 0 8px;
    font-size: 14px;
  }
  .news_three h3 {
    font-size: 16px;
  }
  .news_three span {
    height: 24px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 24px;
    left: 20px;
    top: 20px;
    border-radius: 12px;
  }
  /* Latest news end */
  /* Index partners begin */
  .index_partners {
    padding: 0 0px 40px;
  }
  .index_partners > div {
    padding: 0 16px;
  }
  .index_partners h2 {
    padding: 0 0 20px;
    font-size: 24px;
  }
  .partners_grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }
  .partners_grid figure {
    height: 130px;
    border-radius: 0 !important;
  }
  .partners_grid figure:last-child {
    grid-area: 3/1/4/3;
  }
  .partners_grid img {
    max-width: 90px;
  }
  /* Index partners end */
  /* Footer begin */
  #footer {
    padding: 24px 0;
  }
  #footer > div {
    padding: 0 16px;
  }
  #footer .logo {
    padding: 8px 0 0;
  }
  .footer_first {
    display: block;
    padding: 0 0 60px;
    position: relative;
  }
  .footer_first .r_side {
    width: 100%;
    padding: 130px 0 0;
  }
  .footer_links {
    width: 100%;
    position: absolute;
    right: 0;
    top: 50px;
  }
  .footer_links div {
    width: 100%;
  }
  .footer_links div:first-child {
    padding: 0  0 8px 0;
  }
  .footer_links a {
    padding: 0 16px 0 36px;
    font-size: 12px;
    background-position: 10px 50%;
  }
  .footer_nav {
    width: 100%;
  }
  .footer_nav li {
    padding: 0 0 16px;
  }
  .footer_nav a {
    font-size: 16px;
  }
  .footer_nav a::before {
    display: none;
  }
  .footer_last {
    flex-direction: column-reverse;
    align-items: stretch;
    padding: 0;
  }
  .footer_last .r_side {
    justify-content: space-between;
    width: 100%;
    padding: 0 0 20px;
  }
  .jis {
    padding: 0 0 12px;
  }
  .colors_link a {
    /*font-size: 0;
    padding: 0;
    width: 40px;
    background-position: 50%;*/
  }
  /* Footer end */
  /* Uni begin */
  .uni_center {
    padding: 120px 0 50px;
  }
  .uni_center > div {
    padding: 0 16px;
  }
  .uni_sides {
    display: block;
  }
  .uni_left {
    width: 100%;
    padding: 0 0 24px;
    position: relative;
    top: 0;
  }
  .uni_left h1 {
    padding: 0 0 20px;
    font-size: 24px;
  }
  .uni_content {
    width: 100%;
  }
  .left_nav {
    position: relative;
  }
  .left_nav::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
  }
  .left_nav ul {
    padding: 8px 0 0;
  }
  .left_nav li {
    display: none;
  }
  .left_nav li.selected_li {
    display: block;
  }
  .left_nav li.selected_li .smart_tabs {
    display: none;
  }
  .left_nav li.selected_li > a.active {
    display: none;
  }
  .left_nav li.selected_li .new_sub {
    display: block !important;
  }
  .left_nav select {
    display: block;
  }
  .open_select {
    display: block;
  }
  /* Uni end */
  /* Products begin */
  .prodcust_grid {
    grid-gap: 8px;
    grid-template-columns: 1fr;
    text-align: center;
  }
  .load_more {
    padding: 24px 0 0;
  }
  .load_more a {
    width: 100%;
  }
  .product_wrapper > div {
    display: block;
    padding: 0 16px;
  }
  .product_image {
    width: 100%;
    min-height: 1px;
    padding: 0 0 20px;
    position: static;
  }
  .product_image img {
    max-width: 60%;
  }
  .product_side {
    width: 100%;
  }
  .product_content {
    width: 100%;
    padding: 80px 16px 16px;
    margin: 0px 0 0;
  }
  .product_content h1 {
    font-size: 24px;
  }
  .product_content .breadcrumbs {
    display: none;
  }
  .document_grid {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .breadcrumbs {
    display: none;
  }
  /* Products end */
  /* Solutions begin */
  .solutions_grid {
    grid-gap: 8px;
    grid-template-columns: 1fr;
  }
  .solutions_grid .inner {
    padding: 24px;
  }
  .solution_block {
    padding: 24px 0;
  }
  .solution_block > div {
    padding: 0 16px;
  }
  .solution_text h2 {
    padding: 0 0 16px;
    font-size: 21px;
  }
  /* Solutions end */
  /* Inner first begin */
  .inner_first {
    padding: 160px 0 24px;
  }
  .inner_first > div {
    padding: 0 16px;
  }
  .inner_first h1 {
    font-size: 32px;
  }
  .inner_first.about {
    padding: 160px 0 24px;
  }
  .inner_first.compact {
    padding: 160px 0 24px;
  }
  .inner_first.compact > div {
    padding: 0 16px;
  }
  .inner_first.compact h1 {
    font-size: 24px;
  }
  /* Inner first end */
  /* Dealers begin */
  .dealer_filters {
    padding: 24px 0;
  }
  .dealer_filters > div {
    display: block;
    padding: 0 16px;
  }
  .dealer_filters .select {
    width: 100%;
    padding: 0 0 12px;
  }
  .dealer_filters .button {
    width: 100%;
  }
  .dealer_filters .button a, .dealer_filters .button button {
    width: 100%;
  }
  .dealers_block {
    padding: 24px 0 48px;
  }
  .dealers_block > div {
    padding: 0 16px;
  }
  .dealers_grid {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .dealers_grid article {
    min-height: 1px;
    padding: 24px;
  }
  /* Dealers end */
  /* Calculator begin */
  .calculator_block {
    padding: 24px 0 60px;
  }
  .calculator_block > div {
    padding: 0 16px;
  }
  .calculator_tabs {
    padding: 0 0 24px;
  }
  .calculator_tabs ul {
    display: none;
  }
  .calculator_tabs select {
    display: block;
  }
  .calculator_selects {
    padding: 32px 24px;
    grid-template-columns: 1fr;
    grid-gap: 24px 24px;
  }
  .calculator_last {
    grid-template-columns: 1fr;
    grid-gap: 16px 16px;
  }
  .calculator_result {
    flex-flow: column;
    padding: 32px;
    border: 1px dashed #1C75BC;
  }
  .calculator_result p {
    font-size: 16px;
    padding: 0 4px 0 0;
  }
  .calculator_warning {
    padding: 84px 24px 24px;
    background-position: 24px 24px;
  }
  /* Calculator end */
  /* Refrences begin */
  .refrences_h2 {
    padding: 0 0 20px;
    font-size: 24px;
  }
  .refrences_grid {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .refrences_grid .inner {
    padding: 0 20px 20px;
  }
  /* Refrences end */
  /* Contacts begin */
  .contacts_wrapper > div {
      display:block;
    height: auto;
    padding: 0 16px 16px;
  }
  #simple_map {
      margin-top:20px;
  border-radius: 20px;
}
  .contacts_wrapper h1 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .contacts_inner {
    width: 100%;
    padding: 0;
  }
  /*.mobile_show {*/
  /*  display: block !important;*/
  /*}*/
  .contacts_sides {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    min-height: 1px;
  }
  .contacts_sides .sides {
    display: block;
    order: 0;
  }
  .contacts_sides .sides + .sides {
    order: 2;
    padding: 24px 0 0;
  }
  .contacts_sides .sides:first-child {
    padding: 0 0 24px;
  }
  .contacts_sides .l_side {
    width: 100%;
  }
  .contacts_sides .r_side {
    width: 100%;
  }
  .contacts_sides h3 {
    padding: 0 0 24px;
    max-width: 100500px;
  }
  .contacts_sides footer {
    display: none;
  }
  #simple_map {
    width: 100%;
    height: 320px;
    position: static;
    order: 1;
  }
  /* Contacts end */
  /* Vacancies begin */
  .career_wrapper {
    padding: 20px 0;
  }
  .career_wrapper > div {
    padding: 0 16px;
  }
  .career_wrapper h2 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .vacancy_sides {
    display: block;
  }
  .vacancy_inner {
    width: 100%;
    margin: 0 0 24px;
    padding: 24px;
  }
  .vacancy_inner h3 {
    padding: 0 0 16px;
    font-size: 21px;
  }
  .become_side {
    width: 100%;
    padding: 24px;
  }
  .become_side h3 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .vacancies_grid {
    grid-template-columns: 1fr;
    grid-gap: 16px 16px;
  }
  .vacancies_grid article {
    padding: 20px;
  }
  .vacancies_grid article::before {
    right: 20px;
  }
  .vacancies_grid h3 {
    font-size: 18px;
  }
  .become_block {
    padding: 12px;
  }
  /* Vacancies end */
  /* About begin */
  .about_wrapper {
    padding: 24px 0;
    background-size: 80% auto;
  }
  .about_wrapper > div {
    padding: 0 16px;
  }
  .about_first {
    padding: 0 0 40px;
  }
  .about_first h2 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .about_sides {
    display: block;
  }
  .about_sides .r_side {
    width: 100%;
  }
  .about_text {
    width: 100%;
  }
  .missions_block h2 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .missions_grid {
    grid-template-columns: 1fr;
    grid-gap: 16px 16px;
  }
  .missions_grid article {
    padding: 24px;
  }
  /* About end */
  /* Colors begin */
  .colors_header {
    padding: 0 0 24px;
  }
  .colors_sides {
    display: block;
  }
  .colors_sides .l_side, .colors_sides .r_side {
    width: 100%;
  }
  .colors_grid {
    grid-template-columns: 1fr;
    grid-gap: 16px 16px;
    padding: 0 0 24px;
  }
  /* Colors end */
  /* Components begin */
  .components_block {
    padding: 40px 0;
  }
  .components_block > div {
    padding: 0 16px;
  }
  .components_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .components_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .components_grid article {
    padding: 16px;
  }
  /* Components end */
}
@media (min-width: 480px) and (max-width: 767px) {
              .contacts_wrapper > div {
      display:block ;
    height: auto;
    padding: 0 16px 16px;
  }
  #simple_map {
      margin-top:20px;
  border-radius: 20px;
}
#simple_map::after{
    background-color:transparent !important;
}
  /* Header begin */
  #header > div {
    padding: 0 16px;
  }
  #header .r_side {
    padding: 0 54px 0 0;
  }
  #header.fix_me .toggler em {
    background-color: #292A2D;
  }
  .toggler {
    display: block;
    right: 16px;
  }
  .main_nav {
    display: none;
  }
  /* Header end */
  /* Index first begin */
  .index_first {
    height: auto;
    padding: 120px 0 115vw;
  }
  .index_first > div {
    display: block;
    padding: 0 16px;
  }
  .index_first .l_side {
    width: 100%;
  }
  .index_first h2 {
    padding: 0 0 16px;
    font-size: 36px;
  }
  .index_images {
    width: 100%;
    height: 70vw;
    margin: 24px 0 0;
  }
  .index_images img {
    width: 48vw;
  }
  .tiny_slider {
    width: calc(100% - 32px);
    position: absolute;
    left: 16px;
    bottom: calc(60px - 115vw);
  }
  .tiny_slider .flickity-button {
    display: none;
  }
  .tiny_slider .flickity-page-dots {
    padding: 0;
    text-align: center;
    bottom: -20px;
  }
  .tiny_slider article {
    display: block;
  }
  .tiny_slider .image {
    width: 100% !important;
  }
  .tiny_slider .inset {
    width: 100% !important;
    padding: 12px 12px 12px;
  }
  .tiny_slider img {
    height: auto;
  }
  /* Index first end */
  /* Index Implements begin */
  .index_implements {
    padding: 48px 0px;
  }
  .index_implements > div {
    padding: 0 16px;
  }
  .index_implements header {
    padding: 0 0 20px;
  }
  .index_implements h2 {
    font-size: 24px;
  }
  .implements_grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px 12px;
  }
  .implements_grid figcaption {
    font-size: 15px;
    left: 16px;
    bottom: 16px;
  }
  .uni_link a {
    padding: 0 64px 0 24px;
  }
  /* Index Implements end */
  /* Index products begin */
  .index_products {
    padding: 0 0px 60px;
  }
  .index_products > div {
    padding: 0 16px;
  }
  .index_products header {
    padding: 0 0 20px;
  }
  .index_products h2 {
    font-size: 24px;
  }
  .category_slider {
    display: block;
    height: auto;
  }
  .category_slider .image {
    margin: 0 auto;
    width: 100%;
  }
  .category_slider .arrows {
    display: none;
  }
  .category_list {
    width: 100%;
    height: auto;
    padding: 16px 0 0;
    white-space: nowrap;
    position: relative;
  }
  .category_list ul {
    overflow-x: auto;
  }
  .category_list ul:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #FB5058;
    position: absolute;
    left: calc(50% - 4px);
    top: 12px;
    border-radius: 50%;
  }
  .category_list li {
    display: inline-block;
    position: static;
    padding: 0 16px 0 0;
  }
  .category_list li::before {
    display: none;
  }
  .category_list a {
    font-size: 16px;
  }
  /* Index products end */
  /* Index benefits begin */
  .index_benefits {
    padding: 0 0px 60px;
  }
  .index_benefits > div {
    padding: 0 16px;
  }
  .index_benefits header {
    padding: 0 0 30px;
  }
  .index_benefits h2 {
    font-size: 32px;
  }
  .index_benefits article {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    padding: 24px;
  }
  .index_benefits .icon {
    width: 48px;
    padding: 0;
    min-height: 1px;
  }
  .index_benefits .inner {
    width: calc(100% - 72px);
  }
  .index_benefits h3 {
    padding: 0 0 8px;
    font-size: 21px;
  }
  .benefits_three {
    grid-template-columns: 1fr;
  }
  .benefits_two {
    grid-template-columns: 1fr;
  }
  /* Index benefits end */
  /* Latest news begin */
  .latest_news {
    padding: 0 0px 60px;
  }
  .latest_news > div {
    padding: 0 16px;
  }
  .latest_news header {
    padding: 0 0 20px;
  }
  .latest_news h2 {
    font-size: 24px;
  }
  .news_three {
    grid-template-columns: 1fr;
    grid-gap: 18px;
  }
  .news_three article {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
  }
  .news_three .image {
    width: 180px;
  }
  .news_three .inner {
    width: calc(100% - 196px);
    padding: 8px 0 0;
  }
  .news_three time {
    padding: 0 0 6px;
  }
  .news_three h3 {
    font-size: 18px;
  }
  .news_three span {
    height: 24px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 24px;
    left: 8px;
    top: 8px;
    border-radius: 12px;
  }
  /* Latest news end */
  /* Index partners begin */
  .index_partners {
    padding: 0 0px 60px;
  }
  .index_partners > div {
    padding: 0 16px;
  }
  .index_partners h2 {
    padding: 0 0 20px;
    font-size: 24px;
  }
  .partners_grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }
  .partners_grid figure {
    height: 200px;
    border-radius: 0 !important;
  }
  .partners_grid figure:last-child {
    grid-area: 3/1/4/3;
  }
  .partners_grid img {
    max-width: 120px;
  }
  /* Index partners end */
  /* Footer begin */
  #footer {
    padding: 32px 0;
  }
  #footer > div {
    padding: 0 24px;
  }
  #footer .logo {
    padding: 8px 0 0;
  }
  .footer_first {
    display: block;
    padding: 0 0 60px;
    position: relative;
  }
  .footer_first .r_side {
    width: 100%;
    padding: 40px 0 0;
  }
  .footer_links {
    position: absolute;
    right: 0;
    top: 0;
  }
  .footer_nav {
    width: 100%;
  }
  .footer_nav li {
    padding: 0 0 16px;
  }
  .footer_nav a {
    font-size: 16px;
  }
  .footer_nav a::before {
    display: none;
  }
  .footer_last {
    flex-direction: column-reverse;
    align-items: stretch;
    padding: 0;
  }
  .footer_last .r_side {
    justify-content: space-between;
    width: 100%;
    padding: 0 0 20px;
  }
  .jis {
    padding: 0 0 12px;
  }
  .colors_link a {
    font-size: 0;
    padding: 0;
    width: 40px;
    background-position: 50%;
  }
  /* Footer end */
  /* Uni begin */
  .uni_center {
    padding: 120px 0 64px;
  }
  .uni_center > div {
    padding: 0 16px;
  }
  .uni_sides {
    display: block;
  }
  .uni_left {
    width: 100%;
    padding: 0 0 24px;
    position: relative;
    top: 0;
  }
  .uni_left h1 {
    padding: 0 0 20px;
    font-size: 32px;
  }
  .uni_content {
    width: 100%;
  }
  .left_nav {
    position: relative;
  }
  .left_nav::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .left_nav ul {
    display: none;
  }
  .left_nav select {
    display: block;
  }
  /* Uni end */
  /* Products begin */
  .prodcust_grid {
    grid-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }
  .product_wrapper > div {
    display: block;
    padding: 0 24px;
  }
  .product_image {
    width: 100%;
    position: static;
  }
  .product_side {
    width: 100%;
  }
  .product_content {
    width: 100%;
    padding: 40px;
  }
  .product_content h1 {
    font-size: 32px;
  }
  .document_grid {
    grid-template-columns: 1fr;
  }
  /* Products end */
  /* Solutions begin */
  .solutions_grid {
    grid-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }
  .solutions_grid .inner {
    padding: 24px;
  }
  .solution_block {
    padding: 36px 0;
  }
  .solution_block > div {
    padding: 0 16px;
  }
  .solution_text h2 {
    padding: 0 0 16px;
    font-size: 21px;
  }
  /* Solutions end */
  /* Inner first begin */
  .inner_first {
    padding: 200px 0 36px;
  }
  .inner_first > div {
    padding: 0 16px;
  }
  .inner_first h1 {
    font-size: 32px;
  }
  .inner_first.about {
    padding: 200px 0 36px;
  }
  .inner_first.compact {
    padding: 200px 0 36px;
  }
  .inner_first.compact > div {
    padding: 0 16px;
  }
  .inner_first.compact h1 {
    font-size: 24px;
  }
  /* Inner first end */
  /* Dealers begin */
  .dealer_filters {
    padding: 24px 0;
  }
  .dealer_filters > div {
    display: block;
    padding: 0 16px;
  }
  .dealer_filters .select {
    width: 100%;
    padding: 0 0 12px;
  }
  .dealer_filters .button {
    width: 100%;
  }
  .dealer_filters .button a, .dealer_filters .button button {
    width: 100%;
  }
  .dealers_block {
    padding: 24px 0 48px;
  }
  .dealers_block > div {
    padding: 0 16px;
  }
  .dealers_grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
  }
  .dealers_grid article {
    min-height: 320px;
    padding: 24px;
  }
  /* Dealers end */
  /* Calculator begin */
  .calculator_block {
    padding: 24px 0 60px;
  }
  .calculator_block > div {
    padding: 0 16px;
  }
  .calculator_tabs {
    padding: 0 0 24px;
  }
  .calculator_tabs ul {
    display: none;
  }
  .calculator_tabs select {
    display: block;
  }
  .calculator_selects {
    padding: 32px 24px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px 24px;
  }
  .calculator_last {
    grid-template-columns: 1fr;
    grid-gap: 16px 16px;
  }
  /* Calculator end */
  /* Refrences begin */
  .refrences_h2 {
    padding: 0 0 20px;
    font-size: 32px;
  }
  .refrences_grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
  }
  .refrences_grid .inner {
    padding: 0 20px 20px;
  }
  /* Refrences end */
  /* Contacts begin */
  .contacts_wrapper > div {
    padding: 0 24px;
  }
  .contacts_inner {
    width: 100%;
    padding: 0;
  }
  /*.mobile_show {*/
  /*  display: block !important;*/
  /*}*/
  .contacts_sides {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .contacts_sides .sides {
    display: block;
    order: 0;
  }
  .contacts_sides .sides + .sides {
    order: 2;
    padding: 24px 0 0;
  }
  .contacts_sides .sides:first-child {
    padding: 0 0 24px;
  }
  .contacts_sides .l_side {
    width: 100%;
  }
  .contacts_sides .r_side {
    width: 100%;
  }
  .contacts_sides h3 {
    padding: 0 0 24px;
    max-width: 100500px;
  }
  .contacts_sides footer {
    display: none;
  }
  #simple_map {
    width: 100%;
    height: 320px;
    position: static;
    order: 1;
  }
  /* Contacts end */
  /* Vacancies begin */
  .career_wrapper {
    padding: 20px 0;
  }
  .career_wrapper > div {
    padding: 0 16px;
  }
  .career_wrapper h2 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .vacancy_sides {
    display: block;
  }
  .vacancy_inner {
    width: 100%;
    margin: 0 0 24px;
    padding: 24px;
  }
  .vacancy_inner h3 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .become_side {
    width: 100%;
    padding: 24px;
  }
  .become_side h3 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .vacancies_grid {
    grid-template-columns: 1fr;
    grid-gap: 16px 16px;
  }
  .vacancies_grid article {
    padding: 20px;
  }
  .vacancies_grid article::before {
    right: 20px;
  }
  .vacancies_grid h3 {
    font-size: 18px;
  }
  /* Vacancies end */
  /* About begin */
  .about_wrapper {
    padding: 32px 0;
    background-size: 80% auto;
  }
  .about_wrapper > div {
    padding: 0 16px;
  }
  .about_first {
    padding: 0 0 40px;
  }
  .about_first h2 {
    padding: 0 0 24px;
    font-size: 24px;
  }
  .about_sides {
    display: block;
  }
  .about_sides .r_side {
    width: 100%;
  }
  .about_text {
    width: 100%;
  }
  .missions_block h2 {
    padding: 0 0 24px;
    font-size: 24px;
  }
  .missions_grid {
    grid-template-columns: 1fr;
    grid-gap: 16px 16px;
  }
  /* About end */
  /* Colors begin */
  .colors_header {
    padding: 0 0 24px;
  }
  .colors_sides {
    display: block;
  }
  .colors_sides .l_side, .colors_sides .r_side {
    width: 100%;
  }
  .colors_grid {
    grid-template-columns: 1fr;
    grid-gap: 16px 16px;
    padding: 0 0 24px;
  }
  /* Colors end */
  /* Components begin */
  .components_block {
    padding: 40px 0;
  }
  .components_block > div {
    padding: 0 16px;
  }
  .components_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .components_grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .components_grid article {
    padding: 16px;
  }
  /* Components end */
}
@media (min-width: 768px) and (max-width: 1023px) {
                  .contacts_wrapper > div {
      display:block ;
    height: auto;
    padding: 0 16px 16px;
  }
  #simple_map {
      margin-top:20px;
  border-radius: 20px;
}
#simple_map::after{
    background-color:transparent;
}
  /* Header begin */
  #header > div {
    padding: 0 24px;
  }
  #header .r_side {
    padding: 0 54px 0 0;
  }
  #header.fix_me .toggler em {
    background-color: #292A2D;
  }
  .toggler {
    display: block;
  }
  .main_nav {
    display: none;
  }
  /* Header end */
  /* Index first begin */
  .index_first {
    height: auto;
    padding: 120px 0 240px;
  }
  .index_first > div {
    display: block;
    padding: 0 24px;
  }
  .index_first .l_side {
    width: 100%;
  }
  .index_images {
    width: 100%;
    height: 480px;
  }
  .tiny_slider {
    width: calc(100% - 48px);
    position: absolute;
    left: 24px;
    bottom: -220px;
  }
  /* Index first end */
  /* Index Implements begin */
  .index_implements {
    padding: 48px 0px;
  }
  .index_implements > div {
    padding: 0 24px;
  }
  .index_implements header {
    padding: 0 0 30px;
  }
  .index_implements h2 {
    font-size: 32px;
  }
  .implements_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px 16px;
  }
  .implements_grid figcaption {
    left: 24px;
    bottom: 24px;
  }
  .uni_link a {
    padding: 0 64px 0 24px;
  }
  /* Index Implements end */
  /* Index products begin */
  .index_products {
    padding: 0 0px 60px;
  }
  .index_products > div {
    padding: 0 24px;
  }
  .index_products header {
    padding: 0 0 30px;
  }
  .index_products h2 {
    font-size: 32px;
  }
  .category_slider {
    display: block;
    height: auto;
  }
  .category_slider .image {
    margin: 0 auto;
  }
  .category_slider .arrows {
    display: none;
  }
  .category_list {
    width: 100%;
    height: auto;
    padding: 16px 0 0;
    white-space: nowrap;
    position: relative;
  }
  .category_list ul {
    overflow-x: auto;
  }
  .category_list ul:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #FB5058;
    position: absolute;
    left: calc(50% - 4px);
    top: 12px;
    border-radius: 50%;
  }
  .category_list li {
    display: inline-block;
    position: static;
    padding: 0 16px 0 0;
  }
  .category_list li::before {
    display: none;
  }
  .category_list a {
    font-size: 18px;
  }
  /* Index products end */
  /* Index benefits begin */
  .index_benefits {
    padding: 0 0px 60px;
  }
  .index_benefits > div {
    padding: 0 24px;
  }
  .index_benefits header {
    padding: 0 0 30px;
  }
  .index_benefits h2 {
    font-size: 32px;
  }
  .index_benefits article {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    padding: 24px;
  }
  .index_benefits .icon {
    width: 48px;
  }
  .index_benefits .inner {
    width: calc(100% - 72px);
  }
  .index_benefits h3 {
    padding: 0 0 8px;
    font-size: 24px;
  }
  .benefits_three {
    grid-template-columns: 1fr;
  }
  .benefits_two {
    grid-template-columns: 1fr;
  }
  /* Index benefits end */
  /* Latest news begin */
  .latest_news {
    padding: 0 0px 60px;
  }
  .latest_news > div {
    padding: 0 24px;
  }
  .latest_news header {
    padding: 0 0 30px;
  }
  .latest_news h2 {
    font-size: 32px;
  }
  .news_three {
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }
  .news_three article {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
  }
  .news_three .image {
    width: 240px;
  }
  .news_three .inner {
    width: calc(100% - 260px);
    padding: 8px 0 0;
  }
  .news_three time {
    padding: 0 0 6px;
  }
  .news_three h3 {
    font-size: 21px;
  }
  /* Latest news end */
  /* Index partners begin */
  .index_partners {
    padding: 0 0px 60px;
  }
  .index_partners > div {
    padding: 0 24px;
  }
  .index_partners h2 {
    padding: 0 0 30px;
    font-size: 32px;
  }
  .partners_grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }
  .partners_grid figure {
    height: 240px;
    border-radius: 0 !important;
  }
  .partners_grid figure:last-child {
    grid-area: 3/1/4/3;
  }
  /* Index partners end */
  /* Footer begin */
  #footer {
    padding: 48px 0;
  }
  #footer > div {
    padding: 0 24px;
  }
  .footer_first {
    display: block;
    padding: 0 0 60px;
    position: relative;
  }
  .footer_first .r_side {
    width: 100%;
    padding: 60px 0 0;
  }
  .footer_links {
    position: absolute;
    right: 0;
    top: 0;
  }
  .footer_nav {
    width: 100%;
  }
  .footer_nav li {
    padding: 0 0 16px;
  }
  .footer_nav a {
    font-size: 21px;
  }
  .footer_nav a::before {
    display: none;
  }
  .footer_last {
    flex-direction: column-reverse;
    align-items: stretch;
    padding: 0;
  }
  .footer_last .r_side {
    justify-content: space-between;
    width: 100%;
    padding: 0 0 20px;
  }
  .jis {
    padding: 0 0 12px;
  }
  /* Footer end */
  /* Uni begin */
  .uni_center {
    padding: 120px 0 64px;
  }
  .uni_center > div {
    padding: 0 24px;
  }
  .uni_sides {
    display: block;
  }
  .uni_left {
    width: 100%;
    padding: 0 0 32px;
    position: relative;
    top: 0;
  }
  .uni_left h1 {
    padding: 0 0 30px;
    font-size: 36px;
  }
  .uni_content {
    width: 100%;
  }
  .left_nav {
    position: relative;
  }
  .left_nav::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .left_nav ul {
    display: none;
  }
  .left_nav select {
    display: block;
  }
  /* Uni end */
  /* Products begin */
  .prodcust_grid {
    grid-gap: 12px;
  }
  .product_wrapper > div {
    display: block;
    padding: 0 24px;
  }
  .product_image {
    width: 100%;
    position: static;
  }
  .product_side {
    width: 100%;
  }
  .product_content {
    width: 100%;
    padding: 40px;
  }
  .product_content h1 {
    font-size: 36px;
  }
  .document_grid {
    grid-template-columns: 1fr 1fr;
  }
  /* Products end */
  /* Solutions begin */
  .solutions_grid {
    grid-gap: 12px;
  }
  .solutions_grid .inner {
    padding: 24px;
  }
  .solution_block {
    padding: 48px 0;
  }
  .solution_block > div {
    padding: 0 24px;
  }
  /* Solutions end */
  /* Inner first begin */
  .inner_first > div {
    padding: 0 24px;
  }
  .inner_first.about {
    padding: 320px 0px 48px;
  }
  .inner_first.compact > div {
    padding: 0 24px;
  }
  /* Inner first end */
  /* Dealers begin */
  .dealer_filters > div {
    padding: 0 24px;
  }
  .dealers_block {
    padding: 36px 0 64px;
  }
  .dealers_block > div {
    padding: 0 24px;
  }
  .dealers_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
  }
  /* Dealers end */
  /* Calculator begin */
  .calculator_block {
    padding: 40px 0 90px;
  }
  .calculator_block > div {
    padding: 0 24px;
  }
  /* Calculator end */
  /* Refrences begin */
  .refrences_h2 {
    padding: 0 0 30px;
    font-size: 36px;
  }
  .refrences_grid {
    grid-gap: 16px;
  }
  .refrences_grid .inner {
    padding: 0 20px 20px;
  }
  /* Refrences end */
  /* Contacts begin */
  .contacts_wrapper > div {
    padding: 0 24px;
  }
  .contacts_inner {
    width: 100%;
    padding: 0;
  }
  /*.mobile_show {*/
  /*  display: block !important;*/
  /*}*/
  .contacts_sides {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .contacts_sides .sides {
    order: 0;
  }
  .contacts_sides .sides + .sides {
    order: 2;
    padding: 24px 0 0;
  }
  .contacts_sides .sides:first-child {
    padding: 0 0 24px;
  }
  .contacts_sides footer {
    display: none;
  }
  #simple_map {
    width: 100%;
    height: 320px;
    position: static;
    order: 1;
  }
  /* Contacts end */
  /* Vacancies begin */
  .career_wrapper {
    padding: 40px 0;
  }
  .career_wrapper > div {
    padding: 0 24px;
  }
  .career_wrapper h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .vacancy_sides {
    display: block;
  }
  .vacancy_inner {
    width: 100%;
    margin: 0 0 24px;
    padding: 32px;
  }
  .vacancy_inner h3 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .become_side {
    width: 100%;
    padding: 32px;
  }
  .become_side h3 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .vacancies_grid article {
    padding: 20px;
  }
  .vacancies_grid article::before {
    right: 20px;
  }
  .vacancies_grid h3 {
    font-size: 18px;
  }
  /* Vacancies end */
  /* About begin */
  .about_wrapper {
    padding: 40px 0;
  }
  .about_wrapper > div {
    padding: 0 24px;
  }
  .about_first {
    padding: 0 0 40px;
  }
  .about_first h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .about_sides .r_side {
    width: calc(40% - 24px);
  }
  .about_text {
    width: calc(60% - 24px);
  }
  .missions_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .missions_grid {
    grid-template-columns: 1fr 1fr;
  }
  /* About end */
  /* Colors begin */
  .colors_header {
    padding: 0 0 24px;
  }
  .colors_sides {
    display: block;
  }
  .colors_sides .l_side, .colors_sides .r_side {
    width: 100%;
  }
  .colors_grid {
    grid-template-columns: 1fr 1fr;
    padding: 0 0 24px;
  }
  /* Colors end */
  /* Components begin */
  .components_block {
    padding: 40px 0;
  }
  .components_block > div {
    padding: 0 24px;
  }
  .components_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .components_grid {
    grid-template-columns: 1fr 1fr;
  }
  /* Components end */
}
@media (min-width: 1024px) and (max-width: 1280px) {
  /* Products begin */
  .product_content {
    padding: 40px;
  }
  /* Products end */
  /* Index products begin */
  .category_list a {
    font-size: 21px;
  }
  /* Index products end */
  .document_grid {
    grid-template-columns: 1fr 1fr;
  }
  /* Colors begin */
  .colors_grid {
    grid-template-columns: 1fr 1fr;
  }
  /* Colors end */
}
@media (min-width: 1601px) and (max-width: 2920px) {
  #header > div {
    max-width: 1800px;
  }
  .index_first > div {
    max-width: 1800px;
  }
  .logo a {
    width: 110px;
    height: 34px;
    background-size: contain;
  }
  .main_nav a {
    font-size: 18px;
  }
  .lang > a {
    font-size: 16px;
  }
  .lang div a {
    font-size: 16px;
  }
  .index_inner h2 {
    font-size: 54px;
  }
  .index_inner p {
    font-size: 18px;
  }
  .index_inner .link a {
    font-size: 16px;
  }
  .tiny_slider {
    width: 640px;
  }
  .tiny_slider h3 {
    font-size: 24px;
  }
  .tiny_slider p {
    font-size: 16px;
  }
  .index_implements > div {
    max-width: 1800px;
  }
  .index_products > div {
    max-width: 1800px;
  }
  .index_benefits > div {
    max-width: 1800px;
  }
  .latest_news > div {
    max-width: 1800px;
  }
  .index_partners > div {
    max-width: 1800px;
  }
  #footer > div {
    max-width: 1800px;
  }
}