
@media only screen and (max-width: 1750px) {
  .container-fluid
  {
    max-width: 95%;
  }
  .dates h4
  {
    font-size: 28px;
  }
  .dates h5
  {
    font-size: 18px;
  }
  .accordion .headerr h4 {
     font-size: 20px;
  }
  .accordion .itemm.active .content p {
    font-size: 16px;
  }
  .accordion {
    margin: 10px 0 0 0;
  }
  .prog p
  {
    font-size: 18px;
  }
  .skillBox
  {
    padding: 30px 30px 30px;
    min-height: auto;
  }
  .campLine img {
    width: 100%;
    margin-top: -35px;
  }
  .ladyPic
  {
    max-width: 600px;
  }

  .banner
  {
    background: #132C6F url(../images/main-banner.webp) no-repeat;
    background-position: 0 100px;
  }


 
}

@media only screen and (max-width: 1650px) {
  
header
{
  max-width: 100%;
}
header .container-fluid 
{
  max-width: 95%;
}
.chooseList ul li
{
  width: 25%;
  padding: 20px 20px 20px 20px;
}
.chooseList ul li:nth-child(1), .chooseList ul li:nth-child(5) {
  padding: 20px 20px 20px 0;
}
.chooseList ul li:nth-child(4) {
  padding: 20px 20px 20px 20px;
}
 .skillBox {
    padding: 20px 10px 20px;
  }
  .skillBox p
  {
    font-size: 16px;
  }
  .durcText p
  {
    font-size: 16px;
  }
  .durcText h5
  {
    font-size: 22px;
  }
  .tabBtn
  {
    padding: 20px 23px;
  }
  .boxes
  {
    padding: 40px 20px;
  }
  .alumniDec p {
    font-size: 18px;
    line-height: 150%;
    margin: 0 0 0px 0;
 }
 .dates h4 {
    font-size: 24px;
  }
  .dates:hover {
     padding: 20px 20px;
  }
  .camp-2
  {
    top: 64px;
  }
  .camp-1
  {
    top: 144px;
  }
  .camp-3
  {
    right: 3%;
  }
  .camp-4 {
   width: 300px;
  }
   .ldFull {
     width: 400px;
  }
  .form
  {
    max-width: 350px;
  }
  .ladyPic img
  {
    transform: translateY(400px);
  }
    .programmeSection
  {
    margin-top: -10px;
  }
  .bannerNext {
    padding: 100px 0 50px 0;
    background: #0b1725;
  }

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

  .timeBox span
  {
    font-size: 30px;
  }
  .tp-right-1
  {
    padding: 10px 10px 0 0;
  }
  .top-right
  {
    margin: 7px 0 0 0;
  }
  .timeBox
  {
    padding: 1px 5px 4px;
  }
  .countdown {
    gap: 5px;
  }
  .prog
  {
    padding: 0px 10px 30px;
  }
  .list1
  {
    font-size: 15px;
  }
  .listm
  {
    gap: 10px;
  }
  .newageSection
  {
    padding: 50px 0 0;
  }
  .dates p {
    font-size: 16px;
    max-width: 100%;
  }
   .dates h4 {
    font-size: 22px;
  }
  .dates h5 {
    font-size: 16px;
  }
  .faqPic {
    margin: 100px 0 0 0;
  }
  .faqLeft {
    width: 67%;
  }
  .accordion .itemm.active .content {
    padding: 10px 12px;
  }
  .accordion .headerr h4 {
    font-size: 18px;
  }
  .campLine img {
    margin-top: 40px;
  }
  .camp-1 {
    top: 188px;
  }
  .camp-2 {
    top: 115px;
  }
  .campText h4 {
    font-size: 32px;
  }
   .camp-3 {
    right: 0;
    top: 150px;
  }
   .camp-4 {
    width: 268px;
    top: -12px;
  }
  .ldLeft
  {
    left: 46px;
    top: 57px;
  }
  .bannerText {
    width: 100%;
    max-width:370px;
    margin: 85px 0 0 0;
  }
  .lastDate
  {
    font-size: 16px;
    margin: 0 0 9px 0;
  }
  .bannerText h4 span
  {
    font-size: 16px;
  }
  .galleryBottom {
    height: auto;
  }
  .aplBtn a
  {
    padding: 20px 24px;
    font-size: 18px;
  }


}

@media only screen and (max-width: 1350px) {
  .camp-2 {
    top: 82px;
  }
  .camp-1 {
    top: 158px;
    left: 50px;
  }
  .camp-3 {
    top: 166px;
  }

  .ldRight
  {
    right: 37px;
    top: 57px;
  }
  .arcPic {
  margin-top: -98px;
}
.ft-1 img
{
  max-width: 200px;
}
footer p {
  font-size: 16px;
}
.ft-2, .ft-3, .ft-4
{
  min-width: 200px;
}
footer h4
{
  margin:0 0 10px 0;
}
.ftFlex
{
  gap: 20px;
}
.aplBtn a
  {
    padding: 20px 15px;
    font-size: 16px;
  }

}

@media only screen and (max-width: 1200px) {
 .form {
    right: 0;
    max-width: 400px;
    position: relative;
    top: 0;
    margin: 20px auto;
    background: rgba(0, 0, 0 , 0.7);
  }
  .tp-right-1
  {
    display: none;
  }
  .chooseList h4
  {
    font-size: 32px;
  }
  .chooseList p
  {
    font-size: 16px;
    max-width: 100%;
  }
  .skillBox p {
    font-size: 15px;
  }
  .tabBtn {
    padding: 20px 18px;
    font-size: 18px;
  }
  .durcText {
    padding: 10px 20px 0 10px;
  }
  .skillBox h5
  {
    font-size: 18px;
  }
  .boxes h3
  {
    font-size: 30px;
  }
  .durcText h5 span
  {
    font-size: 16px;
    max-width: 200px;
    display: table;
  }
  .boxes {
    padding: 30px 20px 10px;
  }
  .alumniDec h5
  {
    margin: 0 0 10px 0;
  }
  .alumniDec p {
    font-size: 16px;
  }
  .datesSection
  {
    border-radius: 30px 30px 0 0;
  }
  .dates h4 {
    font-size: 18px;
  }
   .dates h5 {
    font-size: 15px;
  }
   .dates p {
    font-size: 15px;
  }
  .dates
  {
    min-height: 250px;
  }
  .lifeSl {
    padding: 20px 0 10px 0;
  }
  footer p {
   font-size: 16px;
  }
  .workBg {
    margin-top: -130px;
  }
  .camp-2 {
    top: 47px;
    left: 32%;
  }
  .ladyPic
  {
    margin: 0px 0 0 auto;
  }
   .ladyPic img {
    transform: translateY(450px);
  }
  .ldFull
  {
    right: 0;
    left: initial;
    width: 600px;
  }
   .ldRight {
    right: 50px;
    top: 57px;
  }
  .galleryBottom
  {
    height: auto;
    padding: 40px 0 0px;
  }
  .arcPic img {
    max-width: 80%;
    height: auto;
  }
  .ldFull.dc
  {
    display: none;
  }
  .ldFull.mb
  {
    display: block;
    top: 0;
    position: relative;
    width: 350px;
    margin: 20px 0 0 0;
  }
  .ldRight {
    width: 120px;
    float: right;
  }
  .ldLeft {
    width: 121px;
    float: left;
  }

}

@media only screen and (max-width: 991px) {
  .top-middle img 
  {
     margin-left: -56px;
  }
  .vTab {
    flex-wrap: wrap;
    overflow: initial;
  }
  .links {
    width: 100%;
    display: flex;
    min-height: auto;
    flex-direction: inherit;
    background-size: cover;
  }

  .dctb
  {
    display: none;
  }
  .mbtb
  {
    display: block;
  }
  .tabBtn
  {
    text-align: center;
    margin: 0 0 0px 0;
    min-height: auto;
  }
  .boxes {
    padding: 30px 20px 130px;
    width: 100%;
    flex: auto;
  }
  .newageSection
  {
    background: url(../images/tab-bg.webp) no-repeat;
    background-size: cover;
  }
  .dctab { display:none; }
  .mbtab { display:block; margin: 0px auto;}
  .vtabPic img.active {
     display: block;
     position: relative;
  }
  .ageTab {
    padding: 0px 0;
    box-shadow: 0px 0px 0px 0px #00000040;
    margin: 40px 0 0px;
  }
  .alumniDec h4
  {
    font-size: 28px;
  }
  .alumniDec h5
  {
    font-size: 16px;
  }
  .alumniDec
  {
    width: 65%;
  }
  .alumniSl .owl-theme .owl-nav
  {
    margin-top: 0;
  }
  .heading h2
  {
    font-size: 32px;
  }
  .coma
  {
    max-width: 72px;
  }
  .process h4
  {
    font-size: 22px;
  }
  .process ul li, .process p
  {
    font-size: 16px;
  }
  .datesFull
  {
    flex-wrap: wrap;
    border-width: 1px 0 0px 1px;
    max-width: 95%;
    margin: 0px auto 30px;
  }
  .dates {
   width: 33.33%;
   border-bottom: 1px solid #D9D9D933;
  }
  .faqLeft {
    width: 100%;
  }
  .faqPic {
    margin: 40px auto 0;
    width: 340px;
  }
  .faqSection
  {
    padding: 40px 0 0;
  }
  .ftFlex
  {
    flex-wrap: wrap;
    gap: 20px;
  }
  .ft-1
  {
    width: 100%;
    text-align: center;
  }
  .ft-2, .ft-3, .ft-4 {
    width: 31%;
  }
  .workBg {
    margin-top: -70px;
  }
  .camp-1 {
    top: 133px;
    left: 0;
  }
  .camp-2 {
    top: 29px;
    left: 26%;
  }
  .mbtab
  {
    display: block;
    margin-top: -21px;
  }
  .ldFull
  {
    width: 500px;
  }
  .ladyPic {
    max-width: 500px;
  }
  .banPic img {
    width: 100%;
    height: auto;
    margin-top: -209px;
  }
  .banner
  {
    min-height: 811px;
  }
  .bannerNextInner
  {
    top: 0;
    padding: 0 20px;
  }
   .ladyPic img {
    transform: translateY(350px);
  }
  .programmeSection
  {
    margin-top: 0;
    padding: 50px 0 40px;
  }
  .bannerNext
  {
    background: #081321;
    padding: 100px 0 100px 0;
  }
   .galleryBottom {
    height: 400px;
  }
  .gallerySection
  {
    padding: 40px 0 300px;
  }
   .arcPic {
    margin-top: 0;
  }

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

 .camp-2 {
    top: 0;
    left: 18%;
  }
  .camp-3 {
    top: 145px;
  }
   .ldFull {
    width: 427px;
  }
.bannerText
{
  max-width: 340px;
}
.bnInner
{
  margin: 0px 0 0 7px;
}
.ldFull.mb
{
  width: 100%;
  margin: 38px 0 0 0;
  overflow: hidden;
}

}
@media only screen and (max-width: 767px) {
header .top-right
{
  display: none;
}
.top-middle {
  width: auto;
  margin: 0px 0 0 0;
}
.top-left {
  width: auto;
}
 .top-middle img {
    margin-left: 0;
    max-width: 82%;
 }
 .top-flex
 {
   gap: 20px;
 }
 .heading h2
 {
  font-size: 28px;
  line-height: 150%;
 }
 .heading p
 {
  font-size: 15px;
 }
 .apply {
  width: 100%;
  right: 0;
  top: inherit;
  transform: rotate(0deg);
  bottom: 0;
}
.apply a
{
  display: block;
  text-align: center;
  background: #23376ECC;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}
.heading h5
{
  font-size: 18px;
  line-height: 130%;
}
.chooseList
{
  overflow-x: auto;
}
.chooseList ul
{
  width: 800px;
}
.chooseList ul li:nth-child(1), .chooseList ul li:nth-child(5) {
  padding: 10px 10px 10px 0;
}
.chooseList h4
{
  font-size: 32px;
}
.chooseList p
{
  font-size: 15px;
}
.chooseList ul li {
  width: 24%;
  padding: 10px 10px 10px 10px;
  min-height: 137px;
}
.newageSection {
  padding: 40px 0 0;
}
.progSlider {
  margin: 30px 0 30px 0;
}
.programmeSection
{
  padding: 30px 0 30px;
  margin-top: 0px;
}
.prog
{
  min-height: 300px;
}
 .listm {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }
 .alumniDec {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .alumniPic {
    width: 50%;
    height: auto;
  }
.alumniSl .owl-theme .owl-nav {
    margin-top: 20px;
    float: left;
  }
.alumniSl {
  padding: 40px 0 120px;
}
.procedure
{
  flex-wrap: wrap;
  gap: 20px;
}
.cnt
{
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  font-size: 16px;
}
.process {
  width: 100%;
  height: auto;
  padding: 0 0px 0 60px;
  position: relative;
}
.procedure::after
{
  width: 3px;
  height: 0;
  border-left: 0px solid #ccc;
  left: 18px;
}
.procedure.lineOn::after
{
  width: 3px;
  height: 70%;
}
.process h4
{
  margin: 0 0 10px 0;
}
.dates
{
  padding: 10px;
}
.dates:hover {
  padding: 10px 10px;
}
 .accordion .headerr h4 {
    font-size: 16px;
 }
 .accordion .headerr {
  padding: 10px 50px 10px 10px;
  min-height: 58px;
}
.accordion .icon
{
  right: 7px;
  top: 13px;
  position: absolute;
}
 .accordion .itemm.active .content p {
    font-size: 14px;
  }
.ft-1 img
{
  max-width: 250px;
}
 .ft-2, .ft-3, .ft-4 {
    width: 100%;
    text-align: left;
    position: relative;
    padding: 0 0 0 90px;
  }
.ftIcon
{
  width: 70px;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}
footer h4 {
  margin: 0 0 10px 0;
}
.last-footer
{
  font-size: 15px;
  margin: 0 0 50px 0;
}
.campLine, .campFull
{
  display: none;
}
.campSl
{
  display: block;
  margin: 0 0 40px;
}
.campusSection
{
  padding: 30px 0 0;
}
.workSection
{
  padding: 20px 0 0;
}
.forDc
{
  display: none;
}
.ForMb
{
  display: block;
  margin: 0px auto;
}
  .banner {
    background-size: 140%;
    background-position: 0 550px;
    padding: 130px 0 0px 0;
    min-height: 950px;
  }
 .bannerNext {
    padding: 100px 0 50px 0;
  }
  .bannerText {
    max-width: 400px;
    margin: 0px auto;
  }
  .ladyPic {
    margin: 0px auto 0;
    max-width: 457px;
  }
  .arw
  {
    top: 875px;
  }
 .ldFull {
    width: 100%;
    top: 50%;
  }
  .galleryPic
  {
    display: none;
  }
  .gallerySl
  {
    display: block;
  }
  .gallerySection {
    padding: 40px 0 150px;
  }
  .galleryBottom
  {
    z-index: 99;
    height: 250px;
  }
  .arcPic img {
    max-width: 100%;
    height: auto;
  }
  .arcPic {
    margin-top: -50px;
  }
  .thankyou {
    padding: 40px 15px 30px;
  }
  .thankyou h1 
  {
    font-size: 30px;
  }
  .thankyou h4 
  {
    font-size: 20px;
  }
  .ldFull.mb {
    width: 150%;
    margin: 38px 0 0 -25%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 570px) {

.skillBox {
  width: 47%;
}
.durc {
  width: 100%;
}
.durcText {
    padding: 0px 20px 5px 10px;
    max-width: 72%;
}
.durcText h5 {
    font-size: 18px;
}
.dur3Inner {
  font-size: 16px;
  max-width: 100%;
}
.dur3 {
  gap: 10px;
}
 .list1 {
    font-size: 13px;
    padding: 10px 17px;
    max-width: 150px;
  }
 .boxes h3 {
    font-size: 20px;
  }
  .skillBox h5 {
    font-size: 16px;
  }
.skillBox p {
    font-size: 14px;
  }
  .alumniPic {
    width: 71%;
  }
  .coma {
    max-width: 68px;
  }
  .process ul li, .process p {
    font-size: 15px;
    margin: 0 0 5px 0;
  }
 .dates h4 {
    font-size: 16px;
  }
  .dates h5, .dates p {
    font-size: 14px;
    word-wrap: break-word;
  }
   footer p {
    font-size: 14px;
  }
  .logos, .logos1 {
    width: 190px;
    height: 100px;
  }
  .logos img, .logos1 img {
    max-width: 130px;
    max-height: 60px;
  }
  .alumniSection {
    width: 100%;
    height: auto;
    padding: 30px 0 40px;
  }
  .bannerNext {
    padding: 53px 0 200px 0;
  }
   .bannerText {
    max-width: 320px;
  }
   .ladyPic {
    max-width: 400px;
  }
  .ldLeft {
    width: 120px;
    left: 20px;
  }
  .ldRight
  {
    width: 120px;
    right: 20px;
  }
  .ldFull {
    top: 55%;
  }
  .banner  
  {
    background: #172D68 url(../images/banner-mob.webp) no-repeat;
    background-position: 0 200px;
    min-height: 940px;
    background-size: 100%
  }
  .arcPic {
    margin-top: -20px;
  }
  .form
  {
    margin: 0px auto;
  }
  .galleryBottom {
    height: auto;
  }
  .gallerySection {
    padding: 40px 0 120px;
  }
   .faqSection {
    padding: 0px 0 0;
  }
  .galFl
  {
    gap: 10px;
   }
   .gallerySection .heading h2 span {
      display: initial;
  }
   .arw {
    top: 736px;
  }
  .bnInner {
    margin: 0px 0 0 0;
  }
   .lastDate {
    font-size: 14px;
    margin: 0 0 7px 0;
  }
  .bannerText h4 span {
    font-size: 14px;
  }
    .ldFull.mb {
    width: 100%;
    margin: 38px 0 0 0%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 500px) {

}


@media only screen and (max-width: 390px) {
 .boxes {
    padding: 30px 10px 30px;
  }
  .skill
  {
    gap: 10px;
  }
  .alumniPic {
    width: 100%;
  }
   .coma {
    max-width: 40px;
    top: 4px;
  }
   .heading h2 {
    font-size: 24px;
  }
  .alumniSection .heading h2 {
    margin: 0 0 20px 0;
  }
  .arw {
    top: 750px;
  }
  .banner  
  {
    background-position: 0 220px;
  }
   .lastDate {
    font-size: 14px;
    margin: 0 0 7px 0;
  }
   .bannerText h4 span {
    font-size: 14px;
  }
  .bnInner {
    margin: 0px 0 0 0px;
  }
  .procedure.lineOn::after {
    height: 66%;
  }


}