@charset "UTF-8"; 
@media only screen and (max-width: 2502px) and (min-width:1601px) {}

@media only screen and (max-width: 1600px) and (min-width:1200px) {
.pop-content .mySlides img {height:100%; width:100%; display:block; object-fit:contain; margin:auto;}
.img-conatiner {height:450px;}
#gallery .img-conatiner {height:450px;}
.pop-content .prev, .pop-content .next {left:15px;}
.pop-content .next {right:15px; left:auto;}
.bdr-left {padding:21px;}
.line-animate:after, .line-animate:before {height:80%;}
#patrons .line-animate:after, #patrons .line-animate:before {height:100%;}
#eumind .width-65 {width:100%;}
span.well>div {width:40px; padding:0 3px;}

.text {margin-top:15px;}
.legacy .text {padding-left:4rem;}
.overlap-img {border-radius:30px;}
.top-menu ul li a {font-size:20px; font-family: var(--heading-font-family); text-decoration: none; text-transform: uppercase;  }
  
.whitespace {width:6px;}
.animation-text .whitespace {width:15px;}
.top-menu ul li.hamburger-menu {font-size:36px;font-family: var(--heading-font-family); text-decoration: none; text-transform: uppercase; }
#home-page .banners>.slide:first-child .animation-text {font-size:50px; line-height:50px;}
.banners>.slide:first-child .title .bar {width:20px;}
.banners>.slide .animation-text {font-size:60px; line-height:63px;}
.banners>.slide:nth-child(2) p {font-size:17px !important;}
.school-img {height:70vh;}
.legacy .swiper {height:450px;}
.family-pic>div {height:326px; margin-bottom:2rem !important;}
.play-btn {right:0px; bottom:40px;}
.family-pic {padding-left:5rem;}
.year {font-size:100px; margin-bottom:100px}
.legacy .svg-bg {right:40px;}
.swiper-slide .row>div:last-child {justify-content:start !important; padding-left:8rem;}
.legacy .svg-bg svg {height:180mm; width:180mm;}
.legacy .swiper-button-next {right:90px;}
.legacy .swiper-button-prev {right:210px;}
.legacy .swiper-button-next div, .legacy .swiper-button-prev div {width:40px; height:40px;}
.legacy .swiper-button-next div:after {height:110px; transform:rotate(-45deg) translate(38px, 14px);}
.legacy .swiper-button-prev div:after {height:110px; transform:rotate(-45deg) translate(38px, -44px);}
#slider-5 .svg-bg {height:100%;}
#slider-5 .svg-bg embed {height:100%;}
.alumni-slider .mySwiper, .alumni-slider .swiper-wrapper, .alumni-slider .swiper-slide {height:410px !important;}
.alumni-slider {margin-top:2rem;}
.alumni-info {padding:90px 120px;}
.alumni-info h2 {font-size:35px; line-height:30px;}
.alumni-slider .swiper-slide:after {font-size:45px; height:55px; width:55px; bottom:0px; left:50px;}
.alumni-slider {margin-inline-end:-4.5rem;}
.alumni-slider .swiper-button-next, .alumni-slider .swiper-button-prev {width:60px; height:60px; right:260px;}
.alumni-slider .swiper-button-next div, .alumni-slider .swiper-rtl .swiper-button-prev div {width:20px; height:20px; border-top:2px solid #aadcee; border-left:2px solid #aadcee;}
.alumni-slider .swiper-button-next div:after, .alumni-slider .swiper-rtl .swiper-button-prev div:after {width:2px; height:30px; transform:rotate(-45deg) translate(10px, 3px);}
.overlap-img {width:390px; height:190px;}
.family-pic H6 {font-size:27px;}
.family-pic p {font-size:16px;}
#slider-3 .svg-bg {width:100%;}
#slider-3 .animation-text {margin-left:4.6rem;}
#slider-3 .svg-bg embed {width:100%;}
#slider-5 .text {margin-top:20px; margin-left:4rem;}
.banners .slide:nth-child(2)>.row {padding-bottom:0;}
.menu {height:70vh; overflow:auto; margin-top:25px;}
.testimonal .swiper-slide figure {height:100px; width:100px;}
.testimonal .swiper-slide-active figure {height:140px !important; width:140px !important;}
.stories .title {margin-left:9rem;}
.description svg {height:30px; width:30px;}
.description svg circle {cx:15; cy:15; r:12;}
.description {}
.storie-box {width:90%;}
.view-all-btn {margin-top:8px !important; margin-right:12rem;}
.all-stories-btn svg {height:50px; width:50px;}
.all-stories-btn svg circle {cx:25; cy:25; r:22;}
.banners>.slide .center-title .animation-text {font-size:100px; line-height:100px;}
.breadcrumb {font-size:15px;}
.headline .title-text {font-size:65px; line-height:62px;}
.left-panel h2 {font-size:28px; line-height:22px;}
.left-panel h2 span {font-size:19px; letter-spacing:.4px; line-height:14px;}
.menu-list ul li {font-size:15px;}
.sub-headline {font-size:40px; line-height:45px;}
.main-content {font-size:20px;}
.options ul li {font-size:16px;}
.thought p {font-size:32px; padding:15px 20px;}
.testimonal-title h5 {font-size:30px;}
.testimonal .swiper-slide p {margin:10px auto;}
.testimonal .btn {font-size:18px; margin-top:20px;}
.line-animate .text:before {}
.line-animate .text:after {}
#patrons .thought {margin:50px;}
.photo.w-60 {width:60%;}
.photo {width:75%;}
.tedphoto {width:50%;}
.members .info {padding:100px 120px; font-size:18px;}
.members .info p:after {padding-left:8px;}
.members h4 {font-size:28px;}
.photo .text {font-size:50px; line-height:50px;}
.photo .text svg {height:70px; width:70px;}
.photo .text svg circle {cx:35; cy:35; r:30;}
.left-panel .thought p {line-height:35px; padding:15px;}
.left-panel .thought p>span {font-size:16px;}
.left-panel .line-animate:after, .left-panel .line-animate:before {height:110px;}
.left-panel .line-animate:before {top:-30px;}
.line-animate p:after, .line-animate p:before {width:110px;}
.left-panel .line-animate:after {bottom:-30px;}
.left-panel .line-animate p:after {right:-30px;}
.left-panel .line-animate p:before {left:-30px;}
.thought .text:after, .thought .text:before {font-size:45px;}
.left-panel .line-animate .text:before {top:-35px; left:-25px;}
.left-panel .line-animate .text:after {bottom:-60px; right:-30px;}
.explor-more .photo {width:90%;}
.mng-trust .line-animate .text:after {}
#jns-pta .line-animate:before {}
#jns-pta .line-animate:after {}
#jns-pta .line-animate .text:after {}
#patrons .line-animate .text:after {}
.members .info {padding:96px 140px; font-size:15px; width:150%;}
.arrow1 i {font-size:25px;}
#inclusive .line-animate .text::after {}
#inclusive .line-animate .text::before {}
#inclusive .line-animate::after, #inclusive .line-animate::before {}
.thought p>span {font-size:18px;}
#life-center .line-animate .text:after {}
.pre .line-animate .text:after {}
.pre .line-animate:after, .pre .line-animate:before {}
.pre .line-animate:before {}
.pre .line-animate .text:before {}
.scndry .line-animate .text:before {top:-60px; left:-25px;}
.scndry .line-animate .text:after {bottom:-75px; right:-28px;}
.pre-school .txt-bl {font-size:25px;}
#eoto .line-animate .text:after {}
}

@media only screen and (max-width: 1400px) {
#slider-3 .animation-text {margin-left:4rem;}
.family-pic>div:before {left:-12px; bottom:-12px;}
.family-pic>div {height:280px;}
.legacy .swiper-button-prev {right:230px;}
.legacy .swiper-button-next {right:110px;}
.stories .title {margin-left:8.5rem;}
.legacy .text {padding-left:3rem;}
.legacy .svg-bg svg {height:150mm; width:150mm;}
.swiper-slide .row>div:last-child {padding-left:3rem;}
}

@media only screen and (min-width: 1410px) and (max-width:1450px) {
.legacy .svg-bg {right:0px;}
.slide video {height:100%; width:auto;}
}

@media only screen and (max-width: 1210px) {
.family-pic {padding-left:3rem;}
.year {font-size:95px;}
.gallary {height:70%;}
.view-all-btn {margin-top:13px !important;}
.stories .title {margin-left:9.5rem;}
}

@media only screen and (min-width: 1530px) and (max-width:1600px) {
.family-pic>div {height:345px;}
}

@media only screen and (max-width: 1024px) {
#jns-jnaa .pta-txt {font-size:18px;}
#patrons .photo, .mar-bot-edu {width:40%;}
#logo-anthem .left-panel .thought p {line-height:30px; padding:10px 10px;}
.photo.w-60.shadow {width:80% !important;}
.photo .text {font-size:22px;}
#patrons .thought {text-align:center; margin:60px auto;}
}

@media (min-width: 992px) {}

@media only screen and (max-width: 992px) {
.jns-gift {overflow-x:auto; margin-right:1rem}
.con-details .team-members>div:nth-child(2):after {height:0%;}
.mgn-2 {margin:1rem 0;}
.border-rig-mob {border-right:1px solid #89786e;}
.video {width:100%;}
.photo {width:90%;}
.photo.w-100 {width:90% !important;}
.photo.w-70 {width:85%;}
.box-content-2-jnaa {padding:0;}
.box-content-3-jnaa {padding:5px; word-break:break-all;}
.photo .text {font-size:25px; line-height:1; margin:0;}
#news-events .white-txt {width:75% !important;}
#news-events .img-conatiner {height:250px;}
#news-events .add-border>div {border-bottom:1px solid #938074;}
#news-events .white-txt {padding-top:10px; margin-top:0;}
#news-events .show-slider span {height:40px; width:40px;}
#gallery .add-border>div {border-bottom:1px solid #938074;}
#training-camps .main-content {font-size:15px;}
#preschool .pre-school-img {width:25% !important;}
#hs-school .w-50 {width:100% !important;}
.img-conatiner iframe {width:500px !important; height:300px !important;}
#gallery .nav-tabs .nav-link {line-height:1.3rem;}
.radiocontainer .check:after {top:5px; left:5px;}
.career-form .form-control {height:40px;}
.career-form .check {height:25px; width:25px;}
.career-form .explore-btn button {padding:13px 10px;}
.col-000 {padding:6px;}
#training-camps .border-right-2px {font-size:13px;}
#training-camps .w-80 {width:100% !important;}
.border-circle {width:130px; height:130px;}
.border-bot-mob {border-bottom:1px solid rgb(137 120 110);}
.pop-content .w-50 {width:70% !important;}
.img-conatiner {height:450px;}
#publications .mar-top-news {padding-bottom:40px; padding-top:20px;}
.mar-right-20 {margin-right:0px;}
#upcoming-events .w-75 {width:100% !important;}
#upcoming-events .fo-si {font-size:17px;}
#upcoming-events .fo-si ul {text-align:left;}
#upcoming-events .arrow svg circle {cx:120; cy:120; r:55;}
#upcoming-events .arrow svg {height:240px; width:240px;}
#upcoming-events .arrow {font-size:30px;}
#upcoming-events .achievers p {font-size:40px;}
#publications .add-border>div {border-bottom:1px solid #938074;}
.pop-content {justify-content:center; align-items:center; width:100%;}
.pop-content>div {justify-content:center !important; height:60% !important;}
.left-panel .dropdown {font-size:14px;}
.school-camp {border-bottom:1px solid rgb(137 120 110);}
#academic-guidance .w-50 {width:75% !important; float:none !important; margin:auto;}
.bdr-left {padding:20.8px;}
.ul-aws {line-height:1.5rem; font-size:15px; padding-left:15px;}
.bor-bot-aws {margin-bottom:0.7rem;}
#life-center .add-border>div.flex-box:after, #life-center .add-border>div.flex-box:before {display:none;}
.content .right-panel hr.title-border {width:100%;}
.ht-160 {height:160px;}
#news-events .bod-right {border-bottom:1px solid rgb(137 120 110);}
#news-events .photo {width:70%;}
#home-page .banners>.slide:first-child .title {left:40px; bottom:60px;}
.top-menu ul li.hamburger-menu {font-size:25px;}
.top-menu .menu-icon {margin-left:5px;}
.top-menu .menu-icon>ul li {width:30px; height:2px;}
.top-menu .menu-icon>ul li:last-child {width:18px;}
.top-menu ul li a {font-size:14px; padding:0 10px;}

.banners .slide>.row {padding:40px 40px;}
.banners #slider-5>.row {padding:40px 0;}
.banners .slide:nth-child(2)>.row {padding:40px 10px;}
.slide>video {height:100%; width:auto; left:0;}
.pagination {display:none;}
#home-page .banners>.slide:first-child .animation-text {font-size:32px; line-height:32px;}
.banners>.slide .animation-text {font-size:30px; line-height:32px;}
.bar {width:10px; margin-right:8px;}
.banners>.slide:first-child .title {bottom:50px; left:30px;}
.banners>.slide:nth-child(2) p {font-size:14px;}
.animation-text .whitespace {width:5px;}
#slider-2 .svg-bg embed {width:100%;}
#slider-2 .text {width:95%;}
.icons {margin-top:1rem;}
#slider-2 .animation-text {display:flex; flex-wrap:wrap;}
.animation-text>span {padding-right:5px;}
.text {margin-top:30px;}
#slider-3 .svg-bg embed {width:100%;}
.school-img {height:70%; margin-top:5px;}
#slider-3 .row .w-100 {height:100%;}
.overlap-img {width:300px; height:140px; bottom:0px; border-radius:15px}
#slider-3 .animation-text {margin-left:2.5rem;}
.progress-element {bottom:10px;}
.progress-container {height:6px;}
.progress-container .progress-bar {height:8px;}
.overlap-img .txt {padding:15px;}
.school .gift-city {border-radius:15px 0 0 15px;}
.school .jnis .txt {border-radius:0 15px 15px 0;}
.overlap-img .txt .learn-more-btn {bottom:30px;}
.overlap-img .txt h6 {font-size:16px; line-height:18px;}
.legacy .swiper {width:100%; height:70%;}
.legacy .swiper {top:61%;}
.family-pic>div {height:200px; margin-bottom:2rem !important;}
.legacy .swiper .row .col-md-6 {justify-content:start !important;}
.swiper-slide .row>div:last-child {padding-left:0rem;}
.family-pic H6 {font-size:25px;}
.family-pic p {font-size:14px;}
.family-pic {padding-left:1rem;}
.family-pic video {top:-10px; left:10px;}
.play-btn {width:40px; height:40px; bottom:30px; right:10px;}
.play-btn i {font-size:40px;}
.year {font-size:60px; padding:0 20px;}
.legacy .la-long-arrow-alt-right, .legacy .la-long-arrow-alt-left {font-size:80px;}
.legacy .swiper-button-next, .legacy .swiper-button-prev {top:35%;}
.legacy .swiper-button-next div, .legacy .swiper-button-prev div {width:35px; height:35px;}
.legacy .swiper-button-next div {border-top:3px solid #aadcee; border-left:3px solid #aadcee;}
.legacy .swiper-button-prev div {border-bottom:3px solid #aadcee; border-right:3px solid #aadcee;}
.legacy .swiper-button-next div:after {width:3px; height:80px; transform:rotate(-45deg) translate(27px, 11px);}
.legacy .swiper-button-prev div:after {width:3px; height:80px; transform:rotate(-45deg) translate(27px, -24px);}
.legacy .swiper-button-prev {right:240px;}
.legacy .swiper-button-next {right:150px;}
.legacy .svg-bg svg {height:110mm; width:110mm;}
.legacy .text {padding-left:0.5rem;}
.legacy .svg-bg {right:0px; top:50%;}
#slider-5 .svg-bg {left:-80px;}
#slider-5 .svg-bg embed {height:100%;}
.alumni-slider .mySwiper, .alumni-slider .swiper-wrapper, .alumni-slider .swiper-slide {height:300px !important;}
.alumni-slider {margin-left:5rem;}
.alumni-slider .swiper-button-next, .alumni-slider .swiper-button-prev {right:150px;}
#slider-5 .text {margin-left:5rem;}
.gallary {height:75%;}
.storie-box {width:100%; margin-bottom:10px;}
.youtube-video {margin-bottom:8px; width:100%;}
.view-all-btn {margin:10px 7rem 10px 0 !important;}
.stories .title {margin-left:2.5rem;}
.stories h1 {font-size:30px; margin-top:0; line-height:28px;}
.stories h2 {font-size:25px;}
.gallary .row {margin-bottom:10px;}
.arrow svg {height:40px; width:40px;}
.description {padding:0px 10px 9px 10px; line-height:initial;}
.description>div:first-child {overflow:hidden;}
.arrow svg circle {cx:20; cy:20; r:15;}
.all-stories-btn p {font-size:25px;}
footer {padding:40px 40px 10px; font-size:14px;}
footer ul li a {font-size:14px;}
footer h5 {font-size:22px;}
footer .row>div:first-child, footer .row>div:nth-child(4) {display:flex; margin-top:20px;}
footer .row>div:nth-child(4)>div {flex-basis:25%;}
footer .row>div:nth-child(4)>div:nth-child(2) {flex-basis:50%;}
.contact-links li {display:block;}
.contact-links {float:right;}
footer .row>div {border-right:none;}
footer .row>div:nth-child(2) {border-right:0.5px solid #221F1F;}
footer hr {display:none;}
.copyright {display:none;}
.mb-copyright {display:block;}
.alumni-slider .swiper-slide:after {font-size:30px; height:40px; width:40px; bottom:0px; left:40px;}
.stories .svg-bg embed {width:100%;}
.side-menu {width:50%;}
#slider-2 .info>span.word:before {animation-delay:calc(.5s * var(--line-index) + 12s); opacity:0;}
.alumni-info {padding:60px 80px;}
.alumni-info h2 {font-size:35px; line-height:35px;}
.alumni-info h4 {margin-top:14px; font-size:18px;}
.read-more {margin-right:0; margin-bottom:0; margin:10px;}
.social-icon {font-size:25px; right:5px;}
span.well>div {width:28px; padding:0 7px;}
.svg-banner {height:100%; width:auto; left:50%; transform:translateX(-50%); top:0;}
#home-page .banners {height:100vh;}
.banners {height:50vh;}
.svg-banner embed {height:100%; width:auto;}
.banners>.slide .center-title .animation-text {font-size:70px; line-height:80px;}
.left-panel {padding:60px 20px;}
.right-panel>.text {padding:40px 20px 0;}
.headline .title-text {font-size:35px; line-height:40px;}
.left-panel h2 {font-size:25px; line-height:25px;}
.left-panel h2 span {font-size:20px;}
.content hr {margin:22px auto;}
.menu-list ul li {font-size:14px; padding-bottom:16px;}
.sub-headline {font-size:30px; line-height:30px; margin-bottom:20px;}
.headline {margin-bottom:60px;}
.content .right-panel hr {margin:50px auto;}
.main-content {font-size:20px;}
.pointers {padding:10px; margin-top:20px;}
.thought p {font-size:20px; line-height:20px;}
.mng-trust .line-animate:after, .mng-trust .line-animate:before {height:90%;}
.left-panel .thought p {line-height:30px;}
.thought p>span {font-size:14px; margin-top:0px;}
.thought .text:before {}
.line-animate .text:after {}
.testimonal {padding:4rem 0; width:100% !important;}
.testimonal-title h5 {font-size:25px;}
.testimonal .swiper-slide p {width:90%;}
.mgn-1 {margin:3rem 1.5rem;}
#career-assessment .left-panel .thought p>span {font-size:17px;}
#career-assessment .left-panel .thought p {line-height:31px;}
.width-80-resp {width:80%;}
#career-assessment .hover-sec {height:330px;}
#career-assessment .hover-sec:nth-child(2) {border-top:1px solid #938074; border-bottom:1px solid #938074;}
.members {width:85%; margin:auto;}
.members h4 {font-size:24px; margin-top:0px;}
#career-assessment .photo-car:after {}
#career-assessment .photo-car-12:after {content:'\002B'; font-size:50px; height:22px; font-weight:100; width:45px; border-radius:50%; background-color:white; color:#747474; position:absolute; bottom:-4%; right:37.5%; transform:translate(-50%, -50%); display:flex; justify-content:center; align-items:center; box-shadow:2px 2px #acaaaa; padding:20px;}
.bor-bot-mob {}
.guidance h4 {font-size:20px;}
.members .pt-5 {padding-top:0px !important;}
.txt-dec {font-size:20px !important;}
#career-assessment .right-panel {padding-bottom:20px !important;}
#jns-pta .line-animate .text:after {}
.thought p {line-height:30px; padding:10px 20px;}
#patrons .thought p {line-height:30px;}
.left-panel .thought {margin:35px;}
.left-panel .thought p>span {font-size:16px; font-weight:600; line-height:22px; color:#60595b; margin-top:10px; text-align:left;}
.students-li {margin-left:35px; padding-right:15px;}
.box-content-top, .box-content-top-2, .box-content-top-3 {font-size:16px;}
#educational-trust .photo {margin-bottom:20px; width:40%;}
.small-txt {font-size:22px;}
#educational-trust .wid-65 {width:65%;}
.explor-more {margin:auto;}
.center-photo {margin-right:0px;}
.center-photo-2 {margin-left:0px;}
.explor-more .photo {width:95%; margin:auto;}
.photo .text {font-size:30px;}
.ml-25 {margin-left:33.33% !important;}
.flex-box {flex-basis:33%; border-right:1px solid rgb(137 120 110);}
.flex-box:nth-child(3n+1)+.flex-box+.flex-box {border-right:none;}
#life-center .flex-box:nth-child(4), #life-center .flex-box:nth-child(5), #life-center .flex-box:nth-child(6) {border-top:1px solid rgb(137 120 110); border-bottom:1px solid rgb(137 120 110);}
#hobbies .flex-box {border-bottom:1px solid rgb(137 120 110); font-size:18px;}
#hobbies .flex-box:nth-last-child(4), #hobbies .flex-box:nth-last-child(5), #hobbies .flex-box:nth-last-child(6) {border-bottom:none;}
.activity {width:100%;}
.activity .flex-box {flex-basis:33%;}
.right-border-0 {border-right:none;}
.m-md-0 {margin:0 !important;}
.bottom-border-0 {border-bottom:none;}
.right-border-md {border-right:1px solid #edd6b9;}
.bottom-border-md {border-bottom:1px solid #edd6b9;}
#patrons .line-animate .text:after {}
.mng-trust .line-animate p:after, .mng-trust .line-animate p:before {}
tr .dtl {font-family:'burford'; font-size:3rem;}
.disp-none-mob {padding:0;}
.disp-none-mob:before {display:none;}
.p2-upcoming {font-size:30px;}
.p1-upcoming {font-size:25px;}
#life-center .line-animate:after, #life-center .line-animate:before {height:150%;}
.add-border>div:first-child:before {right:auto; left:0;}
.text i {font-size:25px;}
#publications .text i {font-size:20px;}
.main-content h1 {font-size:30px;}
.main-content h2 {font-size:25px;}
.members .info {width:160%; font-size:14px;}
.w-25 {width:100% !important;}
.options ul li {font-size:17px; justify-content:center;}
#gallery .nav-tabs .nav-item {margin-bottom:0px;}
#jns-pta .line-animate:before {}
#jns-pta .line-animate:after {}
#jns-pta .line-animate .text:before {}
#jns-pta .line-animate .text:after {}
.bod-right {border-right:none;}
#preschool .svg-bg embed {height:100%; width:auto;}
#school-primary .img-bg img {height:100%; width:auto;}
#school-secondry .img-bg img {height:100%; width:auto;}
.pre-school .txt-bl {font-size:18px;}
.pre-school .txt-bw {font-size:16px;}
.pre-school .thought p {font-size:18px; line-height:20px;}
.w-33 {width:75%; float:none !important; margin:auto;}
.accordion {width:100%;}
.sec1 .thought p>span {font-size:15px;}
.sec1 .thought p {line-height:1.2;}
.card-header span {padding:0rem 1rem; font-size:18px;}
.vertical {display:none;}
.primary-section .photo {width:90%;}
.photo .text {font-size:25px; line-height:1; margin:0;}
.arrow {margin-top:0px;}
.scndry .line-animate .text:before {top:-65px;}
#inclusive .thought {margin:50px auto 20px;}
#inclusive .line-animate::after, #inclusive .line-animate::before {}
.line-animate p:after, .line-animate p:before {width:110px;}
#inclusive .line-animate p::before {}
#inclusive .line-animate .text::before {}
#inclusive .photo.w-100 {width:75% !important;}
#inclusive .float-right.w-50 {width:75% !important; float:none !important; margin:auto;}
#inclusive .line-animate::before {}
#inclusive .line-animate::after {}
#inclusive .line-animate p::after {}
#inclusive .line-animate .text::after {}
.heading h3 {font-size:30px;}
.admissions h4, .con-info {font-size:23px; margin-bottom:0;}
.admissions p {margin-top:25px !important; font-size:20px;}
.con .team-members>div:nth-child(odd):after {display:none;}
.css-button {font-size:22px;}
.sports .team-members>div {padding-top:20px;}
.sports .add-border>div:nth-child(odd):after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
.mng-trust .line-animate .text:after {}
.pad-lft-rgt-50 {padding-left:15px; padding-right:15px;}
.options ul li span {padding-left:8px;}
.options img {width:50px;}
.display-none {display:none;}
#hobbies .add-border:after, #hobbies .add-border:before {display:none;}
.line-animate:after, .line-animate:before {height:90%;}
#patrons .line-animate:after, #patrons .line-animate:before {height:140%;}
#eoto .line-animate .text:after {}
.border-bot:after {display:none;}
.add-border>div:after, .add-border>div:before {display:none;}
.border-bot {border-bottom:1px solid rgb(137 120 110);}
.border-bot:last-child {border:none;}
#academic-team .add-border>div {border-top:1px solid rgb(137 120 110);}
.pd-60 {padding-top:20px; padding-bottom:40px;}
}

@media only screen and (max-width: 768px) {
.dropdown a {color:#fff;}
.dropdown a:hover {text-decoration:none;}
.break-word {display:inline-block;}
.modal-title {text-align:center;}
#gallery .img-content-div {width:50%;}
#gallery .arrow i {font-size:20px;}
.img-content-div {font-size:15px;}
#gallery .add-border>div:before {width:100%;}
#gallery .nav-tabs .nav-link {font-size:1rem;}
.close-popup {height:100px !important; padding:5px;}
.left-sec-circle .arrow svg {height:130px; width:130px;}
.left-sec-circle .arrow svg circle {cx:67; cy:64; r:61;}
.left-sec-circle .arrow {font-size:20px;}
.p1-upcoming {font-size:16px;}
.pad-bot-mob {padding-bottom:40px;}
.underline {font-size:1.2rem;}
#upcoming-events .close-popup {padding:5px;}
#upcoming-events .pop-content {width:100%;}
#upcoming-events .close-popup {height:100px;}
.mob-cont-cen {text-align:center;}
.close-popup {height:160px; font-size:1rem;}
.txt-news {font-size:1rem;}
#news-events .pop-content {width:100%;}
#news-events .wid-70-resp {width:70%;}
.photo .text {font-size:22px;}
.family-pic>div {height:185px;}
.legacy .svg-bg svg {height:100mm; width:100mm;}
span.well>div {width:24px;}
.year {font-size:50px;}
.legacy .swiper-button-prev {right:220px;}
.legacy .swiper-button-next {right:130px;}
.bod-mob {}
.bod-right {border-right:none;}
.academy-text {font-size:17px;}
.mar-mobtop {padding-top:0px;}
.disp-none-mob {display:none;}
.bod-top-none {border-top:none;}
.gif-inline {padding-left:0px;}
}

@media only screen and (max-width: 767px) {
.co-op2 {margin-top:50px;}
}

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

@media only screen and (min-width: 480px) and (max-width:992px) {
.slide {height:50vh !important;}
}

@media only screen and (max-width: 480px) {
.top-menu ul li a:after {display:none;}
.con-details .team-members>div:nth-child(2):before {height:0%;}
.admission-form>div:first-child {padding:15px 10px;}
.explore-btn {display:flex; justify-content:center;}
.age_criteria_table {font-size:14px;}
#hobbies .flex-box {border-bottom:1px solid rgb(137 120 110); font-size:18px;}
#hobbies .flex-box:nth-last-child(6), #hobbies .flex-box:nth-last-child(5) {border-bottom:1px solid rgb(137 120 110) !important;}
.border-rig-mob {border-right:none;}
.video-animation {animation:video-show 3s linear 8s forwards;}
.family-pic video.video-animation {animation:none;}
.video-desktop {display:none;}
.slide {height:50vh;}
.video-mobile {display:block;}
.contact {width:100% !important;}
.alumni-slider .swiper-slide img {height:85%; width:85%; overflow:hidden;}
.alumni-slider .swiper-slide-active img {height:98%; width:98%;}
.alumni-slider .mySwiper {width:80%; overflow:inherit;}
.gallary .row {flex-direction:column; height:100%; margin:auto; display:flex; overflow-y:clip; overflow-x:auto; scroll-snap-type:x mandatory !important;}
.gallary .row>div {height:100%; display:flex; width:200%; padding:0;}
.storie-box {width:100%; padding-bottom:10px; height:100% !important; margin:0 10px 10px;}
.youtube-video {height:97%; margin:0 10px;}
.gallary .row>div:nth-child(3) {width:300%;}
.overlap-img .txt .learn-more-btn p {font-size:16px;}
.contact {border-top:none; position:relative; top:0; bottom:auto;}
.stories .title {margin-top:35px;}
.banners .slide>.row.legacy {}
.whitespace {width:5px;}
.pop-content .swiper-button-next, .pop-content .swiper-button-prev {height:25px; width:25px; bottom:10%;}
.pop-content .swiper-button-next:after, .pop-content .swiper-button-prev:after {font-size:15px;}
.pop-content .mySwiper {width:70%;}
.img-conatiner {height:360px;}
.pop-content .prev {left:10px;}
.pop-content .next {right:10px;}
#home-page .banners {height:100vh;}
.w-60 {width:90% !important;}
#eumind .width-65 {width:100%;}
#hobbies .team-members>div:nth-child(2):after {display:none;}
#hobbies .add-border>div:first-child:after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110); display:block;}
#hobbies .team-members>div:first-child:after {height:100%;}


.slide>video {display:block; width:95%; padding:70px 0; background-color:black; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.slide:first-child>video {display:flex; left:50%; position:absolute; transform:translateX(-50%); width:95%; height:auto; top:20%; bottom:auto;}
/*#home-page .slide, #home-page #slider-1 {background-image:url(../images/Mobilebackground.jpg); background-size:cover;} */
#home-page .slide, #home-page #slider-1{background-image: url(../images/Mobilebackground.jpg);
        background-size: cover;
        height: 450px !important;
        background-position: center center;}
#home-page .slide {height:100vh; background-repeat:no-repeat; padding:50px 0;}
#home-page .stories { height: auto !important ;
            background: #FFF !important;
        }    
footer .row>div:first-child, footer .row>div:nth-child(4) {display:block;}
.banners>.slide:first-child .animation-text {font-size:28px; line-height:30px;}
.banners>.slide .animation-text {font-size:25px; line-height:28px;}
.banners>.slide:nth-child(2) .title {margin-bottom:5px;}
#slider-2 .info {margin-bottom:5px;}
.arrow svg {height:40px; width:40px;}
.arrow svg circle {cx:20; cy:20; r:13;}
.arrow i {font-size:21px;}
.learn-more-btn p {margin-left:10px;}
.learn-more-btn {margin-top:1rem !important; margin-inline-start:0.5rem;}
.icons {margin-top:-1rem;}
#slider-2 .row>div {height:45%; justify-content:center !important;}
#slider-2 .svg-bg {height:100%;}
#slider-2 .svg-bg embed {height:100%; width:auto;}
.banners .slide:nth-child(2)>.row {padding:20px 10px !important;}
.banners .slide>.row {padding:20px 10px;}
.pagination {display:flex; bottom:0; top:auto; width:100%; height:35px; align-items:center; justify-content:center; display:none;}
.pagination ul {margin-bottom:0; display:flex;}
.pagination li {margin:0 7px; display:inline-flex; align-items:center; justify-content:center;}
.copyright {width:auto;}
.animate__delay-14s {animation-delay:4s;}
.animate__delay-11s {animation-delay:2s;}
#slider-2 .info>span.word:before {animation-delay:calc(.5s * var(--line-index) + 6s);}
.banners>.slide:nth-child(2) p {font-size:12px; line-height:16px;}
.school-img {width:100%; height:60%;}
.school-img img {height:100%; width:auto;}
.overlap-img {width:80%; height:150px; bottom:80px; border-radius:5px; background-position:center;}
.top-menu ul li a span {display:none;}
.top-menu ul li.hamburger-menu {padding:10px 15px; font-size:16px;}
.school .gift-city {border-radius:10px 0 0 10px;}
.school .jnis {border-radius:0 10px 10px 0;}
.school .gift-city .txt {border-radius:10px 0 0 10px;}
.school .jnis .txt {border-radius:0 10px 10px 0;}
.top-menu .menu-icon>ul li {width:25px; height:2px; margin:4px}
.legacy .svg-bg svg {height:80mm; width:80mm;}
.top-menu .menu-icon>ul li:last-child {width:15px;}
.family-pic {padding-left:1.5rem;}
.family-pic>div {margin-left:0; width:95%; height:180px; margin-bottom:10px !important;}
.family-pic>div:before {left:-10px;}
.play-btn {bottom:20px; right:10px;}
.family-pic H6 {font-size:20px;}
.family-pic p {font-size:12px; margin-bottom:5px;}
.year {margin-bottom:0; font-size:50px;}
.legacy .swiper {width:90%; height:53%; top:auto; bottom:50px; transform:translateY(0);}
.legacy .swiper-button-next div, .legacy .swiper-button-prev div {height:20px; width:20px;}
.legacy .swiper-button-next {top:auto; bottom:0px; right:0px;}
.legacy .swiper-button-next, .legacy .swiper-button-prev {height:50px; width:50px;}
.legacy .swiper-button-prev {right:70px; top:auto; bottom:0px;}
.legacy .svg-bg embed {height:85mm; width:85mm;}
#slider-5 .text {margin-left:0rem; margin-top:50px;}
.legacy .svg-bg {top:14%; left:50%; transform:translate(-50%, 0) rotate(270deg);}
.legacy .la-long-arrow-alt-right, .legacy .la-long-arrow-alt-left {font-size:60px;}
.legacy .swiper-button-next div:after {width:2px; height:40px; transform:rotate(-45deg) translate(13px, 5px);}
.legacy .swiper-button-prev div:after {width:2px; height:40px; transform:rotate(-45deg) translate(13px, -10px);}
.legacy .swiper-button-next div {border-top:2px solid #aadcee; border-left:2px solid #aadcee;}
.legacy .swiper-button-prev div {border-bottom:2px solid #aadcee; border-right:2px solid #aadcee;}

.alumni-slider .mySwiper, .alumni-slider .swiper-wrapper, .alumni-slider .swiper-slide {height:370px !important;}
.alumni-slider {margin-inline-end:3rem; margin-left:0; margin-top:80px;}
.banners #slider-5>.row {padding:0px; padding-top:0;}
.alumni-slider .swiper-button-next, .alumni-slider .swiper-button-prev {right:10px;}
.alumni-slider .swiper-button-next svg {height:75px; width:75px;}
.alumni-slider .swiper-button-next svg circle {cx:36; cy:38; r:22;}
.alumni-slider .swiper-button-next i {font-size:35px; text-shadow:none}
.alumni-slider .swiper-slide:after {font-size:40px; height:60px; width:60px; left:60px;}
.alumni-info {padding:30px;}
.alumni-info h2 {font-size:40px;}
.gallary {height:70%; width:95%; overflow-y:scroll; display:flex; justify-content:center; align-items:center;}
.gallary>div.row {flex-direction:column; height:100%; margin:auto;}
footer .row>div:nth-child(2) {border-right:none;}
.description {font-size:12px; padding:5px 10px 10px 10px; line-height:inherit;}
.all-stories-btn p {font-size:20px; padding-left:0.5rem !important;}
footer {padding:20px; font-size:12px; padding-bottom:40px;}
footer h5 {font-size:20px;}
.contact-links {float:none;}
.contact-links li {display:inline-block;}
.copyright {display:none;}
.mb-copyright {display:block; text-align:center;}
.side-menu {width:100%;}
.menu {height:52vh; overflow:auto;}
#slider-5 .svg-bg {left:0;}
.hide-menu {list-style-type:none; padding-inline-start:0; margin:auto; margin-top:0; padding-bottom:5px; border-bottom:.5px solid #fff;}
.hide-menu li {display:inline-block; padding:0 15px; font-size:16px; text-transform:uppercase; font-family:var(--title-font);}
.hide-menu li:first-child {padding-left:0;}
.hide-menu li:last-child {display:none;}
.hide-menu li a {color:white;}
.banners>.slide:first-child .title {bottom:100px; left:30px;}
.school>div {width:50%;}
#slider-2 .info>span.latter:before {animation:reveal-in 3s cubic-bezier(.5, 0, .5, 1) forwards; animation-delay:calc(.5s * var(--line-index) + 3s);}
.banners>.slide .center-title .animation-text {font-size:40px; line-height:45px;}
.breadcrumb {display:none;}
.left-panel {border-radius:0; display:none;}
.menu-list ul {margin-bottom:50px;}
.philosophy-img img {width:100%;}
.philosophy-img {padding-top:1rem !important;}
.thought p {padding:12px;}
.main-content {font-size:18px;}
.f-28 {font-size:20px;}
.line-animate p:after, .line-animate p:before {width:80px;}
.line-animate p:before {top:0; left:-30px;}
.line-animate p:after {bottom:0; right:-30px;}
.thought .text:after, .thought .text:before {font-size:30px;}
.line-animate .text:before {top:-5px; left:-25px;}
.line-animate .text:after {bottom:-20px; right:-25px;}
.testimonal .swiper-slide p {font-size:14px;}
.testimonal .btn {font-size:18px; padding:5px 10px; width:200px; margin-top:10px;}
.top-menu ul li.hamburger-menu a {font-size:30px; display:none;}
#nav-icon3 {width:35px; height:30px;}
#nav-icon3 span {margin-bottom:6px; height:3px}
#awards .students-li {margin-left:0px; padding-right:15px;}
#awards .left-panel .thought p {line-height:25px; padding:13px 24px;}
#awards .box-content {border-right:none; border-bottom:3px solid;}
#awards .box-content-2 {border-right:none; border-bottom:3px solid;}
#awards .ul-none {padding:0px;}
.jns-gift {overflow-x:auto; margin-right:1rem}
.jns-frc {overflow-x:auto;}
#awards .box-content-top {height:300px; border-bottom:3px solid; border-right:none;}
#awards .box-content-top-2 {height:300px; border-bottom:3px solid; border-right:none;}
#awards .box-content-top-3 {height:300px; border-bottom:3px solid; border-right:none;}
#awards .center-photo {}
#awards .center-photo-2 {margin-left:auto;}
#jns-pta .resp-pta-logo {margin:auto; text-align:center;}
#jns-pta .resp-logo-pta {width:60%;}
#jns-pta .width-60 {width:90%;}
#jns-pta .width-60 .thought p {line-height:30px;}
#jns-pta .jns-pta .accordion {font-size:13px;}
#text {padding-bottom:0px; margin-bottom:0px;}
.right-icon {padding-bottom:5px; padding-top:0px;}
#jns-jnaa .headline .title-text {font-size:30px;}
#jns-jnaa .pta-txt {font-size:18px;}
#jns-jnaa .box-content-jns-jnaa {border-right:none;}
#jns-jnaa .box-content-2-jns-jnaa {border-right:none;}
#jns-jnaa .box-content-jnaa {border-right:none;}
#jns-jnaa .box-content-2-jnaa {border-right:none;}
.members .info {width:180%; padding:80px 130px; font-size:12px;}
.members .info p:after, .members .info p:before {font-size:50px;}
.members .info p:after {padding-left:10px;}
#educational-trust .right-panel {padding-bottom:0px !important;}
.thought p {font-size:18px;}
#vision-mission .thought p {line-height:20px;}
#vision-mission .line-animate .text:after {}
#vision-mission .line-animate .text:before {}
#educational-trust .wid-65 {width:95%;}
#logo-anthem .content .photo {margin:auto;}
.supw-img-sec .photo {width:75% !important; margin:auto; margin-bottom:50px !important;}
.pad-bot-50 {padding-bottom:50px;}
.left-panel .thought {margin:25px; margin-top:50px;}
.left-panel .line-animate p:after, .left-panel .line-animate p:before {width:80px;}
.left-panel .line-animate:after, .left-panel .line-animate:before {height:80px;}
.left-panel .thought p {line-height:22px !important;}
.left-panel .line-animate:before {top:-25px;}
.left-panel .line-animate p:before {top:0; left:-25px;}
#logo-anthem .left-panel .line-animate:after {bottom:-25px; top:auto; right:-5px;}
.left-panel .line-animate .text:before {content:'\201C'; top:-5px; left:-20px;}
.thought .text:after, .thought .text:before {line-height:0;}
.left-panel .line-animate p:after {bottom:0px; right:-25px;}
.left-panel .line-animate .text:after {content:'\201D'; bottom:-20px; right:-25px;}
.flex-box {font-size:13px !important;}
.flex-box:last-child {border:none !important;}
.flex-box img {width:60px;}
.justify-content-sm-start {justify-content:start !important;}
.right-border-sm {border-right:1px solid #edd6b9;}
.right-border-sm-0 {border-right:0;}
.text-sm-left {text-align:left !important;}
.bod-sm-bottom {border-bottom:1px solid rgb(137 120 110);}
.bottom-border-sm {border-bottom:1px solid #edd6b9;}
.m-sm-0 {margin:0 !important;}
#life-center .line-animate {margin-bottom:1rem !important;}
#patrons .line-animate .text:after {}
#patrons .line-animate .text:before {}
.mng-trust .line-animate p:after, .mng-trust .line-animate p:before {width:80px;}
#jns-jnaa .photo {width:85%;}
.table td, .table th {font-size:14px; text-align:left; padding:0.6rem !important;}
.photo {position:relative; width:90%;}
#patrons .photo, .mar-bot-edu {width:45% !important;}
.line-animate:before {top:-25px;}
.mng-trust .line-animate:after, .mng-trust .line-animate:before {height:60%;}
#patrons .line-animate:after, #patrons .line-animate:before {height:100%;}
.line-animate:after {bottom:-25px;}
.sm-left-text {text-align:left !important;}
.border-none.add-border>div:before {display:block;}
.text-cen-mar-bot {text-align:center; margin-bottom:15px;}
#jns-pta .line-animate:before {height:80%; bottom:60px;}
#jns-pta .line-animate:after {height:80%; top:60px;}
.left-panel .sec1 .line-animate .text:before {top:-58px; left:0px;}
.left-panel .sec1 .line-animate .text:after {bottom:-72px; right:-4px;}
.mgn-1 {margin:5rem auto;}
.pre .line-animate .text:after {}
.pre .line-animate .text:before {}
.pre .line-animate:before {top:-25px;}
.pre .line-animate:after {top:45px;}
.prime .line-animate:before {top:-25px;}
.prime .line-animate:after {top:45px;}
.card-body img.w-100 {width:40% !important; margin-bottom:15px;}
.card-header span {padding:0rem 1rem; font-size:16px; line-height:22px;}
.btn {line-height:1;}
.school-camp p {font-size:16px;}
.admission-form .learn-more-btn {margin-top:0 !important; margin-inline-start:0.5rem;}
.bar1 {height:55px;}
.w-star {width:75px;}
.achievers p {font-size:3rem;}
.achieve .arrow1 {height:66px;}
#inclusive .line-animate .text::before {}
#inclusive .line-animate .text::after {}
.add-border>div:first-child:after {display:none;}
.d-md-none {display:none;}
.mng-trust .line-animate .text:before {}
.gif-inline {display:grid;}
.options img {width:80px;}
.pad-lft-rgt-50 {padding-left:0px; padding-right:0px;}
.main-content h1 {font-size:25px;}
.explor-more>div:first-child {margin-bottom:40px;}
.explor-more div>first-child {margin-bottom:20px;}
.select_box:before {top:41%;}
.select_box:after {top:70%;}
.admissions h4, .con-info {font-size:20px; margin-top:0;}
.admissions p {font-size:18px;}
.css-button {font-size:18px; padding:10px 20px;}
#eoto .line-animate .text:before {}
#eoto .line-animate .text:after {}
.footer-logo img:first-child {width:70px;}
}

@media only screen and (max-width: 365px) {
.family-pic>div {height:160px;}
.legacy .swiper {height:60%; top:40%;}
#slider-5 .text {margin-left:0rem; margin-top:20px;}
.overlap-img {bottom:10px;}
.school-img {height:65%;}
.text {margin-top:10px;}
}

@media only screen and (min-device-width : 375px) and (max-device-width:992px) and (orientation:landscape) {
.slide {height:100vh !important;}
.copyright {display:none;}
.banners>.slide:first-child .animation-text {font-size:22px; line-height:22px;}
.banners>.slide .animation-text {font-size:22px; line-height:22px;}
.banners>.slide:first-child .title {bottom:30px;}
#slider-2 .row>div:first-child {display:none !important;}
.overlap-img {height:80px;}
.overlap-img .txt h6 {font-size:14px;}

.legacy .swiper .row .col-md-6 {width:50%;}
.legacy .svg-bg embed {height:80mm; width:80mm;}
.legacy .svg-bg {right:-30px;}
.legacy .swiper .row .col-md-6 {justify-content:center !important; align-items:start !important;}
.legacy .swiper-button-next, .legacy .swiper-button-prev {width:50px; height:50px; top:52%;}
.legacy .swiper-button-prev {right:150px;}
.legacy .swiper-button-next {right:60px;}
.alumni-info h2 {font-size:22px;}
.alumni-info h4 {margin-top:5px; font-size:14px;}
.alumni-slider .mySwiper, .alumni-slider .swiper-wrapper, .alumni-slider .swiper-slide {height:200px !important;}
.legacy .swiper-button-next div, .legacy .swiper-button-prev div {width:25px; height:25px;}
.legacy .swiper-button-next div:after {height:50px; transform:rotate(-45deg) translate(17px, 5px);}
.legacy .swiper-button-prev div:after {width:3px; height:50px; transform:rotate(-45deg) translate(17px, -12px);}
.year {font-size:50px; margin:40px 0;}
footer .row>div:nth-child(2) {border-right:none;}
.mb-copyright {display:block;}
}

@media only screen and (min-device-width : 995px) and (max-device-width:1200px) and (orientation:landscape) {

.photo .text {font-size:60px; line-height:65px;}
.overlap-img {height:180px;}

.slide video {height:100%; width:auto;}
.banners>.slide:first-child .animation-text {font-size:52px; line-height:52px;}
.banners>.slide .animation-text {font-size:50px; line-height:50px;}
.banners>.slide:first-child .title .bar {width:20px;}
#slider-2 .svg-bg {display:flex; align-items:center;}
#slider-2 .svg-bg embed {width:100%;}
.family-pic>div {height:220px;}
.family-pic video {top:-10px; left:10px;}
.legacy .swiper {height:450px;}
.legacy .svg-bg svg {height:140mm; width:140mm;}
.family-pic video {height:auto; width:100%;}
.legacy .text {padding-left:0rem;}
.legacy .svg-bg {right:-60px;}
.year {font-size:80px; padding:0 20px;}
.legacy .svg-bg {right:-40px;}
.legacy .swiper-button-next, .legacy .swiper-button-prev {top:35%;}
.legacy .swiper-button-next div, .legacy .swiper-button-prev div {width:40px; height:40px;}
.legacy .swiper-button-next div {border-top:3px solid #aadcee; border-left:3px solid #aadcee;}
.legacy .swiper-button-prev div {border-bottom:3px solid #aadcee; border-right:3px solid #aadcee;}
.legacy .swiper-button-next div:after, .legacy .swiper-button-prev div:after {width:3px; height:80px;}
.legacy .swiper-button-next div:after {transform:rotate(-45deg) translate(27px, 10px);}
.legacy .swiper-button-prev div:after {transform:rotate(-45deg) translate(27px, -16px)}
.legacy .swiper-button-prev {right:140px;}
.legacy .swiper-button-next {right:30px;}
.alumni-slider .mySwiper, .alumni-slider .swiper-wrapper, .alumni-slider .swiper-slide {height:460px !important;}
#slider-5 .text {margin-left:5rem;}
.alumni-slider {margin-inline-end:-5rem;}
#slider-5 .svg-bg {left:-100px;}
.description {font-size:12px;}
.read-more svg {height:30px; width:30px;}
.read-more svg circle {cx:15; cy:15; r:13;}
#slider-5 .svg-bg embed {height:100%;}
.side-menu {width:40%;}
.school-img img {height:100%;}
.family-pic {padding-left:1rem;}
#slider-3 .svg-bg embed {width:100%;}
#slider-3 .animation-text {margin-left:0rem;}
.swiper-slide .row>div:last-child {padding-left:0rem;}
.legacy .la-long-arrow-alt-right, .legacy .la-long-arrow-alt-left {font-size:100px;}
.school-img {height:65vh; width:100%;}
.overlap-img {width:400px; right:-30px;}
.overlap-img .txt h6 {font-size:22px;}
span.well>div {width:33px; padding:0 5px;}
.contact-links li {padding-right:38px;}
#home-page .banners>.slide:first-child .animation-text {font-size:45px; line-height:45px;}
.alumni-info {padding:90px 100px;}
.alumni-info h2 {font-size:45px; line-height:40px;}
.play-btn {width:50px; height:50px; bottom:30px; right:20px;}
.svg-banner {height:100%; top:0; left:50%; transform:translateX(-50%); width:auto;}
.svg-banner embed {height:100%; width:auto;}
.banners>.slide .center-title .animation-text {font-size:90px; line-height:100px;}
#home-page .banners {height:100vh;}
.banners {height:90vh;}
#home-page .slide {height:100vh !important;}
.slide {height:90vh !important;}
.left-panel {padding:60px 25px;}
.right-panel>.text {padding:60px 30px 0;}
.headline .title-text {font-size:40px; line-height:45px;}
.bar {width:12px; margin-right:10px;}
.left-panel h2 {font-size:30px; line-height:30px;}
.left-panel h2 span {font-size:20px;}
.headline {margin-bottom:60px;}
.content hr {margin:20px auto;}
.menu-list ul li {font-size:14px; padding-bottom:15px;}
.sub-headline {font-size:30px; line-height:30px; margin-bottom:15px;}
.main-content {font-size:20px;}
.content .right-panel hr {margin:55px auto;}
.animation-text .whitespace {width:10px;}
.thought p {font-size:25px; line-height:30px; padding:18px;}
.line-animate .text:before {top:-75px;}
.thought p>span {font-size:18px;}
.testimonal-title h5 {font-size:25px;}
.testimonal {padding:4rem 0; width:90% !important;}
#patrons .photo {width:100%;}
.members .info {width:125%; padding:130px 80px; font-size:14px; border-radius:35%;}
.left-panel .thought {margin:25px;}
.left-panel .thought p {line-height:35px;}
.left-panel .thought p>span {font-size:20px; line-height:30px; font-weight:600; color:#60595b; margin-top:10px; text-align:left;}
.mng-trust .line-animate .text:after {bottom:-125px;}
.members .pt-5 {height:70%;}
.members h4 {font-size:30px;}
.pre .line-animate:after {top:80px;}
.pre .line-animate .text:after {bottom:-155px;}
.pre .line-animate .text:before {top:-70px;}
}

@media only screen and (min-device-width : 1055px) and (max-device-width:1200px) and (orientation:landscape) {
.family-pic>divx {height:265px;}
.legacy .svg-bg {right:11px;}
.legacy .swiper-button-next, .legacy .swiper-button-prev {top:42%;}
.legacy .swiper-button-next {right:60px;}
.legacy .swiper-button-prev {right:160px;}
}

@media only screen and (max-width: 1536px) {
#gallery iframe {width:700px; height:400px; margin-bottom:20px;}
}

@media only screen and (max-width: 1366px) {
.academy-text {width:65%;}
.contact {width:100%; border-top:0.5px solid #fff;}
#news-events .white-txt {width:100%;}
#training-camps .w-80 {width:85%;}
#upcoming-events .fo-si {font-size:20px;}
#upcoming-events .pd-60 {padding-left:10px;}
#trustee .line-animate::after {}
#career-assessment .photo-car:after {}
#career-assessment .photo-car-12:after {right:37%;}
}

@media only screen and (max-width: 1024px) {
.width-230 {width:230px;}
#academic-team .pd-60 {padding-bottom:0px;}
}

@media only screen and (min-device-width: 767px) and (max-device-width:991px) {
.pre .line-animate .text:after {}
.pre {margin:40px;}
#preschool .pre {margin-top:40px; padding-bottom:30px;}
.pre .line-animate .text:before {}
.pre .line-animate .text:after {}
.prime .line-animate:before {top:-35px;}
.prime .line-animate:after {top:55px;}
.left-panel .sec1 .line-animate p:after {right:-38px;}
}

@media only screen and (max-width: 600px) {
.mng-trust .line-animate .text:after {}
}

@media only screen and (max-width: 350px) {
.members .info {width:210%;}
}

@media only screen and (max-device-width: 400px) {
#hobbies .flex-box {font-size:12px; padding:0.3rem !important;}
}