@media screen and (max-width:1366px) {
  .hero-item{
    height:780px;
  }
  .hero-nav{
    top:-520px;
  }
  .hero-wrap{
    margin-top:-730px;
  }
  .hero-title a{
    font-size: 52px;
  }
  .mid-footer-txt p{
    padding-right:70px;
  }
  .iframe{
  padding-left:0px;
  }
  .page-header{
  height:660px;
  }
}
@media screen and (max-width:1080px) {

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

}
@media screen and (max-width:480px) {
  .site-navigation{
    position:relative;    
  }
  .custom-logo{
    width:220px;
    display: block;
    height:auto;
    margin:-10px auto;
  }
  .top-nav{
    float:left;
    padding:70px 20px;
  }
  .top-nav ul{
    margin-top:30px;
  }
  .top-nav li{
    margin-left:0px;
    margin-bottom:10px;
  }
  .hero-item{ 
    height:870px;
  }
  .hero-wrap{
    margin-top:-860px;
    margin-left:0px;
    text-align:center;
  }
  .hero-title a{
    font-weight:bold;
    font-size: 44px;
    padding:20px;
  }
  .hero-text > p{
    font-size:20px;
    font-weight:500;
    padding:20px;
    color:#fff;
    margin-top:40px;
  }
  .home-main p{
    font-size:18px; 
    font-weight:300;
    text-align:center;
    padding: 50px 20px;
  }
  .home-main{
    margin-top:-132px;
  }
  .home-img-layer{
    max-height:160px!important;
  }
  .mid-footer-txt p{
    font-size:18px;
    text-align:center;
    padding-right:0px;
  }
  .iframe{
    float:left;
    margin-left:-10px;
    margin-top:0px;
    padding-left:0px;
  }
  .page-header{
    height:660px;
  }
  .page-header img{
    top:0px;
    width:1200px;
  }
  .page-title{
    font-size:52px;
    width:100%;
    left:0;
    padding-left:0px;
    text-align:center;
  }
  .page-content p{
    text-align:center
  }
}