@media only screen and (max-width : 950px){

  .Look11ImageClass{
    display: none;
  }

  .Look2ImageClass{
    display: none;
  }

  .Look22ImageClass{
    display: none;
  }

  .Look4ImageClass{
    display: none;
  }

  .Look5ImageClass{
    display: none;
  }

  .Look7ImageClass{
    display: none;
  }

}

.Look11Class {
	height: auto;
	background-color: black;
}

.Look11ImageClass {
	height: 85%;
	background: url("../gallery/100.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  	background-size: cover;
    background-position: 50% 50%;
}

.Look11Class img {
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.Look11Class img:hover {
    opacity: 0.5;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.Look2Class {
	height: auto;
	background-color: black;
}

.Look2ImageClass {
	height: 85%;
	background: url("../gallery/789.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  	background-size: cover;
    background-position: 50% 50%;

}

.Look2Class img {
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.Look2Class img:hover {
    opacity: 0.5;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.Look22Class {
	height: auto;
	background-color: black;
}

.Look22ImageClass {
	height: 85%;
	background: url("../gallery/220.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  	background-size: cover;
    background-position: 50% 50%;

}

.Look22Class img {
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.Look22Class img:hover {
    opacity: 0.5;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}





.Look4Class {
	height: auto;
	background-color: black;
}

.Look4ImageClass {
	height: 85%;
	  background: url("../gallery/background4.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-position: 50% 50%;
}


.Look4Class img {
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.Look4Class img:hover {
    opacity: 0.5;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.Look5Class {
	height: auto;
	background-color: black;
}

.Look5ImageClass {
	height: 85%;
	  background: url("../gallery/234.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-position: 50% 50%;

}

.Look5Class img {
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.Look5Class img:hover {
    opacity: 0.5;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



.Look7Class {
	height: auto;
	background-color: black;
}

.Look7ImageClass {
	height: 85%;
	  background: url("../gallery/look4.1.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-position: 50% 50%;

}

.Look7Class img {
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.Look7Class img:hover {
    opacity: 0.5;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}






.wrap {
      overflow: hidden;
      margin: 10px;
    }
    .box {
      float: left;
      position: relative;
      width: 30%;
      padding-bottom: 30%;
      margin-left: 12%;
    }
    .boxInner {
      position: absolute;
      left: 10px;
      right: 10px;
      top: 10px;
      bottom: 10px;
      overflow: hidden;
    }
    .boxInner img {
      width: 100%;
    }
    .boxInner .titleBox {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: -50px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      color: #FFF;
      padding: 10px;
      text-align: center;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
      margin-bottom: 0;
    }
    
    .box2 {
      float: left;
      position: relative;
      width: 25%;
      padding-bottom: 25%;
    }
    .boxInner2 {
      position: absolute;
      left: 10px;
      right: 10px;
      top: 10px;
      bottom: 10px;
      overflow: hidden;
    }
    .boxInner2 img {
      width: 100%;
    }
    .boxInner2 .titleBox {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: -50px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      color: #FFF;
      padding: 10px;
      text-align: center;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    
    
    @media only screen and (max-width : 480px) {
      /* Smartphone view: 1 tile */
      .box {
        width: 100%;
        padding-bottom: 100%;
        margin:0;
      }
       .box2 {
        width: 100%;
        padding-bottom: 100%;
        margin:0;
      }
    }
    @media only screen and (max-width : 650px) and (min-width : 481px) {
      /* Tablet view: 2 tiles */
      .box {
        width: 50%;
        padding-bottom: 50%;
        margin:0;
      }
      
        .box2 {
        width: 50%;
        padding-bottom: 50%;
        margin:0;
      }
    }
    @media only screen and (max-width : 1050px) and (min-width : 651px) {
      /* Small desktop / ipad view: 3 tiles */
      .box {
        width: 33.3%;
        padding-bottom: 33.3%;
      }
      
       .box2 {
        width: 25%;
        padding-bottom: 25%;
        margin:0;
      }
    }
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
      /* Medium desktop: 4 tiles */
      .box {
        width: 25%;
        padding-bottom: 25%;
      }
      
       .box2 {
        width: 25%;
        padding-bottom: 25%;
        margin:0;
      }
    }