/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_basicfit/cartridge/client/default/scss/pages/singleimagecomponent.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.single-image {
  margin: 0 auto;
  max-width: 1280px;
  padding: 65px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .single-image {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-image {
    padding: 45px 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
  .single-image {
    padding: 50px 30px;
  }
}

.single-image__picture {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .single-image__main-title {
    padding: 0 16px;
  }
}

.single-image__desktop-img {
  display: block;
  height: 100%;
  max-width: 800px;
  width: 100%;
}

.single-image--centered img {
  margin: 0 auto;
}

.single-image--left img {
  margin-right: auto;
}

.single-image--right img {
  margin-left: auto;
}

/*# sourceMappingURL=singleimagecomponent.css.map*/