.services { }
    .services .services-list { display:flex; flex-wrap:wrap;  }
    .services .services-list .services-item{ width:calc(50% - 17px); border:1px solid var(--color5); display:flex; flex-wrap:nowrap; position:relative; cursor:pointer; }
    .services .services-list .services-item:nth-child(odd){ margin:0 15px 30px 0;  } /*liche*/
    .services .services-list .services-item:nth-child(even){ margin:0 0 30px 15px;  } /*sude*/
    .services .services-list .services-item a{ position:absolute; right:0; bottom:0; width:60px; height:60px; display:block;
                                               background-image:url(/Images/services-link.svg); background-repeat:no-repeat; background-position:right bottom;
                                               background-size:50px;
    }
        .services .services-list .services-item .serv-img { width:40%; }
        .services .services-list .services-item .serv-img .serv-img-content{ aspect-ratio: 3 / 2; /* poměr stran */
  width: 100%; height:100%;
  position: relative;
  overflow: hidden; display:flex; }
        .services .services-list .services-item .serv-img .serv-img-content img{ width:100%; height:100%; object-fit:cover; display:block; inset: 0;  }
        .services .services-list .services-item .serv-text { width:60%; box-sizing:border-box; padding:30px; }
        .services .services-list .services-item .serv-text .title{ font-size:1.2rem; text-transform:uppercase; font-weight:600; padding-bottom:1rem; }
        .services .services-list .services-item .serv-text .desc{ }

.service-content img{ float:right; width:40%; margin-left:2rem; margin-bottom:2rem; }
.drob-menu { display:flex; justify-content:flex-end; padding:0.5rem 0 1rem 0; }
        

@media all and (max-width: 1420px) {
    .services .services-list .services-item .serv-text .title{ font-size:1.1rem; padding-bottom:0.5rem; }
}

@media all and (max-width: 75em) {
    
}

@media all and (max-width: 68em) {
    .services .services-list .services-item,.services .services-list .services-item:nth-child(odd),.services .services-list .services-item:nth-child(even) { width:100%; margin:0; margin-bottom:15px; }
}

@media all and (max-width: 36em) {
    .services .services-list .services-item { flex-wrap:wrap; }
        .services .services-list .services-item .serv-img { width:100%; }
        .services .services-list .services-item .serv-text { width:100%; }
    .service-content img { margin:0; margin-bottom:1rem; width:100%; }
}