@media only screen and (max-width: 1440px) {
    .container {
        max-width: 1050px;
    }
    .what-we-do h4 {
        font-size: 20px;
    }
    .what-we-do p {
        font-size: 14px;
    }
    .dna-box{
    	margin: 0 -14%;
    }
}
@media only screen and (max-width: 1279px) {
	.dna-box{
    	margin: 0;
    }
    .dna-box .dna-fix{
    	right: 55px;
    }
    .dna-box .dna:nth-child(even) .dna-fix{
    	left: 55px;
    }
}

@media only screen and (max-width: 1160px) {
    .top-bar {
        padding-right: 0;
    }
    .latest-box h4 {
        font-size: 13px;
    }
    .latest-box .right p {
        margin: 8px 0;
    }
    .what-we-do li {
        text-align: center;
    }
    .logo-menu li {
        margin-left: 35px;
    }
    .top-bar .top-con {
        padding-left: 20px;
        margin-left: 20px;
    }
    .award-box, .line-style-box {
        margin: 0;
    }
    .page-banner .banner-line.blue, .page-banner .banner-line.red {
        height: 28%;
    }
    .banner-line.blue{
        top: 20%;
    }
    .buissnes-box .red-text{
		padding-top: 0;
	}
	.dna-box .dna-fix{
    	right: 65px;
    }
    .dna-box .dna:nth-child(even) .dna-fix{
    	left: 65px;
    }
    .buissnes-box h3{
    	padding-top: 0;
    }
    .team-box{
    	margin: 0;
    }
    .title-content.gap{
        margin-bottom: 30px;
    }
    .logo-menu li {
        margin-left: 0;
    }
    .main-banner .banner-title{
        font-size: 40px;
        line-height: 40px;
    }
    .main-banner .right img{
        width: 230px;
    }
    .main-banner .text{
        margin-top: -26%;
        margin-left: 45px;
    }
    .main-banner .left{
        padding-top: 0;
    }
    .media-box{
        padding-top: 20px;
        margin-bottom: -70px;
    }
    .valuebox p{
        font-size: 14px;
    }
}

@media only screen and (max-width: 1023px) {
    .what-we-do li {
        width: 45%;
    }
    .job-slide li{
		font-size: 14px;
	}
    .logo-menu li a{
        padding: 20px 14px;
    }
    .what-we-do li:nth-child(1){
        margin-top: -40px;
    }
    .what-we-do li:nth-child(2){
        margin-top: -20px;
    }
    .valuebox span{
        font-size: 16px;
    }
    .dna.blue.pd-2018 ul li, .dna.pd-2017 ul li{
        margin-bottom: 10px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 979px) {
   .three-box h3 { font-size: 15px;  } 
   .three-box address { font-size: 12px; line-height: 20px;  }
    .up-footer li a {
        font-size: 13px;
    }
    .up-footer input {
        padding-right: 50px;
    }
    .up-footer button {
        width: 45px;
    }
    .up-footer h3 {
        font-size: 15px;
    }
    .social-footer a {
        margin-right: 5px;
    }
    .logo {
        width: 250px;
    }
    .logo-menu .logo {
        padding-top: 14px;
    }
    .logo-menu li a {
        font-size: 12px;
        padding: 23px 9px;
    }
    .logo-menu .left{
        width: 32%;
    }
    .logo-menu .right{
        width: 64%;
    }
    .what-we-do li:nth-child(2n+1) {
        clear: left;
    }
    .award-box .award:nth-child(4n) {
        margin-right: 2%;
    }
    .award-box .award, .line-style-box .tab-div,.team-box .member {
        width: 31%;
    }
    .line-style-box .tab-div:nth-child(4n+1), .team-box .member:nth-child(4n+1){
		clear: inherit;
	}
	.line-style-box .tab-div:nth-child(3n+1), .award-box .award:nth-child(3n+1), .team-box .member:nth-child(3n+1){
		clear: left;
	}
	.job-slide li{
		font-size: 12px;
		padding: 12px 20px;
	}
	.dna-box{
		padding: 0;
		background: transparent;
	}
	.dna-box .dna-in{
		width: 100%;
	}
	.dna-box .dna:after, .dna-box .dna:before{
		content: '';
		display: block;
		clear: both;
	}
	.dna-box .dna{
		margin-bottom: 30px;
	}
	.dna-box .dna:nth-child(even) .dna-in, .dna-box .dna-in{
		min-height: inherit;
	}
	.dna-box .dna-fix{
		right: 0;
	}
	.dna-box .dna:nth-child(even) .dna-fix{
		left: 0;
	}
	.dna-box .dna-fix{
		position: relative;
	}
	.dna-box .bullet-style{
		margin-bottom: 0;
	}
	.bullet-style li{
		padding-left: 26px;
	}
	.dna-box .dna:nth-child(2n+1) .bullet-style li{
		padding-right: 26px;
	}
	.dna-box h4{
		margin-bottom: 0;
	}
    .code-box{
        width: auto;
    }
    .search-box input{
        padding: 0 60px 0 0;
        font-size: 25px;
        height: 45px;
    }
    .search-box button{
        height: 45px;
        background-position: center;
        background-size: 40%;
    }
    .search-box .result a span{
        font-size: 22px;
    }
    .search-box .result{
        margin-bottom: 40px;
    }
    .cont-form{
        width: auto;
    }
    .back-to-age{
        margin-bottom: 50px;
    }
    .mid-slider{
        padding-bottom: 0;
    }
    .main-banner .banner-title{
        font-size: 30px;
        line-height: 30px;
    }
    .main-banner .right img{
        width: 150px;
    }
    .main-banner .text{
        margin-top: -26%;
    }
    .main-banner .border-link{
        margin-top: 15px;
    }
    .media-box{
        margin-bottom: -50px;
    }
    .media-box .media{
        width: 48%;
        margin-bottom: 50px;
    }
    .media-box h3{
        font-size: 22px;
    }
    .media-box .right{
        padding-top: 0;
    }
    .valuebox{
        padding-left: 0;
    }
    .valuebox .circle{
        display: none;
    }
    .valuebox .circle-txt{
        top: 15px;
        left: 15px;
    }
    .content-area li{
        margin-bottom: 10px;
    }
    .csr-div li{
        margin-bottom: 50px;
    }
    .valuebox li{
        background: #bd1c1d;
        padding: 20px 15px !important;
    }
    .valuebox li:nth-child(even){
        background: #d62023;
    }
    .valuebox span::before{
        background: #fff;
    }
    .valuebox span, .valuebox p{
        color: #fff;
    }
    .valuebox .centric .circle-txt, .valuebox .passion .circle-txt {
        text-align: left;
    }
    .valuebox span span::before{
        left: -13px;
    }
    .valuebox span{
        width: 30%;
    }
    .valuebox p{
        width: 45%;
    }
    .valuebox span::before {
        width: 56%;
    }
    .valuebox .fair span::before {
        width: 66%;
    }
    .valuebox .challenge span::before {
        width: 44%;
    }
    .valuebox .centric span::before {
        left: -13px;
        width: 58%;
    }
    .valuebox .passion span::before {
        left: -13px;
        width: 68%;
    }
    .valuebox{
        padding-top: 0;
        padding-bottom: 0;
    }
    .comon-popup .popup{
        width: auto;
        position: relative;
        margin: 50px 20px;
        left: 0; 
    }
    .comon-popup.subscribenews .popup:after{
        content: '';
        display: block;
        clear: both;
    }
    .dna-box .dna-in{
        text-align: left;
    }
    .dna-box .dna:nth-child(2n+1) .bullet-style li {
        background-position: left 3px;
        padding-left: 26px;
    }
    .dna-box .dna.blue.pd-2018, .dna-box .dna.pd-2017, .dna-box .dna.blue.pd-2016{
        padding-top: 0px;
    }
}

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

    .line-style-box h4 { padding-left: 0px; font-size: 13px;  }

    .bottom-footer .fo-logo {
        margin-bottom: 15px;
        text-align: center;
        width: 100%;
    }
    .bottom-footer .fo-links {
        width: 100%;
        text-align: center;
    }
    .bottom-footer li {
        display: inline-block;
        float: none;
    }
    .up-footer .fo-div {
        display: none;
    }
    .up-footer .fo-div .gap {
        width: 55%;
        float: left;
    }
    .up-footer .fo-div .gap:last-child {
        width: 100%;
        float: right;
    }
    .up-footer .fo-div:last-child {
        width: 100%;
        display: block;
    }
    .latest-box .video .image:before {
        background-size: 50px;
    }
    .latest-box .left {
        width: 100%;
        margin-bottom: 30px;
    }
    .latest-box .right {
        width: 100%;
    }
    .latest-box .left a {
        width: 100%;
    }
    .what-we-do ul {
        margin: 0;
    }
    .what-we-do li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    nav,
    .top-bar {
        display: none;
    }
    .logo {
        width: auto;
    }
    .menu-icon {
        display: block;
    }
    .logo-menu{
        box-shadow: 0 2px 5px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
    }
    .logo-menu .logo {
        padding: 14px 0;
        width: 300px;
        margin: 0 auto;
        float: none;
    }
    .award-box .award, .line-style-box .tab-div,.team-box .member {
        width: 48%;
    }
    .line-style-box .tab-div:nth-child(3n+1), .award-box .award:nth-child(3n+1), .team-box .member:nth-child(3n+1){
		clear: inherit;
	}
	.line-style-box .tab-div:nth-child(2n+1), .award-box .award:nth-child(2n+1), .team-box .member:nth-child(2n+1){
		clear: left;
	}
    .content-area {
        padding-bottom: 60px;
    }
    h1, h2, h3, h4, h5{
    	margin-bottom: 25px;
    }
    .buissnes-box .buisness. .title-content.gap{
    	margin-bottom: 45px;
    }
    .bread-crum{
    	display: none;
    }
    .news-btn-mob, .news-menu-item{
    	display: block;
    }
    .news-menu-item{
    	margin-bottom: 25px;
    }
    .news-menu-item select{
    	width: 100%;
    	height: 40px;
    	padding-left: 10px;
    	padding-right: 10px;
    	border: 1px solid #ccc;
    }
    .news-menu-item select option{
    	height: 20px;
    }
    .leftright .left, .leftright .right{
    	width: 100%;
    }
    .leftright .right{
    	padding-top: 0;
    }
    .buissnes-box .buisness{
    	margin-bottom: 40px;
    }
    ul.company-tab {
	    display: block;
	}
	.company-tab{
		margin-bottom: 40px;
	}
	.buissnes-box .red-text{
		font-size: 22px;
	}
	h2.resp-accordion{
		background: #eff0f0;
	}
	h2.resp-tab-active {
	    background: #e33239 !important;
	    color: #fff;
	}
	h2.resp-accordion, h2.resp-accordion:first-child{
		border: 0 !important;
		margin-bottom: 10px;
	}
	.resp-arrow{
		border-top: 12px solid #333;
	}
	.team-box{
		margin-top: 15px;
	}
    ul.codes-tab{
        display: block;
    }
    .intusion .head, .intusion li{
        padding-left: 15px;
    }
    .main-banner img, .page-banner img{
        display: none;
    }
    .main-banner img.mobile-banner, .page-banner img.mobile-banner{
        display: block;
    }
    .logo-menu img {
        padding-top: 8px;
    }
    .what-we-do li:nth-child(2) {
        margin-top: 0;
    }
    .main-banner .right img {
        width: 250px;
    }
    .main-banner .text {
        margin-top: -57%;
    }
    .main-banner .left {
        padding-top: 50px;
    }
    .media-box .left, .media-box .right{
        width: 100%;
    }
    .media-box img{
        width: 100%;
    }
    .media-box .right {
        padding-top: 15px;
    }
    .media-box a{
        margin-top: 0;
    }
    .valuebox .circle-txt{
        position: static;
    }
    .valuebox span{
        float: none;
        margin-left: 0;
    }
    .valuebox span::before{
        display: none;
    }
    .valuebox span span::before{
        display: none;
    }
    .valuebox span span{
        display: inline-block;
        padding-top: 10px;
    }
    .valuebox p{
        float: none;
        width: auto;
    }
    .valuebox span span br{
        display: none;
    }
    .buissnes-box .project h3{
        font-size: 21px;
    }
    .our-project{
        padding-top: 0;
    }
    .page-error{
        padding: 80px 0;
    }
    .dna-box p{
        font-size: 16px;
    }
    .dna-box .dna.blue.pd-2018, .dna-box .dna.pd-2017, .dna-box .dna.blue.pd-2016{
        padding-top: 0px;
    }
}

@media only screen and (max-width: 639px) {
   .three-box { margin-bottom: 10px;  } 
      .three-box .add-box { width: 100%; margin-bottom: 20px;  }   
    .up-footer h3 {
        font-size: 14px;
    }
    .award-box .award, .line-style-box .tab-div {
        width: 100%;
        margin-right: 0;
    }
    .award-box .award img, .line-style-box .tab-div img {
        width: 100%;
    }
    .common-tab-box .border-link{
    	margin-top: 20px;
    }
    .dna-box .dna{
		margin-bottom: 30px;
	}
	.dna-box h4{
		margin-bottom: 5px;
	}
    .code-box .code{
        width: 100%;
    }
    .code-box .code:last-child{
        margin-top: 35px;
    }
    .code-box .codes{
        margin-bottom: 40px;
    }
    .code-box{
        padding-top: 0;
    }
    .buissnes-box h3{
        font-size: 22px;
    }
    .code-box li{
        margin-bottom: 15px;
    }
    .code-box li a{
        padding-left: 30px;
    }
    .codes-tab li{
        padding: 10px 12px;
    }
    .title-content.gap {
        margin-bottom: 0;
    }
    .cont-form .cont-grey{
        padding: 40px 15px;
    }
    .cont-form .form-row{
        margin-bottom: 30px;
    }
    .mid-slider.diff-style .left, .mid-slider.diff-style .right{
        width: 100%;
    }
    .mid-slider.diff-style .right{
        padding-bottom: 60px;
    }
    .scool-row{
        margin-bottom: 60px;
    }
    .mid-slider .left, .mid-slider .right{
        width: 100%;
    }
    .intusion ul{
        margin-bottom: 40px;
    }
    .intusion span{
        width: 55%;
    }
    .mid-slider{
        margin-bottom: 20px;
    }
    .banner-line{
        width: 30px;
    }
    .main-banner .right img {
        width: 180px;
    }
    .main-banner .left {
        padding-top: 0;
    }
    .main-banner .banner-title {
        font-size: 25px;
        line-height: 25px;
    }
    .product-box .pro{
        width: 47%;
    }
    .buissnes-box .project h3{
        font-size: 18px;
    }
    .csr-slider .slick-next, .csr-slider .slick-prev{
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
    }
    .comon-popup .popup{
        padding: 30px 15px;
    }
    .subscribenews.comon-popup .left{
        display: none;
    }
    .subscribenews.comon-popup .right{
        width: 100%;
    }
    .team-img{
        width: 50%;
    }
    .product-box .prolist a:nth-child(2n+1){
        clear: left;
    }
    .dna-box .dna.blue.pd-2018, .dna-box .dna.pd-2017, .dna-box .dna.blue.pd-2016{
        padding-top: 0px;
    }
}

@media only screen and (max-width: 479px) {
    .bottom-footer li:first-child {
        margin-bottom: 10px;
        width: 100%;
    }
    .up-footer {
        padding-top: 27px;
    }
    .up-footer .fo-div .gap {
        width: 100%!important;
    }
    .latest-box .left {
        margin-bottom: 50px;
        width: 100%;
    }
    .latest-box .right {
        width: 100%;
    }
    .logo-menu .logo{
        width: 220px;
    }
    .menu-icon{
        top: 15px;
    }
    .up-footer .gap {
        margin-bottom: 25px;
    }
    h1, h2, h3, h4, h5{
    	font-size: 23px;
    }
    .buissnes-box h3{
    	font-size: 20px;
    }
    .company-tab li, .codes-tab li{
    	font-size: 11px !important;
    	padding: 9px 6px;
    	font-family: HermesFB-Regular;
    }
    .buissnes-box .red-text{
		font-size: 18px;
	}
	.team-box .member{
		width: 100%;
		margin-right: 0;
	}
	.team-box p{
		min-height: inherit;
	}
	.up-footer h3 {
	    font-size: 18px;
	}
    .cont-form .form-row.two .form-div{
        width: 100%;
        margin-bottom: 30px;
    }
    .cont-form .form-row.two .form-div:last-child{
        margin-bottom: 0;
    }
    .cont-box .title-content{
        padding: 0;
    }
    .back-to-age{
        margin-bottom: 30px;
    }
    .intusion span{
        width: 50%;
    }
    .content-area li, .dna-box p{
        font-size: 14px;
    }
    .latest-box .lates{
        margin-bottom: 35px;
    }
    .latest-box .lates, .latest-box .slideright{
        width: 100%;
    }
    .main-banner .right img {
        width: 140px;
    }
    .main-banner .banner-title {
        font-size: 19px;
        line-height: 19px;
    }
    .main-banner .text{
        margin-left: 32px;
    }
    .main-banner p{
        font-size: 12px;
    }
    .main-banner .border-link{
        margin-top: 8px;
    }
    .media-box .media{
        width: 100%;
    }
    .product-box .pro{
        width: 100%;
        margin-right: 0;
    }
    .product-box .pro{
        margin-bottom: 40px;
    }
    .product-box .prolist {
        margin-bottom: -40px;
    }
    .our-project .project{
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .buissnes-box .project h3{
        font-size: 22px;
        padding-top: 12px;
        margin-bottom: 15px;
    }
    .comon-popup .form-div{
        width: 100%;
    }
    .as-a-query.comon-popup .form-div:nth-child(2){
        margin-top: 25px;
    }
    .team-img{
        width: 100%;
        padding-right: 0;
    }
    .intusion .three-col{
        padding: 0;
    }
    .dna-box .dna.blue.pd-2018, .dna-box .dna.pd-2017, .dna-box .dna.blue.pd-2016{
        padding-top: 0px;
    }
}
@media only screen and (max-width: 359px) {
	.company-tab li, .codes-tab li{
    	font-size: 10px !important;
    	padding: 9px 6px;
    }
    .intusion span {
        width: 46%;
    }
    .logo-menu .logo{
        width: 190px;
    }
    .menu-icon{
        top: 13px;
    }
    .main-banner .right img {
        width: 120px;
    }
    .main-banner .banner-title {
        font-size: 17px;
        line-height: 17px;
    }
    .g-recaptcha{
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}