@media (max-width:1024px){
	#header{ top:0; padding:0 8px;}
	#header nav ul li {	float: left;margin-right: 18px;}
    #header nav ul li a{ padding:24px 0; font-size:15px;}	
	.banner .banner-text{padding: 120px 0 40px;}
	.banner .banner-text .bannerImg { display: inline-block;  height: 200px;  width: 200px;}
	.bnHeading a { margin-top: 25px;}
	.bnHeading{font-size: 22px;}
	.achivement .list li{ padding:20px}
	.achivement .list li h2 { font-size: 22px;}
	.achivement .list li h2 strong{font-size: 26px;}
	.careerPoint.MTB30{ margin-bottom:0;}
	.contactNum { padding: 25px 0;}
	.number .txt .HdOne { font-size: 30px;  line-height: 30px;}
	.map iframe{ height:250px;}
	.contactForm{ width:60%;}
	.contactInfo{ width:40%;}
    .blogPage {	padding: 37px 10px;}
	.inner .bnHeading { width:100%; text-align:center}
	.figure {position: relative; width: 40%;float: left;}
	.blogContent {	float: right;	width: 55%;}
	}

@media (max-width:767px){
	.logo { float: left;  padding: 6px 0;  width: 28%;}
	#header nav { float: right;  display: block;  text-align: center;  padding: 15px 0;}
	.bnHeading {font-size: 18px;line-height: 26px;}
	#header nav.bg:after {content: "";position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.5);z-index: -1;}
	#header nav .mobile-menu{display:inline-block;text-align:left;width:32px; height:25px;padding-top: 5px; outline: none;}
	#header nav .mobile-menu.show span:first-child{transform: rotate(40deg) translate(4px, 5px);}
    #header nav .mobile-menu.show span:last-child{transform: rotate(-40deg) translate(6px, -7px);}
	#header nav .mobile-menu.show span:nth-child(2){opacity:0;}
	#header nav .mobile-menu span{ width: 32px;height: 4px;background:#fff;display:block;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s; }
	#header nav .mobile-menu span:nth-child(2){ margin:4px 0;}
	#header nav .menu{position:fixed;height:100%;top: 0;left:-80%;width: 80%;background: rgba(0, 0, 0, .9);padding-top: 30px; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s; }
	#header nav .menu.active{ left:0;}
 	#header nav .menu li{display:block;float:none;margin: 0 auto; }
 	#header nav .menu li a{position:relative; z-index:1;width: 100%;text-align: center;border-bottom: 2px solid #ffc107;color:#fff;transition: .4s linear;-moz-transition: .4s linear;-webkit-transition: .4s linear;padding: 10px 0;}
 	#header nav .menu li:after{ position:absolute; z-index:0;  top:0; bottom:0; height:100%; background:#fff; transition: .4s linear;-moz-transition: .4s li;-webkit-transition:.4s linear;}
	#header nav .menu li.active:after, .header nav .menu li:hover:after{ background:#fff;transition: .2s linear;-moz-transition: .2s linear;-webkit-transition: .2s linear;}
	#header nav ul li.active a, #header nav ul li a:hover {   color: #f5b70e;    border-bottom: 2px solid;}
	#header nav .menu li.active a, .header nav .menu li a:hover, .header nav .menu li:hover a{ color:#f5b70e;border-bottom: 2px solid;}
	.banner .banner-text { padding: 90px 0 0px !important;}
	.banner{ min-height:100px}
	.inner .banner .banner-text { padding: 120px 0 40px !important;}
	.banner .banner-text .bannerImg { display: inline-block;  height: 160px;  width: 160px;}
	.banner .banner-text .bannerImg::after {width: 45px;height: 65px;background: url(../images/circle-flower.png) no-repeat center center / cover;}
	.careerOption .HdThree {padding: 20px 0 15px;}
	.map {padding: 30px 20px;}
	.map iframe{ height:250px;}
	.contactForm, .contactInfo{ width:100%; padding-bottom:20px}
	.contactForm{ padding-bottom:0;}
	.facilities ul li span{ display:inline-block;}
	.blogImg , .archiveList{  width: 100%;   float: left;}
	}
@media (max-width:639px){
	.logo {	width: auto;}
	#header nav {padding: 20px 0;}
	.bnHeading {font-size: 16px;line-height: 23px;	padding: 20px 0;}
	.careerOption{ width:100%; margin:0 auto; padding-bottom:45px;}
	.listTwo li{ width:100%; text-align:center}
	.skill .list.listTwo li, .companySay .list.listTwo li{  text-align: left;}
	.careerList li{ width:100%;}
 	.workProfile ul li, .blogImgItem{ width:100%;}
	.blogImgItem .subheading {padding: 15px 0;color: #000;	font-size: 20px;}
	.figure {position: relative; width: 100%;float: left;}
	.blogContent {	float: right;	width: 100%;}
 }

@media (max-width:479px){
	.banner .banner-text .bannerImg {display: block;height: 130px;width: 130px;margin: 0 auto 10px;}
	.bnHeading {font-size: 16px;line-height: 23px;padding: 10px 0 20px;	width: 100%;text-align: center;}
	.contactNum {padding: 16px 0;}
	.number .txt .HdThree {	line-height: 30px;	font-size: 16px;}
	.number .txt .HdOne {font-size: 25px;line-height: 30px;}
	.half{ width:100%;}
	}