#mapClose {
  color: red;
  float: right;
  position: absolute; }

.hideLageMap {
  visibility: hidden;
  position: absolute; }

.showLageMap {
  position: absolute;
  z-index: 999;
  margin: 60px 0 0 80px;
  border: 5px solid greenyellow;
  visibility: visible; }

#newCss {
  clear: both;
  color: red;
  width: 95%;
  margin: 0 0 10px 0; }
  #newCss img {
    width: 31%;
    transition: all 3s linear;
    opacity: 0;
    margin: 0 0 10px 10px;
    box-shadow: 4px 6px 20px black; }
  #newCss .imgRelat1 {
    position: relative;
    opacity: 1;
    margin: 0 0 10px 10px; }

.insMap {
  width: 260px;
  clear: both;
  margin: 20px auto;
  float: right; }
  .insMap #indText {
    float: left;
    transform: rotate(-90deg);
    margin: 55px 0 0 0;
    color: #0a3409; }
  .insMap img {
    float: left;
    width: 80%;
    margin: 0 0 30px 0;
    transition: all 1s;
    cursor: pointer; }
    .insMap img:hover {
      transform: scale(1.2, 1.2); }

@media only screen and (max-width: 800px) {
  #newCss img {
    width: 30%; } }
@media only screen and (max-width: 600px) {
  #lageMap {
    display: none; }

  #newCss img {
    width: 95%; }

  .insMap {
    width: 260px;
    clear: both;
    margin: 20px auto;
    float: right; }
    .insMap #indText {
      float: left;
      transform: rotate(-90deg);
      margin: 55px 0 0 0;
      color: #0a3409; }
    .insMap img {
      float: left;
      width: 75%;
      margin: 0 0 30px 0; }
      .insMap img:hover {
        transform: scale(1, 1); } }

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