@media (min-width: 1500px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1800px) {
  .container {
    max-width: 1440px;
  }
}

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

@media only screen and (max-width: 1600px) {
  h4 {
    font-size: 2.75rem;
  }

  .bannertext::before {
    transform: rotate(-8deg);
    bottom: 5rem;
  }

  .imgShort img {
    width: 290px;
  }

  footer::before {
    transform: rotate(-4deg);
    top: 2rem;
  }

  h2 {
    font-size: 3rem;
  }

  .innerBanner .bannertext::before {
    width: 52%;
  }

  .bannertext h1 {
    font-size: 3rem;
  }

  .mega-menu {
    width: 103vw;
    padding: 5rem 0 8.2rem 0;
    transform: translateX(-29.4%);
  }

  .programMega .mega-menu {
    left: -7rem;
  }
}

@media only screen and (max-width: 1440px) {
  html {
    font-size: 14px;
  }

  .campusSec .swiper-container {
    height: 370px;
  }

  .studentSec::after {
    bottom: -3rem;
  }

  .greySec figure {
    height: 715px;
  }

  .bannertext {
    padding: 0 6rem 7rem;
    height: 80vh;
  }

  .bannertext {
    padding: 0 6rem 2rem;
  }

  form.subForm {
    margin-bottom: 2rem;
  }

  .summarySec .futureBox {
    height: 380px;
  }

  .mega-menu {
    padding: 2rem 0 11.2rem 0;
  }

  .programMega .mega-menu {
    left: -11rem;
  }
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 13px;
  }

  .imgShort img {
    width: 260px;
  }

  .campusSec h2 {
    font-size: 8rem;
    margin-bottom: 1rem;
  }

  .studentSec {
    padding: 11rem 0;
    background-position: center left;
  }

  footer {
    clip-path: polygon(0 7%, 100% 0%, 100% 100%, 0% 100%);
  }

  footer::before {
    top: 0;
  }

  .innerBanner .bannertext::after {
    width: 61%;
  }

  .mega-menu {
    width: 103vw;
    transform: translateX(-28.4%);
    padding: 2rem 0 15.2rem 0;
  }

  .programMega .mega-menu {
    left: -8rem;
  }

  .schoolMega .mega-menu {
    transform: translateX(-42.4%);
  }
}

@media only screen and (max-width: 1199px) {
  html {
    font-size: 12px;
  }

  .main-header {
    padding: 10px 0;
  }

  .menuWrap .menu a {
    padding: 16px 10px;
  }

  .main-header {
    position: relative;
  }

  .menu-Bar {
    display: block;
    top: 50%;
    bottom: initial;
    transform: translateY(-50%);
  }

  .menuWrap.open {
    display: flex;
    left: 0px
  }

  .homeHeader #mobileToggle {
    color: #fff;
  }

  .menuWrap {
    position: fixed;
    left: -210%;
    right: 0;
    top: 0;
    /* bottom:0; */
    margin: auto;
    background: var(--theme-color);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    transition: all 0.4s ease;
    z-index: 3;
    width: 100vw
  }

  ul.menu li {
    display: block
  }

  ul.menu li a {
    margin-bottom: 10px;
    padding: 0;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    padding-right: 0px;
    margin-right: 0px;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize
  }

  .menuWrap .menu {
    display: block !important;
    margin: 0;
  }

  .menu li:hover a,
  .menu li.active a {
    background: var(--black);
  }

  .menu-Bar span {
    background: var(--white);
  }

  .menu li:hover>a,
  .menu li.active>a,
  .menu>li.menu-item-has-children>.sub-menu>li.current-menu-item>a {
    background: var(--black) !important;
  }

  .menu>li.menu-item-has-children>.sub-menu>li {
    background: transparent !important;
  }

  .headerBtn {
    margin: 0;
  }

  .bannertext {
    padding: 0 2rem 6rem;
    height: 60vh;
    min-height: 30rem;
  }

  .bannertext h1 {
    font-size: 2.75rem;
  }

  .whyContent {
    padding: 3rem 1rem 3rem 3rem;
  }

  .campusSec .swiper-container {
    height: 490px;
  }

  .futureBox {
    padding: 2rem;
    margin-top: 2rem;
  }

  .yearNum {
    margin-bottom: -7rem;
  }

  .yearNum .countHead h3 {
    font-size: 12rem;
  }

  .counterSec {
    padding-bottom: 2rem;
  }

  .studentSec {
    padding: 6rem 0;
  }

  .studentSec::after {
    bottom: -4rem;
    height: 90%;
  }

  .stuText {
    bottom: -7rem;
  }

  .studentSec::before {
    bottom: 3rem;
  }

  .studentSec::after {
    bottom: -2rem;
  }

  .greySec figure {
    height: auto;
  }

  .innerBanner .bannertext::after {
    display: none;
  }

  .innerBanner .bannertext::before {
    width: 100%;
    width: 1000px;
  }

  .abtSec h2 {
    font-size: 7rem;
  }

  .whyChooseInner .whyContent .whyChooseImg {
    width: 13rem;
    margin-top: -7rem;
    margin-left: 10rem;
  }

   br {
   display: block !important;
  } 

  .innerBanner .bannertext h1 {
    font-size: 2.25rem;
  }

  a.contactInfo {
    padding: 1rem;
  }

  .tabsPack {
    gap: 5px;
  }

  .tabsPack a {
    padding: 10px 10px;
  }

  .contactForm h2 {
    font-size: 8rem;
  }

  .campusInnerTwo::before {
    clip-path: none;
    height: auto;
  }
}

@media only screen and (max-width: 991px) {
  .menuWrap .menu a {
    padding: 8px 10px;
    margin-bottom: 6px;
  }

  /*.topBar {*/
  /*  display: none;*/
  /*}*/

/*.topBar ul li a {*/
/*    font-size: 1.25rem;*/
/*}*/

/*.topBar .chatUl {*/
/*           position: absolute;*/
/*        right: 1rem;*/
/*        bottom: 0;*/
/*}*/

.topBarLinks ul {
    gap: 1rem !important;
}
    .callLinks li a {
                font-size: 11px;
        display: flex
;
        align-items: baseline;
        gap: 5px;
    }
  .logo img {
    width: 16rem;
  }


  .bannertext::before {
    transform: rotate(-4deg);
    bottom: 3rem;
  }

  section {
    padding: 2rem 0;
  }

  .whyContent {
    margin: 0;
    padding: 2rem;
  }

  .campusSec .swiper-container {
    height: 390px;
  }

  .studentSec {
    clip-path: none;
    background: url(../images/bg/4.png) top center / cover no-repeat;
    background-attachment: fixed;
    background-attachment: scroll !important;
    padding: 2rem 0;
  }

  .studentSec::before,
  .studentSec::after {
    display: none;
  }

  .stuText {
    position: unset;
  }

  .stuText p {
    color: #fff;
  }

  .greySec {
    clip-path: none;
    padding: 2rem 0;
    margin: 0;
  }

  .greySec figure {
    clip-path: none;
    display: none;
  }

  .contactSec {
    padding: 2rem 0 !important;
    margin-top: 0;
  }

  footer {
    clip-path: none;
    margin: 0;
    padding-top: 8rem;
  }

  footer::before {
    transform: none;
  }

  .fisrtRowFooter a img {
    margin-bottom: 2rem;
  }

  footer p {
    text-align: center;
    margin: 1rem 0;
  }

  footer p .disclaimer {
    color: #ffffff70;
  }

  .copyRight ul {
    justify-content: center;
  }

  .subsSec {
    clip-path: none;
    padding: 3rem 0 !important;
    margin: 0;
  }

  .leaderSec {
    clip-path: none;
  }

  .yearOne {
    margin: 0 !important;
  }

  .counterInner .yearBox h3 {
    font-size: 1.25rem;
    margin: 1rem 0;
  }

  .animatedHead {
    font-size: 6rem;
  }

  .btn i {
    font-size: 2rem;
  }

  .tabsPack a {
    padding: 6px 1rem;
    font-size: 14px;
  }

  .schoolTabs {
    margin-bottom: 2rem;
  }

  .chooseBg.chooseInner {
    padding: 2rem;
  }

  .chooseInner .whyContent {
    display: none;
  }

  .whyChooseWhite {
    padding-bottom: 2rem;
  }

  .logoTabsSec .tabsPack {
    flex-direction: column;
  }
  .degreeBox {
    margin: 1rem 0;
}
*{
   background-attachment: unset !important;
}
}

@media only screen and (max-width: 767px) {
  .bannertext.bannerImg2 {
    display: none;
  }

  .greySColor {
    background: #f3f3f3;
    padding: 2rem 0;
  }

  .breadcrumb-text {
    font-size: 12px;
    color: #c2c2c2;
    font-weight: bold;
  }

  .breadcrumb-box {
    display: flex;
    align-items: center;
    text-align: left;
  }

  .faqSec h2 {
    font-size: 3rem;
    text-align: center;
  }

  .contactForm.applynow section {
    clip-path: none;
  }

  .contactForm.applynow section .contactLeadForm {
    clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0% 100%);
    padding: 3rem 0rem 3rem;
  }

  .bannertext::before {
    transform: rotate(354deg);
    background: var(--theme-color);
  }

  .campusSec .swiper-container {
    height: 300px;
  }

  .imgShort img {
    width: 230px;
  }

  .campusSec::before {
    height: 100%;
  }

  .campusSec h2 {
    font-size: 6rem;
  }

  .whyChooseSec figure img {
    height: auto;
  }

  .commitBox {
    height: auto !important;
  }

  .commitSec {
    padding-bottom: 4rem;
  }

  .title-bar {
    flex-direction: column;
    gap: 1rem 0;
  }

  .uniSec {
    padding: 2rem 1rem;
  }

  a.contactInfo {
    padding: 1rem;
    margin: 1rem 0;
  }

  .contactForm h2 {
    font-size: 5rem;
  }

  .contactForm section {
    clip-path: none;
    padding: 2rem 0;
  }

  .contactLeadForm {
    margin-bottom: 0;
    padding: 2rem;
  }

  .signBox {
    margin-bottom: 2rem;
  }

  .leaderSec ul li h3 {
    font-size: 1rem;
  }

  .leaderSec ul li p {
    font-size: 11px;
  }

  .campusInnerTwo {
    padding: 2rem 1rem;
    margin: 0;
  }

  .subForm button {
    width: 60%;
  }

  .payTwo .payBox {
    height: auto;
    margin: 0;

  }

  .schoolIcon li {
    flex: 0 0 48%;
  }

    ul.schoolIcon li img {
        width: 45px;
        height: 45px;
    }

  .schoolIcon li h6 {
    font-size: 1rem;
  }

  .admisionSec ul {
    flex-direction: column;
    gap: 0;
    margin-bottom: 2rem;
  }

  .whyInner ul li {
    flex: 100% !important;
  }

  .flexSec .table-container th {
    font-size: 18px;
  }

  .logoTabsSec h3 {
    font-size: 1.25rem;
  }

  .proFooter {
    columns: 1;
  }

  .thirdrow {
    padding: 0;
  }

  .acadmicCommitSec ul li {
    padding: 1rem 0;
  }

  .summarySec {
    clip-path: none;
  }

  .summarySec .row {
    clip-path: none;
  }

  .summarySec .futureBox {
    height: auto;
  }

  .faqSec {
    padding-bottom: 2rem;
  }

  .contactFaqImg {
    margin-bottom: 2rem;
  }

  .abtSec figure {
    margin-bottom: 2rem;
  }

  .admisionSec h2 br,
  .counterSec h2 br {
    display: block;
  }

  .whyWhite h2 span {
    display: block;
  }

  /* .subsSec p {
    margin: 0;
  } */

  .onlineSec {
    padding-bottom: 2rem;
  }

  .onlineSec .whyContent {
    padding: 2rem 1rem;
    margin: 0;
  }

  .onlineSec .row+.row {
    margin-top: 0;
  }

  .whyChooseSec.onlineSec.leadershp {
    margin-bottom: 2rem;
  }
  .Ovrview {
    margin-bottom: 3rem;
}
.degreeInner {
    padding-bottom: 2rem;
}
.commitContnt .themeBtn {
    display: block;
    text-align: center;
}
.terms-privacy br{
  display: block;
}

.flexSec h4 {
    font-size: 1.75rem;
    margin-top: 10px;
}
}

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

body{
   overflow-x: hidden;
}
.mouse-cursor{
    display:none;
}
  /* .dataTables_wrapper:after {
    margin-top: 2rem;
  }

  .dataTables_wrapper {
    overflow-x: scroll;
  } */

  .accordian li h4 {
    padding: 14px 42px 14px 14px;
  }

  .thirdrow {
    padding: 0px 0px 2rem;
  }

  .accordian h4::after {
    top: 10px;
    right: 20px;
  }

  .whyChooseSec figure {
    position: relative;
    z-index: 1;
    padding-top: 10px;
  }

  .bannertext {
    height: 65vh;
    clip-path: polygon(0 0, 100% 0%, 100% 92%, 0% 100%);
    min-height: 45rem;
  }

  .logo img {
    width: 12rem;
  }

  .abtSec h2 {
    font-size: 7rem;
    padding: 1rem 0 0;
  }

  h2 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 2rem;
  }

  .whyContent ul {
    gap: 1rem;
  }

  .whyContent ul li {
    flex: 0 0 48%;
  }

  .campusSec .swiper-container {
    height: auto;
  }

  .imgShort img {
    width: 120px;
  }

  .yearNum .countHead h3 {
    font-size: 10rem;
  }

  .yearNum {
    margin-bottom: 0;
  }

  .ruocSec {
    padding-top: 10rem;
    padding-bottom: 0;
  }

  .leadForm {
    padding: 1rem;
  }

  footer::before {
    height: 5rem;
    background: var(--theme-color);
  }

  footer h3 {
    margin-top: 2rem;
    font-size: 1.25rem;
  }

  footer ul li a {
    font-size: 12px;
  }

  .innerBanner .bannertext h1 {
    font-size: 2rem;
  }

  .signBox .userBox h3 span {
    font-size: 1.125rem;
  }

  .chooseBg {
    padding: 2rem;
    margin-top: 1rem;
  }

  .animatedHead {
    font-size: 3rem;
  }
  
  .innerBanner .bannertext {
    height: 65vh;
    min-height: 45rem;
    padding: 0 2rem;
}
.innerBanner {
        margin-bottom: 2rem;
        overflow: hidden;
        clip-path: polygon(0 0, 100% 0%, 100% 92%, 0% 100%);
    }
.innerBanner .bannertext::before {
    bottom: 1.75rem;
    transform: rotate(
354deg);
}

.main-header::after {
    width: 15rem;
  }

  .cstm [class^=box-] {
    margin-top: 1rem;
}
.payBox {
    margin-bottom: 1rem;
}
.leaderSec figure img {
    height: auto;
}
.ushecaGrey {
    padding: 2rem;
    margin-top: 2rem;
}
}