@media only screen and (max-width: 769px){
    .skin-result {
    height: 326px;
    padding-top:60%;
  }
  
  .skin-nav{
      margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .Slider {
    margin-bottom: 0 !important;
  }
  .slids {
    padding: 3rem 1rem;
  }
  .section-category,
  .section-advantage,
  .section-coment {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .section-about {
    padding-top: 7rem;
  }
  .category .category-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
  }
  /* .advantage {
    display: block;
    text-align: center;
  }
  .advantage .img-box {
    margin: 0 0 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 10rem;
  } */
  .about {
    padding-right: 0;
  }
  .footer-top {
    display: block;
  }
  .footer-box::before {
    display: none;
  }
  .footer-logo {
    width: auto;
    padding: 0;
  }
  .footer-data,
  .footer-contact {
    width: auto;
    padding: 0;
    margin: 4rem 0 0;
  }
  .footer-bottom {
    display: block;
  }
  .footer-left,
  .footer-right {
    padding-top: 0;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .sitework {
    text-align: left;
  }
  .footer-bottom-box {
    padding: 2rem 0;
  }
  .section-about .imgBox {
    height: 49rem;
  }
  .contact {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .breadcrumb {
    padding-top: 2.5rem;
    margin-bottom: 3rem;
  }
  .content {
    padding-bottom: 7rem;
  }
  .section-last {
    margin-bottom: -7rem !important;
  }
  .card {
    margin-bottom: 7rem;
    padding-bottom: 7rem;
  }
  .check-nav .check-nav-box span {
    border-bottom-color: transparent;
  }

    .skin-result .fartuk {
        top: 49%;
        transform: translateY(-50%);
    }
    
    .skin-result .top-block {
        right: 0;
        height: 38%;
    }
    
    .skin-result .compt-block {
        top: 63%;
    }
  
}
@media only screen and (max-width: 575px) {
  .btn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.8rem;
  }
  .section-title {
    margin: 0 0 3rem;
  }
  .section-title h2 {
    font-size: 3.6rem;
  }
  h1 {
    font-size: 3.6rem;
  }
  h2 {
    font-size: 3rem;
  }
  blockquote {
    padding-left: 1.5rem;
    font-size: 1.8rem;
  }
  .slids {
    font-size: 2rem;
  }
  .slids .name {
    font-size: 3.6rem;
  }
  .footer-bottom-box {
    display: block;
  }
  .footer-bottom-box .lock {
    padding-top: 1rem;
  }
  .section-about .imgBox {
    height: 42rem;
  }
  .form-coment {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding: 2rem 1.5rem;
  }
  .form-coment h2 {
    font-size: 3rem;
  }
  .form-coment .btn {
    width: 100%;
  }
  .btn-load {
    max-width: 100%;
  }
  .form-code {
    max-width: 100%;
  }
  .form-code .form-code-img {
    width: 9rem;
  }
  .form-code .form-element .form-error {
    padding-left: 10rem;
    padding-right: 5rem;
  }
  .form-code .tx {
    padding-left: 10rem;
    padding-right: 4.5rem;
  }
  .form-code button {
    width: 4rem;
  }
  .coment {
    padding: 2rem 1.5rem;
  }
  .form-popup h2 {
    font-size: 3.6rem;
    line-height: 1.1;
  }
  .popup-box {
    padding: 3rem 1.5rem;
  }
  .popup-green .popup-box {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .popup-thanks h2 {
    line-height: 1.1;
  }
  .close-popup {
    top: 1rem;
    right: 1rem;
  }
  .page-none {
    -webkit-background-size: 600px auto;
            background-size: 600px auto;
    background-position: 54% 0;
  }
  .page-none-404 {
    height: 17rem;
  }
  .search-page h1 {
    font-size: 4rem;
  }
  .search-page p {
    font-size: 2rem;
  }
  .from-callback {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .from-callback h2 {
    font-size: 3.6rem;
  }
  .filter {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .card-row {
    padding-left: 0;
    padding-right: 0;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .section-item h2 {
    font-size: 3.7rem;
  }
  .list-skinali >li {
    width: 50%;
  }
  .skin-content {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .skin {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .check-nav .check-nav-box {
    font-size: 1.4rem;
  }
  .fitting_types ul {
    display: block;
    width: 100%;
    margin: 8px 0;
    text-align: center;
    }
    
    .fitting_types {
        justify-content: center;
    }
    
    .fitting_lists .items.type_cat {
        margin: 0 0 20px;
    }
    
    .fitting_items {
        margin: 0;
    }
    
    .fitting_items .item_tab .item {
        margin: 0 0 20px;
        height: auto;
    }
    
    .fitting_items .item_tab .row {
        align-items: start;
    }
    
    .fitting_lists .order-1-xs {
        order: 1;
    }
    
    .fitting_lists .order-2-xs {
        order: 2;
    }
    
    .skin-result {
        height: 236px;
    }
    .skin-result .fartuk img{
        width: 62%;
    }
}

.section-index-top .image-mob{
    display:none;
}

@media (max-width:530px) {
    .skin-result .bottom-block {
        height: 33%;
    }
    .skin-result .top-block {
        height: 40%;
    }
    
}

@media(max-width: 500px){
    .section-index-top .image{
        display:none;
    }
    
    .section-index-top .image-mob{
        display:block;
    }
    
    .AboutSlider .slick-arrow {
        height: 4rem;
        width: 4rem;
    }
}

@media only screen and (max-width: 424px){
    .advantage{
        flex-direction:column;
    }
    
    .advantage .advantage-cont {
      text-align: center;
      font-size: 1.4rem;
    }
    .advantage .img-box {
        width: 3rem;
        margin-bottom: 1rem;
        margin-right: 0;
    }
    
    .skin-result {
        height: 176px;
    }
    
    .skin-result .fartuk img{
        width: 47%;
    }
}