@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1170px) {
.wrapper{width:100%;}
   
@media screen and (max-width: 1030px) {
   .item { width:23.5%;} 
   .logo {width:23.5%;} 
    }


@media screen and (max-width: 1024px) {
  
.logo {right: 1.5%; width:24.5%;}  
.nav a{padding:16px 5px 20px;}
.navigation-right li a{padding:18px 6px;}
.content-section { padding-top: 53px;}
.pop-up span {
    padding-top: 90%;
}
 .back-top{display:block;}  
 #strategy .img span{padding-top:15px;} 
 #strategy .pop-up span {
    padding-top: 68% !important;
}
#project-man .img span{padding-top:15px;}
#project-man .pop-up span {
    padding-top: 68% !important;
}
#legal .img span{ padding-top: 68% !important;
}
#team .img span{padding:15px;}
}
@media screen and (max-width: 1020px) {{.header .navigation-right{width:100%; margin-top:5px; text-align:center;}
.header .navigation-left{width:100%; margin:0;}}

@media screen and (max-width: 990px) {.active {  display: block; } .nav > li {   float: none; } .nav > li > .parent {  background-position: 95% 50%;} .nav li li .parent { background-image: url(../images/downArrow.png);  background-repeat: no-repeat;  background-position: 95% 50%; } .nav ul {  display: block; width: 100%; } .nav > li.hover > ul , .nav li li.hover ul {    position: static; }
.nav {
    background: none repeat scroll 0 0 #fff;
    color: #000;
    position: absolute;
    width: 100%;
    z-index: 33;
}
.header{position:relative;}
.toggleMenu{display:block;}
.nav a{color:#C80320; text-align:center;}
.header-top{height:auto;}
.nav a:hover, .nav a.current {
    color: #b0cc9e;
    text-decoration: none;
}
.nav a {
    border-bottom: 1px solid #b0cc9e;
    color: #333;
    text-align: center;
}
.nav li li a{color:#fff; padding:5px 10px;}
 
.content-section { padding-top: 0px;} 
.item { width:23%;} 
.logo { right: 1.5%; width:25.2%;} 
.header .navigation-left{width:72%;}
.header .navigation-right{width:25%;}
}
@media screen and (max-width: 980px) {
    

}
@media screen and (max-width: 800px) {
.logo {
    width: 32.2%;
}
   .item { width:31.2%;} 
   .col-left{float:none; width:100%; margin:0;} 
   .col-right{float:none; width:100%; text-align:center;}
   .footer{width:100%; margin:0;}
   .col-right ul{width:95%;}
   .logo { right: 1.6%;}
   .img span{padding-top:15px;}
   .pop-2 span { padding-top: 15px;}
   .item.pop-2{margin-top:150px;}

.pop-up3{margin-top:10px;}
#PPP_s .item.pop-2 {
    margin-top: 10px;
}
#PPP_s .item.pop-2 span{
    padding-top: 70%;
}
#finance .item.pop-2 {
    margin-top: 10px;
}
#finance .item.pop-2 span{
    padding-top: 70%;
}
#project-man .item.pop-2 {
    margin-top: 10px;
}
#project-man .item.pop-2 span{
    padding-top: 70%;
}
.header{position:fixed;}
.header .navigation-left{padding:0; margin:0 auto; width:100%; position:absolute; top:0; left:0; background:none; z-index:999;}
.header .navigation-right{padding:0; margin:0 auto; width:100%;text-align:right; position:relative; z-index:99;float:right;}


}

@media screen and (max-width: 640px) {
  .item.pop-2{margin-top:0;}
      .item { width:98%;} 
      .logo {
    width: 100%;
	text-align:center;
}
 
.col-left ul li:first-child{width:100%; padding:0; margin:0;}
.col-left ul li:last-child{width:100%; padding:0;}
.logo { right: 0;}
 .item img{width:100%;}
 .img span {
    padding-top: 28%;
}
.header .navigation-left{padding:0; margin:0 auto; width:100%; position:absolute; top:0; left:0; background:none; z-index:999;}
.header .navigation-right{padding:0; margin:0 auto; width:100%;text-align:right; position:relative; z-index:99;float:right;}
.pop4{margin-top:30px;}
.item.pop-2{margin-top:5px;}
#strategy .pop4 {margin-top:176px;}
.pop4 .img > h2 {
    padding: 140px 40px 0;
}
#finance .img > h2{padding:140px 40px 0;}
    }
    
@media screen and (max-width: 568px) {
    
    
     .item { width:100%; margin:8px auto;} 
     .item img { width:100%;} 
.logo img {
    max-width: 42%;
    
}
.logo {
    background: none repeat scroll 0 0 #ffffff;
    text-align: center;
    position:relative;
    margin:0 auto;
    width:100%;
    left:0;
    right:0;
}  
.wrapper{width:99%;}
#container12{width:99%;}
.nav li:first-child ul{width:98%;}

 }


@media screen and (max-width: 480px) {    
  
}
@media screen and (max-width: 360px) { 
.col-left ul li:first-child span{width:100%; left:0;} 

}

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