@media (max-width:1170px){
	.banner .banner-text{padding: 120px 0 80px;}
	.bnHeading{font-size: 42px; line-height: 52px;}
	.bannerCont{font-size:17px;}
	.bnHeading a {margin-top: 26px;}
	.careerPoint {padding: 40px 30px 0;}
	.checkList{ margin:30px auto 0;}
	.workProfile ul li{ min-height:44px;}
}

@media (max-width:1023px){
	#header{ padding:0 8px;}
	#header nav ul li {	float: left;margin-right: 8px;}
    #header nav ul li a{ padding:25px 15px; font-size:15px;}	
 	.bnHeading a { margin-top: 25px;}
	.bnHeading{font-size: 32px; line-height:42px;}
	.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:979px){
	.logo { float: left;  padding: 10px 0;  width: 28%;}
	#header nav { float: right;  display: block;  text-align: center;  padding: 15px 0;}
	#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 #3c7cde;color:#fff;transition: .4s linear;-moz-transition: .4s linear;-webkit-transition: .4s linear;padding: 15px 0;margin-top: 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: #000;    border-bottom: 2px solid ##3c7cde;background: #f3dccd;}
	#header nav ul li.active a:before, #header nav ul li:hover a:before, #header nav ul li.active a:after, #header nav ul li:hover a:after{ display:none;}
	.banner{ background-attachment:scroll;}
	.bnHeading {font-size: 28px;line-height: 36px;padding-bottom: 20px;}
	.bannerCont {margin: 25px 0;}
	.bnHeading a {margin-top: 0px;}
	.careerOption {	width: 48%;	float: left;padding-left: 80px;position: relative;	padding-right: 0px;}
	.careerOption .icon {height: auto;width: auto;display: inline-block;padding: 0px 0px;position: absolute;left: 0;text-align: center;}
	p {	margin-bottom: 15px;line-height: 23px;}
	.banner .banner-text {padding: 120px 0 50px;}
	.workProfile ul li{ width:100%; min-height:auto;}
	.devisionBox .cont{ font-size:14px;}
	.devisionBox .cont p{ line-height:20px;}
	.UptoMission .listTwo li{ width:100%; min-height:25px; line-height:25px;}
	}

@media (max-width:767px){
	.banner .banner-text {padding: 100px 0 40px !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;}
	.bnHeading {font-size: 26px;line-height: 40px;padding-bottom: 20px;}
	.bannerCont {margin: 20px auto;line-height: 22px;font-size: 16px;}
	.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;}
	.careerPoint {  padding: 40px 30px 0px;}
	.careerOption{ width:100%;padding-bottom:45px;}
	.checkList {margin: 10px auto 0;}
	.workProfile ul li:last-child{ margin-bottom:0;}
	.number{ text-align:center;}
	.listTwo li{ width:100%; text-align:left}
	.founder .leftCon{ width:100%;}
	}
@media (max-width:639px){
	.logo {	width: 75%;}
	.bnHeading {font-size: 16px;line-height: 23px;	padding: 20px 0;}
	.careerOption{ width:100%; margin:0 auto; padding-left: 60px;}
 	.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%;}
	.banner .banner-text {padding: 80px 0 20px !important;}
	.careerPoint {padding: 40px 20px 0px;}
	.devisionBox{ width:100%; margin:0 auto 20px; float:none;}
	.devisionBox:last-child{ margin-bottom:0;}
	.bannerImg{ float:none; display:block; margin:0 auto 30px;}
	.workProfile ul li, .checkList li{ display:block; width:100%;}
 }

@media (max-width:479px){
	.banner .banner-text .bannerImg {display: block;height: 130px;width: 130px;margin: 0 auto 10px;}
	.bnHeading {font-size: 20px;line-height: 30px;padding: 10px 20px ;	width: 100%;text-align: center;}
	.bannerCont{font-size:16px}
	.link.flower{ margin-bottom:10px;}
	.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%;}
	.careerContent{ margin-top:0;}
	}