* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.item,
.grid-sizer {
  width: 20%;
}

.item.width2 { 
  width: 40%; 
}

.item {
  float: left;
}

#item1,
#com-item1 {
  background: #e5e5e5;
}

.isotope img {
  width: 100%;
  height: 100%;
}

.box-relative {
  position: relative;
}

.box-text {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #666666;
  font-size: 19px;
  line-height: 1.3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.box-text1 {
  position: absolute;
  top: 50%;
  height: 50%;
  width: 100%;
  text-align: center;
  border-top: 3px solid #fff;
}

.box-text1-top {
  position: absolute;
  top: 0%;
  height: 50%;
  width: 100%;
  text-align: center;
  border-top: 3px solid #fff;
}

.box-text1-right {
  position: absolute;
  top: 0%;
  right: 0;
  height: 100%;
  width: 50%;
  text-align: center;
  border-top: 3px solid #fff;
}

.box-textline {
  width: 163px;
  border-top: 2px dotted #A6A6A6;
  margin: 20px auto;
  height: 1px;
}

.box-text-currentpage{
  color: #b19c9c;
}

.imgimg {
  border-right: 4px solid #fff;
  border-bottom: 3px solid #fff;
  overflow: hidden;
}

.animation-rect {
  position: absolute;
  top: 0;
  width: 100%;
}

.animation-rect1 {
  position: absolute;
  top: 50%;
  width: 100%;
}

.rectangle-item1,
.rectangle-item2,
.rectangle-item3,
.rectangle-item4,
.rectangle-item5,
.rectangle-item6,
.rectangle-item7,
.rectangle-item8 {
  display: none;
}

.screen1260 {
  display: block;
}

.screen1000 {
  display: none;
}

.screen700 {
  display: none;
}

.screen0 {
  display: none;
}

.screenall {
  display: block;
}

.screenonly700 {
  display: block;
}

.screenonly700-1 {
  display: none;
}

.entry-content a {
  text-decoration: none;
}

a:hover {
  color: #b19c9c;
}

#item8,
#item16{
  background: #F5F5F5;
}

#item3,
#item7,
#com-item5,
#item13 {
    background: transparent;
}

.imgimg img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.imgimg img:hover {
  -webkit-transform: scale(1.03); 
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

#com-item7 {
  border-bottom: 5px solid #fff;
}


#item8 {
  border-bottom: 5px solid #fff;
}
#item6 {
  border-bottom: 5px solid #fff;
}
#item11 {
  border-bottom: 4px solid #fff;
}
#item7 {
  border-bottom: 3px solid #fff;
}

@media screen and (max-width: 1880px) {
  #item8 {
    border-bottom: 5px solid #fff;
  }
}

@media screen and (max-width: 1670px) {
  #item8 {
    background: transparent;
    border-bottom: 3px solid #fff;
  }
  #item6 {
    border-bottom: 5px solid #fff;
  }
  #item16 {
    background: transparent;
  }
}

@media screen and (max-width: 1259px) {
  .item,
  .grid-sizer {
    width: 25%;
  }

  .item.width2 { 
    width: 50%; 
  }

  .screen1260 {
    display: none;
  }

  .screen1000 {
    display: block;
  }

  .box-text {
    font-size: 17px;
  }

  #item3,
  #com-item5{
    background: #F5F5F5;
  }

  #item6 {
    border-bottom: 3px solid #fff;
  }
  #item7 {
    border-bottom: 2px solid #fff;
  }
}

@media screen and (max-width: 999px) {
  .item,
  .grid-sizer {
    width: 33%;
  }

  .item.width2 { 
    width: 66%; 
  }

  .screen700 {
    display: block;
  }

  #com-item8 .screen1000,
  #com-item11 .screen1000{
    display: none;
  }

  .screenonly700 {
    display: none;
  }

  .screenonly700-1 {
    display: block;
  }

  #item16,
  #item13,
  #item17,
  #item4{
    background: #F5F5F5;
  }

  #item3 {
    background: transparent;
  }
}

@media screen and (max-width: 699px) {
  .item,
  .grid-sizer {
    width: 50%;
  }

  .item.width2 { 
    width: 100%; 
  }

  #item7,
  #item8,
  #item4,
  #item13 {
    background: #F5F5F5;
  }

  #item3,
  #item16 {
    background: transparent;
  }

  .screen700 {
    display: none;
  }

  .screen0 {
    display: block;
  }

  .screenall {
    display: none;
  }

  #com-item8 .screen1000,
  #com-item11 .screen1000{
    display: block;
  }

  .screenonly700 {
    display: block;
  }

  .screenonly700-1 {
    display: none;
  }
}

@media screen and (max-width: 480px) {
.isotope a {
  font-size: 14px;
}
.box-text {
  font-size: 14px;
}
.box-textline {
  width: 110px;
  border-top: 1px dotted #A6A6A6;
  margin: 10px auto;
  height: 4px;
}
}