@media(max-width:1200px){
.selection-process .nav-pills li button{font-size: 20px}
}
@media(max-width:1024px){
.testimonial-item .content p {
color: #fff;
font-size: 12px;
line-height: 19px;
}
.selection-process .nav-pills li button{font-size: 18px}
.form-section  .apply-form  h2{    font-size: 28px;}
.testimonial .swiper-scrollbar.swiper-scrollbar-horizontal{left: 57%}
.benefits p{min-height: 177px;}
}
@media(max-width:992px){
.career-role-list-content{
padding: 140px 20px 20px;
}
.benefits-card-content{
padding: 20px;
}
.benefits p{
min-height: 177px
} .resources-slider{
margin-top: 30px;
}
.copyright{
flex-direction: column;
justify-content: center;
text-align: center;
}
.hero{
min-height: auto;
}
.banner-content h1 strong{
font-size: 42px;
}
.podcast-slider {
max-width: 586px;
overflow: visible;
}
.selection-process .nav-pills li button{    padding: 10px 10px!important;}
.selection-process .nav-pills li button span {
width: 35px!important;
height: 35px!important;
display: inline-block;
background: #E2D9FB;
border-radius: 50%;
margin-right: 10px;
flex: 35px 0 0!important;
}
.selection-process .nav-pills li button span img{max-width: 15px}
.form-section .apply-form{margin-top: -110%;}
.hero .swiper-wrapper {
height: 500px;
}
#hero.hero .mySwiper .swiper-slide{background-position: 70% 100%!important;}
.hero h2 br{display: none;}
.banner-content h1 strong{display: inline;}
.ls-right{width: 100%;}
.benefits p{    font-size: 16px;    line-height: 22px;}
.benefits p strong{line-height: 22px}
.benefits-card-content h4{line-height: 22px;margin-bottom: 10px}
.testimonial-item img{width: 100%;}
.testimonial .swiper-scrollbar.swiper-scrollbar-horizontal{max-width: 550px;left: 60%;}
.container{width: 100%;max-width: 100%}
.footer {padding: 60px 0 30px}
.bottom-cons, .top-datas {
min-width: auto!important;
}
.top-datas .row .col:first-child{margin-bottom: 10px}
}
@media(max-width:576px){
.heading{
font-size: 24px;
}
.description{
font-size: 16px;
line-height: 24px;
text-align: center;
}
.career-role-list-content{
margin-bottom: 30px;
}
.career-role .col-lg-6:last-child .career-role-list-content{
margin-bottom: 0px;
}
.py-60 {
padding: 40px 0;
}
.career-role-list-content{
padding: 140px 20px 20px;
text-align: center;
}
.benefits-card-content{
padding: 20px;
text-align: center;
}
.benefits-card{
margin-bottom: 30px;
}
.benefits  .col-lg-4:last-child  .benefits-card{
margin-bottom: 0px;
}
.leadership-speak .row{
flex-direction: column-reverse;
}
.gp-slider{
margin-top: 30px;
}
.know-more{
font-size: 14px;
padding: 10px 20px;
}
.resources .col-lg-6:first-child{margin-bottom: 30px;}
.footer-menu{
flex-direction: column;
}
.copyright{
flex-direction: column;
}
.copyright-right{
margin-left: 0px;
margin-top: 10px;
}
.benefits p {
min-height: auto;
}
.footer-link-list{    line-height: 30px;text-align: center;}
.footer-logo{
text-align: center;
}
.banner-content h1 strong {
font-size: 22px;
}
.hero p{
margin-bottom: 15px;
font-size: 16px;
line-height: 18px;
}
.btn-light{
font-size: 14px;
padding: 10px 15px;
}
.hero h1{
font-size: 16px;
}
.testimonial-item .content{
width: 80%;
}
.testimonial-item .content p{
line-height: 16px;;
}
.testimonial .swiper-scrollbar.swiper-scrollbar-horizontal {
width: 100%;
max-width: 240px;
margin: 0 auto;
left: 64%;
transform: translateX(-50%);
bottom: 12px;
}
.tech-bee-img{
margin: 0 auto 20px;
}
.hero .swiper-pagination-bullets.swiper-pagination-horizontal{
text-align: center;bottom: 40px;
}
.top-logos img{max-width: 100px}
.border-sec .top-logos{font-size: 20px!important}
.border-sec .top-logos{padding: 20px 20px 0!important;}
#accordionFlushExample .accordion-item{margin-bottom: 0px}
.apply-left{padding-right: 20px;}
.job-detail-list span{margin-left: 20px}
.job-detail-list:nth-child(2){margin-left: 0px!important;
margin-right: 0px!important;}
.job-detail-list:nth-child(3){margin-left: 0px!important}
.job-detail-list span:after{height: 270%!important;}
.py-100{padding:50px 0}
.ug-content h3, .ug-content h4{font-size: 24px;}
.guidance-item{padding:20px 20px 0}
.ug-content{padding-bottom: 0px}
.resources-img{text-align: center;}
.hero .swiper-wrapper {    height: auto;}
.arrow-btn-white{line-height: 18px!important;font-size: 14px!important;padding: 12px 20px!important;}
.hero .banner-content {text-align: left;    padding: 10px;}
.hero .mySwiper .swiper-slide {background-position: top left!important}
.banner-content h1{font-size: 26px;    line-height: 30px;}
.banner-content h1 br{display: none;}
.heading {text-align: center;}
.btn-custom-dark{line-height: 18px;    padding: 12px 5px 12px 20px;}
.ls-content{text-align: center;}
.leadership-speak p{text-align: center;}
.ls-bottom{flex-direction: column;display: block;}
.ls-right{margin-left: 0px}
.hero .banner-content h1 strong{display: inline;}
.hero .banner-content h1{text-align: left;font-size: 30px}
.hero .banner-content h2{text-align: left;font-size: 20px} .hero .swiper-pagination-bullet{text-indent: 50px;
width: 40px;
overflow: hidden;
background: rgba(255,255,255,0.5);
border-radius: 3px;
margin: 0px 2px!important;height: 4px}
.hero .swiper-pagination-bullet-active{background: rgba(255,255,255,1)}
.banner-block{left: 50%;    transform: translate(-50%, 0%);top: 57%;}
#tech-bee{padding-top: 30px}
#tech-bee .col-lg-9{text-align: center;}
.resources .owl-item.active .item{margin-right: 1px;}
.social-media h5{text-align: center;font-size: 20px}
.social-media-list a {
width: 40px;
height: 40px;
border: 1px solid #8d8d8d;
border-radius: 50%;
text-align: center;
line-height: 42px;
color: #fff;
display: inline-block;
margin: 0 7px;
font-size: 20px;
}
.goverment-partnership {text-align: center;padding-top: 0px!important}
.resources p{text-align: center;}
.pos-img .banner-content h1{font-size: 30px!important;line-height: 36px!important;}
.banner-content h1 strong{font-size: 30px!important}
.apply .row{    flex-direction: column-reverse;}
.apply-right {margin-bottom: 20px}
.about-tec{margin-top: 20px;text-align: center;}
.about-blk-section .row.mt-5{margin-top:15px!important}
.about-tec-fact h4{margin-bottom: 0px}
.apply-left .vertical-center-5{padding-left: 20px}
.mobile-pb-0{padding-bottom: 0px!important}
.about-tec-fact{text-align: center;}
.about-tec-fact:before{    content: '';
border-bottom: 1px solid #e6ebf5;
position: absolute;
left: 0!important;
right: 0;
bottom: -8px;
width: 100%;border-right: 0px!important}
p {
font-size: 16px!important;
font-weight: 400;
font-family: 'hcltech_roobertlight';
line-height: 22px;
text-align: center;
}
.program-highlights-left{margin-bottom: 20px}
.career-content li {
font-size: 16px!important;
line-height: 22px!important;
}
.query-answer{  max-width: 165px!important;
left: 13px!important;
padding: 10px!important;}
.query-answer p{margin-bottom: 0px}
.job-detail-content{text-align: left;}
.girl{text-align: center;}
.girl img{max-width: 230px!important;position: relative!important;}
.job-detail-content ul{text-align: left;}
.modal-design .modal-dialog{width: 90%;}
.pop-up-logo {
width: 50px!important;
height: 50px!important;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
flex: 50px 0 0;
}
.bottom-content{text-align: center;}
.hep-univercity li a{ padding: 10px!important;font-size: 16px!important}
.program-offered .accordion-body, .program-offered .accordion-body p{font-size: 16px!important;text-align: left;}
.pt-60{padding-top: 30px!important}
.career-path-img{margin-bottom: 0px!important}
.career-path-list{margin-left: 0px!important;margin-right: 30px!important;}
.cpc-number{font-size: 30px}
ul.description{text-align: left;}
.ug-content{padding:0px;}
.listing li{    line-height: 20px;}
.about-blk-section .about-tec{margin-top: 0px}
.selection-process .accordion-body p{font-size: 16px!important;line-height: 22px}
.close{    right: -4px;}
.pop-up-content {
padding: 12px 0px 12px 12px;
}
.pop-p-contnet p{text-align: left;}
.mobile-banner h1{width: 90%;    font-size: 24px;}
.footer-menu-list{
padding: 0px;
list-style: none;
line-height: 30px;
margin-top: 30px;
}
.footer-menu-list a{color: #fff}
#menu-mobile-fotter-menu-1 .current-menu-item a{background: transparent!important;}
#menu-mobile-fotter-menu-2 .current-menu-item a{background: transparent!important;}
}
@media(max-width:320px){
.apply-now{
padding: 9px;
font-size: 13px;
}
.testimonial-name-wrap {
position: absolute;
bottom: 15px;
left: 15px;
}
.quote{
max-width: 20px;
}
.testimonial-item .content{
left: 15px;
}
.testimonial-item .content {
width: 90%;
}
.testimonial .swiper-scrollbar.swiper-scrollbar-horizontal{max-width: 222px;    left: 62%;}
.about-blk-section .nav-pills li button{font-size: 18px;}
.about-blk-section .tab-content {    padding: 15px;}
}