@media only screen and (max-width:620px){
    .mobile-navtation{
        width:110px;
        position:absolute;
        right:15px;
        top:50px;
        padding-top:15px;
        display:none;
    }
    .navtation{
        display:none;
    }
    .mobile-navtation ul{
         background:rgba(0,0,0,.6);
         border-radius:5px;
    }
    .mobile-navtation ul li{
        padding:0 15px;
        line-height:42px;
        border-bottom:1px solid #293c55;
    }
    .mobile-navtation ul li:nth-last-child(1){
            border-bottom:none;
        }
    .mobile-navtation a{
        font-size:12px;
        color:#a1b1c7;
    }
    #triangle-up {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid rgba(0,0,0,.6);
        position: absolute;
        right:10px;
        top: 7px;
        display: none;
        z-index: 213;
    }
    .mobile-nav {
         display: block;
         background:rgba(0,0,0,.6);
         padding: 4px 5px;
         border-radius: 4px;
         height:22px;
         position: absolute;
         right: 15px;
         top: 10px;
         z-index: 212;
     }
     .mobile-nav span {
         background: #fff;
         display: block;
         width: 22px;
         height: 2px;
         border-radius: 1px;
         margin-top: 4px;
     }
     .hgroup{
        width:100%;
        position: absolute;
        height: 176px;
        top: 20%;
        opacity: 0;
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        transition: all 1s;
        color: #fff;
        text-align: center;
        margin:0;
        left:0;
     }
     .bndtitle{
        font-size:22px;
     }
     .bg12{
        display:none;
     }
     .p11 {
         position: absolute;
         left: 50%;
         top: 40%;
         width: 100%;
         margin: 0 0 0 -50%;
         font-size: 14px;
         color: #fff;
         opacity: 0;
         transition: all 0.5s;
         text-align: center;
     }
     .section h3 {
         position: absolute;
         left: 50%;
         top: 15%;
         z-index: 10;
         width: 90%;
         height: 45px;
         margin-left: -45%;
         margin-top: 60px;
         text-indent: -9999px;
         background-repeat: no-repeat;
         opacity: 0;
         -webkit-transform: scale(0.5, 0.5);
         transform: scale(0.5, 0.5);
         transition: all 1s;
         background-position: center;
     }
     .section2 h3 {
         background-image: url(../images/t2.png);
         background-size:100%;
     }
     .active strong, .active h3 {
          opacity: 1;
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
          transition-delay: 0.7s;
      }
      .p1 {
        font-size: 14px;
      }
      .mobileSection{
          display:block;
        }
      .mobileSection img{
        display:block;
        width:100%;
      }


}