@media (max-width:767px) {
  .comment-list:nth-child(2) {

    margin-left: 0 !important;

  }
  
  .about>h1 {

    font-size: 21px !important;

    margin: 10px !important;

  }



  .about {

    padding: 20px 0 !important;

  }



  .about>div>span {

    font-size: 14px !important;

    margin: 10px auto !important;

    text-align: start !important;

  }



  .about>div>div>a {

    font-size: 14px !important;

    padding: 5px 10px !important;

  }

  .destination {

    padding: 20px 0 !important;

  }



  .photo-wall>div>div:nth-child(3)>.photo-wall-list:nth-child(2) {

    margin-right: 0 !important;

  }



  .photo-footer {

    height: 40px !important;

    line-height: 40px !important;

  }



  .photo-footer>img {

    width: 30px !important;

    height: 28px !important;

  }



  .photo-footer>span {

    font-size: 14px;

  }



  .photo-wall {

    padding: 20px 0 !important;

    padding-bottom: 20px !important;

  }



  .photo-wall-list {

    margin-top: 20px !important
  }



  .team {

    padding: 20px 0 !important;

    padding-bottom: 20px !important;

  }



  .team-list {

    margin: 0 !important;

    margin-top: 20px !important;

  }

}
@media (min-width:768px) and (max-width:991px) {

  .photo-footer {

    font-size: 16px;

  }

  .photo-footer>img {

    width: 30px !important;

  }

  .comment-list span.title:first-child {

    font-size: 19px !important;

  }

  .team-list>span:last-child {

    font-size: 16px !important;

  }

}
banner>img {

  display: block;

  width: 100%;

  margin-top: 0;

}
.about {

  background-color: photo-wall;

  padding: 30px;

}
.about>h1 {

  font-size: 3.7rem;

  margin-bottom: 50px;

}



.about>div>span {

  display: block;

  text-align: center;

  color: #444;

}



.about>div>div {

  text-align: center;

  margin-top: 30px;

}



.about>div>div>a {

  color: #ae1819;

  border: 1px solid #ae1819;

  border-radius: 8px;

  padding: 5px 25px;

  font-size: 1.2em;

}



.about>div>div:hover>a {

  color: #fff;

  background: #ae1819;

  border: 1px solid #ae1819;

}



.destination {

  padding: 50px 0;

  background-color: #fff;

}



.destination>div>div {

  padding: 20px 0;

}



.destination-list {

  position: relative;

  margin-bottom: 2%;

  overflow: hidden;

}



.destination-list:hover>a>img {

  transform: scale(1.1);

}



.destination-list:nth-child(1),

.destination-list:nth-child(2),

.destination-list:nth-child(3) {

  margin-right: 2%;

}



.destination-list>a>img {

  width: 100%;

  filter: brightness(80%);

}



.destination-list>a>span {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  z-index: 10;

  color: #fff;

  font-size: 20px;

  font-weight: bold;

}



.photo-footer {

  text-align: center;

  height: 80px;

  line-height: 80px;

  background-color: #fff;

}



.photo-footer>img {

  width: 35px;

  height: 30px;

  vertical-align: middle;

  margin-right: 3%;

}



.photo-footer>span {

  color: #ce6768;

}



.photo-wall {

  background-color: #f0f0f0;

  padding: 50px 0;

}



.photo-wall-list {

  float: left;

  margin-top: 40px;

  font-size: 24px;

}



.photo-wall-list>img {

  width: 100%;

}



.photo-wall-list:first-child {

  margin-right: 2%;

}



.photo-wall>div>div {

  margin-bottom: 20px;

}



.photo-wall>div>div:nth-child(3)>.photo-wall-list:nth-child(1),

.photo-wall>div>div:nth-child(3)>.photo-wall-list:nth-child(2),

.photo-wall>div>div:nth-child(3)>.photo-wall-list:nth-child(3) {

  margin-right: 2%;

}
@media (max-width:768px) {
  
  .destination-list:nth-child(2) {

    margin-right: 0;

  }

  .comment-more {

    margin-top: 30px !important;

    margin-bottom: 10px !important;

  }

  .photo-wall>div>div:nth-child(3)>.photo-wall-list:nth-child(2) {

    margin-right: 0 !important;

  }

  .comment-list span.title {

    font-size: 16px;

  }

  .comment-list span.time {

    margin: 10px 0;

  }

  .comment {

    padding: 20px 0;

  }

  .comment-list {

    margin-top: 10px;

  }

  .team-list>span:nth-child(2) {

    font-size: 16px !important;

    margin: 10px 0 !important;

  }

  .team-list>span:nth-child(3) {

    font-size: 14px;

    margin: 10px 20px !important;

  }

 
  .serve-list:nth-child(2) {
    margin-right: 0 !important;
  }

}



.team {

  padding: 50px;

  background-color: #fff;

  padding: 100px 0;

}



.team-list {

  margin-top: 30px;

  float: left;

  box-shadow: 0 0 5px #ccc;

}



.team-list:nth-child(2) {

  margin-left: 2%;

  margin-right: 2%;

}


 .team-list:nth-child(8) {
 	
    margin-left: 2%;
    
    margin-right: 2%;
}

.team-list>img {

  width: 100%;

}



.team-list>span {

  display: block;

  text-align: center;

  margin: 30px 20px;

}



.team-list>span:nth-child(2) {

  font-size: 23px;

  font-weight: bold;

}



.team-list>span:nth-child(3) {

  line-height: 30px;

  font-size: 18px;

}

.serve {

  padding: 20px 0;

}

.serve-list {

  background-color: #fff;

  padding: 50px 0;

  text-align: center;

  font-weight: bold;

  font-size: 18px;

  margin: 2% 0;

}



.serve-list:nth-child(1),

.serve-list:nth-child(2),

.serve-list:nth-child(3) {

  margin-right: 2%;

}



.serve-list>img {

  width: 50%;

  display: block;

  margin: 0 auto;

  margin-bottom: 20px;

}



.comment {

  background-color: #fff;

  padding: 50px 0;

}



.comment-list {

  border: 1px solid #999;

  border-radius: 10px;

  padding: 20px;

  float: left;

  margin-top: 30px;

}



.comment-list:nth-child(2) {

  margin-left: 2%;

  margin-right: 2%;

}

.comment-list>p>span {

  color: #555;

  display: block;

}

.comment-list span.title {

  font-size: 21px;

  font-weight: bold;

  color: #555;

  display: block;

}



.comment-list span.time {

  margin: 20px 0 30px 0;

  color: #555;

  display: block;

}

.comment-list p span:last-child {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 6;

}

.comment-list:nth-child(1)>span:last-child {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

}

.comment-list:nth-child(1)>span:nth-child(3) {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.comment-more {

  text-align: center;

  margin-bottom: 20px;

  margin-top: 50px;

}

.comment-more>a {

  color: #fff;

  text-align: center;

  background: #ae1819;

  padding: 10px 20px;

  border-radius: 10px;

}

@media (max-width:360px) {

  .photo-footer>img {

    width: 20px !important;

    height: 20px !important;

  }

}