@media screen and (max-width: 930px) {
  .configurator .ConfiguratorStepAccessories {
    max-width: 600px;
  }
  .configurator .step ul.construction-types {
    max-width: 100%;
    text-align: center;
  }
  .configurator .step ul.construction-types li {
    margin-top: 0;
    float: none;
    display: inline-block;
  }
  .configurator .step .col-centered {
    width: 100%;
  }
  .configurator .preview {
    width: 100%;
    background-size: contain;
    background-position: top left;
  }
  .configurator .preview__door img,
  .configurator .preview__walls img,
  .configurator .preview__walls-texture img,
  .configurator .preview__ceiling img,
  .configurator .preview__roof img,
  .configurator .preview__roof-texture img,
  .configurator .preview__labels img,
  .configurator .preview__door svg,
  .configurator .preview__walls svg,
  .configurator .preview__walls-texture svg,
  .configurator .preview__ceiling svg,
  .configurator .preview__roof svg,
  .configurator .preview__roof-texture svg,
  .configurator .preview__labels svg {
    width: 100%;
    height: auto;
  }
  .configurator .preview__door .preview__labels__bg-walls,
  .configurator .preview__walls .preview__labels__bg-walls,
  .configurator .preview__walls-texture .preview__labels__bg-walls,
  .configurator .preview__ceiling .preview__labels__bg-walls,
  .configurator .preview__roof .preview__labels__bg-walls,
  .configurator .preview__roof-texture .preview__labels__bg-walls,
  .configurator .preview__labels .preview__labels__bg-walls,
  .configurator .preview__door .preview__labels__bg-roof,
  .configurator .preview__walls .preview__labels__bg-roof,
  .configurator .preview__walls-texture .preview__labels__bg-roof,
  .configurator .preview__ceiling .preview__labels__bg-roof,
  .configurator .preview__roof .preview__labels__bg-roof,
  .configurator .preview__roof-texture .preview__labels__bg-roof,
  .configurator .preview__labels .preview__labels__bg-roof {
    background-size: contain !important;
  }
  .configurator .preview__roof,
  .configurator .preview__walls,
  .configurator .preview__ceiling,
  .configurator .preview__roof {
    padding-bottom: 75.1578947%;
    /*this is your height/width ratio*/
    height: 0;
  }
  .configurator .preview__roof svg,
  .configurator .preview__walls svg,
  .configurator .preview__ceiling svg,
  .configurator .preview__roof svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .configurator .preview__labels--p1 .preview__labels__walls {
    bottom: 75.350140056022%;
    right: 76%;
  }
  .configurator .preview__labels--p1 .preview__labels__roof {
    bottom: 84.313725490196%;
    right: 63.789473684211%;
  }
  .configurator .preview__labels--p1 .preview__labels__depth {
    width: 47.7894737%;
    left: 1.2631579%;
    top: 76.1904762%;
  }
  .configurator .preview__labels--p1 .preview__labels__width {
    width: 45.6842105%;
    left: 54.5263158%;
    top: 79.2717087%;
  }
  .configurator .preview__labels--s1 .preview__labels__walls {
    bottom: 75.070028011204%;
    right: 76%;
  }
  .configurator .preview__labels--s1 .preview__labels__roof {
    bottom: 83.75350140056%;
    right: 63.368421052632%;
  }
  .configurator .preview__labels--s1 .preview__labels__width {
    top: 75.3501401%;
    left: 55.7894737%;
    width: 33.4736842%;
  }
  .configurator .preview__labels--s1 .preview__labels__depth {
    top: 73.109243697479%;
    left: 10.315789473684%;
    width: 40.210526315789%;
  }
  .configurator .preview__labels--p2_1b .preview__labels__walls {
    bottom: 70.3081232493%;
    right: 76.631578947368%;
  }
  .configurator .preview__labels--p2_1b .preview__labels__roof {
    bottom: 78.711484593838%;
    right: 66.105263157895%;
  }
  .configurator .preview__labels--p2_1b .preview__labels__width {
    top: 69.747899159664%;
    left: 42.736842105263%;
    width: 56%;
  }
  .configurator .preview__labels--p2_1b .preview__labels__depth {
    top: 68.90756302521%;
    left: 0.21052631578947%;
    width: 37.473684210526%;
  }
  .configurator .preview__labels--p2_2b .preview__labels__walls {
    bottom: 71.708683473389%;
    right: 74.947368421053%;
  }
  .configurator .preview__labels--p2_2b .preview__labels__roof {
    bottom: 80.112044817927%;
    right: 64.631578947368%;
  }
  .configurator .preview__labels--p2_2b .preview__labels__width {
    top: 70.028011204482%;
    left: 41.894736842105%;
    width: 57.894736842105%;
  }
  .configurator .preview__labels--p2_2b .preview__labels__depth {
    top: 69.467787114846%;
    left: 0.42105263157895%;
    width: 36.842105263158%;
  }
  .configurator .preview__labels--s2_1b .preview__labels__walls {
    bottom: 74.229691876751%;
    right: 76.210526315789%;
  }
  .configurator .preview__labels--s2_1b .preview__labels__roof {
    bottom: 84.313725490196%;
    right: 68.210526315789%;
  }
  .configurator .preview__labels--s2_1b .preview__labels__width {
    top: 71.708683473389%;
    left: 42.736842105263%;
    width: 56.210526315789%;
  }
  .configurator .preview__labels--s2_1b .preview__labels__depth {
    top: 70.868347338936%;
    left: 0.42105263157895%;
    width: 37.052631578947%;
  }
  .configurator .preview__labels--s2_2b .preview__labels__walls {
    bottom: 74.229691876751%;
    right: 76.210526315789%;
  }
  .configurator .preview__labels--s2_2b .preview__labels__roof {
    bottom: 84.313725490196%;
    right: 68.210526315789%;
  }
  .configurator .preview__labels--s2_2b .preview__labels__width {
    top: 71.988795518207%;
    left: 42.526315789474%;
    width: 55.578947368421%;
  }
  .configurator .preview__labels--s2_2b .preview__labels__depth {
    top: 71.148459383754%;
    left: 0.21052631578947%;
    width: 36.842105263158%;
  }
  .configurator .preview__labels--radove .preview__labels__walls {
    bottom: 71.708683473389%;
    right: 75.157894736842%;
  }
  .configurator .preview__labels--radove .preview__labels__roof {
    bottom: 80.112044817927%;
    right: 64.631578947368%;
  }
  .configurator .preview__labels--radove .preview__labels__width {
    top: 67.50700280112%;
    left: 35.368421052632%;
    width: 67.578947368421%;
  }
  .configurator .preview__labels--radove .preview__labels__depth {
    top: 68.347338935574%;
    left: 0.21052631578947%;
    width: 29.894736842105%;
  }


  .configurator .preview__labels--domcek-pultova .preview__labels__walls {
    bottom: 77.310924369748%;
    right: 74.105263157895%;
  }
  .configurator .preview__labels--domcek-pultova .preview__labels__roof {
    bottom: 86.834733893557%;
    right: 61.684210526316%;
  }
  .configurator .preview__labels--domcek-pultova .preview__labels__width {
    left: 47.947%;
    top: 88.431%;
    width: 36%;
  }
  .configurator .preview__labels--domcek-pultova .preview__labels__depth {
    left: 7.105%;
    top: 83.311%;
    width: 27.789473684211%;
  }

  .configurator .preview__labels--domcek-sedlova .preview__labels__walls {
    bottom: 77.310924369748%;
    right: 74.105263157895%;
  }
  .configurator .preview__labels--domcek-sedlova .preview__labels__roof {
    bottom: 86.834733893557%;
    right: 61.684210526316%;
  }
  .configurator .preview__labels--domcek-sedlova .preview__labels__width {
    left: 47.947%;
    top: 88.431%;
    width: 36%;
  }
  .configurator .preview__labels--domcek-sedlova .preview__labels__depth {
    left: 7.105%;
    top: 83.311%;
    width: 27.789473684211%;
  }



  .configurator .preview__labels--pristresok1 .preview__labels__walls {
    bottom: 71.988795518207%;
    right: 76.210526315789%;
  }
  .configurator .preview__labels--pristresok1 .preview__labels__roof {
    bottom: 79.551820728291%;
    right: 63.789473684211%;
  }
  .configurator .preview__labels--pristresok1 .preview__labels__width {
    top: 77.03081232493%;
    left: 54.105263157895%;
    width: 33.263157894737%;
  }
  .configurator .preview__labels--pristresok1 .preview__labels__depth {
    top: 75.070028011204%;
    left: 11.578947368421%;
    width: 36.631578947368%;
  }
  .configurator .preview__labels--pristresok2 .preview__labels__walls {
    bottom: 72.268907563025%;
    right: 76.421052631579%;
  }
  .configurator .preview__labels--pristresok2 .preview__labels__roof {
    bottom: 79.551820728291%;
    right: 63.789473684211%;
  }
  .configurator .preview__labels--pristresok2 .preview__labels__width {
    top: 74.509803921569%;
    left: 48.210526315789%;
    width: 40.421052631579%;
  }
  .configurator .preview__labels--pristresok2 .preview__labels__depth {
    top: 73.669467787115%;
    left: 8.8421052631579%;
    width: 33.894736842105%;
  }


  .configurator .preview__labels--pristresok .preview__labels__walls {
    bottom: 71.988795518207%;
    right: 76.210526315789%;
  }
  .configurator .preview__labels--pristresok .preview__labels__roof {
    bottom: 79.551820728291%;
    right: 63.789473684211%;
  }
  .configurator .preview__labels--pristresok .preview__labels__width {
    top: 94.030812%;
    left: 38.105263%;
    width: 33.263157894737%;
  }
  .configurator .preview__labels--pristresok .preview__labels__depth {
    top: 94.070028%;
    left: -3.621053%;
    width: 36.631578947368%;
  }

  .configurator .preview__labels--pristresok-double .preview__labels__walls {
    bottom: 71.988795518207%;
    right: 76.210526315789%;
  }
  .configurator .preview__labels--pristresok-double .preview__labels__roof {
    bottom: 79.551820728291%;
    right: 63.789473684211%;
  }
  .configurator .preview__labels--pristresok-double .preview__labels__width {
    top: 87.030812%;
    left: 38.105263%;
    width: 33.263157894737%;
  }
  .configurator .preview__labels--pristresok-double .preview__labels__depth {
    top: 82.070028%;
    left: -7.621053%;
    width: 36.631578947368%;
  }
  
  .configurator .preview__labels--pergola .preview__labels__width {
    top: 88.030812%;
    left: 38.105263%;
    width: 33.263157894737%;
  }
  .configurator .preview__labels--pergola .preview__labels__depth {
    top: 92.070028%;
    left: -1.621053%;
    width: 36.631578947368%;
  }
  .configurator .preview__labels--gardeon .preview__labels__width {
    top: 91.030812%;
    left: 50.105263%;
    width: 33.263157894737%;
  }
  .configurator .preview__labels--gardeon .preview__labels__depth {
    top: 92.070028%;
    left: -1.621053%;
    width: 36.631578947368%;
  }
  .configurator .preview__labels--gardeon-double .preview__labels__width {
    top: 78.030812%;
    left: 42.105263%;
    width: 33.263157894737%;
  }
  .configurator .preview__labels--gardeon-double .preview__labels__depth {
    top: 80.070028%;
    left: -6.621053%;
    width: 36.631578947368%;
  }
}
@media screen and (max-width: 700px) {
  .configurator #steps-navigation li {
    display: block;
  }
  .configurator .step input[type="text"],
  .configurator .step textarea {
    width: 100%;
    max-width: 100%;
  }

  select.dropkick{
    width: 100%;
    margin-bottom: 1em;
    font-size: 16px;
  }
}