@media only screen and (min-width:1200px) and (max-width: 1600px) {
    .Axxon-globe {
        background-position: -290px 0px;
    }
}

@media (max-width: 1200px){

    .container{width:100%;}

    .hamburger{display:block;}

    .logo-axxon img{padding:0px 0px 0px 8px;}

    .nav-menu{display:none;}

   /* .icon{left: 89%;top: 2%;}*/

    .banner-wrap{height:auto;}

    .select-proc{display:none;}


    #prod_white_overlay{width:100%;height:auto;}

}

@media only screen and (min-width:991px) and (max-width: 1200px) {

    .icon {
        left: 95%;
        top: 2%;
    }

    .feature-service ul li{padding: 10% 0px 10% 95px;}

    .feature-service ul li:nth-child(2), .feature-service ul li:nth-child(4){padding: 9% 0px 9% 95px;}

    .icon2:before{top: -20%;}

    .icon3:before{top: -27%;}

    .banner-text{top:17%;}

    #axxon-left:nth-child(1) { margin-right: 2%; }

    .cnt-word h1{font-size: 14px;}

    .cnt-word{max-height: 109px;}

    .overview{margin: 12px 0px;}

    .grp-pic{margin: 12px 0px;}

    .Axxon-trade .load-value .col-4 h6{font-size: 15px;}

    .Axxon-trade .load-value .col-4 { padding: 0px 0px 0px 75px; }

    .Axxon-industires article .service-listed h6{ padding: 0px 15px 48px 94px;font-size: 14px;}

    .Axxon-industires article .service-listed ul li:nth-child(1) h6 { padding: 0px 15px 48px 77px;}

    .Axxon-industires article .service-listed ul li:nth-child(5) h6 { padding: 0px 0px 48px 98px;}

    .icon6{left:-19%;}

    .icon7{left:-9%;}

    .icon8{left:-12%;}

    .Axxon-industires article .service-listed2 h6{ padding: 56px 15px 0px 88px;font-size: 14px;}

    .Axxon-industires article .service-listed2 ul li:nth-child(1) h6 { padding: 56px 14px 0px 70px; }

    .Axxon-industires article .service-listed2 ul li:nth-child(5) h6 { padding: 56px 0px 0px 98px; }

    .icon11{left:-5%;}

    .icon12{left:-12%;}

    .icon13{left:-6%;}

    .Axxon-globe{background-position: -550px 0px;}

    .Axxon-globe article .col-6{padding:0px 12px;}

    .Axxon-globe article .col-6 p{padding-right: 128px;}

    .flags li{padding:0px 15px;}

    .flags li:nth-child(2) {padding: 10px 15px 10px 0px; }

    .axxon-spread:nth-child(1) {margin-right: 2%;}

    .axxon-do{margin:10px 0px;}

    .axxon-do:before{right:-2%;}

    .Axxon-selection .circle-marker ul li:nth-child(5){left:889px}




    .Axxon-clients .client-slide ul li{margin: 0px 2px;}

    .quick-pass{ width: 39.666667%;}

    .marvel {padding: 0px 15px; }

    .develope-team{ padding: 20px 15px;}

    .ddh-company h6{padding-left:42%;}

    .Axxon-selection .circle-marker ul li:nth-child(9){    left: 864px;}


    /***responsive****/

    .Axxon-selection{height: 710px;}

    #select-proc{display:none;}

    #select-proc-resp{display:block !important;margin:0px auto;width:380px;}

    /*.vert-curve-line{margin:0px auto;width:11%;}*/


    /****client*****/
    .client-slide li{width:70%;margin:0px auto;}

    /*******about page*******/

    .about-banner{background-position: -460px 0px;}

    .block2{padding:42px 12px 0px 12px;}

    .About-Axxon .block2 .col-5{width: 40.111111%;}

    .dir-pic{width:360px;}

    .Axxon-mivi{padding:74px 0px;}

    .Axxon-develop {padding: 90px 12px;}

    .Axxon-develop .partner{ width: 59.333333%;}

    .p-note {padding: 0px 15px 0px 35px;}

    .Axxon-develop .growth {width: 38.166667%; padding-left: 15px;}

    .axxon-improve li .g-text {width: 69.333333%;}

    .axxon-improve li:nth-child(2) .g-text {width: 65.333333%;padding: 40px 15px 40px 40px;}

    .axxon-improve li:nth-child(4) .g-text { width: 65.333333%;}

    .Axxon-develop .partner{padding-bottom: 75px;}

    .Axxon-who-we .block5 p{padding: 8px 30px;}

    /*********service page********/

    .service-banner{background-position: -460px 0px;}

    .service-post {width: 316px;}

    .block-s3 .col-8 { padding: 0px 0px 0px 20px;}

    .block-s3 .col-12{padding:0px 12px;}

    .block-s3 .col-8 h2:after{left:43%;}

    .Service-Axxon .block-s2 .col-3:nth-child(1) h4:after{left: 46%;}

    .Service-Axxon .block-s2 .col-3 h4:after{left: 38%;}

    .tag-change h2:after {left: 65% !important;}

    .pjt-staff h2:after { left: 51% !important;}

    .skill-change h2:after {left: 55% !important; }


    /********industry page*********/

    .indus-post {width: 295px;}

    .block-ind2 .col-7 { padding: 0px 12px 0px 30px;}


    /*********career page*******/

    .career-banner{background-position: -460px 0px;}

    .block-cr2{padding: 0px 12px 75px 12px;}

    .Axxon-multiple .block-cr4 .col-4 { padding: 0px 35px 0px 35px; }

    .Axxon-multiple .block-cr4 .col-4:nth-child(2){ padding: 0px 35px 0px 35px;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3){ padding: 0px 35px 0px 35px;}

    .Ex-step{width:100% !important;}

    .Axxon-multiple .block-cr4 .col-4 p{max-height: 110px;overflow: hidden;}

    .ping {margin-left: 45px;}

    .Axxon-multiple .block-cr4 .col-4 h6:before{left: 50px;}


    /********contact-us page ********/

    .block-ct2 .col-8 .col-6:nth-child(2){padding-right: 0px;}

    .block-ct2 .col-3 { margin-left: 80px;}

    .block-ct2 .col-3 h5{ font-size: 14px;}


    }

@media only screen and (min-width:769px) and (max-width: 990px) {

    .icon {
        left: 94%;
        top: 2%;
    }

    .container{width:100%;}

    .banner-over section article{width:100%;}

    .feature-service ul li{padding: 30px 0px 30px 95px;}

    .feature-service ul li:nth-child(1){width: 50%;float: left;}

    .feature-service ul li:nth-child(2){width: 50%; float: left; padding:23px 0px 23px 95px;}

    .feature-service ul li:nth-child(3){width: 50%; float: right;}

    .feature-service ul li:nth-child(4){  width: 50%;float: right; border-bottom: 1px solid #647084;padding:23px 0px 23px 95px;}

    .icon1:before{top:-16%;}

    #bann-count{width:100%; margin-top: 25px;}

    .banner-text{ top: 18%;}

    #axxon-left:nth-child(1) {margin-right: 2%;}

    .cnt-word{max-height:110px;}

    .overview{margin:29px 0px; padding-left: 10px;}

    .overview:before{top:0%;left:18%;}

    .grp-pic{margin:29px 0px; padding-left: 10px;}

    .Axxon-trade{padding:50px 10px;}

    .sym-exx{margin: 9% 0px;}

    .Axxon-trade .load-value .col-4:nth-child(1) {padding-left: 55px;}

    .Axxon-trade .load-value .col-4 { padding: 0px 0px 0px 51px;}

    .Axxon-globe{background-position: -361px 0px;}

    .Axxon-globe{background-position: -550px 0px;}

    .Axxon-globe article .col-6{padding:0px 12px;width:80%;}

    .Axxon-globe article .col-6 p{padding-right: 128px;}

    .Axxon-factory article .fact-cnt {padding: 0px 55px;}

    .axxon-spread:nth-child(1) { margin-right: 2%;}

    .axxon-do{margin:30px 0px;padding-left: 10px;  }

    .axxon-do:before{right:-2%;}

    .Axxon-work article .work-cnt{padding: 0px 55px;}

    .Axxon-clients article .client-proc{padding: 0px 55px;}

    .quick-pass{ width: 34.666667%;}

    .division {margin: 0px 22px;}

    .connect-link{width:29.5555555%;}

    .marvel {padding: 0px 15px; }

    .develope-team{ padding: 20px 15px;}

    .ddh-company h6{padding-left:25%;}

    #select-proc{display:none;}

    .service-listed ul{width:63%;margin:0px auto;}

    .icon5{left:0%;}

    .Axxon-industires article .service-listed ul li{width:50%;}

    .Axxon-industires article .service-listed ul li:nth-child(1) h6 {padding: 0px 25px 48px 98px; }

    .Axxon-industires article .service-listed ul li:nth-child(2){border-right:0px;}

    .Axxon-industires article .service-listed ul li:nth-child(2):before{display:none;}

    .Axxon-industires article .service-listed ul li:nth-child(4){border-right:0px;}

    .Axxon-industires article .service-listed ul li:nth-child(4):before{display:none;}

    .Axxon-industires article .service-listed ul li:nth-child(5){left:25%;}

    .service-listed2 ul{width:64%;margin:0px auto;}

    .service-listed2 ul li{margin-top:25px;width:50%;}

    .Axxon-industires article .service-listed2 ul li:nth-child(1) h6{    padding: 56px 25px 0px 102px;}

    .icon10{left:0%;}

    .Axxon-industires article .service-listed2 ul li:nth-child(2){border-right:0px;}

    .Axxon-industires article .service-listed2 ul li:nth-child(2):before{display:none;}

    .Axxon-industires article .service-listed2 ul li:nth-child(4){border-right:0px;}

    .Axxon-industires article .service-listed2 ul li:nth-child(4):before{display:none;}

    .Axxon-industires article .service-listed2 ul li:nth-child(5){left:25%;}


    /***responsive****/

    .select-proc-resp{display:block;}

    .Axxon-selection{height: 710px;}

    #select-proc{display:none;}

    #select-proc-resp{display:block !important;margin:0px auto;width:380px;}


    /****client*****/

    .client-slide li{width:50%;margin:0px auto;}



    /*******about page*******/

    .about-banner{background-position: -805px 0px;}

    .block2{padding: 45px 12px 0px 12px;}

    .About-Axxon .block2 .col-5 { width: 40.111111%;}

    .dir-pic { width: 275px;}

    .About-Axxon .block2 .col-7 { padding-left: 30px; }

    .Axxon-mivi{padding: 74px 0px;}

    .Axxon-mivi .col-6 p{padding: 15px 25px;}

    .Axxon-develop .partner{padding-left: 12px;width: 61.333333%;}

    .p-note {padding: 0px 8px 0px 35px;}

    .Axxon-develop .growth { width: 34.166667%; padding-left: 15px;}

    .axxon-improve li .g-text {width: 60.333333%;padding: 40px 0px 40px 20px;}

    .axxon-improve .round-year {width: 38.666667%;    padding: 30px 0px;}

    .axxon-improve .round-year h5{text-align: center;}

    .axxon-improve li:nth-child(4) .g-text h3:before{left: 78%;}

    .Axxon-strength .block4 .col-3:nth-child(1) { padding-left: 40px;}

    .Axxon-strength .block4 .col-3 { padding: 0px 40px 0px 40px;}

    .Axxon-who-we .block5 p{padding: 8px 25px;}

    .about-client p { padding: 0px 30px;}


    /*********service page********/

    .service-banner{background-position: -805px 0px;}

    .Service-Axxon .block-s2 .col-3{width:50%;}

    .Service-Axxon .block-s2 .col-3:nth-child(3){border-top:0px;border-left:1px solid #c4c4c4;;}

    .Service-Axxon .block-s2 .col-3:nth-child(4){border-top:0px;}

    .service-post {width: 244px;}

    .block-s3 aside .past-cnt { padding: 0px 0px 0px 6px; }

    .block-s3 .col-8 { padding: 0px 0px 0px 20px;}

    .block-s3 .col-12{padding:0px 12px;}

    .block-s3 .col-8 h2:after{left:275px;}

    .Service-Axxon .block-s2 .col-3:nth-child(1) h4:after{left: 115px;}

    .Service-Axxon .block-s2 .col-3 h4:after{left: 95px;}

    .tag-change h2:after {left: 413px !important;}

    .pjt-staff h2:after { left: 330px !important;}

    .skill-change h2:after {left: 350px !important; }


    /********industry page********/

    .industries-Axxon .block-ind2 .col-3{width: 30%; padding: 0px 23px 0px 0px;}

    .industries-Axxon .col-9{width: 70%; padding-right: 12px;}

    .industries-Axxon .col-9 .indus-part {padding: 0px 0px 0px 28px; }

    .indus-part .col-5{width:100%;}

    .indus-part .col-7{width:100%; padding-top: 25px;}

    .block-ind2 .col-7 p{text-align: justify;}


    /*********career page*******/

    .career-banner{background-position: -805px 0px;}

    .block-cr2 .col-7 {padding: 0px 0px 0px 50px;}

    .block-cr2{padding: 0px 12px 75px 12px;}

    .block-cr3 .col-5 {margin-left: 15px; }

    .f-upload{width: 153px;}

    .f-upload::before{ padding: 13px 17px;}

    .Axxon-multiple .block-cr4 p{padding: 10px 20px;}

    .Axxon-multiple .block-cr4 .col-4 { padding: 0px 20px 0px 20px; }

    .Axxon-multiple .block-cr4 .col-4:nth-child(2){ padding: 0px 20px 0px 20px;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3){ padding: 0px 20px 0px 20px;}

    .Ex-step{width:100% !important;}

    .Axxon-multiple .block-cr4 .col-4 p{max-height: 110px;overflow: hidden;}

    .ping {margin-left: 12px;width: 147px;}

    .Axxon-multiple .block-cr4 .col-4 h6:before{left: 14%;}

    .Axxon-multiple .block-cr4 .col-4 h6:hover:before { left: 15%;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3) h6 { padding: 18px 0px; }

    .Axxon-multiple .block-cr4 .col-4:nth-child(3) h6:before {top: 18px;}

    /********contact-us page ********/

    .block-ct2 .col-8 { padding-left: 30px;}

    .block-ct2 .col-8 .col-6:nth-child(2){padding-right: 0px;}

    .block-ct2 .col-3 { margin-left: 60px;}

    .block-ct2 .col-3 h5{ font-size: 14px; padding: 26px 0px;}

    .ct-bnt{ padding: 0px 35px;}

    .ct-bnt:before{right:23px;}


}

@media only screen and (min-width:641px) and (max-width: 768px) {

    .icon {
        left: 93%;
        top: 2%;
    }

    .banner-over section article{width:100%;}

    .feature-service ul li{padding: 30px 0px 30px 95px;}

    .feature-service ul li:nth-child(1){width: 50%;float: left;}

    .feature-service ul li:nth-child(2){width: 50%; float: left; padding:23px 0px 23px 95px;}

    .feature-service ul li:nth-child(3){width: 50%; float: right;}

    .feature-service ul li:nth-child(4){  width: 50%;float: right; border-bottom: 1px solid #647084;padding:23px 0px 23px 95px;}

    .icon1:before{top:-16%;}

    #bann-count{width:100%; margin-top: 25px;}

    .banner-text{ top: 4%;}

    #axxon-left:nth-child(1) {margin-right: 2%;}

    .cnt-word{max-height:92px;}

    .overview{width: 100%;}

    .overview:before{top:22%;left:28%;}

    .overview-cnt{width:100%;}

    .Axxon-trade .desciples-cnt:after{display: none;}

    .Axxon-trade .load-value .col-4:nth-child(1) { padding-left: 40px;}

    .Axxon-trade .load-value .col-4 { padding: 0px 0px 0px 40px;}

    .grp-pic{width: 100%;}

    .grp-pic img{width:100%;}

    .Axxon-trade .desciples{width:100%;}

    .Axxon-trade .load-value{width:100%;}

    .Axxon-globe{background-position: -361px 0px;}

    .Axxon-globe article .col-6{padding:0px 12px;width:80%;}

    .Axxon-globe article .col-6 p{padding-right: 128px;}

    .flags li{padding:10px 18px;}

    .flags li:nth-child(2) {padding: 10px 18px 10px 0px; }

    .Axxon-factory article .fact-cnt {padding: 0px 55px;}

    .axxon-spread:nth-child(1) { margin-right: 2%;}

    .Axxon-factory article .fact-cnt {padding: 0px 40px;}

    .axxon-do{width:100%;}

    .axxon-do:before{  right: 33%;top: 93%; transform: rotate(90deg);}

    .axxon-do-cnt{width:100%;}

    .Axxon-work article .work-cnt{padding: 0px 40px;}

    .Axxon-clients article .client-proc{padding: 0px 40px;}

    .quick-pass{ width: 100%;}

    .division {margin: 0px 0px;width:50%;}

    .connect-link{width:50%;}

    .marvel {padding: 0px 15px; }

    .develope-team{ padding: 20px 15px;}

    .ddh-company h6{padding-left:12%;}

    #select-proc{display:none;}

    .service-listed ul{width:75%;margin:0px auto;}

    .icon5{left:0%;}

    .Axxon-industires article .service-listed ul li{width:50%;}

    .Axxon-industires article .service-listed ul li:nth-child(1) h6 {padding: 0px 25px 48px 98px; }

    .Axxon-industires article .service-listed ul li:nth-child(2){border-right:0px;}

    .Axxon-industires article .service-listed ul li:nth-child(2):before{display:none;}

    .Axxon-industires article .service-listed ul li:nth-child(4){border-right:0px;}

    .Axxon-industires article .service-listed ul li:nth-child(4):before{display:none;}

    .Axxon-industires article .service-listed ul li:nth-child(5){left:25%;}


    .service-listed2 ul{width:77%;margin:0px auto;}

    .service-listed2 ul li{margin-top:25px;width:50%;}

    .Axxon-industires article .service-listed2 ul li:nth-child(1) h6{    padding: 56px 25px 0px 102px;}

    .icon10{left:0%;}

    .Axxon-industires article .service-listed2 ul li:nth-child(2){border-right:0px;}

    .Axxon-industires article .service-listed2 ul li:nth-child(2):before{display:none;}

    .Axxon-industires article .service-listed2 ul li:nth-child(4){border-right:0px;}

    .Axxon-industires article .service-listed2 ul li:nth-child(4):before{display:none;}

    .Axxon-industires article .service-listed2 ul li:nth-child(5){left:25%;}


    .select-proc-resp{display:block;}

    .Axxon-selection{height: 710px;}

    #select-proc{display:none;}

    #select-proc-resp{display:block !important;margin:0px auto;width:380px;}


    /****client*****/
    .client-slide li{width:50%;margin:0px auto;}


    /*******about page*******/

    .about-banner{background-position: -805px 0px;}

    .block2{padding: 45px 12px 0px 12px;}

    .About-Axxon .block2 .col-5 { width: 40.111111%;}

    .dir-pic { width: 225px;}

    .About-Axxon .block2 .col-7 { padding-left: 30px; }

    .Axxon-mivi{padding: 60px 0px;}

    .Axxon-mivi .col-6 p{padding: 15px 15px;}

    .Axxon-develop .partner{padding-left: 12px; width: 100%;}

    .p-note {padding: 0px 8px 0px 35px;}

    .Axxon-develop .growth {width: 100%; padding: 0px 12px;}

    .axxon-improve li .g-text {width: 60.333333%;padding: 40px 0px 40px 20px;}

    .axxon-improve li:nth-child(1) {padding: 0px 0px 0px 0px; float: right;width: 48%;}

    .axxon-improve li {padding: 2px 0px 2px 0px;  }

    .axxon-improve li:nth-child(2) {padding: 0px 0px 22px 0px;float: left;width: 49%;}

    .axxon-improve li:nth-child(2) .g-text {  width: 60.3333333%;padding: 40px 20px 40px 17px; }

    .axxon-improve li:nth-child(3) { padding: 14px 0px 22px 0px;float: right;width: 48%;}

    .axxon-improve li:nth-child(4) { padding: 0px 0px 22px 0px;float: left;width: 49%;}

    .axxon-improve li:nth-child(4) .g-text{ padding: 40px 0px 40px 16px;}

    .std{font-size: 14px;}

    .axxon-improve .round-year {width: 38.666667%;    padding: 30px 0px;}

    .axxon-improve .round-year h5{text-align: center;}

    .axxon-improve li:nth-child(4) .g-text h3:before{left: 78%;}

    .Axxon-strength .block4 .col-3:nth-child(1) { padding-left: 28px;}

    .Axxon-strength .block4 .col-3 { padding: 0px 40px 0px 28px;}

    .Axxon-who-we .block5 p{padding: 8px 25px;}

    .about-client p { padding: 0px 30px;}


    /*********service page********/

    .service-banner{background-position: -805px 0px;}

    .Service-Axxon .block-s2 .col-3{width:50%;}

    .Service-Axxon .block-s2 .col-3:nth-child(3){border-top:0px;border-left:1px solid #c4c4c4;;}

    .Service-Axxon .block-s2 .col-3:nth-child(4){border-top:0px;}

    .block-s3 .col-4{width:100%;}

    .service-post {width: 357px;margin: 0px auto;}

    .block-s3 .col-8 {width: 100%;padding: 40px 0px 0px 20px;}

    .block-s3 .col-12{padding:0px 12px;}

    .block-s3 .col-8 h2:after{left:275px;}

    .Service-Axxon .block-s2 .col-3:nth-child(1) h4:after{left: 115px;}

    .Service-Axxon .block-s2 .col-3 h4:after{left: 95px;}

    .tag-change h2:after {left: 413px !important;}

    .pjt-staff h2:after { left: 330px !important;}

    .skill-change h2:after {left: 350px !important; }


    /********industry page********/

    .industries-Axxon .block-ind2 .col-3{width: 100%; padding: 0px 15px 0px 15px;}

    .industries-Axxon .block-ind2 .col-3 li{width:50%;float:left;}

    .industries-Axxon .block-ind2 .col-3 li:last-of-type{border-bottom:1px solid #e3e3e3;}

    .industries-Axxon .col-9{width: 100%; padding-right: 12px; padding-top: 90px;}

    .industries-Axxon .col-9 .indus-part {padding: 0px 0px 0px 28px; }

    .indus-post{margin:0px auto;}

    .indus-part .col-5{width:100%;}

    .indus-part .col-7{width:100%; padding-top: 25px;}

    .block-ind2 .col-7 p{text-align: justify;}


    /*********career page*******/

    .career-banner{background-position: -405px 0px;}

    .block-cr2 .col-7 {padding: 0px 0px 0px 50px;}

    .block-cr2{padding: 0px 12px 75px 12px;}

    .block-cr3 .apply-mode{padding: 25px 12px 0px 12px;}

    .block-cr3 .col-5 {margin-left: 0px; width:100%;}

    .block-cr3 .col-5:nth-child(2) { margin-left: 0px;}

    .f-upload{width: 153px;}

    .f-upload::before{ padding: 13px 17px;}

    .Axxon-multiple .block-cr4 p{padding: 10px 20px;}

    .Axxon-multiple .block-cr4 .col-4 { padding: 0px 20px 0px 20px; }

    .Axxon-multiple .block-cr4 .col-4:nth-child(2){ padding: 0px 20px 0px 20px;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3){ padding: 0px 20px 0px 20px;}

    .Ex-step{width:100% !important;}

    .Axxon-multiple .block-cr4 .col-4 p{max-height: 110px;overflow: hidden;}

    .ping {margin-left: 12px;width: 147px;}

    .Axxon-multiple .block-cr4 .col-4 h6:before{left: 5%;}

    .Axxon-multiple .block-cr4 .col-4 h6:hover:before { left: 6%;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3) h6 { padding: 18px 0px; }

    .Axxon-multiple .block-cr4 .col-4:nth-child(3) h6:before {top: 18px;}

    /********contact-us page ********/

    .contact-banner{background-position: -405px 0px;}

    .block-ct2 .col-8 {width:100%; padding: 0px 12px;}

    .txt-yard{width: 66.66666667% !important; padding: 0px 0px !important;}

    .block-ct2 .col-8 .col-6:nth-child(2){padding-right: 0px;}

    .block-ct2 .col-3 {    width: 100%;margin-top: 50px;padding: 0px 12px;margin-left:0px;}

    .block-ct2 .col-3 h5{ font-size: 14px; padding: 26px 0px;}

    .ct-bnt{ padding: 0px 59px;}

    .ct-bnt:before{right:23px;}

    .out-map{padding:172px 12px;}

    .out-map .col-4 h6{    padding-right: 12px;}

    .out-map .col-5 {padding-left: 0px;}
}

@media only screen and (min-width:481px) and (max-width: 640px) {

    .icon {
        left: 92%;
        top: 2%;
    }

    .banner-over section article{width:100%;}

    .feature-service ul li{padding: 30px 0px 30px 95px;}

    .feature-service ul li:nth-child(1){width: 50%;float: left;}

    .feature-service ul li:nth-child(2){width: 50%; float: left; padding:23px 0px 23px 95px;}

    .feature-service ul li:nth-child(3){width: 50%; float: right;}

    .feature-service ul li:nth-child(4){  width: 50%;float: right; border-bottom: 1px solid #647084;padding:23px 0px 23px 95px;}

    .icon1:before{top:-16%;}

    #bann-count{width:100%; margin-top: 25px;}

    .banner-text{ top: 6%;height:72%;}

    .text-node h4{font-size: 75.54px;}

    .text-node h5{font-size: 24px;}

    #axxon-left:nth-child(1) {width:100%;}

    #axxon-left:nth-child(2) {width:100%;margin-top:2%;}

    .cnt-word{max-height:92px;}

    .cnt-word h1{font-size: 14px;}

    .overview{margin:5px 0px;}

    .overview:before{top:14%;left:24%;}

    .grp-pic{margin:5px 0px;}

    .grp-pic img{width:100%;}

    .Axxon-trade .desciples{width:100%;}

    .Axxon-trade .desciples-cnt:after{display: none;}

    .Axxon-trade .load-value{width:100%;}

    .Axxon-trade .load-value .col-4:nth-child(1) {padding-left: 15px;}

    .Axxon-trade .load-value .col-4 { padding: 0px 0px 0px 20px;}

    .Axxon-globe{background-position: -424px 0px;background-size: cover;}

    .Axxon-globe article .col-6{padding:0px 12px;width:80%;}

    .Axxon-globe article .col-6 p{padding-right: 5px;}

    .flags li{padding:10px 5px;}

    .flags li:nth-child(2) {padding: 10px 5px 10px 0px; }

    .Axxon-factory{background-position: -300px 0px;}

    .Axxon-factory article .fact-cnt{padding:0px 25px;}

    .axxon-spread:nth-child(1){width:100%;margin-left:0%;}

    .axxon-spread:nth-child(2){width:100%;margin-top:2%;}

    .axxon-do{margin:12px 0px;}

    .axxon-do:before{  right: -2%;}

    .Axxon-work article .work-cnt{padding: 0px 25px;}

    .Axxon-clients article .client-proc {padding: 0px 25px; }

    .quick-pass{ width: 100%;}

    .division {margin: 0px 0px;width:50%;}

    .connect-link{width:50%;}

    .marvel {padding: 0px 15px; }

    .develope-team{ padding: 20px 15px;}

    .cp-section{width:100%;text-align: center;}

    .ddh-company{width:100%;text-align: center;padding:6px 0px;}

    .ddh-company h6{padding-left:0%;}

    #select-proc{/*display:none;*/}

    .service-listed{ width: 50%;margin: 0px auto;}

    .Axxon-industires article .service-listed ul li{border-right: 0px;}

    .Axxon-industires article .service-listed ul li:nth-child(1){padding-left:25px;}

    .icon5{left:2%;}

    .Axxon-industires article .service-listed ul li:before{display: none;}

    .service-listed2{ width: 50%;margin: 0px auto;}

    .Axxon-industires article .service-listed2 ul li{border-right: 0px;}

    .Axxon-industires article .service-listed2 ul li:nth-child(1){padding-left:25px;}

    .icon10{left:2%;}

    .Axxon-industires article .service-listed2 ul li:before{display: none;}

    .Axxon-selection{height:1200px;}

    .curve-line{transform: rotate(90deg);top: 60px;}

    .curve-line img{max-width: inherit!important;}


    .select-proc-resp{display:block;}

    .Axxon-selection{height: 710px;}

    #select-proc{display:none;}

    #select-proc-resp{display:block !important;margin:0px auto;width:380px;}


    /****client*****/
    .client-slide li{width:50%;margin:0px auto;}

    /********about page******/

    .about-banner{background-position: -1005px 0px;}

    .about-text{width: 440px;}

    .about-text h4{font-size: 20px;}

    .block2{padding: 15px 12px 0px 12px;}

    .block2 h4{display:block;}

    .block2 h4:after{display:block;}

    .About-Axxon .block2 .col-5 { width: 100%;border-right:0px;}

    .About-Axxon .block2 .col-7 { padding-left: 0px;padding-top:20px;width:100%; }

    .About-Axxon .block2 .col-7 h4{display:none;}

    .About-Axxon .block2 .col-7 h4:after{display:none;}

    .Axxon-mivi{padding: 33px 0px;}

    .Axxon-mivi .col-6 p{padding: 15px 15px;}

    .Axxon-develop {padding: 20px 0px;}

    .Axxon-develop h2{display:block;padding-left:12px;}

    .Axxon-develop h2:after{display:block;left: 12px;}

    .Axxon-develop .partner{padding-left: 12px; width: 100%;}

    .Axxon-develop .col-7 .col-5{    width: 100%;}

    .Axxon-develop .col-7 .col-7 h2{display:none;}

    .Axxon-develop .col-7 .col-7 h2:after{display:none;}

    .p-note { width: 100%;;padding: 0px 8px 0px 0px;}

    .Axxon-develop .partner{padding-bottom: 70px;}

    .Axxon-develop .growth { width: 75%;padding: 0px 12px;margin: 0px auto;float: none;}

    .axxon-improve li .g-text {width: 68.333333%;padding: 40px 0px 40px 20px;}

    .axxon-improve li:nth-child(1) {padding: 0px 0px 22px 0px;/* float: left;width: 48%;*/}

    .axxon-improve li {padding: 2px 0px 2px 0px;  }

    .axxon-improve li:nth-child(2) {padding: 0px 0px 22px 20px;/*float: left;width: 49%;*/}

    .axxon-improve li:nth-child(2) .g-text {  width: 69.3333333%;padding: 40px 0px 40px 17px; }

    .axxon-improve li:nth-child(3) { padding: 0px 0px 22px 0px;/*float: left;width: 48%;*/}

    .axxon-improve li:nth-child(4) { padding: 0px 0px 22px 20px;/*float: left;width: 49%;*/}

    .axxon-improve li:nth-child(4) .g-text{ padding: 40px 0px 40px 16px;}

    .axxon-improve li:nth-child(2) .g-text h3:before{top:19px;}

    .axxon-improve li:nth-child(4) .g-text h3:before {  content: '';position: absolute; left: 92%;top: 0px;background: url("../images/upper-red-arrow.png"); width: 19px;height: 14px;}

    .std{font-size: 14px;}

    .axxon-improve .round-year {width: 29.666667%;    padding: 30px 0px;}

    .axxon-improve .round-year h5{text-align: center;}

    .Axxon-strength .block4{padding: 0px 12px;}

    .Axxon-strength .block4 .col-3:nth-child(1) { padding-left: 15px;}

    .Axxon-strength .block4 .col-3 { padding: 0px 12px 0px 15px;}

    .Axxon-strength .block4 h5{ font-size: 30px;}

    .Axxon-strength .block4 .col-3 h6{ font-size: 12px;}

    .Axxon-who-we .block5 p{padding: 8px 25px;}

    .about-client p { padding: 0px 30px;}



    /*********service page********/

    .service-banner{background-position: -1005px 0px;}

    .service-text{width: 440px;}

    .service-text h4{font-size: 17px;}

    .Service-Axxon .block-s2 .col-3{width:50%;}

    .Service-Axxon .block-s2 .col-3:nth-child(3){border-top:0px;border-left:1px solid #c4c4c4;;}

    .Service-Axxon .block-s2 .col-3:nth-child(4){border-top:0px;}

    .Service-Axxon .block-s2 .col-3 h4{font-size: 14px;}

    .block-s3 .col-4{width:100%;}

    .service-post {width: 357px;margin: 0px auto;}

    .block-s3 .col-8 {width: 100%;padding: 40px 0px 0px 20px;}

    .block-s3 .col-12{padding:0px 12px;}

    .block-s3 .col-8 h2:after{left:275px;}

    .Service-Axxon .block-s2 .col-3:nth-child(1) h4:after{left: 115px;}

    .Service-Axxon .block-s2 .col-3 h4:after{left: 95px;}

    .tag-change h2:after {left: 413px !important;}

    .pjt-staff h2:after { left: 330px !important;}

    .skill-change h2:after {left: 350px !important; }


    /********industry page********/

    .industries-banner{background-position: -1005px 0px;}

    .industries-text{width: 440px;}

    .industries-text h4{font-size: 17px;}

    .industries-Axxon .block-ind2 .col-3{width: 100%; padding: 0px 15px 0px 15px;}

    .industries-Axxon .block-ind2 .col-3 li{width:50%;float:left;}

    .industries-Axxon .block-ind2 .col-3 li:last-of-type{border-bottom:1px solid #e3e3e3;}

    .industries-Axxon .col-9{width: 100%; padding-right: 12px;    padding-top: 90px;}

    .industries-Axxon .col-9 .indus-part {padding: 0px 0px 0px 12px; }

    .indus-post{margin:0px auto;}

    .indus-part .col-5{width:100%;}

    .indus-part .col-7{width:100%; padding-top: 25px;}

    .block-ind2 .col-7 p{text-align: justify;}


    /*********career page*******/

    .career-banner{background-position: -405px 0px;}

    .career-text{width: 370px;}

    .career-text h4{font-size: 17px;}

    .Career-Axxon .block-cr1 p{padding: 10px 15px;}

    .block-cr2 .col-7 {padding: 0px 0px 0px 15px;}

    .block-cr2{padding: 0px 12px 75px 12px;}

    .block-cr3 .apply-mode{padding: 25px 12px 0px 12px;}

    .block-cr3 .col-5 {margin-left: 0px; width:100%;}

    .block-cr3 .col-5:nth-child(2) { margin-left: 0px;}

    .f-upload{width: 153px;}

    .f-upload::before{ padding: 13px 17px;}

    .Axxon-multiple .block-cr4 p{padding: 10px 20px;}

    .Axxon-multiple .block-cr4 .col-4 { padding: 0px 20px 0px 20px; }

    .Axxon-multiple .block-cr4 .col-4:nth-child(2){ padding: 0px 20px 0px 20px;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3){ padding: 0px 20px 0px 20px;}

    .Ex-step{width:100% !important;}

    .Axxon-multiple .block-cr4 .col-4 p{max-height: 110px;overflow: hidden;}

    .ping {margin-left: 12px;width: 147px;}

    .Axxon-multiple .block-cr4 .col-4 h6:before{display: none;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3) h6 { padding: 18px 0px; }


    /********contact-us page ********/

    .contact-banner{background-position: -405px 0px;}

    .contact-text{width: 370px;}

    .contact-text h4{font-size: 17px;}

    .block-ct2 .col-8 {width:100%; padding: 0px 12px;}

    .txt-yard{width: 66.66666667% !important; padding: 0px 0px !important;}

    .block-ct2 .col-8 .col-6:nth-child(2){padding-right: 0px;}

    .block-ct2 .col-3 {    width: 100%;margin-top: 50px;padding: 0px 12px;margin-left:0px;}

    .block-ct2 .col-3 h5{ font-size: 14px; padding: 26px 0px;}

    .ct-bnt{ padding: 0px 35px;}

    .ct-bnt:before{right:23px;}

    .out-map{padding:82px 12px;background-size:cover; }

    .out-map .col-4{width:100%;}

    .out-map .col-3{width:100%;}

    .out-map .col-4 h6{    padding-right: 12px;border-right:0px;}

    .out-map .col-5 {padding-left: 0px;width:100%;}

    .out-map .col-3 .locate{margin: auto}



    .fancybox-wrap{height:380px !important; }
    .fancybox-skin{height:380px !important; }
    .fancybox-inner{height:365px !important;}



}


@media only screen and (min-width:321px) and (max-width: 480px) {

    .icon {
        left: 88%;
        top: 2%;
    }

    .banner-over section article{width:100%;}

    .feature-service ul li{padding: 29px 0px 29px 95px;}

    .feature-service ul li:nth-child(1){width: 100%;float: left;}

    .feature-service ul li:nth-child(2){width: 100%; float: left; padding:23px 0px 23px 95px;}

    .feature-service ul li:nth-child(3){width: 100%; float: right;padding:29px 0px 29px 95px;}

    .feature-service ul li:nth-child(4){  width: 100%;float: right; border-bottom: 1px solid #647084;padding:23px 0px 23px 95px;}

    .icon1:before{top:-16%;}

    #bann-count{width:100%; margin-top: 25px;}

    .banner-text{ top: 27%;height:53%;width: 290px;}

    .text-node h4{font-size: 25.54px}

    .text-node h5{font-size: 15px;}

    #axxon-left:nth-child(1) {width:100%;}

    #axxon-left:nth-child(2) {width:100%;margin-top:2%;}

    .cnt-word{max-height:99px;}

    .cnt-word h1{font-size: 12px;}

    .overview{margin:25px 0px;}

    .overview:before{top:7%;left:23%;}

    .overview-cnt{ padding: 26px 15px 26px 30px;}

    .grp-pic{margin:25px 0px;}

    .Axxon-trade .desciples{width:100%;}

    .sym-exx{margin: 5% 0px;}

    .Axxon-trade .desciples-cnt:after{display: none;}

    .Axxon-trade .load-value{width:100%;margin:0px 0px;}

    .Axxon-trade .load-value .col-4:nth-child(1) {width:50%;margin:0px auto;float:none;padding-left:0px;}

    .Axxon-trade .load-value .col-4 {width:50%;margin:0px auto;float:none;padding-left:0px;}

    .Axxon-trade .load-value .col-4 h5{text-align: center;}

    .Axxon-trade .load-value .col-4 h6{text-align: center;}

    .Axxon-industires{ padding: 60px 0px;}

    .Axxon-industires article {margin: 80px 0px;}

    .Axxon-globe{background-position: -150px 0px;background-size: cover; padding: 60px 0px;}

    .Axxon-globe article .col-6{padding:0px 12px;}

    .Axxon-globe article .col-6{padding:0px 12px;width:100%;}

    .Axxon-globe article .col-6 p{padding-right: 5px;}

    .flags li{padding:10px 5px;}

    .flags li:nth-child(2) {padding: 10px 5px 10px 0px; }

    .Axxon-factory{background-position: -300px 0px;padding: 60px 0px;}

    .Axxon-factory article .fact-cnt{padding:0px 15px;}

    .axxon-spread:nth-child(1){width:100%;margin-left:0%;}

    .axxon-spread:nth-child(2){width:100%;margin-top:2%;}

    .axxon-do{margin:41px 0px;}

    .axxon-do:before{  right: -2%;}

    .Axxon-work article .work-cnt{padding: 0px 15px;}

    .Axxon-clients article .client-proc {padding: 0px 15px; }

    .quick-pass{ width: 100%;}

    .direct-links {padding: 20px 0px;}

    .lf-link{float: none;width: 100%;}

    .rt-link{float: none;width: 100%;}

    .info-links-pass {padding: 20px 0px;}

    .division {margin: 0px 0px;width:100%;}

    .cnct-feed {padding: 20px 0px; }

    .connect-link{width:100%;}

    .footer .social-media li{padding-right: 22px;}

    .marvel {padding: 0px 15px; }

    .develope-team{ padding: 20px 15px;}

    .cp-section{width:100%;text-align: center;}

    .ddh-company{width:100%;text-align: center;padding:6px 0px;}

    .ddh-company h6{padding-left:0%;}

    #select-proc{display:none;}


    .service-listed{ width: 70%;margin: 0px auto;}

    .Axxon-industires article .service-listed ul li{border-right: 0px;}

    .Axxon-industires article .service-listed ul li:nth-child(1){padding-left:25px;}

    .icon5{left:2%;}

    .Axxon-industires article .service-listed ul li:before{display: none;}

    .service-listed2{ width: 70%;margin: 0px auto;}

    .Axxon-industires article .service-listed2 ul li{border-right: 0px;}

    .Axxon-industires article .service-listed2 ul li:nth-child(1){padding-left:25px;}

    .icon10{left:2%;}

    .Axxon-industires article .service-listed2 ul li:before{display: none;}

    .Axxon-industires article .service-listed h6{ padding: 0px 23px 48px 106px;}

    .Axxon-industires article .service-listed2 h6{padding:56px 20px 0px 102px;}

    .vert-straight-line{float:left;display:block;}

    .vert-curve-line{display:none;}

    .select-proc-resp{display:block;}

    .Axxon-selection{height: 710px;}

    #select-proc{display:none;}

    #select-proc-resp{display:block !important;margin:0px auto;width:298px;}

    .lower-selection-resp{top:40px;}

    .upper-selection-resp li{float:none;padding:42px 0px;font-size: 12px;}

    .lower-selection-resp li{float:none;padding:36px 0px;font-size: 12px;}


    /****client*****/
    .client-slide li{width:50%;margin:0px auto;}

    /********about page******/

    .about-banner{background-position: -1175px 0px;}

    .about-text{width: 273px;}

    .about-text h4{font-size: 12px;}

    .block1{padding: 0px 12px 22px 12px;}

    .About-Axxon .block1 h1{font-size: 32px;}

    .About-Axxon .block1 p{text-align: justify;padding: 10px 0px;}

    .block2{padding: 15px 12px 0px 12px;}

    .block2 h4{display:block;}

    .block2 h4:after{display:block;}

    .About-Axxon .block2 .col-7 h4{ margin-bottom: 12px;}

    .About-Axxon .block2 .col-5 { width: 100%;border-right:0px;}

    .About-Axxon .block2 .col-7 { padding-left: 0px;padding-top:40px;width:100%; }

    .About-Axxon .block2 .col-7 h4{display:none;}

    .About-Axxon .block2 .col-7 h4:after{display:none;}

    .dir-pic{width:100%;}

    .Axxon-mivi{padding: 33px 0px;background-size: cover;}

    .Axxon-mivi .col-6{width:100%;}

    .Axxon-mivi .col-6:nth-child(1){border-right:0px;}

    .Axxon-mivi .col-6 p{padding: 15px 15px;}

    .Axxon-develop { padding: 25px 0px;}

    .Axxon-develop h2{display:block;padding-left:12px;}

    .Axxon-develop h2:after{display:block;left:12px;}

    .Axxon-develop .partner{padding-left: 12px; width: 100%; padding-bottom: 50px;}

    .Axxon-develop .col-7 .col-5{ width: 100%;}

    .Axxon-develop .col-7 .col-7 h2{  margin-top: 25px;}

    .Axxon-develop .col-7 .col-7 h2{display:none;}

    .Axxon-develop .col-7 .col-7 h2:after{display:none;}

    .Axxon-develop .col-7 .col-7 p{  padding-top: 20px;}

    .p-note { width: 100%;;padding: 0px 8px 0px 0px;}

    .Axxon-develop .growth { width: 95%;padding: 0px 12px;margin: 0px auto;float: none;}

    .axxon-improve li .g-text {width: 68.333333%;padding: 40px 0px 40px 20px;}

    .axxon-improve li:nth-child(1) {padding: 0px 0px 22px 0px;/* float: left;width: 48%;*/}

    .axxon-improve li {padding: 2px 0px 2px 0px;  }

    .axxon-improve li:nth-child(2) {padding: 0px 0px 22px 20px;/*float: left;width: 49%;*/}

    .axxon-improve li:nth-child(2) .g-text {  width: 69.3333333%;padding: 40px 0px 40px 17px; }

    .axxon-improve li:nth-child(3) { padding: 0px 0px 22px 0px;/*float: left;width: 48%;*/}

    .axxon-improve li:nth-child(4) { padding: 0px 0px 22px 20px;/*float: left;width: 49%;*/}

    .axxon-improve li:nth-child(4) .g-text{ padding: 40px 0px 40px 16px;}

    .axxon-improve li:nth-child(2) .g-text h3:before{top:19px;}

    .axxon-improve li:nth-child(4) .g-text h3:before {  content: '';position: absolute; left: 92%;top: 0px;background: url("../images/upper-red-arrow.png"); width: 19px;height: 14px;}

    .std{font-size: 14px;}

    .axxon-improve .round-year {/*width: 29.666667%; */   padding: 30px 0px;}

    .axxon-improve .round-year h5{text-align: center;}

    .Axxon-who-we { padding: 55px 0px 0px 0px; }

    .Axxon-who-we .block5 { padding: 0px 0px 55px 0px;}

    .Axxon-strength .block4{padding: 0px 12px;}

    .Axxon-strength .block4 .col-3:nth-child(1) { padding-left: 15px;}

    .Axxon-strength .block4 .col-3 { padding: 0px 12px 0px 15px;width:50%;}

    .Axxon-strength .block4 .col-3:nth-child(2){border-right:none;}

    .Axxon-strength .block4 h5{ font-size: 20px;}

    .Axxon-strength .block4 .col-3 h6{ font-size: 13px;}

    .Axxon-who-we .block5 p{padding: 8px 25px;}

    .about-client p { padding: 0px 30px;}

    /*********service page********/

    .service-banner{background-position:  -1005px 0px;}

    .service-text{width: 294px;}

    .service-text h4{font-size: 11px;}

    .Service-Axxon .block-s1 p{ padding: 10px 12px;}

    .Service-Axxon .block-s2 .col-3{width:100%;}

    .Service-Axxon .block-s2 .col-3:nth-child(2){border-top:0px;}

    .Service-Axxon .block-s2 .col-3:nth-child(3){border-top:0px;border-left:1px solid #c4c4c4;;}

    .Service-Axxon .block-s2 .col-3:nth-child(4){border-top:0px;}

    .Service-Axxon .block-s2 .col-3 h4{font-size: 14px;}

    .block-s3 .col-4{width:100%;}

    .service-post {width: 280px;margin: 0px auto;}

    .block-s3 .col-8 {width: 100%;padding: 40px 0px 0px 0px;}

    .block-s3 .col-12{padding:0px 12px;}

    .block-s3 .col-8 h2:after{left:275px;display: none;}

    .block-s3 .col-8 p{text-align: justify;}

    .block-s3 .col-8 .col-4{width:100%;}

    .block-s3 .col-8 .col-3{width:100%;}

    .pjt-staff .col-3{width: 100% !important;}

    .pjt-staff .col-4 { width: 100% !important;}

    .pjt-staff .col-5{width:100%;}

    .line-pt li{ padding: 12px 0px 12px 20px;}

    .line-pt li:before{    top: 16px;}

    .Service-Axxon .block-s2 .col-3:nth-child(1) h4:after{left: 115px;}

    .Service-Axxon .block-s2 .col-3 h4:after{left: 95px;}

    .tag-change h2:after {left: 413px !important;display: none;}

    .pjt-staff h2:after { left: 330px !important;display: none;}

    .skill-change h2:after {left: 350px !important;display: none; }

    .about-client p { padding: 0px 0px;}


    /********industry page********/

    .industries-banner{background-position: -1005px 0px;}

    .industries-text{width: 294px;}

    .industries-text h4{font-size: 13px;}

    .block-ind1 {padding-bottom: 3px;}

    .industries-Axxon .block-ind2 .col-3{width: 100%; padding: 0px 15px 0px 15px;}

    .industries-Axxon .block-ind2 .col-3 li{width:100%;}

    .industries-Axxon .block-ind2 .col-3 li:last-of-type{border-bottom:1px solid #e3e3e3;}

    .industries-Axxon .col-9{width: 100%; padding-right: 12px; padding-top: 90px;}

    .industries-Axxon .col-9 .indus-part h2{ font-size: 22.54px;padding-left:95px;}

    .indus-part h2:before{top:-33px;}

    .power-part h2:before{top:-36px !important;}

    .infra-part h2:before{top:-36px !important;}

    .hosp-part h2:before{top:-36px !important;}

    .indus-part h2:after{left: 315px;}

    .petro-part h2:after{left:330px;}

    .manufact-part h2:before{top:-36px !important;}

    .industries-Axxon .col-9 .indus-part {padding: 0px 0px 0px 12px; }

    .industries-Axxon .block-ind1 p{padding: 10px 12px;;text-align: justify;}

    .block-ind2 .col-7{    padding: 0px 0px 0px 0px;}

    .indus-post{width:279px;margin:0px auto;}

    .indus-part .col-5{width:100%;}

    .indus-part .col-7{width:100%; padding-top: 25px;}

    .block-ind2 .col-7 p{text-align: justify;}

    .ind-pt{width:100%;}

    .ind-pt li:before{top:17px;}

    .ind-pt li{ padding: 14px 0px 14px 20px;}

    .block-ind2 .indus-part .job-categories {
        padding: 20px 0px 0px 0px;
    }


    /*********career page*******/

    .career-banner{background-position: -405px 0px;}

    .career-text{width: 285px;}

    .career-text h4{font-size: 12px;}

    .Career-Axxon .block-cr1 p{padding: 10px 15px;}

    .block-cr2 .col-5{width:100%;}

    .block-cr2 .col-7 {width:100%;border-left:0px;border-top: 1px solid #e9e9e9;padding: 30px 0px 0px 0px;}

    .block-cr2{padding: 0px 12px 75px 12px;}

    .block-cr3 .apply-mode{padding: 25px 12px 0px 12px;}

    .block-cr3 .col-5 {margin-left: 0px; width:100%;}

    .block-cr3 .col-5:nth-child(2) { margin-left: 0px;}

    .f-upload{width: 153px;}

    .f-upload::before{ padding: 13px 17px;}

    .Axxon-multiple .block-cr4 p{padding: 10px 20px;}

    .Axxon-multiple .block-cr4 .col-4 { padding: 0px 15px 0px 15px;width:100%; }

    .Axxon-multiple .block-cr4 .col-4:nth-child(2){ padding: 0px 15px 0px 15px;width:100%;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3){ padding: 0px 15px 0px 15px;width:100%;}

    .Ex-step{/*width:93% !important;*/margin: 0px auto;}

    .Axxon-multiple .block-cr4 .col-4 p{max-height: 110px;overflow: hidden;}

    .ping {margin-left:0px;width: 147px;}

    .box-post2 { padding: 0px 0px; height: 110px;}

    .Axxon-multiple .block-cr4 .col-4 h6:before{display: none;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3) h6 { padding: 18px 0px; }


    /********contact-us page ********/

    .contact-banner{background-position: -405px 0px;}

    .contact-text{width: 285px;}

    .contact-text h4{font-size: 12px;}

    .block-ct2 .col-8 {width:100%; padding: 0px 12px;}

    .block-ct2 .col-8 .col-6{width:100%;}

    .block-ct2 .col-8 .col-6:nth-child(1){padding-right:0px;}

    .txt-yard{width: 100% !important; padding: 0px 0px !important;}

    .contact-Axxon .block-ct1 p{    padding: 10px 15px;}

    .block-ct2 .col-8 .col-6:nth-child(2){padding-right: 0px;}

    .block-ct2 .col-3 {    width: 100%;margin-top: 80px;padding: 0px 12px;margin-left:0px;}

    .block-ct2 .col-3 h5{ font-size: 14px; padding: 26px 0px;}

    .ct-bnt{ padding: 0px 125px;border-left:1px solid #ccc;}

    .ct-bnt:before{right:23px;}

    .out-map{padding:82px 12px;background-size:cover; }

    .out-map .col-4{width:100%;}

    .out-map .col-3{width:100%;}

    .out-map .col-4 h6{    padding-right: 12px;border-right:0px;}

    .out-map .col-5 {padding-left: 0px;width:100%;}

    .out-map .col-3 .locate{margin: auto}

    .block-ct2 .col-8 .col-4{width:100%;padding-top:15px;}




    .out-map .col-3{display:none !important;}


    #prod_overlay{display:none !important;}

    #prod_overlay{display:none !important;}

    .fancybox-wrap{height:250px !important; }
    .fancybox-skin{height:250px !important; }
    .fancybox-inner{height:235px !important;}

}



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

    .icon {
        left: 86%;
        top:2%;
    }

    .banner-over section article{width:100%;}

    .feature-service ul li{padding: 29px 0px 29px 95px;}

    .feature-service ul li:nth-child(1){width: 100%;float: left;}

    .feature-service ul li:nth-child(2){width: 100%; float: left; padding:23px 0px 23px 95px;}

    .feature-service ul li:nth-child(3){width: 100%; float: right;padding:29px 0px 29px 95px;}

    .feature-service ul li:nth-child(4){  width: 100%;float: right; border-bottom: 1px solid #647084;padding:23px 0px 23px 95px;}

    .icon1:before{top:-16%;}

    #bann-count{width:100%; margin-top: 25px;}

    .banner-text{ top: 26%;height:53%;width: 270px;}

    .text-node h4{font-size: 25.54px}

    .text-node h5{font-size: 15px;}

    #axxon-left:nth-child(1) {width:100%;}

    #axxon-left:nth-child(2) {width:100%;margin-top:2%;}

    .cnt-word{max-height:99px;}

    .cnt-word h1{font-size: 12px;}

    .overview{margin:25px 0px;}

    .overview:before{top:-8%;left:5%;}

    .overview-cnt{ padding: 26px 15px 26px 30px;}

    .overview-cnt:after{left:23%;}

    .grp-pic{margin:25px 0px;}

    .Axxon-trade .desciples{width:100%;}

    .Axxon-trade .desciples-cnt{width:100%;padding:0px 15px;}

    .sym-exx{width: 42%;float: none; margin: 0px auto;}

    .Axxon-trade .desciples-cnt:after{display: none;}

    .Axxon-trade .load-value{width:100%;}

    .Axxon-trade .load-value .col-4:nth-child(1) {width:50%;margin:0px auto;float:none;padding-left:0px;}

    .Axxon-trade .load-value .col-4 {width:50%;margin:0px auto;float:none;padding-left:0px;}

    .Axxon-trade .load-value .col-4 h5{text-align: center;}

    .Axxon-trade .load-value .col-4 h6{text-align: center;}

    .Axxon-globe{background-position: -361px 0px;background-size: cover;}

    .Axxon-globe article .col-6{padding:0px 12px;}

    .Axxon-globe article .col-6{padding:0px 12px;width:100%;}

    .Axxon-globe article .col-6 p{padding-right: 5px;}

    .flags li{padding:10px 5px;}

    .flags li:nth-child(2) {padding: 10px 5px 10px 0px; }

    .Axxon-factory{background-position: -300px 0px;}

    .Axxon-factory article .fact-cnt{padding:0px 15px;}

    .axxon-spread:nth-child(1){width:100%;margin-left:0%;}

    .axxon-spread:nth-child(2){width:100%;margin-top:2%;}

    .axxon-do{margin:28px 0px;}

    .axxon-do:before{  right: -2%;}

    .axxon-do-cnt{padding: 21px 15px 20px 30px;}

    .Axxon-work article .work-cnt{padding: 0px 15px;}

    .Axxon-clients article .client-proc {padding: 0px 15px; }

    .quick-pass{ width: 100%;}

    .lf-link{float: none;width: 100%;}

    .rt-link{float: none;width: 100%;}

    .division {margin: 0px 0px;width:100%;}

    .connect-link{width:100%;}

    .footer .social-media li{padding-right: 15px;}

    .marvel {padding: 0px 15px; }

    .develope-team{ padding: 20px 15px;}

    .cp-section{width:100%;text-align: center;}

    .ddh-company{width:100%;text-align: center;padding:6px 0px;}

    .ddh-company h6{padding-left:0%;}

    #select-proc{display:none;}

    .service-listed{ width: 100%;margin: 0px auto;}

    .Axxon-industires article .service-listed ul li{border-right: 0px;}

    .Axxon-industires article .service-listed ul li:nth-child(1){padding-left:25px;}

    .icon5{left:2%;}

    .Axxon-industires article .service-listed ul li:before{display: none;}

    .service-listed2{ width: 100%;margin: 0px auto;}

    .Axxon-industires article .service-listed2 ul li{border-right: 0px;}

    .Axxon-industires article .service-listed2 ul li:nth-child(1){padding-left:25px;}

    .icon10{left:2%;}

    .Axxon-industires article .service-listed2 ul li:before{display: none;}

    .vert-straight-line{float:left;display:block;}

    .vert-curve-line{display:none;}

    .select-proc-resp{display:block;}

    .Axxon-selection{height: 710px;}

    #select-proc{display:none;}

    #select-proc-resp{display:block !important;margin:0px auto;width:275px;}

    .lower-selection-resp{top:40px;}

    .upper-selection-resp li{float:none;padding:42px 0px;font-size: 11px;}

    .lower-selection-resp li{float:none;padding:36px 0px;font-size: 11px;}
    /****client*****/
    .client-slide li{width:50%;margin:0px auto;}


    /********about page******/


    .about-banner{background-position: -1175px 0px;}

    .about-text{width: 273px;}

    .about-text h4{font-size: 12px;}

    .block1{padding: 0px 12px 12px 12px;}

    .About-Axxon { padding: 35px 0px;}

    .About-Axxon .block1 h1{font-size: 32px;}

    .About-Axxon .block1 p{text-align: justify;padding: 10px 0px;}

    .block2{padding: 15px 12px 0px 12px;}

    .block2 h4{display:block;}

    .block2 h4:after{display:block;}

    .About-Axxon .block2 .col-5 { width: 100%;border-right:0px;}

    .About-Axxon .block2 .col-7 { padding-left: 0px;padding-top:40px;width:100%; }

    .About-Axxon .block2 .col-7 h4{display:none;}

    .About-Axxon .block2 .col-7 h4:after{display:none;}

    .dir-pic{width:100%;}

    .Axxon-mivi{padding: 33px 0px;background-size: cover;}

    .Axxon-mivi .col-6{width:100%;}

    .Axxon-mivi .col-6:nth-child(1){border-right:0px;}

    .Axxon-mivi .col-6 p{padding: 15px 15px;}

    .Axxon-develop {padding: 20px 0px;}

    .Axxon-develop h2{display:block;padding-left:12px;}

    .Axxon-develop h2:after{display:block;left:12px;}

    .Axxon-develop .partner{padding-left: 12px; width: 100%; padding-right: 12px;    padding-bottom: 45px;}

    .Axxon-develop .col-7 .col-5{    width: 100%;}

    .Axxon-develop .col-7 .col-7 h2{margin-top: 30px;margin-bottom: 0px;}

    .Axxon-develop .col-7 .col-7 h2{display:none;}

    .Axxon-develop .col-7 .col-7 h2:after{display:none;}

    .p-note { width: 100%;;padding: 0px 8px 0px 0px;}

    .std{font-size: 14px;}

    .Axxon-develop .growth { width: 95%;padding: 0px 0px;margin: 0px auto;float: none;}

    .axxon-improve li .g-text {width: 68.333333%;padding: 20px 0px 20px 20px;}

    .axxon-improve li:nth-child(1) {padding: 0px 0px 22px 0px;/* float: left;width: 48%;*/}

    .axxon-improve li {padding: 2px 0px 2px 0px;  }

    .axxon-improve li:nth-child(2) {padding: 0px 0px 22px 20px;/*float: left;width: 49%;*/}

    .axxon-improve li:nth-child(2) .g-text {  width: 69.3333333%;padding: 40px 0px 40px 17px; }

    .axxon-improve li:nth-child(3) { padding: 0px 0px 22px 0px;/*float: left;width: 48%;*/}

    .axxon-improve li:nth-child(4) { padding: 0px 0px 22px 20px;/*float: left;width: 49%;*/}

    .axxon-improve li:nth-child(4) .g-text{ padding: 20px 0px 20px 16px;}

    .axxon-improve li:nth-child(2) .g-text h3:before{top:19px;}

    .axxon-improve li:nth-child(4) .g-text h3:before { content: '';position: absolute; left: 92%;top: 0px;background: url("../images/upper-red-arrow.png"); width: 19px;height: 14px;}

    .axxon-improve .round-year {/*width: 29.666667%;*/padding: 20px 0px;}

    .axxon-improve .round-year h5{ text-align: center;font-size: 18px;}

    .Axxon-strength{ padding: 50px 0px;}

    .Axxon-strength .block4{padding: 0px 12px;}

    .Axxon-strength .block3 p{ padding: 30px 12px; text-align: justify;}

    .Axxon-strength .block4 .col-3:nth-child(1) { padding-left: 15px;}

    .Axxon-strength .block4 .col-3:nth-child(2) { border-right:0px;}

    .Axxon-strength .block4 .col-3 { padding: 0px 12px 0px 15px; width:50%;}

    .Axxon-strength .block4 h5{ font-size: 30px;}

    .Axxon-strength .block4 .col-3 h6{ font-size: 12px;}

    .Axxon-who-we {padding: 50px 0px 0px 0px;}

    .Axxon-who-we .block5 p{padding: 8px 12px; text-align: justify;}

    .Axxon-who-we .block5 {padding: 0px 0px 40px 0px;}

    .Axxon-clients {padding: 40px 0px;}

    .about-client p { padding: 0px 12px;}

    /*********service page********/

    .service-banner{background-position:  -1005px 0px;}

    .service-text{width: 250px;}

    .service-text h4{font-size: 9px;}

    .Service-Axxon .block-s1 p{ padding: 10px 12px;}

    .Service-Axxon .block-s2 .col-3{width:100%;}

    .Service-Axxon .block-s2 .col-3:nth-child(2){border-top:0px;}

    .Service-Axxon .block-s2 .col-3:nth-child(3){border-top:0px;border-left:1px solid #c4c4c4;;}

    .Service-Axxon .block-s2 .col-3:nth-child(4){border-top:0px;}

    .Service-Axxon .block-s2 .col-3 h4{font-size: 14px;}

    .block-s3 .col-4{width:100%;}

    .service-post {width: 258px;margin: 0px auto;}

    .block-s3 .col-8 {width: 100%;padding: 40px 0px 0px 0px;}

    .block-s3 .col-12{padding:0px 12px;}

    .block-s3 .col-8 h2:after{left:275px;display: none;}

    .block-s3 .col-8 p{text-align: justify;}

    .block-s3 .col-8 .col-4{width:100%;}

    .block-s3 .col-8 .col-3{width:100%;}

    .pjt-staff .col-3{width: 100% !important;}

    .pjt-staff .col-4 { width: 100% !important;}

    .pjt-staff .col-5{width:100%;}

    .line-pt li{ padding: 12px 0px 12px 20px;}

    .line-pt li:before{    top: 16px;}

    .Service-Axxon .block-s2 .col-3:nth-child(1) h4:after{left: 115px;}

    .Service-Axxon .block-s2 .col-3 h4:after{left: 95px;}

    .tag-change h2:after {left: 413px !important;display: none;}

    .pjt-staff h2:after { left: 330px !important;display: none;}

    .skill-change h2:after {left: 350px !important;display: none; }

    .about-client p { padding: 0px 0px;}


    /********industry page********/

    .industries-banner{background-position: -1005px 0px;}

    .industries-text{width: 273px;}

    .industries-text h4{font-size: 12px;}

    .block-ind1 {padding-bottom: 3px;}

    .industries-Axxon .block-ind2 .col-3{width: 100%; padding: 0px 15px 0px 15px;}

    .industries-Axxon .block-ind2 .col-3 li{width:100%;}

    .industries-Axxon .block-ind2 .col-3 li:last-of-type{border-bottom:1px solid #e3e3e3;}

    .industries-Axxon .col-9{width: 100%; padding-right: 12px; padding-top: 90px;}

    .industries-Axxon .col-9 .indus-part h2{ font-size: 22.54px;padding-left:95px;}

    .indus-part h2:before{top:-33px;}

    .power-part h2:before{top:-36px !important;}

    .infra-part h2:before{top:-36px !important;}

    .hosp-part h2:before{top:-36px !important;}

    .indus-part h2:after{left: 315px;}

    .petro-part h2:after{left:330px;}

    .manufact-part h2:before{top:-36px !important;}

    .industries-Axxon .col-9 .indus-part {padding: 0px 0px 0px 12px; }

    .industries-Axxon .block-ind1 p{padding: 10px 12px;;text-align: justify;}

    .block-ind2 .col-7{    padding: 0px 0px 0px 0px;}

    .indus-post{width:279px;margin:0px auto;}

    .indus-part .col-5{width:100%;}

    .indus-part .col-7{width:100%; padding-top: 25px;}

    .block-ind2 .col-7 p{text-align: justify;}

    .ind-pt{width:100%;}

    .ind-pt li:before{top:17px;}

    .ind-pt li{ padding: 14px 0px 14px 20px;}

    .block-ind2 .indus-part .job-categories { padding: 20px 0px 0px 0px; }

    /*********career page*******/

    .career-banner{background-position: -405px 0px;}

    .career-text{width: 285px;}

    .career-text h4{font-size: 12px;}

    .Career-Axxon .block-cr1 p{padding: 10px 15px;}

    .block-cr2 .col-5{width:100%;}

    .block-cr2 .col-7 {width:100%;border-left:0px;border-top: 1px solid #e9e9e9;padding: 30px 0px 0px 0px;}

    .block-cr2{padding: 0px 12px 75px 12px;}

    .block-cr3 .apply-mode{padding: 25px 12px 0px 12px;}

    .block-cr3 .col-5 {margin-left: 0px; width:100%;}

    .block-cr3 .col-5:nth-child(2) { margin-left: 0px;}

    .f-upload{width: 153px;}

    .f-upload::before{ padding: 13px 17px;}

    .Axxon-multiple .block-cr4 p{padding: 10px 20px;}

    .Axxon-multiple .block-cr4 .col-4 { padding: 0px 15px 0px 15px;width:100%; }

    .Axxon-multiple .block-cr4 .col-4:nth-child(2){ padding: 0px 15px 0px 15px;width:100%;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3){ padding: 0px 15px 0px 15px;width:100%;}

    .Ex-step{width:100% !important;}

    .Axxon-multiple .block-cr4 .col-4 p{max-height: 110px;overflow: hidden;}

    .ping {margin-left:0px;width: 147px;}

    .box-post2 { padding: 0px 0px; height: 175px;}

    .Axxon-multiple .block-cr4 .col-4 h6:before{display: none;}

    .Axxon-multiple .block-cr4 .col-4:nth-child(3) h6 { padding: 18px 0px; }


    /********contact-us page ********/

    .contact-banner{background-position: -405px 0px;}

    .contact-text{width: 265px;}

    .contact-text h4{font-size: 11px;}

    .block-ct2 .col-8 {width:100%; padding: 0px 12px;}

    .block-ct2 .col-8 .col-6{width:100%;}

    .block-ct2 .col-8 .col-6:nth-child(1){padding-right:0px;}

    .txt-yard{width: 100% !important; padding: 0px 0px !important;}

    .contact-Axxon .block-ct1 p{    padding: 10px 15px;}

    .block-ct2 .col-8 .col-6:nth-child(2){padding-right: 0px;}

    .block-ct2 .col-3 {    width: 100%;margin-top: 80px;padding: 0px 12px;margin-left:0px;}

    .block-ct2 .col-3 h5{ font-size: 14px; padding: 26px 0px;}

    .ct-bnt{ padding: 0px 80px;border-left:1px solid #ccc;}

    .ct-bnt:before{right:23px;}

    .out-map{padding:82px 12px;background-size:cover; }

    .out-map .col-4{width:100%;}

    .out-map .col-3{width:100%;}

    .out-map .col-4 h6{    padding-right: 12px;border-right:0px;}

    .out-map .col-5 {padding-left: 0px;width:100%;}

    .out-map .col-3 .locate{margin: auto}

    .block-ct2 .col-8 .col-4{width:100%;padding-top:15px;}






    .out-map .col-3{display:none !important;}


    #prod_overlay{display:none !important;}

    .fancybox-wrap{height:250px !important; }
    .fancybox-skin{height:250px !important; }
    .fancybox-inner{height:235px !important;}

}

@media only screen and (min-width:481px) and (max-width: 576px) {


    .feature-service ul li{padding: 29px 0px 29px 95px;}

    .feature-service ul li:nth-child(1){width: 100%;float: left;}

    .feature-service ul li:nth-child(2){width: 100%; float: left; padding:23px 0px 23px 95px;}

    .feature-service ul li:nth-child(3){width: 100%; float: right;padding:29px 0px 29px 95px;}

    .feature-service ul li:nth-child(4){  width: 100%;float: right; border-bottom: 1px solid #647084;padding:23px 0px 23px 95px;}



    .Axxon-strength .block4 .col-3:nth-child(1) { padding-left: 15px;}

    .Axxon-strength .block4 .col-3:nth-child(2) { border-right:0px;}

    .Axxon-strength .block4 .col-3 { padding: 0px 12px 0px 15px; width:50%;}

    .Axxon-strength .block4 h5{ font-size: 30px;}

    .Axxon-strength .block4 .col-3 h6{ font-size: 12px;}
}

@media only screen and (min-width:321px) and (max-width: 380px) {

    .axxon-improve .round-year {
        /* width: 29.666667%; */
        padding: 15px 0px;
    }

    .axxon-improve li .g-text{padding: 25px 0px 25px 20px;}

    .axxon-improve li:nth-child(4) .g-text{padding: 25px 0px 25px 16px;}

    .indus-part h2:after{display:none;left: 315px;}

}


@media only screen and (min-width:748px) and (max-width:768px) {

    .service-listed ul{width:67%;margin:0px auto;}

    .icon5{left:0%;}

    .Axxon-industires article .service-listed ul li:nth-child(1) h6 {padding: 0px 25px 48px 98px; }

    .Axxon-industires article .service-listed ul li:nth-child(5){left:25%;}


    .service-listed2 ul{width:67%;margin:0px auto;}

    .service-listed2 ul li{margin-top:25px;}


    .Axxon-industires article .service-listed2 ul li:nth-child(5){left:25%;}
}


@media only screen and (min-width:991px) and (max-width:1020px) {

    .service-listed ul{width:67%;margin:0px auto;}

    .icon5{left:0%;}

    /*.Axxon-industires article .service-listed ul li{width:33%;}*/

    .Axxon-industires article .service-listed ul li:nth-child(1) h6 {padding: 0px 25px 48px 98px; }

    .Axxon-industires article .service-listed ul li:nth-child(4){left:25%;margin-top: 45px;}

    .Axxon-industires article .service-listed ul li:nth-child(5){left:25%;margin-top: 45px;}

    /*.Axxon-industires article .service-listed2 ul li{width:33%;}*/

    .service-listed2 ul{width:67%;margin:0px auto;}

    .service-listed2 ul li{margin-top:25px;}

    .Axxon-industires article .service-listed2 ul li:nth-child(4){left:15%;}

    .Axxon-industires article .service-listed2 ul li:nth-child(5){left:15%;}
}