/* compiled by scssphp 1.10.2 on Mon, 23 Mar 2026 19:01:17 +0000 (0.1399s) */

/* Services SCSS Document */
/* Variable defaults */
/* Typography */
/* Typography responsive */
/* Colors */
/* headings */
/* Headings responsive */
/* H1 heading */
/* H1 heading responsive */
/* H2 heading */
/* H2 heading responsive */
/* H3 heading */
/* H2 heading responsive */
/* H4 heading */
/* H4 heading responsive */
/* Images */
/* Videos */
/* Forms */
/* Forms responsive */
/* Buttons */
/* Buttons responsive */
/* Grids */
/* Grids responsive */
/* Layout */
/* Layout responsive */
/* Header */
/* Header responsive */
/* Navigation */
/* Navigation responsive */
/* Rotator */
/* Rotator responsive */
/* Footer */
/* Footer responsive */
/* Offcanvas */
/* Offcanvas responsive */
/* Responsive Sizes */
/* Grid Percentages */
/* All from mobile up (responsive all) */
@media all {
  .service-details .uk-grid > div > * {
    margin-top: 0px;
  }
  .service-details .floated-left, .service-details .floated-right {
    max-width: 45%;
  }
  .service-details .service-image img {
    border-radius: 0px;
    overflow: hidden;
  }
  .two-col {
    column-count: 2;
    gap: 40px;
  }
  .verticle-size img {
    min-height: 700px;
    object-fit: cover;
  }
  .ks-block {
    display: flex;
  }
  .ks-block .ks-left, .ks-block .ks-right {
    width: calc(50% - 20px);
  }
  .ks-block .ks-left {
    margin-right: 20px;
  }
  .ks-block .ks-right {
    margin-left: 20px;
  }
  .bottom-img picture {
    border-radius: 0px 0px 100px 0px;
  }
  .bottom-img img {
    min-height: 700px;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
  .main-size picture, .main-size img {
    width: 100%;
    min-width: 100%;
  }
  .seperater p {
    margin: 0px;
  }
  .gallery-item {
    max-height: 800px;
  }
  .gallery-item a {
    width: 100%;
    height: 100%;
  }
  .gallery-item picture {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
  }
  .gallery-item img {
    max-height: 800px;
    object-fit: cover;
  }
}
/* All from tablet below (responsive all) */
@media (max-width: 1400px) {
  .verticle-size img {
    min-height: 400px;
    object-fit: cover;
  }
}
@media (max-width: 1200px) {
  .two-col {
    column-count: 1;
  }
  .bottom-img picture {
    width: 100%;
  }
  .bottom-img .img {
    width: 100%;
    object-fit: cover;
  }
  .seperater .page-block-column {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 630px) {
  .seperater .page-block-column, .seperater .page-block-column-inner {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 600px) {
  .ks-block {
    display: flex;
    flex-direction: column;
  }
  .ks-block .ks-left, .ks-block .ks-right {
    width: 100%;
  }
  .bottom-img img, .bottom-img picture {
    min-height: 400px;
    width: 100%;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22edit%2Fmodules%2Fprojectgalleries%2Fprojectgalleries.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAIQ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAOR%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAzFR%3BAAkGA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAEI%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAMR%3BAAEQ%3BAAAA%3BAAAA%3BAAAA%3BAAMR%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */