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

}
@media screen and (max-width: 1280px) {
  .service-box {
    min-height:460px;
  }
}
@media screen and (max-width: 991px) {
  .wrapper {
    padding-top: 80px;
  }
  .nav {
    padding-top: 10px;
  }
  .navbar-nav > li {
    margin-top: 4px;
    margin-right: 6px;
  }
  .navbar-nav > li a {
    width:100%;
    font-weight: 600;
    font-size: 12px;
    text-transform: none;
    padding: 10px 6px;
    text-align: center;
  }
  .service-box {
    min-height:540px;
  }
  .advantage-box-back.front p {
    font-weight: 500;
    font-size:10px;
  }
  .emphasis-box-gold h1 {
    font-size:16px;
  }
  .emphasis-box-gold p {
    margin-top: 6px;
    padding: 0px 0px 10px;
    font-size:10px;
  }
  .panel .back h1 {
    font-size: 18px;
    font-weight: 600;
  }
  .panel .back p {
	color:#fff;
	margin-top:0px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:600;
  }
  .back p {
    font-size:12px;
  }
}
@media screen and (max-width: 767px) {
  .navbar-nav > li {
    margin-top: 4px;
    margin-right: 4px;
  }
  .navbar-nav > li a {
    width:100%;
    font-weight: 600;
    font-size: 12px;
    text-transform: none;
    padding: 10px 6px;
    border-radius: 0px;
    display: inline-block;
    color: #fff;
    text-align: center;
  }
  .service-box {
    padding: 30px;
    min-height:800px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
  }
  .service-box img {
    text-align:center;
    margin-left: auto;
    margin-right: auto;
  }
  .advantage-box-front.front {
    height:160px;
    padding:10px 6px;
    border-radius: 20px;
  }
  .advantage-box-front.front p {
    font-weight: 600;
    font-size:14px;
    padding:10px 6px;
    color:#fff;
  }
  .darkbg-content {
    background-image:none;
  }
  .project-item-img {
    background-image:url('../img/projectbg.jpg');
    background-size: 100% 74%;
    background-repeat: no-repeat;  
  }
  .panel .back h1 {
    font-size: 16px;\
  }
  .panel .back p {
	color:#fff;
	margin-top:0px;
	font-size:12px;
	font-weight:600;
  }
  .back p {
    font-size:12px;
  }
  .panel .back {
    text-align:center;
    padding-top: 6px;
  }
  .wrapper {
    padding-top:0px;
  }
  .navbar {
    position: relative;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 568px) {
  .portrait-col {
    width: 33.333333%;
  }
}
@media screen and (max-width: 370px) {
  .portrait-col {
    width: 50%;
  }
}