body {}
ul,li,p{padding:0;margin:0;}
.table { display:table;}
.table_cell {display:table-cell; vertical-align:middle;}



p{font-family: 'Inter-Regular'; font-size: 16px; color: #323033; line-height: 24px;}
.paddingleft{padding-left: 50px;}
.paddingright{padding-right: 50px;}
.height10{height:10px;}
.heighttop{height:80px;}
.banner{width:100%;height:560px;position:relative;}
.banner3{background:url(../images/banner3.jpg) no-repeat;background-size:100%;width:100%; height:560px;}
.banner2{background:url(../images/banner2.jpg) no-repeat;background-size:100%;width:100%; height:560px;}
.banner1{background:url(../images/banner1.jpg) no-repeat;background-size:100%; WIDTH: 100%; height:560px;}
.banner_text{position:absolute;top:75%;right:6%; transform: translateY(-50%); min-width: 600PX; TEXT-ALIGN: LEFT; padding:40px; font-size: 54px; color: #fff; line-height: 60px; letter-spacing: 1px; font-family: 'Oswald-Regular'; background:linear-gradient(to right, rgba(10, 20, 97, 0.89), rgba(67, 71, 124, 0.86)); transition: background-color .5s;border-radius: 20px; box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.5215686274509804);}
.homebanner_capture{width:700px;margin:0 auto;text-align:center;}
.bannerWrapper{position: absolute;top: 65%;left: 50%; transform:translate(-50%,-50%);width:92%; max-width:800px;min-height: 300px;margin: auto;display:block;z-index:2;}
.bannerWrapper h1{padding-bottom:30px;}
#owl-carousel1 .owl-item h1, #owl-carousel1 .owl-item p{opacity: 0; transform: translateX(-150%); -moz-transition: transform 1.5s, opacity 2s, font-size 500ms, line-height 500ms; -webkit-transition: transform 1.5s, opacity 2s, font-size 500ms, line-height 500ms; -o-transition: transform 1.5s, opacity 2s, font-size 500ms, line-height 500ms; transition: transform 1.5s, opacity 2s, font-size 500ms, line-height 500ms;}
#owl-carousel1 .owl-item.active h1, #owl-carousel1 .owl-item.active p{opacity: 1; transform: translateX(0%);}
.home_box{background:#edf3f9 url(../images/topzone_box_bg.jpg) no-repeat bottom;background-size:100%;}
.home_why{padding:60px 0 20px; width:100%; min-height:300px; background:url(../images/topzone_who_bg.jpg) no-repeat right; background-size:100%;}
.home_why p{ font-size: 16px; color: #323033; line-height: 24px;}
.home_why li{width:50%; float:left; list-style: none;}
.home_why_box{width:175px; height:175px; box-shadow:1px 3px 10px rgba(62, 57, 55, 0.28); border-radius: 10px; background: #fff;}
 .home_why_box:hover img {
        filter: hue-rotate(330deg);
    }
.home_why_img{height: 125px; /* display: table; */ width: 100%; text-align: center; position: relative;}
.home_why_img img{text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.home_why li:nth-child(2),.home_why li:nth-child(4){padding-top:30px;}
.home_why li:nth-child(3),.home_why li:nth-child(4){padding-left:30px;}
.home_why_img_right{position: absolute; right: -150px; top: -40px;}
.item_line{width: 100px; padding-bottom: 20px; height: 1px; border-top: 1px solid #323033; margin:5px auto 0;}
.home_what{width:100%; /*padding:0 0 50px;*/ min-height:300px; position:relative;}
.home_what_bgimg{z-index: 1; top: -14%; position: absolute; left: 0;    width: 100%;}
.home_what_box{z-index:2; position: relative;}
.home_what_box p.alignleft{font-size:14px;}
.home_what_left{text-align: left; margin-right: 20px;overflow:hidden;position:relative;cursor:pointer;}
.home_what_right{padding-top: 20px;}
.home_what_right p{  opacity:0;
    position: absolute;
    bottom: 60px;
    background: rgba(255, 255, 255, 0.7098039215686275);
    width: 106%;
    left: -3%;
    padding: 25px;
    transform: rotate(-8deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.home_what_left img{width:100%;padding-top: 0px;}

.home_what_left p{
   opacity:0;
    text-transform: uppercase;
     background: rgba(255, 255, 255, 0.7098039215686275);
    bottom: 75px;
    left: -1%;
    width: 103%;
      padding: 25px;
    text-align: center;
    transform: rotate(-11deg);
    position: absolute;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.home_what_right li{width:50%; float:left; list-style:none;}
.home_what_right li div{position:relative;overflow: hidden;  cursor:pointer;}
.home_what_left:hover p,.home_what_right li div:hover p{
       opacity: 1;
      

}


.home_what_right li:nth-child(2){position: relative; top: -60px; padding-left: 30px;}
.home_what_right li:nth-child(3){position: relative; top: -30px;}
.home_what_right li:nth-child(4){position: relative; top: -90px; padding-left: 30px;}
.white_line{border-top: 1px solid #fff;}
.home_news{padding:0 0 0px; width:100%; min-height:300px; position:relative;top:-50px;}
.home_news .content_50{margin: 30px 2%; width:46%; background: #fff; border-radius: 20px; box-shadow: 1px 3px 10px #ccc; padding-bottom: 20px;}
.news_title{font-family: 'Inter-Semi'; font-size:18px; line-height:24px; letter-spacing:1px; color:#323033; float: left; width: 380px; text-align: left; padding: 20px 20px 20px;}
.news_date{font-family: 'Inter-Regular'; font-size:16px; line-height:24px; letter-spacing:1px; color:#fff; padding:25px; background:#091167; border-bottom-right-radius:20px; border-top-left-radius:20px; min-width: 110px; float:left; box-shadow:6px 8px 3px hsla(235, 84%, 22%, 0.15);}
.news_desc{padding: 10px 40px 30px; text-align: left;}
.news_ddownload{margin: 0 30px;}
.news_ddownload div{width: 34px; margin: 0 10px; float: right;} 
.home_achievement{width:100%; height:100%; min-height:300px; position:relative; padding:0px 0 30px;}
.home_achievement ul li{/*width:25%; float:left;*/ list-style:none; text-align:center;    padding-bottom: 20px;} 
.home_achievement ul li img{width:auto; margin:0 auto; box-shadow: 1px 4px 10px #ccc;} 
.featured_item{padding: 30px 40px; position:relative;} 
.home_project{background:url(../images/topzone_project.jpg) no-repeat ;    background-size: 100%; width:100%; height:100%; min-height:300px; position:relative; padding:30px 0 30px;    overflow: hidden;z-index:2;} 
.home_project ul li{width:30%; float:left; list-style:none; text-align:center; padding:0 20px;} 
.home_project ul li img{width:100%; margin:0 auto; box-shadow: 1px 3px 10px #3e3937;} 

.home_project ul li:nth-child(4), .home_project ul li:first-child{width: 40%; position: relative; top: -110px;}
 .home_project ul li:nth-child(4) div,.home_project ul li:first-child div{padding: 0; transform: rotate(30deg); overflow: hidden; left: -30%; top: -66px; position: absolute; width: 110%;box-shadow: 0.073vw 0.219vw 0.73vw #3e3937;}
 .home_project ul li:nth-child(4) div img,.home_project ul li:first-child div img{width: 125%; transform: rotate(-30deg); left: -30px; position: relative;}
 .home_project ul li:nth-child(4) p,.home_project ul li:first-child p{position: relative; top: 355px; left: 125px; background: #fff; color: #091167; width: auto; display: inline-block; padding: 20px 25px; box-shadow: 6px 7px 1px rgba(255, 255, 255, 0.36);} 
 .home_project ul li:nth-child(4) p span.span1,.home_project ul li:first-child p span.span1{border-bottom: 1px solid #000; border-left: 1px solid #000; width: 17px; height: 50px; display: block; position: absolute; left: 4px; top: 9px;} 
 .home_project ul li:nth-child(4) p span.span2,.home_project ul li:first-child p span.span2{border-top: 1px solid #000; border-right: 1px solid #000; width: 17px; height: 17px; display: block; position: absolute; right: 5px; top: 5px;}

 .project_item {
    min-height: 338px;
}

  .home_project li p{color:#fff; text-transform:uppercase; padding:20px 0; text-align:center;}
.home_location{width: 100%; height: 100%; min-height: 300px; position: relative; padding: 30px 0; background:url(../images/topzone_location_bg.jpg) no-repeat top;}
.home_location_map{width:100%; min-height:600px; position: relative;padding-bottom:80px;}

.home_bottom{width:100%;height:100%;position:relative;}
.our_blue_bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: -2.689vw;
    z-index:1;
        height:115%;
}
.mapstyle{
    width:100%;
    min-height:600px;
}
  .pc_project.owl-carousel.owl-loaded{
     display:block;
  }
  .mobie_project.owl-carousel.owl-loaded{
       display:none;
  }

/*----------------------------------------------------------------------------- server ---------------------------------------------------------------------------------*/
.pur{background:#27166d;}
.subpagebanner{width:100%; height:450px;position:relative;}
.server_banner{ background:url(../images/services_banner.jpg) no-repeat;background-size:100%;}
.about_banner{ background:url(../images/Abou_banner.jpg) no-repeat;background-size:100%;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat;background-size:100%;}
.Projects_banner{ background:url(../images/projects_detail_banner.jpg) no-repeat;background-size:100%;}

.subpage_title{position:absolute;top:50%;left:50%; transform: translate(-50%,-50%); width: 600PX; TEXT-ALIGN: center; padding:40px; font-size: 54px; color: #fff;text-shadow:1px 3px 8px #555; line-height: 60px; letter-spacing: 1px; font-family: 'Oswald-Regular';}
.subpage_body{width:100%;min-height:200px;padding:60px 0;    background:#f4f4f8 url(../images/services_body_bg.jpg) no-repeat top;background-size:100%;    background-position-y: -5%;}
.about_body{background:#dfe9f3 url(../images/topzone_who_bg.jpg) no-repeat;background-size:100%;}
.server_item .content_half,.server_item .content_half_r{height:430px;}
.server_box{display: table;height: 430px; padding: 30px 0;}
.server_box_cell { display: table-cell; min-height: 200px; vertical-align: middle;}
.server_box_cell_box{display: table-cell; min-height: 200px;vertical-align: middle; padding: 20px 0; background: #fafafb;   box-shadow: 1px 3px 10px #ccc;}
.server_box_text{width:101%;padding:27px;background:url(../images/server_box_text_bg.jpg) no-repeat; background-size:cover; left: 2%;position: relative;    box-shadow: 1px 3px 10px #ccc;}
.box_left{left: -3%;}
.server_box_text h4{text-align:left;}
.server_box_text h4.aligncenter {text-align:center}

.server_box_text .item_line{margin:0;}
.server_box_text .item_line.marginauto{ margin:0 auto;}
.transform_box{    transform: rotate(0deg)skew(0deg,-5deg);
    z-index: 2;
    position: relative;
    height: 31.456vw;
    overflow: hidden;
        width: 105%;
    left: -3%;
}

.transform_box2{    transform: rotate(0deg)skew(0deg,5deg);
    z-index: 2;
    position: relative;
    height: 31.456vw;
    overflow: hidden;
        width: 105%;
    right: 2%;
}
.transform_box3{    transform: rotate(0deg)skew(-7deg,0deg);    width: 128%; left: -20%;    height: 33.456vw;
  
}

.server_box_text p{color:#091167;text-align:left;}
.server_box_img{position: absolute;  width:100%;z-index: 1;transform:skew(0deg,5deg);    top: -7%;}
.server_box_img img{position:relative;    width: 800px;}
.server_box_img2{   transform:skew(0deg,-5deg);  }
.server_box_img2 img { position: relative; }
.server_box_img img.bigwidth{position:relative;    width: auto;}
.about_item .server_box_img img.bigwidth{position:relative;    width: 55vw;    left: -13%;}

.server_box_img3{ transform:skew(7deg,0deg);left: -3%; top: -5%;  }

  .item_bg{background: url(../images/services_bottom_bg.png) no-repeat; background-size: 100%;    padding: 30px 0;}
  .server_box_text p.white{color:#fff;}
  .server_box_text3{background:none;left: 0;padding-right: 30%;    box-shadow: none;}
  .server_box_text3 h4 {
    text-align: center;
}
  .box_text_left{    left: 0; padding: 30px 9% 40px 10%;box-shadow: 0px 5px 10px #ccc;}
  .server_item_fud{position:absolute;width:400px;height:100px;transform: rotate(-5deg);right: -3px; top: -5px; background: rgba(39, 22, 109, 0.28);}
  .server_item_fud2{position:absolute;width:400px;height:100px;transform:rotate(5deg);right:20px; bottom: -12px; background: rgba(39, 22, 109, 0.28);}

  .about_play{padding: 0 0 80px;}
  .youtube_video{width:100%;margin:0 auto;height:600px;}
  .contact_map{width:100%;min-height:320px;}
  .about_body_bottom{background:#dfe9f3; padding: 3.658vw 0;}
   .about_body_bottom .content_90{margin:3.658vw auto;float:none;margin:0 auto;}
  .subpage_grey{height:100px;background:#f4f4f8;position:absolute;z-index:1;top:0;width:100%; }
   .project_body{
        padding:20px 0 100px;
         background: #f4f4f8 url(../images/services_body_bg.jpg) no-repeat top;
    background-size: 100%;
    background-position-y: -10%;
    }



  .video-img {
    width: 100%;
}
.video-title {
    font-size: 16px;
    font-family: 'Oswald-Medium';
    text-align: center;
    color: white;
    position: absolute;
    width: 100px;
    padding: 12% 0;
    z-index: 10;
    width: 100px;
    right: 31%;
    bottom: 10%;
}
.play-btn{
    position: absolute;
    width: 100%;
}
/*----------------------------------------------------------------------------- FORMS ---------------------------------------------------------------------------------*/
.contact_body {
      background: #f4f4f8 url(../images/services_body_bg.jpg) no-repeat top;
    background-size: 100%;
    background-position-y: -2%;
    padding: 50px 0;
}


.contact_form{
    max-width:1080px;
    margin:0 auto
}
.enquiryfm_item {
    padding-top: 0px;
    position: relative;
    text-align: left;
    height: 60px;
    border-radius: 10px;
    margin-bottom: 10px;
    background:#fff;
}

.enquiryfm_item_msg {
    padding-top: 0px;
    position: relative;
    text-align: left;
    height: 170px;
    border-radius: 10px;
    margin-bottom: 10px;
    background: #fff;
}

.contact_form table {
    margin-bottom: 10px
}

.contact_form td {
    width: 50%;
}

.contact_form input {
    position: relative;
    z-index: 1;
    background: transparent;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 20px;
    width: 100%;
    height: 60px;
    text-align: left;
    border: 1px solid #b7b7b7;
    font-size: 18px;
    font-family: 'OpenSans-Regular','AdobeHeitiStd-Regular';
}
/*.donate_body .contact_form input {
    width: 92%;
}

    .donate_body .contact_form input.nric {
        width: 93%;
    }*/

.contact_form textarea {
    position: relative;
    z-index: 1;
    background: transparent;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 20px;
    width: 100%;
    height: 170px;
    text-align: left;
    float: left;
    border: 1px solid #b7b7b7;
    font-size: 18px;
    font-family: 'OpenSans-Regular','AdobeHeitiStd-Regular';
}

    .contact_form input:focus, .contact_form textarea:focus {
        border: none;
        border:1px solid #091167;
    }

.contact_form .captchatxt input {
    width: 9.375vw
}

/* === HTML5 validation styles === */
.contact_form input:required, .contact_form textarea:required {
    background-image: url(../images/red_asterisk.png);
    background-position: 98%;
    background-repeat: no-repeat;
    border: 1px solid #b7b7b7;
}

    .contact_form input:required:valid, .contact_form textarea:required:valid { /*background-color:#fff*/
        ;
        background-image: url(../images/valid.png);
        background-position: 98%;
        background-repeat: no-repeat;
        border: none;
        border: 1px solid #555;
    }

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
    background-color: #fff;
    background-image: url(../images/invalid.png);
    background-position: 98%;
    background-repeat: no-repeat;
    border: none;
    border: 1px solid #555;
}

/* === Form hints === */
.form_hint {
    background: #eb3636;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fff;
    margin-left: 8px;
    padding: 10px 6px;
    z-index: 999;
    position: absolute;
    display: none;
}

    .form_hint::before {
        content: "\25C0";
        color: #d45252;
        position: absolute;
        top: 1px;
        left: -6px;
    }

.contact_form input:focus + .form_hint {
    display: inline;
    border: none;
}

.contact_form input:required:valid + .form_hint {
    background: #28921f;
}

    .contact_form input:required:valid + .form_hint::before {
        color: #28921f;
    }

.btn_border {
    width:100%;
}

.contact_form input.submit, .submit, .about_button {
    width: 160px;
    line-height: 42px;
    height:50px;
    padding: 5px 0;
    background: #3b2d73;
    transition: background-color .5s;
    margin: 0px 10px;
    border-radius: 25px;
    box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.41);
    color: #fff;
    text-align: center;
    font-family: 'Inter-Semi';
    font-size: 16px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 10px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
    float: right;
    z-index:5;
}

.contact_form input.submit:hover, .submit:hover, .about_button:hover {
    background:#009ae0;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
}

.contact_address {
    position:relative;
    width: 280px;
    margin: 0 auto;
    margin-top:60px;
    background:url(../images/contact_address_bg.png) no-repeat;
    background-size: 100%;
    padding: 40px 30px;
}
.span3{
   
    width: 20.409vw;
    height: 300px;
    display: block;
    position: absolute;
    left: -15px;
    top: -15px;
     background:url(../images/contact_box.png) no-repeat;
    background-size: 100%;
}


    .contact_address p {
        text-align: left;
        padding-left: 32px;
        position: relative;
        line-height: 24px;
        color: #323033;
         font-family: 'Inter-Regular';
    }
    .contact_address p img {
        position: absolute;
        left: 0;
        top: 2px;
    }

.Verification  .alignleft{
    position: absolute;
    right: 2px;
    top: 2px;
    height: 100%;
}
    .Verification .alignleft span {
        display: block;
        font-size: 12px;
        color: #000;
        text-align: center;
    }


a.contact_number {
    color: #323033;
}
    a.contact_number:hover {
        cursor: pointer;
        display: inline-block;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
.captcha_Img {
    height: 55px;
}
.enquiry .content_50{
    padding:0 10px;
        text-align: left;
}
.enquiry .content_50 span{
    padding-bottom:10px;
    display: block;
    padding-top: 10px;
    color:#425666;
    font-family:'Inter-Semi';
    font-size:18px;
}

.contact_bottom{
     background:url(../images/Contact_bottom_bg.jpg) no-repeat;
    background-size: 130%;
    width:100%;
    height:100%;
}

/*****************************************contactus end***************************************/
.zhejiao{
   
}


#track {
    background-color: black;
    position: relative;
}

#track-wrapper {
    display: block;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

#track-container {
    width: 100%;
    display: inline-flex;
    padding-bottom: 50px;
    flex-wrap: wrap;
    margin: 0 auto;
    /*justify-content: center;*/
}
#track-container li{
    width:33.333333%;
    float:left;
    list-style:none;
        padding-bottom: 20px;
}


#track-container-wrapper {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
}

p.track {
    width: 80%;
    margin: 0 auto;
    font-family: OpenSans-Semibold;
    padding-bottom: 30px;
}

p.trackbody {
    width: 86%;
    margin: 0 auto;
    padding-top: 30px;
}


.gallery-item {
    width: 320px;
   min-height: 300px;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    transition: 0.5s ease;
    /*border: 2px #e3e3e3 solid;*/
}

.gallery-link {
    text-decoration: none;
}

.gallery-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px;
    width: 320px;
    margin-bottom: 10px;
}

.gallery-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
        top: 0;
        z-index:5;
     /*background: transparent;
    background: 
              linear-gradient(-45deg,#f4f4f8 15px, transparent 0)bottom right,
              linear-gradient(-135deg,#f4f4f8 15px, transparent 0)top right,
              linear-gradient(135deg,#f4f4f8 15px, transparent 0)top left,
              linear-gradient(45deg,#f4f4f8 15px, transparent 0)bottom left;
              background-size: 50% 50%;
              background-repeat: no-repeat;*/
}


.gallery-link .gallery-gradient{
    height:300px;
    background: 
              linear-gradient(-45deg,#fff 15px, transparent 0)bottom right,
              linear-gradient(-135deg,#fff 15px, transparent 0)top right,
              linear-gradient(135deg,#fff 15px, transparent 0)top left,
              linear-gradient(45deg,#fff 15px, transparent 0)bottom left;
              background-size: 50% 50%;
              background-repeat: no-repeat;
                  border: 1px solid #fff;
}

.gallery-date {
    background-color: #ffcc00;
    transform: skew(-15deg,0);
    font-family: OpenSans-Bold;
    font-size: 16px;
    line-height: 38.5px;
    color: #655100;
    height: 44px;
    width: 125px;
    position: absolute;
    top: 0px;
    right: 10px;
}

.gallery-date-wrapper {
    transform: skew(15deg,0);
    height: 44px;
    width: 125px;
    text-align: center;
}

.gallery-title {
    font-family: OpenSans-Bold;
    font-size: 16px;
    line-height: 38.5px;
    color: white;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    text-shadow: 0 0px 20px rgba(0,0,0,1);
}

.gallery-link .gallery-hover {
    opacity: 0;
    background-color: rgba(0,0,0, 0.5);
    box-sizing: border-box;
   width: 320px;
    height: 300px;
    position: absolute;
    top: 0px;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s ease;
        border-radius: 25px;
}

 .gallery-hover {
    opacity: 0;
    background-color: rgba(0,0,0, 0.5);
    box-sizing: border-box;
    width: 100%;
    height: 99.9%;
    position: absolute;
    top: 0px;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s ease;
        LEFT: 50%;
    TRANSFORM: translateX(-50%);
      z-index:5;
}

.gallery-item:hover .gallery-hover {
    opacity: 1;
}

.gallery-item:hover .gallery-title {
    transform: scale(1.5)
}



.grid-item {
    margin: 1%;
    width: 31.33333%;
    position: relative;
    /*height: 100%;*/
}

    /*.grid-item:first-child {
    display:none;
}*/

    .grid-item img {
        width: 100%;
        border: 3px solid white;
        box-sizing: border-box;
    }

    .grid-item:hover .gallery-hover {
        opacity: 1;
    }

.gallery-wrap-detail {
    width: 84%;
    max-width: 1380px;
    margin: 0 auto;
}

.gallery-detail-wrapper {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.gallery-details {
    margin-top: 20px;
    width: 100%;
    text-align: justify;
}

.gallery-info {
    font-size: 18PX;
    font-family: OpenSans-Bold;
    line-height: 60px;
    margin-right: auto;
    display: inline-block;
    text-align: left;
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
    height: 50px;
    margin: 0 auto;
}

  .gallery-hover p {
       color: #091167;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 25px;
    width: 150px;
    left: 50%;
    padding: 10px;
    top: 50%;
    position: relative;
    transform: translate(-50%,-50%);
   }

/*****************************************gallery end***************************************/

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

    .grid-item img {
        width: 23.409vw;
        height: 18.750vw;
        object-fit: cover;
    }

   .gallery-gradient {
        width:23.409vw;
        height: 18.750vw;
        object-fit: cover;
    }

    .contact_bottom {
        background: url(../images/Contact_bottom_bg.jpg) repeat;
        background-size: 100%;
    }
  .gallery-hover, .gallery-item, .gallery-image {
 
     width: 23.409vw;
    height: 18.650vw;
}
   .gallery-link .gallery-hover, .gallery-link .gallery-gradient {
    width: 23.409vw;
    height: 18.750vw;
    object-fit: cover;
}
   .about_body_bottom {
    padding: 3.658vw 0;
}

   
}

@media only screen and (min-width: 1367px) {
    .project_item {
    min-height: 24.744vw;
}

 p{font-size: 1.170vw;line-height: 1.756vw;}
.paddingleft{padding-left: 3.658vw;}
.paddingright{padding-right: 3.658vw;}
.height10{height:0.732vw;}
.heighttop{height:6.252vw;}
.banner,.banner1,.banner2,.banner3{height:43.623vw;}

.banner_text{ max-width: 53.402vw; padding:2.926vw; font-size:3.950vw;line-height: 4.389vw; letter-spacing: 0.073vw; }
.homebanner_capture{width:51.207vw;}
.bannerWrapper{max-width:58.522vw;min-height: 21.946vw;}
.bannerWrapper h1{padding-bottom:2.195vw;}

.home_why{padding:2.926vw 0 1.463vw;  min-height:21.946vw; }
.home_why p{ font-size: 1.170vw; line-height: 1.756vw;}
.home_why_box{width:12.802vw; height:12.802vw; box-shadow:0.073vw 0.219vw 0.732vw rgba(62, 57, 55, 0.28); border-radius: 0.73vw ; }
.home_why_img{height:9.144vw;  }
.home_why li:nth-child(2),.home_why li:nth-child(4){padding-top:2.195vw;}
.home_why li:nth-child(3),.home_why li:nth-child(4){padding-left:1.195vw;}
.home_why_img img{    height: 5.852vw;}

.home_why_img_right{position: absolute;     right: -14.973vw;top: -2.926vw;width: 43.892vw;}
.item_line{width: 7.315vw; padding-bottom:1.463vw; height: 0.073vw; border-top: 0.073vw  solid #323033;}
.home_what{min-height:21.946vw; }
.home_what_left{ margin-right: 1.463vw;}
/*.home_what_left img{padding-top: 0.526vw;}*/

.home_what_left p{
    bottom: 5.144vw;
      padding: 1.463vw;
}
.home_what_right{padding-top: 1.463vw;}
.home_what_right li:nth-child(2){ top: -4.389vw; padding-left:2.195vw;}
.home_what_right li:nth-child(3){ top: -2.195vw;}
.home_what_right li:nth-child(4){ top: -6.584vw; padding-left: 2.195vw;}
.white_line{border-top: 0.073vw solid #fff;}
.home_news{ width:100%; min-height:21.946vw; position:relative;    top: -3.658vw;}
.home_news .content_50{margin: 2.195vw 2%; width:46%; background: #fff; border-radius: 1.463vw; box-shadow: 0.073vw 0.219vw 0.732vw #ccc; padding-bottom: 1.463vw;}
.news_title{ font-size:1.317vw; line-height:1.756vw; letter-spacing:0.073vw; color:#323033; float: left; width:29.261vw; text-align: left; padding: 1.463vw  1.463vw 1.463vw;}
.news_date{font-size: 1.170vw; line-height: 1.756vw; letter-spacing:0.073vw; color:#fff; padding:1.829vw; background:#091167; border-bottom-right-radius:1.463vw; border-top-left-radius:1.463vw; min-width:8.047vw; float:left; box-shadow:0.439vw 0.585vw 0.219vw hsla(235, 84%, 22%, 0.15);}
.news_desc{padding: 0.732vw 2.926vw 2.195vw; text-align: left;}
.news_ddownload{margin: 0 2.195vw}
.news_ddownload div{width: 2.560vw; margin: 0 0.732vw; float: right;} 
.home_achievement{width:100%; height:100%; min-height:21.946vw; position:relative; padding:0 0 2.195vw;}
.home_achievement ul li img{width:auto; margin:0 auto; box-shadow: 0.073vw 0.293vw 0.732vw #ccc;} 
.featured_item{padding: 2.195vw 2.926vw; position:relative;}
.home_project{min-height:21.946vw; position:relative; padding:2.195vw 0 4.389vw;} 
.home_project ul li{ padding:0 1.463vw;}
.home_project ul li p span{display:none;}
.home_project ul li img{width:100%; margin:0 auto; box-shadow: 0.073vw 0.219vw 0.73vw #3e3937;} 
.home_project ul li div{max-height:360px;max-width:480px;overflow:hidden;position:relative;}

.home_project ul li:nth-child(4), .home_project ul li:first-child{top: -8.047vw;}
.home_project ul li:nth-child(4) div, .home_project ul li:first-child div{ top: -4.828vw;max-height:none;max-width:none;overflow:hidden;}
.home_project ul li:nth-child(4) div img, .home_project ul li:first-child div img{ left: -2.195vw;} 
.home_project ul li:nth-child(4) p, .home_project ul li:first-child p{position: relative; top: 25.969vw; left: 7.144vw;    max-width: 25.604vw;background: #fff; color: #091167; width: auto; display: inline-block; padding: 1.463vw 1.829vw; box-shadow: 0.439vw 0.439vw 0.073vw rgba(255, 255, 255, 0.36);} 
.home_project ul li:nth-child(4) p span.span1, .home_project ul li:first-child p span.span1{display:block;    border-bottom: 0.073vw solid #000; border-left:0.073vw  solid #000; width: 1.244vw; height: 3.658vw; display: block; position: absolute; left: 0.366vw; top:0.658vw;}
.home_project ul li:nth-child(4) p span.span2, .home_project ul li:first-child p span.span2{display:block; border-top: 0.073vw  solid #000; border-right: 0.073vw  solid #000; width: 1.244vw; height: 1.244vw; display: block; position: absolute; right:0.366vw; top: 0.366vw;}

.home_project li p{color:#fff; text-transform:uppercase; padding:1.463vw 0; text-align:center;}
.home_location{width: 100%; height: 100%; min-height: 21.946vw; position: relative; padding: 2.195vw 0;}
.home_location_map{width:100%; min-height:43.892vw; position: relative;    padding-bottom: 5.852vw;}
.home_what_right li img {
    width: 30.578vw;
}
.home_achievement ul li { padding-bottom: 1.463vw;}
   
 .textbox span, .textarea span { font-size: 1.125vw; padding: 1.125vw 1.250vw;}
.gallery-image, .gallery-item { width: 19.409vw; min-height: 18.750vw;height:18.750vw; }
.gallery-link .gallery-hover,.gallery-link .gallery-gradient{
      height: 19.06vw;
    width: 101.5%;
    /*left: -2px;*/
    top: -2px;
}
.gallery-title { font-size: 1.171vw;line-height: 2.818vw;}
.home_banner, .homebanner_items .homebanner, .homebanner { height: 46.563vw; }
.mapstyle{
    width:100%;
    min-height:43.892vw;
}

.subpagebanner{ height:31.919vw;}
.subpage_title{width: 43.892vw;  padding:2.926vw; font-size: 3.950vw;text-shadow:0.073vw 0.219vw 0.585vw #555; line-height: 4.389vw; letter-spacing: 0.073vw;}
.subpage_body{min-height:14.631vw;padding:3.389vw 0 4.3vw; }

.server_item .content_half,.server_item .content_half_r{height:31.456vw;}
.server_box{height: 31.456vw; padding: 0.585vw 0;}
.server_box_cell {  min-height: 14.631vw;}
.server_box_cell_box{ min-height: 14.631vw; padding: 1.463vw 0;}
.server_box_text{width:101%;padding:2.526vw;}
.server_box_text.server_box_text3{    padding-right: 24%; padding-left: 8%;}
.server_box_img img{width:58.522vw;}

  .item_bg{ padding: 2.195vw 0;}
  .box_text_left{ padding: 0.585vw 9% 2.195vw 10%;box-shadow: 0px 0.366vw 0.732vw #ccc;}

      .youtube_video{height:36.892vw;}
      .contact_form{
    max-width:79.005vw;
    margin:0 auto
}
       .contact_map{width:100%;min-height:23.409vw;}
       .contact_address {
       width: 20.398vw;
    margin: 0 auto;
       margin-top: 4.852vw;
    padding: 2.258vw 2.584vw 4.2vw;
}
         .subpage_grey{height:7.315vw;}
         .project_body {
    padding:3.658vw 0 7.315vw;
}
           .contact_address p {
        padding-left: 2.341vw;
        line-height: 2.041vw;
    }
           .contact_address p.address{line-height: 1.4vw;padding-bottom:0.732vw;}
           .contact_address p img {
    position: absolute;
    left: 0;
    top: 0.512vw;
}
    #track-container li {
        width: 25%;
            padding-bottom: 1.463vw;
    }
   .project_body .content1280 {
    max-width: 84vw;
}
     .gallery-hover p {
      font-size:1.024vw;
    border-radius: 1.829vw;
    width: 10.973vw;
    padding: 0.732vw;
   }
   .home_what_box p.alignleft{font-size:1.024vw;}

}
@media only screen and (min-width: 1600px) {
  
    .about_body {
    background: url(../images/topzone_who_bg.jpg) no-repeat;
    background-size: cover;
}
    .about_body_bottom  .content_80 {
    width: 62.500vw;
    margin: 0 auto;

    }
    .video-img {
        width: 62.500vw;
    }
}
@media only screen and (max-width: 1599px){
       .youtube_video.owl-carousel{
            width:800px;
        }


           .video-title {
    font-size: 1.170vw;
    width: 7.315vw;
    right: 240px;
}
}

    @media only screen and (max-width: 1366px) {
        .home_what_right li img {
            width: 100%;
        }

        .home_what_right li:nth-child(4) {
            position: relative;
            top: -90px;
            padding-right: 00;
            padding-left: 20px;
        }

        .home_what_right li:nth-child(2) {
            position: relative;
            top: -53px;
            padding-right: 0;
            padding-left: 20px;
        }

        .home_what_right li {
            padding: 0 10px;
        }

        .item_line {
            margin-top: 15px;
        }

        .server_box_text .item_line.marginauto, .server_box_text .item_line {
            margin-top: 0px;
        }

        .transform_box, .transform_box2 {
            height: 430px;
        }

        .our_blue_bg {
            top: -50px;
            z-index: 1;
            height: 115%;
        }

        .home_what_box .content_40 {
            width: 35%;
        }

        .home_what_box .content_60 {
            width: 65%;
        }

       /* .home_what_left img {
            width: 100%;
            padding-top: 30px;
        }*/

        .about_item .server_box_img img.bigwidth {
            position: relative;
             width: 740px;
        }

        .about_body_bottom .content_90 {
            margin: 50px auto;
            float: none;
            margin: 0 auto;
        }

        .about_banner {
            background: url(../images/Abou_banner.jpg) no-repeat center;
            background-size: cover;
        }

        .contact_banner {
            background: url(../images/contact_banner.jpg) no-repeat right;
            background-size: cover;
        }

        .contact_bottom {
            background: url(../images/Contact_bottom_bg.jpg) no-repeat right;
            background-size: cover;
        }
        .Projects_banner {
    background: url(../images/projects_detail_banner.jpg) no-repeat 70%;
    background-size: cover;
}

        .span3 {
            width: 280px;
        }
         .contact_address p.address{line-height: 24px;padding-bottom:0;}
    }
@media only screen and (max-width: 1330px) {
  
    .heighttop {
    height: 90px;
}
  
}
    @media only screen and (max-width: 1279px) {
        .heighttop {
            height: 0px;
        }

        .banner_text {
            left: 50%;
            position: absolute;
            top: 50%;
            right: auto;
            transform: translate(-50%,-50%);
        }
        /*.home_why .content_50 {
        width: 100%;
        float: none;
    }
    .home_why li {
        width: 25%;
    }*/
        .home_why li:nth-child(2), .home_why li:nth-child(4) {
            padding-top: 0;
        }

        .home_why li:nth-child(3), .home_why li:nth-child(4) {
            padding-left: 0;
            padding-top: 30px;
        }

        .home_why_img_right {
            position: absolute;
            right: 0;
            top: -40px;
        }

        .home_why_box {
            margin: 0 auto;
        }

        .home_project {
            background: url(../images/topzone_project.jpg) no-repeat;
            background-size: cover;
        }

          .home_project ul li:nth-child(4),  .home_project ul li:first-child, .home_project ul li {
                width: auto;
                float: none;
                position: relative;
                top: auto;
            }

            .home_project ul li:nth-child(4) div,    .home_project ul li:first-child div {
                    padding: 0;
                    transform: none;
                    overflow: hidden;
                    left: auto;
                    top: auto;
                    position: relative;
                    width: 100%;
                }

                  .home_project ul li:nth-child(4) div img,  .home_project ul li:first-child div img {
                        width: 100%;
                        transform: none;
                        left: auto;
                        position: relative;
                    }

               .home_project ul li:nth-child(4) p, .home_project ul li:first-child p {
                    position: relative;
                    top: auto;
                    left: auto;
                    background: inherit;
                    color: #fff;
                    width: 100%;
                    display: block;
                    padding: 20px;
                    box-shadow: none;
                }

                  .home_project ul li:nth-child(4) p span.span1 ,  .home_project ul li:first-child p span.span1 {
                        display: none;
                    }

                   .home_project ul li:nth-child(4) p span.span2, .pc_project.owl-carousel.owl-loaded, .home_project ul li:first-child p span.span2 {
                        display: none;
                    }

        .mobie_project.owl-carousel.owl-loaded {
            display: block;
        }

        .server_banner {
            background: url(../images/services_banner.jpg) no-repeat center center;
            background-size: cover;
        }

        .item_bg {
            background: url(../images/services_bottom_bg.png) no-repeat;
            background-size: cover;
        }
            .banner {
        width: 100%;
        height: 500px;
    }
    .banner1 {
        background: url(../images/banner1.jpg) no-repeat bottom right;
        background-size: cover;
        width: 100%;
        height: 500px;
    }
     .banner2 {
        background: url(../images/banner2.jpg) no-repeat bottom right;
        background-size: cover;
        width: 100%;
        height: 500px;
    }
      .banner3 {
        background: url(../images/banner3.jpg) no-repeat bottom right;
        background-size: cover;
        width: 100%;
        height: 500px;
    }

        .contact_body {
            padding: 30px 0%;
        }

            .contact_body .content1280 {
                width: 92%;
                margin: 0 auto;
            }

        .our_blue_bg {
            opacity: 0;
        }

        /*.home_what_left img {
            width: 100%;
            padding-top: 25px;
        }*/

        .home_news {
            top: auto;
        }

        .home_achievement {
            padding: 30px 0;
        }

        .about_item .server_box_img img.bigwidth {
            left: -15%;
        }

        .news_desc {
            padding: 10px 20px 30px;
            text-align: left;
        }

        .project_body {
            padding: 50px 0 80px;
        }

        #track-container li {
            width: 50%;
        }

        .span3 {
            width: 280px;
            height: 300px;
            left: -12px;
            top: -13px;
        }
        .transform_box3{
            height:530px;
        }

     
           .about_body_bottom {
    padding: 50px 0;
}
    }
     @media only screen and (max-width: 1229px){
         .home_what_left{
             top:-15px;
         }
        .content1280_pc .content_80 {
            width: 90%;
        }
         .about_item .server_box_img img.bigwidth {
            position: relative;
             width: 680px;
        }

     }
@media only screen and (max-width: 1079px) {
    .home_project{
            background: url(../images/topzone_project.jpg) no-repeat;
    background-size: cover;
    }
    .home_why_img_right {
    right: -10%;
}
    .heighttop {
    height: 40px;
}

    .Projects_banner {
    background: url(../images/projects_detail_banner.jpg) no-repeat center;
    background-size: cover;
}
       .home_what_box  .content_40 {
    width: 100%;
    float: none;
    position: relative;
}
   .home_what_left {
    text-align: left;
    padding-right: 0;
    padding-top: 30px;
        text-align: center;
    margin-right: 0;
}
 .home_what  .content_60 {
    width: 100%;
    float: none;
    position: relative;
}
 .home_what_right li:nth-child(2) {
    position: relative;
    top: 0;
    padding-right:10px;
    padding-left: 10px;
}
    .home_what_right li:nth-child(4) {
        position: relative;
        top: 0;
        padding-right: 10px;
        padding-left: 10px;
    }
     .home_what_right li{
         padding-bottom:30px;
     }
    .home_what_right li img {
    height: 300px;
        width: auto;
 
}
    .home_what_right li:nth-child(3) {
    position: relative;
    top: 0;

}
    .home_what_right li div{overflow:hidden;}
   
      .about_item .server_box_img img.bigwidth {
  
   left: 0;
    width: 100%;
}
      .about_body{
          padding: 40px 0 20px;
      }
         .server_item .content_half, .server_item .content_half_r {
    width: 100%;
    margin:0 auto;
    height:auto;
        float: none;
}
            .server_box_img ,.server_box_img2{
    position: relative;
    transform: none;
    width: 100%;
    z-index: 1;
    left: 0;
    top:auto;
}
   .server_box_img img,.server_box_img2 img {
    position: relative;
    width:100%;
  
}
    .server_box_cell_box {
        display: block;
    }
    .server_box_text {
        width: 100%;
        left: 0;
        padding: 30px;
    }
    .server_box_text3{
        padding-top: 0px;
    }
    .server_box {
    display: block;
    height: auto;
    padding: 30px 0;
}
        .transform_box,.transform_box2 {
        transform: none;
        left:auto;
            width: 100%;
    left: auto;
    right: auto;
      height: auto;
    }
    .server_box_img img.bigwidth {
    position: relative;
    width: 100%;
}
       .about_body_bottom {
    padding: 0;
}
       .home_what_box p.alignleft {
    padding-bottom: 20px;
}
}
@media only screen and (max-width: 956px) {
   .home_why .content_50,.content_45,.content_55 {
        width: 100%;
        float: none;
    }

    .home_why li {
        width: 25%;
    }
      .home_why li:nth-child(3), .home_why li:nth-child(4) {
    padding-left: 0;
    padding-top:0px;
}
     .home_why  .height80 {
    height: 30px;
}
     .home_why_img_right {
    position: relative;
    right: 0;
    top: 15px;
}
     .home_why {
   
    background: url(../images/topzone_who_bg.jpg) no-repeat right;
    background-size: cover;
        padding: 30px 0 20px;
}
     .home_what_bgimg {
    z-index: 1;
    top: -10%;
        /*display: none;*/
}
    .home_why_box {
        width: 165px;
        height: 165px;
    }
    .home_location_map ,.mapstyle{
       height: 400px;
       min-height:200px;
    }
    .home_what {
    padding: 30px 0 0;
    background: url(../images/topzone_what_bg.jpg) repeat;
}
   .home_what   .content_80 {
        width: 92%;
    }
   .home_news{
       padding-top:30px;
   }
  .home_what_left p, .home_what_right p {
  left: auto;
    display: block;
    color: #fff;
    padding-top: 20px;
    position: relative;
    bottom: auto;
    transform: none;
    background: transparent;
        opacity: 1;
            width: 100%;
    padding: 10px;
}

    .subpage_body_bottom .height180 {
    height: 0px;
}
    .subpage_body{
        padding:20px 0 0px;
    }
   .subpage_body .height80,.subpage_body_bottom .height80 {
    height: 30px;
}

    .item_bg {
    background: url(../images/services_bottom_bg.png) no-repeat;
    background-size: 110%;
}
      .about_item .server_box_img img.bigwidth {
  
    left: 0;
}
    .home_what_left img {
        width: 97%;
            padding-top: 5px;
    }
    .about_item .server_box_img img.bigwidth {
    width: 100%;
}
    .pur {
    background: none;
}
    .youtube_video {
    width: 100%;
    margin: 0 auto;
    height: 500px;
}
    .server_box_text .item_line.marginauto, .server_box_text .item_line {
    margin-top: 5px;
}
  .contact_body  .content_50{
        width:100%;
        float:none;
    }
   .contact_body  .content_50.right{
        padding-bottom:30px;
    }

   .enquiry .content_50 span.mb_atyle{
       padding-top:0;
   }
     /*.contact_address {
        width: 100%;
        padding: 20px 30px;
    }*/
     .enquiry_box .content_pc{display:none;}
 .enquiry_box .content_mb{display:block}
 .contact_address{
     margin-top:30px;
 }
 .home_what_box.content1279_mb{
     top:-60px;
 }
    .home_what_right li:nth-child(3), .home_what_right li:nth-child(4) {
        padding-bottom: 0px;
    }
   .home_what .content_mb {
    display: block;
}
     .home_what .content_pc {
    display: none;
}
       .about_body_bottom .height150 {
    height: 50px;
}
      .server_item_fud2, .server_item_fud{
           display:none;
       }
         .project_body .height150{
       height:0;
   }
           .youtube_video.owl-carousel{
            width:600px;
            height:auto;
        }
    .video-title {
        font-size: 14px;
        right: 29%;
        bottom: 10%;
    }
           .home_what_box p.alignleft{
               text-align:center;
           }
}
@media only screen and (max-width: 767px) {
   .home_why li {
     width:50%;
     padding-bottom:30px;
}
   .news_ddownload {
    margin: 0 30px;
    height: 50px;
}
    .home_news .content_50 {
        margin: 0 auto 30px;
        padding: 0;
        width: 100%;
    }
    .news_title
    {
        width:80%;
    }
    .banner_text {
        width: auto;
        text-align:center;
        min-width:inherit;
        padding: 40px;
        font-size: 46px;
        line-height: 54px;
    }
     .home_what_right li img {
    height: 200px;
    width: auto;
}
     .server_box_text p {
    color: #091167;
    text-align: justify;
}
  
    .contact_form{
          width: 92%;
        margin: 0 auto;
    }
   .contact_body .height180 {
    height: 0px;
}
     .home_what_left img {
        width: 96%;
    }
        .youtube_video {
  
    height: 400px;
}
        .home_location_map{ padding-bottom: 30px;}
    .grid-item {
        margin: 1%;
        width: 48%;
    }
    .contact_bottom{
        padding-bottom:60px;
    }
    .contact_banner {
    background: url(../images/contact_banner.jpg) no-repeat 80%;
    background-size: cover;
}
   .contact_banner .subpage_title {
        top: 35%;
    }
   .subpage_body_bottom .height150 {
    height: 100px;
}
   #track-container li {
    width: 100%;
}
    .video-title {
        right: 27%;
        bottom: 8%;
    }
}
@media only screen and (max-width: 640px) {
  
    .news_title
    {
        width:60%;
    }
       .banner_text {
           width: auto;
    text-align: center;
        padding: 40px;
        font-size: 36px;
        line-height: 42px;
    }
       .home_why_img_right{
           width:90%;
       }
      .home_why_box {
    width: 155px;
    height: 155px;
}
      .item_bg {
    background: url(../images/services_bottom_bg.png) no-repeat;
    background-size: cover;
}
       #track-container li {
        width: 100%;
    }
               .gallery-hover, .gallery-item, .gallery-image {
 
     width: 300px;
     height:250px;
}
 .gallery-link .gallery-hover,  .gallery-link .gallery-gradient {
    width: 300px;
    height:250px;
}
   .video-title {
    right: 24%;
    bottom: 6%;
}
}
@media only screen and (max-width: 480px) {
  
 
    .news_title {
    width: 100%;
    padding-top: 20px;
}
      .home_why_img_right{
           width:100%;
       }
    .home_why p {
        font-size: 15px;
    }
      .home_what_left img {
        width: 95%;
    }
        .gallery-hover, .gallery-item, .gallery-image {
 
     width: 300px;
     height:250px;
}
 .gallery-link .gallery-hover,  .gallery-link .gallery-gradient {
    width: 300px;
    height:250px;
}
   .home_what_bgimg{
       top:-8%;
   }
   .home_what_box.content1279_mb {
    top: -40px;
}
   .about_body_bottom .height150 {
    height: 10px;
}
   .subpage_body_bottom .height150 {
    height: 50px;
}

    .project_body .height180{
       height:0;
   }
    .video-title {
    right: 22%;
    bottom: 4%;
        font-size: 1vw;
}
}
@media only screen and (max-width: 480px){
      .video-title
{
    right: 18%;
}
}