@media screen and (max-width:1750px) {
    .container {
        width: 100%;
        max-width: 1420px;
        margin: auto
    }

    .featureBox p,
    .leftHeading p,
    .vt-tab {
        font-size: 20px
    }

    .AboutUsInfo h2,
    .leftInformation span,
    .textAlignright .ApplyNowbtn {
        font-size: 26px
    }

    .mainHeading span {
        font-size: 52px
    }

    .snapDetails p {
        font-size: 38px
    }

    .bannerContent {
        background: url(../images/banner/bannerBoy.webp) 60% center no-repeat;
        padding-top: 90px
    }

    .gapSet {
        background: linear-gradient(1deg, #4a626a 30%, #27444d 100%);
        padding: 28px 0;
        border: none
    }

    .aboutLeftmenu {
        gap: 30px
    }

    .aboutusDetails {
        max-width: 750px;
        font-size: 18px
    }

    .aboutUsset {
        gap: 30px;
        padding: 44px 0 44px 45px
    }

    .features {
        background: url(../images/feature/featureBackground.webp) left no-repeat
    }

    .featureBox {
        padding: 15px 20px
    }

    .featureAlign {
        padding: 40px 0 283px
    }

    .careerHeading1,
    .headingSet {
        font-size: 42px
    }

    .widthSet {
        max-width: 500px
    }

    .paddingAlign {
        padding: 30px 40px;
        width: 100%
    }

    .imageAlign,
    .imageAlign img {
        width: 100%
    }

    .cardHeading span {
        font-size: 24px
    }

    .careerCard p {
        font-size: 18px;
        margin-top: 30px
    }

    .numberAlign {
        height: 7.5rem;
        margin-top: 15px
    }

    .associationlogoSet {
        gap: 25px
    }

    .centerHeading p,
    .processDetails h4,
    .stories h2 {
        font-size: 28px
    }

    .lifeAlign p,
    .processDetails p {
        font-size: 18px
    }

    .processCard,
    .storiesCard {
        padding: 20px
    }

    .AdmissionSet {
        padding: 60px
    }

    .managementtextAlign h3,
    .managementtextAlign span {
        font-size: 48px
    }

    .centerAlign .leftInformation .rightBorderset {
        width: 230px
    }

    .circle img {
        max-width: 100px;
        max-height: 100px
    }

    .featureBox {
        width: 100%;
        max-width: 300px
    }
}

@media screen and (max-width:1450px) {
    .container {
        width: 100%;
        max-width: 1220px;
        margin: auto
    }

    .featureBox {
        width: 100%;
        max-width: 250px
    }

    .circle img {
        max-width: 100px;
        max-height: 100px
    }

    .leftInformation {
        padding-bottom: 215px
    }

    .bannerContent {
        background: url(../images/banner/bannerBoy.webp) 70% center no-repeat
    }

    .associationlogoSet img {
        width: 12%
    }

    .paddingAlign {
        padding: 30px 40px
    }

    .sportManagementAlign p {
        max-width: 640px
    }

    .careerHeading1,
    .center-title,
    .headingSet,
    .mainHeading span {
        font-size: 38px
    }

    .leftHeading {
        margin-top: 20px;
        padding: 15px 25px 15px 15px
    }

    .leftHeading p {
        font-size: 18px
    }

    .AboutUsInfo h2,
    .leftInformation span,
    .textAlignright .ApplyNowbtn {
        font-size: 24px
    }

    .snapDetails p {
        font-size: 34px
    }

    .aboutUsset {
        margin-left: 65px
    }

    .aboutusDetails {
        max-width: 650px;
        font-size: 16px
    }

    .featureBox p {
        font-size: 16px
    }

    .AdmissionSet {
        background: url(../images/admissionProcess/process.webp) 80% center no-repeat
    }

    .careerCard {
        padding: 15px 15px 40px
    }

    .cardHeading span {
        font-size: 20px
    }

    .AdmissionProcess {
        padding: 50px 0 60px
    }

    .recruiters {
        padding-top: 50px
    }

    .processCard {
        padding: 15px
    }
}

@media screen and (max-width:1250px) {
    .container {
        width: 100%;
        max-width: 1030px;
        margin: auto
    }

    .featureBox {
        width: 100%;
        max-width: 215px
    }

    .processDetails h4 {
        font-size: 26px
    }

    .circle img {
        max-width: 80px;
        max-height: 80px
    }

    .bannerContent {
        background: url(../images/banner/bannerBoy.webp) 100% center no-repeat
    }

    .aboutUsset {
        margin-left: 50px;
        padding: 25px;
        gap: 25px
    }

    .aboutLeftmenu,
    .processSet {
        gap: 20px
    }

    .aboutusDetails {
        max-width: 520px
    }

    .AboutUsInfo h2 {
        font-size: 20px
    }

    .AboutUsInfo h4 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .featureBox p {
        font-size: 14px
    }

    .widthSet {
        max-width: 350px
    }

    .careerHeading1,
    .headingSet {
        font-size: 34px
    }

    .vt-tab {
        font-size: 17px
    }

    .paddingAlign {
        padding: 30px 20px
    }

    .sportManagementAlign p {
        font-size: 18px
    }

    .cardHeading span {
        font-size: 22px
    }

    .associationlogoSet img {
        width: 11.2%
    }

    .AdmissionSet {
        padding: 40px
    }

    .processCard .block {
        display: inline
    }

    .processCard {
        height: 15rem;
        padding: 15px
    }

    .AdmissionProcess .imageAlign img {
        margin-bottom: 25px
    }

    .lifeAlign p {
        font-size: 16px;
        max-width: 500px
    }

    .managementtextAlign h3 {
        font-size: 42px
    }

    .centerAlign .leftInformation .rightBorderset {
        width: 200px
    }

    .copyRightalign p,
    .processDetails p {
        font-size: 16px
    }

    .paddingAlign h3 {
        font-size: 24px
    }

    .life .owl-carousel .owl-item {
        margin-top: 80px;
        height: 300px
    }

    .life .owl-carousel .item.last-visible {
        height: 300px
    }

    .life .owl-next img,
    .life .owl-prev img,
    .stories .owl-next img,
    .stories .owl-prev img {
        width: 80%
    }

    .center-title {
        font-size: 28px
    }
}

@media screen and (max-width:1050px) {
    .container {
        width: 100%;
        max-width: 95%;
        margin: auto
    }

    .AboutUsInfo h2,
    .leftHeading p,
    .paddingAlign h5 {
        font-size: 18px
    }

    .leftInformation .mainHeading span {
        font-size: 34px
    }

    .leftInformation span,
    .paddingAlign h3 {
        font-size: 22px
    }

    .snapDetails p {
        font-size: 30px
    }

    .bannerContent {
        background: url(../images/banner/bannerBoy.webp) 100% center/55% 100% no-repeat
    }

    .leftInformation {
        padding-bottom: 115px
    }

    .aboutUsset {
        margin-left: 35px
    }

    .aboutusDetails {
        font-size: 14px
    }

    .featureBox,
    .vt-tabs img {
        padding: 10px
    }

    .featureBox p {
        padding-top: 10px
    }

    .sportManagementAlign p {
        font-size: 16px;
        max-width: 540px
    }

    .widthSet {
        max-width: 300px
    }

    .AdmissionSet {
        padding: 25px;
        background: url(../images/admissionProcess/process.webp) 80% center no-repeat
    }
}

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

    .featureBox,
    .sportManagementAlign p,
    .widthSet {
        max-width: 100%
    }

    .associationheadingSet::after,
    .bannerContent {
        background: 0 0
    }

    .leftHeading p {
        font-size: 28px
    }

    .leftInformation span {
        font-size: 32px
    }

    .leftInformation .mainHeading span {
        font-size: 58px
    }

    .snapDetails p {
        font-size: 34px
    }

    .mainHeading {
        margin-left: 100px
    }

    .leftInformation {
        padding-bottom: 330px;
        position: relative
    }

    .bannerBoy {
        position: absolute;
        bottom: 1px;
        width: 45%;
        height: 75%
    }

    .leftMenu .textAlignright {
        text-align: end;
        margin-top: 70px;
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .textAlignright .ApplyNowbtn {
        font-size: 24px;
        width: 100%
    }

    .textAlignright .ApplyNowbtn p::after,
    .textAlignright .ApplyNowbtn p::before {
        width: 80px;
        height: 30px
    }

    .aboutUsset {
        flex-direction: column;
        width: 90%;
        margin: auto
    }

    .AboutUsInfo h4 {
        font-size: 24px
    }

    .AboutUsInfo h2 {
        font-size: 26px
    }

    .aboutusDetails,
    .lifeAlign p {
        font-size: 16px;
        max-width: 100%
    }

    .featureAlign {
        display: block;
        padding: 20px 0 60px
    }

    .d-desk {
        display: none
    }

    .d-mob {
        display: block
    }

    .features .owl-carousel .owl-item img {
        width: auto;
        margin: auto
    }

    .featureBox {
        width: 95%;
        margin-top: 20px
    }

    .customWidth,
    .widthSet {
        width: 100%
    }

    .features {
        background: #24373d
    }

    .sportManagementAlign {
        flex-direction: column;
        gap: 20px
    }

    .vertical-tabs,
    .vt-panel {
        flex-direction: column
    }

    .widthSet {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .vt-tabs {
        display: flex;
        flex-direction: row;
        padding-bottom: 20px
    }

    .vt-tab {
        flex: 1 0 auto;
        cursor: pointer;
        transition: background .3s
    }

    .vt-tab.active {
        gap: 0
    }

    .vt-panels {
        border-radius: 20px
    }

    .associationheadingSet {
        margin-bottom: 30px
    }

    .associationlogoSet .item img {
        width: 100px;
        height: auto;
        margin-right: 20px
    }

    .associationheadingSet .block {
        display: inline
    }

    .rightTextalign {
        text-align: end;
        margin-right: 75px;
        margin-top: -34px
    }

    .association {
        padding: 60px 0 0
    }

    .alignOrbit {
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .alignOrbit .row {
        display: flex;
        justify-content: center;
        gap: 20px
    }

    .alignOrbit img {
        width: 140px;
        height: auto
    }

    .centerbox {
        padding: 40px;
        font-weight: 500;
        font-size: 24px;
        line-height: 135%;
        letter-spacing: 0;
        text-align: center
    }

    .AdmissionSet {
        background: url(../images/admissionProcess/processmob.webp) center/cover no-repeat
    }

    .processSet {
        display: block;
        margin-top: 182px
    }

    .life .owl-carousel .item.last-visible {
        height: 250px
    }

    .copyRightalign {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px
    }

    .lifeAlign {
        display: inline-block;
        position: relative;
        top: 0
    }

    .life .owl-carousel .owl-item {
        margin-top: 0;
        height: 270px
    }

    .life {
        padding: 10px 40px
    }

    .leftHeading {
        margin-top: 0
    }

    .TopRecruitersHeading {
        position: relative;
        max-width: 75%
    }

    .subHeading {
        display: inline-block;
        width: 100%
    }
}

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

    .careerAlignment,
    .paddingAlign h3 {
        margin-bottom: 20px
    }

    .fixedApplyBtn {
        top: auto;
        bottom: 15px;
        right: 0px;
        left: auto;
        width: 100% !important;
        font-size: 14px;
        padding: 10px 20px;
        max-width: 100%;
    }

    .ApplyNowbtn {
        font-size: 16px;
        padding: 15px;
        width: 45%
    }

    .processCard {
        padding: 15px 25px
    }

    .paddingAlignment {
        width: 95%
    }

    .centerHeading p,
    .leftHeading p {
        font-size: 20px
    }

    .leftInformation .mainHeading span {
        font-size: 34px
    }

    .leftInformation span {
        font-size: 26px
    }

    .snapDetails p {
        font-size: 30px
    }

    .bannerContent {
        padding-top: 55px
    }

    .AboutUsInfo h2 {
        font-size: 24px
    }

    .sportManagement {
        padding-top: 40px
    }

    .careerAlignment {
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .careerHeading {
        padding: 0 10px;
        border: none
    }

    .careerHeading::after,
    .processAlign .ApplyNowbtn {
        display: none
    }

    .AdmissionSet {
        padding: 45px 25px
    }

    .AdmissionProcess {
        padding: 80px 0 60px
    }

    .life .ApplyNowbtn {
        width: 100%;
        margin-top: 15px
    }

    .life {
        position: relative;
        padding: 10px 40px
    }

    .centerAlign .underLineleft,
    .centerAlign .underLineright {
        margin-top: 10px
    }

    .centerAlign .leftInformation span {
        padding-left: 35px
    }

    .subHeading {
        display: inline-block;
        width: 100%
    }

    .centerAlign .leftInformation .leftBorderset {
        margin-right: 28px
    }

    .centerAlign .rightBorderset {
        width: 50px;
        margin-top: 9px
    }

    .centerAlign .leftInformation .rightBorderset {
        width: 160px
    }

    .managementtextAlign h3 {
        font-size: 28px
    }

    .AboutUsInfo {
        margin-right: auto
    }

    .alignOrbit img {
        width: 120px
    }

    .life .owl-carousel .owl-item {
        margin-top: 30px
    }

    .stories {
        padding: 60px 0 40px
    }

    header {
        padding-top: 15px
    }

    .career {
        padding: 50px 0
    }

    .leadership {
        padding: 40px 0 50px
    }

    .vt-tab {
        padding: 0 14px
    }
}

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

    .headingSet,
    .leftInformation .mainHeading .snapDetails span,
    .snapDetails p {
        font-size: 28px
    }

    .bannerContent .leftInformation,
    .life,
    .snapDetails p {
        position: relative
    }

    .paddingAlignment {
        width: 90%
    }

    .leftHeading {
        padding: 10px 15px 10px 30px
    }

    .leftInformation {
        padding-top: 15px
    }

    .underlineAlign .d-mob {
        text-align: end
    }

    .underlineAlign>div:first-child {
        width: 60%;
        display: flex;
        justify-content: flex-end;
        margin-top: 13px
    }

    .d-mob1 {
        display: block
    }

    .mainHeading {
        width: 349px;
        margin-left: 0;
        margin-top: 15px
    }

    .centerAlign .underLineleft,
    .centerAlign .underLineright,
    .featureBox {
        margin-top: 10px
    }

    .leftInformation .leftBorderset {
        width: 140px;
        border-bottom-width: 3px
    }

    .leftInformation span {
        font-size: 18px
    }

    .leftInformation .rightBorderset {
        width: 300px;
        margin-right: 0;
        margin-bottom: 10px
    }

    .displaysetAlign {
        gap: 0
    }

    .centerAlign .leftInformation span {
        padding-left: 10px;
        font-size: 22px
    }

    .centerAlign .leftInformation .leftBorderset,
    .leftInformation .leftBorderset {
        margin-right: 0
    }

    .leftInformation>.leftBorderset:first-child {
        width: 41px
    }

    .bannerContent .leftInformation::before {
        content: "";
        position: absolute;
        top: 50px;
        left: 0;
        border-top: 2px solid #fff;
        width: 175px
    }

    .snapDetails p:before {
        content: "";
        position: absolute;
        top: -10px;
        right: 0;
        border-top: 2px solid #fff;
        width: 42px
    }

    .centerAlign .rightBorderset {
        width: 50px;
        margin-top: 9px
    }

    .centerAlign .leftInformation .rightBorderset {
        width: 90px;
        display: block
    }

    .leftHeading {
        gap: 10px
    }

    .featureBox {
        padding: 25px 10px;
        width: 100%;
        max-width: 100%;
        height: 11rem
    }

    .copyRightalign p,
    .featureBox p {
        font-size: 12px
    }

    .AboutUsInfo h2,
    .leftHeading p {
        font-size: 16px
    }

    .bannerContent {
        padding-top: 30px
    }

    .mainHeading .marginSet {
        margin-left: 120px
    }

    .bannerBoy {
        width: 303px;
        bottom: -40px;
        height: auto;
        left: -15px
    }

    .associationheadingSet .block,
    .leftHeading .block {
        display: inline
    }

    .leftInformation .mainHeading span {
        font-size: 32px
    }

    .leftInformation .rightBorderset {
        display: none
    }

    .leftMenu .textAlignright {
        text-align: center
    }

    .ApplyNowbtn {
        font-size: 14px;
        padding: 15px 12px;
        width: 60%
    }

    .snapDetails span::after {
        top: 35px;
        right: -20px
    }

    .textAlignright .ApplyNowbtn {
        font-size: 18px;
        width: 100%
    }

    .aboutLeftmenu {
        flex-direction: row;
        gap: 10px
    }

    .aboutIconset img {
        width: 65px
    }

    .life .owl-carousel .item {
        height: 220px
    }

    .aboutUsset {
        width: 95%;
        padding: 15px;
        gap: 20px
    }

    .career {
        padding: 30px 0
    }

    .alignOrbit img {
        width: 70px;
        height: auto
    }

    .alignOrbit {
        gap: 20px
    }

    .AdmissionProcess {
        padding: 60px 0
    }

    .life {
        padding: 10px
    }

    .stories h2 {
        font-size: 25px;
        padding: 10px 15px
    }

    .leadership .centerHeading {
        gap: 10px;
        padding: 15px 10px
    }

    .centerHeading p {
        font-size: 13px
    }

    .managementtextAlign h3 {
        font-size: 22px
    }

    .leadership {
        padding: 50px 0
    }

    .life .owl-carousel .owl-item {
        margin-top: 30px
    }

    .associationlogoSet {
        padding: 25px 15px
    }
}

@media (max-width:992px) {
    .storiesCard h5 {
        font-size: 20px
    }

    .storiesCard p {
        font-size: 16px
    }
}

@media (max-width:768px) {
    .storiesCard {
        transform: scale(.9) rotate(0);
        padding: 20px 15px;
        opacity: 1;
        filter: none
    }

    .storiesSlider .owl-item.center .storiesCard {
        transform: scale(1)
    }

    .vertical-tabs {
        flex-direction: column
    }

    .vt-tabs {
        flex-direction: row;
        overflow-x: auto
    }

    .vt-tab {
        flex: 0 0 auto
    }
}

@media (max-width:576px) {
    .storiesSlider .owl-item {
        margin: 0
    }

    .storiesCard {
        padding: 15px
    }
}