.theme-configuration-warpper {
  padding: 80px 0;
}
  
.theme-config-img {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  max-width: 900px;
}

.theme-configuration-new {
  width: 75%;
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.theme-configuration-new .configOne {
  max-width: 100%;
  border-radius: 0.4rem;
  height: auto;
}
.theme-configuration-new .configTwo {
  position: absolute;
  border-radius: 0.4rem;
  top: 19%;
  right: -12%;
  max-width: 30%;
  height: auto;
  box-shadow: -7px 1px 20px 6px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.theme-configuration-new .configThree {
  position: absolute;
  border-radius: 0.4rem;
  top: 5%;
  left: -15%;
  max-width: 30%;
  height: auto;
  box-shadow: -7px 1px 20px 6px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.theme-configuration-new .configFour {
  position: absolute;
  border-radius: 0.4rem;
  bottom: 15%;
  left: -13%;
  max-width: 30%;
  height: auto;
  box-shadow: -7px 1px 20px 6px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 991px) {
  .theme-configuration-warpper {
    padding: 60px 0;
    margin: 0px 0 0 0;
  }
  .theme-configuration-warpper .configTwo,
  .theme-configuration-warpper .configThree,
  .theme-configuration-warpper .configFour {
    box-shadow: none;
  }
}