@media only screen and (max-width: 767px) {
  .solution-separate-row .col-sm.active_select{
    z-index: 19;
  }
  .form-code{
    width: 100%;
  }
  .panel-one li:last-child{
    display: block;
  }
  .clear-fav{
    position: static;
  }
  .item{
    min-height: 1px;
  }
  .btn.btn-icon-phone{
    padding-left: 0;
    padding-right: 0;
  }
  .footer-navigation {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    padding: 0 0 5rem;
  }
  .footer-info {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    width: 50%;
  }
  .footer-data {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    width: 50%;
  }
  .section-about::before,
  .section-about::after {
    display: none;
  }
  .about .about-box {
    padding-right: 1.5rem;
  }
  .about .about-box::before {
    background: #f8f9fb;
    -webkit-transform: skewY(0deg);
        -ms-transform: skewY(0deg);
         -o-transform: skewY(0deg);
            transform: skewY(0deg);
  }
  .about .about-btn {
    margin: -1.5rem -0.8rem 0;
  }
  .about .about-btn >div {
    padding: 1.5rem 0.8rem 0;
  }
  .section-category,
  .section-carusel,
  .section-advantage,
  .section-object,
  .card-section,
  .card-content {
    margin-bottom: 9rem;
  }
  .section-category-title {
    padding-top: 7rem;
    padding-bottom: 20rem;
  }
  .about .section-title {
    margin-bottom: 3rem;
  }
  .about h3 {
    margin-bottom: 3rem;
  }
  .about p {
    margin-bottom: 3rem;
  }
  .section-about {
    padding-bottom: 0;
    margin-bottom: 9rem;
  }
  .section-advantage h2 {
    padding-top: 8rem;
    margin-bottom: 8rem;
  }
  .object {
    display: block;
  }
  .object .section-title {
    margin-bottom: 3rem;
  }
  .object .more {
    position: relative;
    right: auto;
    top: auto;
    margin: 4rem 0 0;
  }
  .section-contact .main-ad-info {
    margin-bottom: 5rem;
  }
  .section-contact h2 {
    margin-bottom: 3rem;
  }
  .contact-icon {
    margin-top: 9rem;
  }
  .content {
    padding-bottom: 9rem;
    overflow: hidden;
  }
  .page-none,
  .column {
    margin-bottom: 0 !important;
  }
  .panel-three {
    display: none;
  }
  .panel-one {
    width: 30%;
  }
  .panel-two,
  .panel-four {
    width: 35%;
  }
  .navigation >li {
    max-width: inherit;
    -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
            flex-basis: 33%;
  }
  .fancybox-image .fancybox-slide {
    padding: 3rem;
  }
  .fancybox-image .btn-fancybox {
    right: -2rem;
    top: -2rem;
  }
  .btn-fancybox {
    font-size: 0;
    background: rgba(228,3,45,0.75);
    height: 4rem;
    width: 4rem;
  }
  .btn-fancybox i {
    margin: 0;
    font-size: 1.8rem;
  }
  .page-none {
    padding-top: 3rem;
  }
  .list-about-adv.TabNavJs {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .list-about-adv.TabNavJs >li {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .about-contact-text {
    padding-top: 0;
  }
  .about-section {
    margin-bottom: 12rem;
  }
  .title-left-icon {
    margin-bottom: 5rem;
  }
  .dealer .dealer-marker,
  .dealer .dealer-phone,
  .dealer .dealer-mail,
  .dealer .dealer-link {
    width: 100%;
  }
  #dealer-map,
  #contact-map {
    height: 40rem;
  }
  .history-table-content,
  .basket-table-content {
    width: 50%;
  }
  .daterangepicker{
    padding-top: 30px;
  }
  .daterangepicker .drp-calendar.left{
    margin: 0 auto;
  }
  .daterangepicker .drp-calendar.right{
    margin: 0 auto;
  }
}
@media only screen and (max-width: 575px) {
  .solution-separate .solution-separate-row.row .col-sm{
    max-width: 100%;
    margin-left: 0;
  }
  .logo img {
    width: 100%;
    max-width: 16.4rem;
  }
  .ymaps-2-1-77-balloon-content__header{
    padding-bottom: 5px;
  }
  #contact-map ul li,#dealer-map ul li{
    margin-bottom: 0;
  }
  .ymaps-2-1-77-balloon__close+.ymaps-2-1-77-balloon__content ymaps{
    width: 100% !important;
  }
  .ymaps-2-1-77-balloon__close + .ymaps-2-1-77-balloon__content{
    padding: 10px 12px !important;
  }
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.8rem;
    margin-top: 5.5rem;
  }
  .section-category-title h2 {
    padding-left: 4.5rem;
    font-size: 3.6rem;
  }
  .inner-title::before {
    top: 1rem;
  }
  .about h3 {
    font-size: 2.8rem;
  }
  .section-contact h2 {
    font-size: 2.6rem;
  }
  .section-advantage h2 {
    font-size: 2.8rem;
  }
  .about p {
    font-size: 2.1rem;
  }
  .contact-data {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .footer-navigation {
    display: block;
    padding-bottom: 0;
  }
  .footer-navigation-one,
  .footer-navigation-two {
    width: 100%;
    padding: 0 0 5rem;
  }
  .footer-nav li a {
    font-size: 1.8rem;
  }
  .object h2 {
    font-size: 2.5rem;
  }
  .list-object-photo {
    margin: 0 -0.5rem;
  }
  .list-object-photo >li {
    padding: 0 0.5rem;
  }
  .logo {
    -webkit-flex-basis: 15rem;
        -ms-flex-preferred-size: 15rem;
            flex-basis: 15rem;
  }
  .panel-content {
    display: block;
  }
  .panel-menu li {
    padding-bottom: 1.5rem;
  }
  .panel-one,
  .panel-two {
    width: auto;
    padding: 0 0 1.5rem;
  }
  .panel-four {
    width: auto;
    padding: 2.5rem 0 0;
  }
  .panel-slogan {
    margin-bottom: 3rem;
  }
  .information {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .CardTabNav >li {
    max-width: inherit;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .card-sub-left,
  .card-sub-right {
    width: 100%;
  }
  .card-sub-right {
    padding: 4rem 0 0;
  }
  .list-card-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .list-card-link >li {
    width: 50%;
  }
  .card-section {
    margin-bottom: 5rem;
  }
  .card-diller {
    padding-left: 4rem;
  }
  .card-diller .box-icon {
    position: static;
  }
  .card-top {
    margin-bottom: 7rem;
  }
  .card .inner-title {
    margin-bottom: 7rem;
  }
  .CardSliderNav {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .CardSliderNav .slids {
    height: 11rem;
  }
  .CardSliderNav .slick-list {
    padding: 0 0.5rem;
  }
  .CardSlider {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .CardSlider .slick-slide {
    padding: 0 1.5rem;
  }
  .section-text {
    margin-top: 11rem;
  }
  .section-text h2 {
    padding: 7rem 0 0;
    margin-bottom: 4rem;
  }
  .section-text h2::before {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) skewY(-25deg);
        -ms-transform: translateX(-50%) skewY(-25deg);
         -o-transform: translateX(-50%) skewY(-25deg);
            transform: translateX(-50%) skewY(-25deg);
  }
  .video-conteiner .play {
    font-size: 8rem;
  }
  .direction::before {
    right: 0rem !important;
  }
  .list-service-inner {
    margin-bottom: 9rem;
  }
  .media-nav li {
    width: 50%;
  }
  .media-nav li .media-nav-more {
    display: none;
  }
  .media-nav .drop-box {
    position: static;
    opacity: 1;
    height: auto;
    overflow: visible;
    margin-left: 1px;
  }
  .media-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .media-nav ul >li {
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .popup-video .close-popup {
    top: 6rem;
    right: 1rem;
  }
  .header-data >li {
    padding-left: 1.5rem;
  }
  .header-nav {
    -webkit-flex-basis: 4.5rem;
        -ms-flex-preferred-size: 4.5rem;
            flex-basis: 4.5rem;
  }
  .panel-contact {
    margin-bottom: 3rem;
  }
  .panel-contact .mail {
    margin-bottom: 2rem;
  }
  .panel-menu li a {
    padding-bottom: 0.8rem;
  }
  .title-popup {
    padding: 6rem 0 0;
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .partner-form {
    padding: 0;
  }
  .fancybox-video .btn-fancybox {
    top: 2rem;
    right: 1.5rem;
  }
  .artilce-column-left {
    padding-right: 0;
  }
  .aricle-social {
    position: static;
  }
  .aricle-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -1rem -0.5rem 0;
  }
  .aricle-social >li {
    padding: 1rem 0.5rem 0;
  }
  .about-site {
    margin: 0;
  }
  .list-etap li {
    width: 28rem;
    -webkit-flex-basis: 28rem;
        -ms-flex-preferred-size: 28rem;
            flex-basis: 28rem;
    margin-right: 4rem;
  }
  .inforamtion {
    padding: 3rem;
  }
  .inforamtion .list-img {
    margin-left: -3rem;
  }
  .inforamtion .list-img >li {
    padding-left: 3rem;
  }
  .list-about-adv.TabNavJs >li a {
    font-size: 2rem;
  }
  .list-about-adv.TabNavJs >li a .box-icon {
    font-size: 6rem;
    height: 7rem;
  }
  .about-adv {
    font-size: 2.2rem;
  }
  .title-center-icon h2 {
    font-size: 3.6rem;
  }
  .title-left-icon h2 {
    font-size: 4rem;
  }
  .list-event >li {
    width: 100%;
  }
  .list-specification >li {
    padding-right: 1.5rem;
  }
  .btn-icon-phone {
    background-image: none !important;
  }
  .table-contact-content >div {
    padding: 0;
  }
  .table-contact-content .marker,
  .table-contact-content .phone,
  .table-contact-content .mail {
    width: 100%;
  }
  .table-contact-content .marker img {
    margin: 0;
  }
  .main-basket {
    width: auto;
    left: 0;
  }
  .main-basket .main-basket-total {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .main-basket-item .pirce-all {
    text-align: left;
  }
  .main-basket-top {
    padding-left: 1.5rem;
  }
  .main-basket-bottom {
    padding: 0 1.5rem;
  }
  .main-basket-button {
    padding: 2rem 1.5rem;
    margin: 0 -1.5rem;
  }
  .main-basket-top .MainBasketNav {
    padding-top: 0;
  }
}