 @media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
 .activitiesWrap .activitiesInner .activitiesGroup .activitiesBox { min-height: 340px;} 
 .aboutusWrap .aboutusInner,.journeyWrap .journeyInner,.visionmissionWrap .visionmissionInner,.activitiesWrap .activitiesInner,.workcultureWrap .workcultureInner { width: 95%;  margin: 0 auto 0 5%;}
 .aboutusWrap.helpyouWrap .aboutusInner h2 { font-size: 50px; line-height: 52px;}
 .aboutusWrap .aboutusInner ul.helpyou:after{ width:107%;}
 .innerbannerWrap .bannerTag h1 { font-size: 38px; line-height: 40px;}
 .bannerWrap .bannerSlider .bannerTag{ bottom:90px;}
}
 @media only screen and (max-width: 1200px) {
 .moreinfoWrap .moreinfoInner .readmore { display: block; margin: 20px 0 0 0;}
   .bottomWrap .bottomInner .bottomBox .text a { font-size:20px;}
   .conferenceformWrap .conferenceformInner .inputBox.birthdate select { width: 31%;}
}
 @media only screen and (max-width: 1024px) {
}
 @media only screen and (max-width: 959px) {
 .menuBtn{ display:block;}
 .applyformWrap .applyformInner .applyformGroup .inputBox {width: auto; margin: 0 0 30px 0; float: none;}
 .bottomWrap .bottomInner .bottomBox { width: 48%; margin: 10px 1% 10px 1%;}
 .bottomWrap .bottomInner .bottomBox:last-child{ margin-bottom:0;} 
 .aboutusWrap .aboutusInner ul.helpyou:after{ display:none;}
 .aboutusWrap .aboutusInner ul.helpyou{ display:block;}
 .aboutusWrap .aboutusInner ul.helpyou li {width: 48%; float:left; margin:5px 1%;}
 .anknadganitalyWrap .anknadganitalyInner .width50.marginright { margin-right: 0; margin-bottom:30px;}
 .anknadganitalyWrap .anknadganitalyInner .width50 { width: auto; float: none;}
 .anknadganitalyWrap .anknadganitalyInner h2{ margin-bottom:10px;}
 .appreciationWrap .appreciationInner .appreciationLeft { width: 20%;}
 .appreciationWrap .appreciationInner .appreciationRight { width: 78%; margin-left: 2%;}
 .aboutusWrap .aboutusInner ul.about li .icon { width: 120px; height: 120px;}
 .journeyWrap .journeyInner ul li { width: 30%;padding: 15px; margin-left: -7%; margin-right: -7%;}
 .visionmissionWrap .visionmissionInner .visionmissionBox.marginright { margin-right: 0; margin-bottom:70px;}
 .visionmissionWrap .visionmissionInner .visionmissionBox { width: auto; float: none;}
 .activitiesWrap .activitiesInner .activitiesGroup .activitiesBox { min-height: 370px;}
 .activitiesWrap .activitiesInner .activitiesGroup .activitiesBox img { max-width: 60%; margin: 0 auto;}
 .navigation{ position:fixed; right:-40%; top:74px; height:100%; width:40%; background:#ffffff; z-index:99; transition:0.3s;}
 .navigation.open{ right:0; transition:0.3s;}
 nav { }
nav > ul { }
nav > ul > li { position:relative;}
nav > ul > li > a { color: #2a343c; font-size: 16px; padding:12px 20px; font-family: 'open_sansregular'; display:block;transition:0.3s;} 
nav > ul > li > a:hover, nav > ul > li.active > a, nav > ul > li:hover > a, nav > ul > li > a.active {  color: #ffffff; background:#e31e24; transition:0.3s;}
nav > ul > li > ul{ }
nav > ul > li:hover > ul{ }
nav > ul > li > ul > li{}
nav > ul > li > ul > li > a {display: block; padding: 4px 40px; color: #2a343c; font-size: 13px; font-family: 'open_sansregular';}
nav > ul > li > ul > li > a:hover, nav > ul > li > ul > li.active > a{  color: #ffffff; background:#e31e24; transition:0.3s;}
.bannerWrap .bannerSlider .bannerTag { font-size:20px; line-height:24px;}
 .bannerWrap .bannerSlider .bannerTag h2 { font-size: 30px; line-height: 36px;}
 .newseventList .newseventBox {width: 48%;}
}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 753px) {
 .bannerWrap .bannerSlider .bannerTag { bottom: 50px; font-size: 16px; line-height: 20px;}
 .bannerWrap .bannerSlider .bannerTag h2 { font-size: 24px; line-height: 32px;}
 .bannerWrap .slick-dots{ bottom:0;}
 .bannerWrap .slick-dots li { width: 25px; height: 5px;} 
 .aboutusWrap .aboutusInner h2:after, .appreciationWrap .appreciationInner h2:after{ display:none;}
 .aboutusWrap .aboutusInner, .journeyWrap .journeyInner, .visionmissionWrap .visionmissionInner, .activitiesWrap .activitiesInner, .workcultureWrap .workcultureInner{ width:auto; margin:0;}
 .aboutusWrap.helpyouWrap .aboutusInner h2 { font-size: 32px; line-height: 34px;}
 .aboutusWrap .aboutusInner h4 { font-size: 20px; line-height: 26px;}
 .aboutusWrap .aboutusInner ul.helpyou li h4 {font-size: 30px;line-height: 34px;}
 .appreciationWrap .appreciationInner .appreciationLeft { width: 30%;}
 .appreciationWrap .appreciationInner .appreciationRight { width: 68%;}
 .appreciationWrap .slick-dots { margin-top: 30px;}
 .footerWrap .footerBox { width: auto; float:none;}
 .footerWrap .footerBox.middleBox { margin: 30px 0;}
 .footerBottom .footerLink { float: none;}
 .footerBottom { width: auto; float: none; margin-top: 50px; text-align:center;}
 .footerBottom .footerSocial { float: none; margin-top:10px;}
 .footerBottom .footerSocial ul li{ float:none; display:inline-block;}
 .footerBottom .footerLink{ margin-top:30px;}
 .footerWrap .footerBox h4{ margin-bottom:10px;}
 .footerBottom .footerLink ul li { float: none; display: inline-block;}
 .innerbannerWrap .bannerTag h1 {font-size: 30px; line-height: 30px;}
 .innerbannerWrap{ overflow:hidden; }
 .innerbannerWrap img { width: 150%;}
 .aboutusWrap .aboutusInner h2,.journeyWrap .journeyInner h2 { font-size: 34px; margin-bottom: 15px;}
 .aboutusWrap .aboutusInner ul.about li { width: 46%; margin: 20px 2%;} 
 .aboutusWrap .aboutusInner ul.about{ margin-top:20px;}
 .journeyWrap .journeyInner ul li:after, .journeyWrap .journeyInner ul:after,.journeyWrap .journeyInner h2:after{ display:none;}
 .journeyWrap .journeyInner ul li:nth-child(2),.journeyWrap .journeyInner ul li:nth-child(4) { margin-top: 15px;}
 .journeyWrap .journeyInner ul li { width: auto; padding: 15px; margin:15px 0; text-align:left;}
 .journeyWrap .journeyInner ul li h3 { left: 20px; right: auto; top: -14px; font-size: 22px;}
 .journeyWrap .journeyInner ul li:last-child{ margin-bottom:0;} 
 .journeyWrap{ padding-bottom:40px;}
 .visionmissionWrap,.aboutusWrap,.ganitalayWrap,.gafeaturesWrap, .activitiesWrap, .managmentteamWrap.mentorsWrap, .workcultureWrap,.hiringWrap, .applyformWrap,.contactWrap,.bottomWrap,.anknadganitalyWrap, .appreciationWrap, .managmentteamWrap{ padding:40px 0;}
 .visionmissionWrap .visionmissionInner .visionmissionBox.visionBox h2:after,.visionmissionWrap .visionmissionInner .visionmissionBox.missionBox h2:after,.managmentteamWrap .managmentteamInner h2:after,.ganitalayWrap .ganitalayInner h2:after,.gafeaturesWrap .gafeaturesInner h2:after, .activitiesWrap .activitiesInner h2:after,.workcultureWrap .workcultureInner h2:after, .hiringWrap .hiringInner h2:after,.applyformWrap .applyformInner h2:after{ display:none;}
 .visionmissionWrap .visionmissionInner .visionmissionBox.marginright{ margin-bottom:40px;}
 .visionmissionWrap .visionmissionInner .visionmissionBox h2{ margin-bottom:20px;}
 .managmentteamWrap .managmentteamInner { width: auto; float: none;}
 .managmentteamWrap .managmentteamInner h2{ font-size: 34px; margin-bottom: 30px;}
 .ganitalayWrap .ganitalayInner h2,.gafeaturesWrap .gafeaturesInner h2,.activitiesWrap .activitiesInner h2,.workcultureWrap .workcultureInner h2, .hiringWrap .hiringInner h2,.applyformWrap .applyformInner h2,.contactWrap .contactInner h2,.appreciationWrap .appreciationInner h2,.visionmissionWrap .visionmissionInner .visionmissionBox h2 { font-size: 34px; line-height: 40px; margin-bottom: 15px;}
 .ganitalayWrap .ganitalayInner,.gafeaturesWrap .gafeaturesInner,.applyformWrap .applyformInner,.anknadganitalyWrap .anknadganitalyInner { width: auto;}
 .gafeaturesWrap .gafeaturesInner ul li{ width:auto;}
 .activitiesWrap .activitiesInner .activitiesGroup .activitiesBox { width: 46%;}
 .activitiesWrap .activitiesInner .activitiesGroup .activitiesBox { min-height: 300px;}
 .bottomWrap .bottomInner .bottomBox { width: auto; margin: 20px 0 10px 0; float: none;}
 .bottomWrap .bottomInner .bottomBox .text br{ display:none;}
 .bottomWrap .bottomInner .bottomBox .text a.maplink { display: inline-block; margin-top: 10px;}
 .contactWrap .contactInner{ width:auto;}
 .contactWrap .contactInner h2:after{ display:none;}
 .contactWrap .contactInner .contactLeft { width: auto; float: none; margin-right: 0; margin-bottom: 40px;}
 .contactWrap .contactInner .contactRight{ width:auto; float:none;}
 .contactWrap .contactInner .contactLeft ul.contact li.add br{ display:none;}
 .contactWrap .contactInner .contactLeft ul.socialmedia { margin-top: 20px;}
 .appreciationWrap .appreciationInner h2{ padding-left:0;}
  nav { height: 380px;}
 .navigation.open { overflow-y: scroll;}
 .hiringWrap .positionGroup { display: block; grid-template-columns: auto; grid-column-gap: 0;}
}
 @media only screen and (max-width: 736px) {
}
 @media only screen and (max-width: 711px) {
  .regpopupWrap .regpopupBtn a { padding: 8px 15px; line-height: 12px; font-size: 12px;}
  .regpopupWrap .regpopupBtn { bottom: 15px;} 
}
 @media only screen and (max-width: 640px) {
   .conferenceformWrap .conferenceformInner .inputBox { position: relative; margin: 0 0 25px 0; width: auto; float: none;}
   .conferenceformWrap .conferenceformInner .inputSubmit{ width:auto; margin: 20px 0 0 0;}
}
 @media only screen and (max-width: 600px) {
}
 @media only screen and (max-width: 569px) {
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
 body{ overflow-x:hidden;} 
 .aboutusWrap .aboutusInner h4 { margin-bottom:15px;}
 .aboutusWrap .aboutusInner ul.helpyou li .icon img { width: 70px;}
 .aboutusWrap .aboutusInner ul.helpyou li {padding: 30px 10px 20px 10px;}
 .navigation{ width:60%; right:-60%;}
 .managmentteamWrap .managmentteamInner .managementSlider { margin: 90px 0 0 0;}
 .managmentteamWrap .managementSlider .slick-arrow{ top:-50px;}
 .managmentteamWrap .managementSlider .teamBox { width: auto;}
 .activitiesWrap .activitiesInner .activitiesGroup .activitiesBox { width: auto; float:none;min-height: 10px;}
 .activitiesWrap .activitiesInner .activitiesGroup .activitiesBox h4 { min-height: 10px;}
 .managmentteamWrap .managementSlider .slick-next.slick-arrow{ right:0;}
 .managmentteamWrap .managementSlider .slick-prev.slick-arrow{right:40px;}
 .moreinfoWrap .moreinfoInner {font-size: 28px; line-height: 34px;}
 .activitiesWrap .activitiesInner h2 { text-align:center;}
 .newseventList .newseventBox { width: auto; float: none; margin:20px 1%;}
.newseventList .newseventBox .newsTitle { min-height: 10px;}
.newseventWrap .newseventInner h2{ padding-left:0;font-size: 34px; line-height: 40px; margin-bottom: 25px}
.newseventWrap .newseventInner h2:after{ display:none;}
.conferenceformWrap .conferenceformInner .inputBox.birthdate select { width: 30%;}   
}
 @media only screen and (max-width: 480px) {
}
 @media only screen and (max-width: 424px) {
 .bannerWrap .bannerSlider img.desktopBanner{ display:none;}
.bannerWrap .bannerSlider img.mobileBanner{display:block;}
.bannerWrap .bannerSlider .bannerTag {bottom: 90px; font-size: 20px; line-height: 30px;}
.bannerWrap .bannerSlider .bannerTag h2 { font-size: 40px; line-height: 50px;}
 .appreciationWrap .appreciationInner .appreciationLeft { width: auto;}
 .appreciationWrap .appreciationInner .appreciationRight { width: auto; margin-left:0; margin-top:10px;}
 .navigation { width: 80%; right: -80%;}
 .aboutusWrap .aboutusInner ul.about li { width: auto; float:none; margin: 20px 0;}
 .journeyWrap .journeyInner ul { margin-top: 30px;}
 header .logo a {padding: 22px 0;}
 header .logo a img { width: 200px;}
 .aboutusWrap .aboutusInner ul.helpyou li h4 { font-size: 22px; line-height: 28px;}
 .contactWrap .contactInner .contactLeft { margin-top:30px;}
 .innerbannerWrap img { width: 200%; }
.innerbannerWrap .bannerTag {bottom: 30px; margin-bottom: 0;}
.innerbannerWrap img.desktopBanner{display:none; width:100%;}
.innerbannerWrap img.mobileBanner{ display:block; width:100%;} 
 .regpopupWrap .regpopupBtn{ width: 100%;} 
  .regpopupWrap img.desktopImg{display:none;}
.regpopupWrap img.mobileImg{ display:block;} 
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
 .bannerWrap .bannerSlider .bannerTag {bottom: 70px; font-size: 16px; line-height: 24px;}
.bannerWrap .bannerSlider .bannerTag h2 { font-size: 30px; line-height: 36px;}
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}
