@media only screen and (max-width: 5000px) {
.boxed_wrapper {overflow-x: hidden;}
.littile-new-ht {height: 950px;}
.junior-wingin {padding: 0px 0px 0px;}
.kids-area .counter {padding-bottom: 0px;}
.kids-area {position: relative;min-height: 220px;top: 0px;}
}
@media (min-width: 1400px) and (max-width: 5000px)  {
.navigation.is-stuck {background-size: 1440px !important;}
.centred {text-align: center;}	
.main-footer .footer-top {display: block;background-position: center bottom;padding: 10px 0px 0px 0px;background-size: 56%;font-weight: 400;z-index: 100;}
.hero-slider {position: relative;z-index: -1;}
.bottom-btn-in {background-position: center 6px;}
.littile-new-ht {height: 950px;}
.junior-wingin {padding: 0px 0px 0px;}
.kids-area .counter {padding-bottom: 0px;}
.kids-area {position: relative;min-height: 220px;top: 50px;}
}
@media screen and (min-width: 1920px) {
.littile-new-ht {height: 950px;}
.junior-wingin {padding: 0px 0px 0px;}
.kids-area .counter {padding-bottom: 0px;}
.kids-area {position: relative;min-height: 220px;top: 50px;}
}

@media only screen and (max-width: 1200px) {
.banner-text h1 {font-size: 48px;line-height: 56px;}	
.anim-icon {display: none !important;}
.about-section {padding-bottom: 150px;}
.about-section.style-two .image-box {margin-left: 0px;}
.service-section .inner-content {margin: 0px;}
.service-section .owl-nav {left: -324px;}
.classes-section .inner-block .lower-content .info-box li:before,
.feature-section .image-column {display: none;}
.faq-content {margin-left: 0px;}
.faq-page-section .faq-content {margin-top: 30px;}
.gallery-section {padding-left: 0px;padding-right: 0px;padding: 50px 0px 30px;}
.news-block-one .inner-box .lower-content {padding-left: 25px;}
.activities-section .image-box .image:before {display: none;}
.activities-section .image-box {margin-left: 0px;}
.fact-counter .counter-block {padding-left: 70px;}
.main-header.style-two .main-menu .navigation>li {margin: 0px 35px;}
.classes-section.style-three .owl-nav {left: -405px;}
.news-block-two .inner-box {margin-bottom: 30px;}
.classes-section .inner-block .lower-content {padding: 34px 30px 37px 30px;}
.class-details .inner-box .info-box li:first-child:before,
.class-details .inner-box .info-box li:nth-child(2):before {display: none;}
.class-details .inner-box .info-box {padding: 27px 15px 23px 15px;}
.class-details .inner-box .info-box li {margin-right: 20px;}
.class-details .inner-box .info-box li .theme-btn {padding: 17px 30px;}
.pricing-section .pricing-table .table-header {padding: 49px 30px 43px 30px;}
.pricing-section .pricing-table .table-header:before {display: none;}
.pricing-section .pricing-table .table-content {padding: 30px 20px 19px 20px;}
.pricing-section .pricing-table .table-footer {padding-left: 20px;}
.event-details .event-details-content .countdown-box h3 {display: block;margin-right: 0px;margin-bottom: 10px;}
.event-block-one .inner-box {padding-right: 15px;}
.event-block-one .inner-box .content-box {padding-left: 250px;}
.shop-details .content-box {margin-left: 0px;}
.countdown-box {text-align: center;}
.shop-section .shop-sidebar {margin-bottom: 40px;}
.blog-page-section .news-block-one .more-btn {left: 25px;}
.main-footer .footer-bottom .right-content .footer-logo {margin-right: 120px;}
.main-footer .footer-top .link-widget {margin-left: 5px;padding-bottom: 20px;margin-right: 5px;}
}
@media (max-width: 1366px) {
.junior-wingin {
    padding: 0px 0px 80px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
.NoticeBoard {height: 895px  !important;background-position: -86px 39px !important;padding:300px 0px 0px 0px !important;background-size: 117% !important;}
.NoticeBoard .owl-theme .owl-nav .owl-next {left: 3% !important;}
.tabs-content-main {width: 50% !important;height: 332px !important;top: 18% !important;}
.achievements-birthday .flagcap {right: 56px !important;}
.achievements-birthday .flag {position: absolute !important;top: -126px !important;}
.achievements-birthday .balloon-left {top: 88px !important;left: 22px !important;}
.achievements-birthday .balloon-right {top: 100px !important;right: 0px !important;}
header {padding: 0px 10px 0px!important;}
.fouricon-section-home {
    padding-left: 20px;
    margin-top: 92px;
}
.fouricon-section-home .box {
    background: #327AFE;
    min-height: 161px;
    padding: 20px 0px;
    margin: 0px 0px 0px 20px;
}
.topper-top-box .topper-slider .topper-block-two img {
        border-radius: 10px;
        height: 130px;
        object-fit: fill;
    }
.topper-top-box .topper-slider .topper-block-two {
	padding: 0px 55px;
	overflow: hidden;
}

}

@media screen and (max-width: 1180px) and (max-height: 820px) and (orientation: landscape) {
.navigation .navbar.main-navbar .navbar-brand .logo {display: flex;text-decoration: none;width: 180px !important;position: relative;transform: translateZ(0);padding-left: 0 !important;}	
.navigation .navbar.main-navbar .navbar-brand .logo img.white {position: absolute;top: 20px !important;}
.view-all {padding: 10px 30px;}
.enroll-top-box-text {position: absolute;top: 68%;left: 50%;transform: translate(-50%, -50%);width: 75%;text-align: center;}
}

@media screen and  (max-device-width : 1024px) {
header {padding: 2px 8px;top: 30px;min-height: 60px;position: fixed;z-index: 1000;width: 100%;}
header .nav-bg {min-height: 64px;padding: 4px 5px;height: 64px;width: 100%;text-align: center;margin: 0 auto;}
header .nav-logo {position: absolute;top: 0px;padding-left: 6px;}
header .nav-logo img {width: 100%;}
header .Subtraction img {height: 40px}
header .call {font-size: 12px;color: #471B0D;line-height: 26px;text-align: right;font-family: 'Rubik', sans-serif;padding: 0px 6px 0px;}
header .call a img {height: 36px}	
header {padding: 10px 10px 10px;top: 0;min-height: 60px;position: fixed;z-index: 1000;width: 100%;}
header .Subtraction {right: 90px;top: 5px;position: absolute;width: auto;height: 58px;}
.about-section-home {text-align: center;}
.about-section-home h3 {
    text-align: center;
    font: normal normal normal 32px / 35px Rubik;
    letter-spacing: 0.5px;
}
.main-header .header-top .social-links {float: none;display: block;text-align: center;margin-bottom: 10px;}
.main-header .header-top .header-info {float: none;display: block;text-align: center;}
.banner-text h1 {font-size: 48px;line-height: 56px;}
.banner-text {top: 65%;padding-left: 50px;width:500px;}
.btn-open:after {content: '';background: url(../images/icons/menu.svg) center top no-repeat;width: 46px;height: 40px;background-size: 100%;position: absolute;top: 7px;right: 20px;}
.btn-close:after {content: '';background: url(../images/icons/m-close.svg) center top no-repeat;width: 46px;height: 40px;background-size: 100%;position: absolute;top: 5px;right: 20px;}
.is-sticky{display:block}
.overlay {display: none;position: fixed;top: 0;height: 100%;width: 100%;background:#E6E6E6 url(../images/icons/bg-style.svg);border-top: 90px solid #E6E6E6;overflow: auto;z-index: 991}
.myaccordion {max-width: 100%;margin: 0 auto 0px;}
.mobilerky {top: 0;display:none;}
.wrap {width: 100%;margin: 0 auto;padding:30px 15px 280px 15px;}
.myaccordion .btn {width: 100%;font-weight: 600;color: #1d2b63;padding: 0;text-transform: uppercase;font-family: 'Rubik', sans-serif;font-size: 16px;}
.banner-text h1 {font-size: 36px;line-height: 42px;}
.wrap h3 {font-size: 18px;font-weight: 600;color:#2c76f4;padding: 20px 0px 15px;}
.rkk {padding: 0px 25px}
.rk ul li {display: block;border-right: 0px solid #fff;padding: 5px 10px;text-align: left;font-size: 16px;color: #212529;font-family: 'Rubik', sans-serif;}
.rk ul li a {font-size: 18px;font-weight: 500;color: #12215c;font-family: 'Rubik', sans-serif;text-align: left;}
.wrap p {color: #212529 !important;padding: 5px 0 0;font-family: 'Rubik', sans-serif;font-size: 14px;letter-spacing: .5px;}
.copyright-text {color: #212529;font-size: 16px;padding-left: 15px;padding-bottom: 10px;text-align: left}
.copyright-text a {color: #212529#212529;}
.pd-0 {padding: 0px;}
.login {background: #EF7F1A;padding: 15px 15px;border-radius: 0px 15px 16px 0px;position: absolute !important;right: 10px;top: -4px;color: #fff;text-transform: uppercase;width: 66px;}
.login img {height: 32px}
.nav-bg {display: block !important}
.subscription .add-email {position: absolute;top: 0;left: 0;width: 100%;height: 78%;border: none;outline: none;padding: 0 14px;border-radius: 28px;}
.subscription .submit-email {position: absolute;top: 0;right: 0;height: calc(100% - 15px);width: 100px;border: none;border-radius: 60px;outline: none;margin: 1px;padding: 0 20px;cursor: pointer;background: #cc2f34;color: #FFFFFF;transition: width .35s ease-in-out, background .35s ease-in-out;}
.specialist-content {min-height: 780px;padding: 220px 0px 190px 15px;background-position: -60px 0px;}
.specialist h2 {font-size: 20px;color: #fff;}
.pt-4 {padding-top: 1.0rem !important;}
.sp-text {font-weight: 500;font-size: 14px;line-height: 20px;}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0px;text-align: left;}
.header-bottom__banner .owl-dots {position: relative;bottom: 100px !important;left: 71px;width: 100px;}
.overlap_two {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    position: relative;
    z-index: -1;
    color: #fff;
    top: 20px;
}
    .topper-slider {
        position: relative;
        padding: 0px 20px;
        top: 133px;
        text-align: center;
    }
.enroll-section {
    padding: 80px 0px 50px;
}
.principal-section {
    margin-top: 60px;
    min-height: 550px;
	padding: 0px 0px 0px;
}
.principal-section {
    min-height: 550px;
}
.topper-top-box .topper-slider .topper-block-two {
    padding: 0px 55px;
    overflow: hidden;
}
    .ribon {
        position: absolute;
        top: 80px;
        right: 10px;
    }
.cup {
        position: absolute;
        bottom: 68px;
        left: -29px;
    }    
.cup img{height:70px}
.cup img {
	height: 70px;
}
.hostel-text {
    flex: 1;
    padding: 10px 20px 10px 25px;
}
.call-info {
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-bottom: 0px !important;
}
.achievements-birthday .certificate .ach-text {
    width: 244px;
}
/* =========================
About
============================ */
.know-more {margin: 32px 0px 28px 0px;}
.know-more span {align-items: center;background: #f7f2ed;border-radius: 40px;display: flex;justify-content: center;height: 100%;transition: background .5s ease;width: 100%;}
.content-box {position: relative;padding-top: 50px}
.page-title {padding: 150px 0px 80px 0px;}
.moto-section h2 {color: #EF7F1A;font-size: 24px;font-weight: 600;margin-bottom: 20px;font-style: italic;}
.moto-section {position: relative;display: block;padding: 0px 0px 65px 0px;}
.about-section .content-box p {line-height: 24px;}
.about-section .image-box .image-2 {position: relative;left: 0px;padding-left: 10px;}
.about-section .image-box .image-1 {padding-top: 100px;padding-right: 10px;}
.about-section .image-box {position: relative;display: block;margin: 0px 0px 0px 0px;}
.header-bottom__banner .owl-dots {position: relative;bottom: 0px !important;left: 0;width: 100%;text-align: center !important;margin-top: 18px !important;}
.about-section .image-3 {position: relative;right: 0;top: 30px;text-align: center;}	
.specialist {padding: 0px 0px;position: relative;top: -44px;}
.service-style-two {position: relative;display: block;}
.home {position: absolute;right: 12px;top: 10px;}
.button {display: inline;z-index: 999;}
.play {width: 150px;position: absolute;left: 50%;bottom: -18%;transform: translate(-50%, -50%);z-index: 10000;}
.play img {width: 140px !important;}
.modal-content {position: relative;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 80% !important;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 45px;outline: 0;left: 0;right: 0;margin: 0 auto;}
.story .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);padding-bottom: 0px;border-radius: 10px;}
.main-header .header-top .header-info li {position: relative;display: inline-block;margin-right: 15px;padding: 0px 0px 0px 22px;}
.principal-section .job {font-size: 18px;line-height: 18px;border: solid 2px #312F2C;position: relative;border-radius: 45px;padding: 30px;padding: 13px 30px 30px 30px;margin: 0px 0px;text-align: left;background: #ffd62f;}
.principal-section .message {padding: 50px 0px 0px;}
.scrolling-wrapper1 {overflow-x: auto;padding-top: 0px;padding-bottom: 20px;}
.flex-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important;}
.online {padding: 25px 20px 10px 20px;}
.online::before {left: 15px;top: 30px;}
.new {top: 0px;}
.enroll-top-box {background: url(../images/home/enroll-box.png);height: 435px;background-size: 125%;background-position: center;background-repeat: no-repeat;}
.enroll-top-box-text h3 {font: normal normal normal 28px / 34px Rubik;padding: 10px 20px;}
.enroll-top-box-text h3 {margin-bottom: 8px;}
.enroll-top-box-text p {margin-bottom: 30px;}
/* =========================
notice
============================ */
.notice {padding: 40px 0px 50px 0px;}
.notice .owl-theme .owl-nav .owl-prev {position: inherit;}
.notice .owl-theme .owl-nav .owl-next {position: inherit;}
.NoticeBoard .NoticeLeft {font-size: 30px;color: #FECC00;padding: 10px 10px;border-radius: 70px;width: 80px;height: 80px;margin-top: 6px;}
.NoticeBoard .month {color: #000;font-size: 16px;line-height: 24px;letter-spacing: 2px;}
.NoticeBoard .Noticeright {width: calc(100% - 0px);padding: 0px}
.NoticeBoard .NoticeLeft span {font-size: 10px;margin-bottom: 4px;font-weight: 400;}
.NoticeBoard .NoticeHead {font-size: 12px;padding: 10px 5px 0px 0px;line-height: 15px;}
.line-height {line-height: 15px;font-size: 12px;font-weight: 400;}
.NoticeBoard .slick-slide {min-height: 114px;}
.NoticeBoard .container {border-radius: 10px;padding: 0px 0px 0px 5px;}
.NoticeBoard .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);border-radius: 0px 0px 0px 0px;}
.NoticeBoard .title:after {height: 140px;width: 6px;border-radius: 50px;}
.NoticeBoard .title h2 {text-align: center;font: normal normal bold 26px / 26px Rubik;padding-right: 15px;}
.NoticeBoard-sec {width: 100%;padding: 50px 0 0px;}
.NoticeBoard .title {
	margin: 10px auto 20px;
	padding: 0px;
}
.NoticeBoard .NoticeHead {text-align: left;font: normal normal 500 18px / 20px Rubik;letter-spacing: 0px;color: #31403A;opacity: 1;padding-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 50px;margin-bottom: 5px;padding-right: 15px;}
.mobilerky-fixed {background: transparent;top: 0;}
.NoticeBoard .owl-theme .owl-nav .owl-next {bottom: 5px;left: 25px;height: 28px;line-height: 20px;width: 28px;position: relative;}
.NoticeBoard .owl-theme .owl-nav .owl-prev {position: relative;bottom: 5px;left: -30px;height: 28px;line-height: 20px;width: 28px;}
.NoticeBoard .owl-theme .owl-nav .owl-prev span img {height: 16px;}
.NoticeBoard .owl-theme .owl-nav .owl-next span img {height: 16px;}
.NoticeBoard {width: 100%;height: 730px;background: url(../images/notice-board.png);background-repeat: no-repeat;background-position: -80px 39px;padding: 226px 18px 0px 0px;background-size: 120%;margin: 0 auto;overflow: hidden;    }
    .NoticeBoard .view-all {
        padding: 27px 0px 5px 0px;
        margin-top: 0;
        font: normal normal normal 15px / 18px Rubik;
        text-align: center;
        width: 68px;
    }
.showcase {position: relative;height: 80vh;}
.overlap_one {
    text-align: center;
    font-size: 60px;
    font-weight: bold;
    position: relative;
    z-index: -1;
    color: #fff;
    top: 44px;
}
/* =========================
why-dwps
============================ */
.why-dwps .whydwps-box:before {background: transparent;content: "";margin: 0 auto;position: absolute;top: -12px;left: 0;bottom: 0;z-index: -1;height: 662px;width: 397px;background-size: contain;}
.why-dwps .whydwps-box .home-tabs {position: relative;z-index: 2;width: 50%;text-align: left;float: left;margin-right: 1%;}
.home-tabs #tabs-nav li a {font-size: 18px;transition: all .3s ease-out;}
.maxwd {padding: 0px 25px;max-width: 920px !important;}
.explore-dwps .item .text-box .cont p {font-size: 15px;letter-spacing: 0;line-height: 20px;margin-bottom: 12px;color: #fff;}
.explore-dwps .item .text-box {position: absolute;left: 0;bottom: 0;width: 100%;padding: 32px 15px;flex-direction: column;text-align: left;}
.explore-dwps .text-box h3 {text-align: left;font-size: 18px;}
.explore-dwps {padding: 50px 0px 60px;}
.why-dwps .whydwps-box {width: 98%;background:transparent linear-gradient(180deg, #048D58 0%, #056A43 51%, #045032 100%) 0% 0% no-repeat padding-box;border-radius: 80px;opacity: 1;height: 520px;float: right;color: #fff;padding: 44px 20px 0px;margin-right: 33px;}
.tabs-content-main {padding: 0px;background-color: #FFF;width: 46%;float: right;position: absolute;right: 0px;border-radius: 50px;height: 250px;object-fit: cover;overflow: hidden;top: 28%;}
.tab-content .text-box {padding: 35px 20px 30px;}
.enroll-top-box-text {position: absolute;top: 67%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;}
.count-up{margin-bottom: 20px;}
.enroll-green {z-index: -1;height: 310px;margin-top: -120px;}
.home-tabs #tabs-nav li a:hover {font-weight: 300;font-size: 18px;}
.counter {text-align: center;width: 100%;position: relative;left: 0;right: 0;bottom: 28px;margin: 0 auto;}
.explore-dwps .image-box {margin-bottom: 30px;width: 100%;height: 430px;}
/* =========================
achievements-birthday
============================ */
.achievements-birthday .flagcap img {width: 100%;}
.achievements-birthday .flagcap {position: absolute;bottom: 142px;right: 180px;z-index: 1;}
.achievements-birthday .balloon-left {position: absolute;top: 310px;left: 114px;z-index: 1;}
.achievements-birthday .balloon-right {position: absolute;top: 310px;right: 102px;}
.achievements-birthday .balloon-right img {width: 80%;}
.achievements-birthday .achievements {padding: 0px 0px 0px 0px;}
.fouricon-section-in .box {background: linear-gradient(0deg, rgb(125 223 185) 0%, rgba(255, 255, 255, 1) 50%);border-radius: 30px;opacity: 1;min-height: 200px;padding: 30px 20px;}
.achievements-birthday .flag {position: relative;top: 0;left: 14px;right: 0;height: 140px;}
.achievements-birthday {padding: 85px 0px 100px;}
.topper-section {padding: 0px 0px 50px;}
.topper-section .achievements {padding: 40px 0px 0px 0px;}
.topper-section .student-box {padding: 15px 70px;text-align: center;}
.topper-section .achievements .ach-text {padding: 10px 10px 0px;}
.ani-icon h3 {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
	letter-spacing: .5px;
}
/* =========================
others
============================ */
.student-box .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);border-radius: 45px;}
.service-style-two .inner-content {width: 100%;margin: 10px auto;padding-top: 10px;}
.pbc-0{padding:0px;}
.view-all {padding: 5px 10px 5px;margin-top: 0;font: normal normal normal 18px / 20px Rubik;text-align: center;}
.view-all:hover {padding: 5px 0px;margin-top: 0;font: normal normal normal 16px / 20px Rubik;text-align: center;}
.updated {text-align: left;font: italic normal normal 12px / 17px Rubik;letter-spacing: 0px;color: #31403A;opacity: 1;}
.hero-slider {position: relative;height: 580px;z-index: -1;overflow: hidden;}
.mm-hide {display: none !important}
.dd-hide {display: block !important}
.message .principal-photo img {
	width: 90%;
	height: auto;
}
.labbox .text-area p {color: #fff;line-height: 18px;font-size: 14px;display: none;}
/* new css end */
.lab-section .labbox {height: 250px;background-size: 100% !important;background-repeat: no-repeat !important;background-position: 0 center !important;}
.labbox .text-area {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;z-index: 100;width: 100%;padding: 10px;}
.more {margin-top: 40px;}
.principal-section .image-box {margin: 0px 0px 0px 0px;}
    .message .principal-photo {
        position: absolute;
        text-align: center;
        top: 0px;
        width: 35%;
        right: 0;
    }
.message .product-info-tabs {position: relative;display: block;margin-bottom: 0px;}
.message .massage-box {
	width: 70%;
	padding: 0px 15px;
}
.principal-section .message h1 {
	font: normal normal bold 26px / 30px Rubik;
	letter-spacing: 0.8px;
}
/* =========================
admissionn
============================ */
.admissionn-section .white-bg img {border-radius: 0px 0px 45px 45px;text-align: left;}
.admissionn-section {position: relative;display: block;padding: 0px 0px 50px;}
.admissionn-section .white-bg {border-radius: 15px;text-align: center;padding: 0px 0px;left: 0;right: 0;}
.fifty {margin: 10px;width: 280px;height: 60px;}
.about-section, .feature-section {padding: 40px 0px;}
.rksub {font-weight: bold !important;text-transform: uppercase;}
.main-slider.style-two .slide {padding-bottom: 175px;}
.fact-counter .counter-block {margin: 15px auto;max-width: 210px;width: 100%;}
.fact-counter {padding: 50px 0px;}

/* =========================
Gallery
============================ */
.gallery-section .gallery-box {padding: 0px 0px;}
.gallery-section-home {padding: 45px 0px 40px;}
.gallery-section-home .gallery-box img {height: 300px;overflow: hidden;}
.gallery-section .owl-theme .owl-nav .owl-prev {border-radius: 50px;position: absolute;top: 40%;left: -15px;height: 48px;}
.gallery-section .owl-theme .owl-nav .owl-next {border-radius: 50px;position: absolute;top: 40%;right: -15px;height: 48px;}
.gallery-section .ach-text {padding: 10px 10px 0px;position: relative;transform: translate(-50%, -50%);top: 48%;left: 50%;width: 100%;}
.gallery-section .subgallery {padding: 30px 0px 0px;background: #f6f6f1;}
.gallery-section-home .ach-text .title h6 {text-align: center;font: normal normal 300 16px/19px Rubik;letter-spacing: 0.8px;color: #31403A;text-transform: uppercase;opacity: 1;margin-bottom: 8px;}
.gallery-section-home .ach-text .title h2 {text-align: center;font: normal normal normal 36px/36px Rubik;letter-spacing: 0.9px;color: #056A43;text-transform: uppercase;opacity: 1;margin-bottom:10px;}
.gallery-section-home .ach-text .title p {text-align: center;font: normal normal normal 16px/19px Rubik;letter-spacing: 0.8px;color: #31403A;text-transform: uppercase;opacity: 1;}
.gallery-section-home .ach-text {padding: 0px 20px 0px;position: absolute;transform: translate(-50%, -50%);top:50%}
.gallery-section-home .d-hide {display: none !important;}
.gallery-section-home .m-hide {display: block !important;}
.gallery-section-home .gallery-box {padding: 0px 0px;overflow: hidden;}
/* =========================
Testimonial 
============================ */
.testimonial-section {position: relative;display: block;padding: 30px 0px 40px;overflow: hidden;}
.testimonial-video .testimonial-column .testimonial-content {padding-left: 30px;}
.testimonial-section .balloon-left img {width: 100%;}
.testimonial-section .balloon-right img {width: 100%;}
.testimonial-section .student-slide {margin: 0 auto;padding: 15px 50px;}
.testimonial-video-carousel-carousel .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);border-radius: 45px 0px 0px 45px;}
.testimonial-section .parent .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);border-radius: 0px;}
.testimonial-section .balloon-left {position: absolute;top: 140px;left: -45px;}
.testimonial-section .balloon-right {position: absolute;top: 140px;right: -45px;}
.testimonial-section .parent {padding-top: 15px;}
.testimonial-section .birthday {padding: 80px 30px 0;}
.testimonial-section .owl-dots {position: inherit;width: 100%;right: 0;bottom: -30px;text-align: center !important;}
.testimonial-video .testimonial-column .testimonial-content {padding: 65px 30px 20px 30px;}
/* =========================
Footer 
============================ */
.main-footer .footer-top .contact-widget {margin-bottom: 30px;padding: 0px 22px;}
.main-footer .copyright {font-size: 12px;margin-top: 70px}
.footer-top {padding: 0px 0px 0px 0px;background-size: 200%;}
.footer-logo h4 {font-size: 16px;font-weight: 400;}
.footer-logo {text-align: center;margin-bottom: 50px;padding: 0px 0px;}
.footer-logo img {width: 20%;margin-bottom: 20px;}
.logo-footer .footer-logo {position: absolute;width: 100%;top: -180px;margin: 0 auto;left: 0;right: 0;padding: 20px;}
.logo-footer .logo-text {position: relative;top: 395px;width: 88%;margin: 0 auto;left: 0;right: 0;}
.custom-scroll {display: flex;overflow-x: auto;flex-wrap: nowrap;}
.custom-scroll .col-10 {min-width: 300px;padding-right:0px}
.teln {color: #000 !important;background: transparent !important;padding: 15px 10px !important;}
.tab-content img {object-fit: cover;height: 260px;width: 100%;}
.junior-wing {margin-top: 20px;}
}

@media screen and (max-width: 767px) {	
    .vdtm {
    margin-top: -198px !important;
}
header {padding: 0;top: 0px;min-height: 60px;position: fixed;z-index: 1000;width: 100%;}
    header .nav-bg {
        min-height: 64px;
        padding: 4px 0px;
        height: 102px;
        width: 100%;
        text-align: center;
        background: url(../images/mobile_hbg.svg);
        background-size: contain;
        background-position:right 3px;
        background-repeat: no-repeat;
    }
    .admissionn-section-pre-w {
    padding: 1px 0px 10px !important;
    opacity: 1 !important;
}
    .faci-junior .skli {
    margin: 10px 0 !important;
    padding: 10px 5px !important;
    color: #12215c !important;
    font-size: 14px;
    line-height: 18px;
}
.faci-junior .subtitle1 {
    text-align: left;
    font: normal normal 500 25px / 26px Rubik !important;
    color: #13225c;
    opacity: 1;
    margin-top: 0px;
    margin-bottom: 10px;
}

.gallery-section-home .subgallery h6 {
    text-align: center;
    color: #12215c;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
}
.f14 {
    font-size: 12px;
}
.lg-actions .lg-prev {
    left: -60px;
}
.lg-actions .lg-next {
    right: -60px;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    
    font-size: 30px;
   
}


header .nav-logo {position: absolute;top: 5px;padding-left: 0px;}
header .nav-logo img {width: 90%}
header .Subtraction {right: 75px;top: 12px;position: absolute;width: auto;height: auto;}
header .Subtraction img {height: 30px}
header .call {font-size: 12px;color: #471B0D;line-height: 26px;text-align: right;font-family: 'Rubik', sans-serif;padding: 0px 6px 0px;}
header .call a img {height: 36px}
.mobilerky {display: block;}
.wrap {width: 100%;margin: 0 auto;padding:40px 10px 0px 10px;}
.navigation.is-sticky {display: none;}
.main-slider.style-two .slide {padding-bottom: 175px;}
.showcase {position: relative;height: 75vh;}
.video-container video {
    width: 100%;
}
.banner-text {
	top: 64%;
	padding-left: 0px;
	width: auto;
}
.banner-text h1 {font-size: 32px;line-height: 34px;}
.banner-text h4 {font-size: 16px;color: #fff;font-weight: 300;}
.banner-video {width: 250%;position: absolute;left: -50%;}
.nav-bg {display: block !important}
.subscription .add-email {position: absolute;top: 0;left: 0;width: 100%;height: 78%;border: none;outline: none;padding: 0 14px;border-radius: 28px;}
.subscription .submit-email {position: absolute;top: 0;right: 0;height: calc(100% - 15px);width: 100px;border: none;border-radius: 60px;outline: none;margin: 1px;padding: 0 20px;cursor: pointer;background: #cc2f34;color: #FFFFFF;transition: width .35s ease-in-out, background .35s ease-in-out;}
.login {background: #EF7F1A;padding: 16px 15px;border-radius: 0px 15px 16px 0px;position: absolute !important;right: 10px;top: -4px;color: #fff;text-transform: uppercase;width: 66px;height: 64px;}
.login img {height: 32px}
.btn-open:after {content: '';background: url(../images/icons/menu.svg) center top no-repeat;width: 30px;height: 30px;background-size: 100%;position: absolute;top: 14px;right: 55px;}
.btn-close:after {content: '';background: url(../images/icons/m-close.svg) center top no-repeat;width: 30px;height: 30px;background-size: 100%;position: absolute;top: 14px;right: 55px;}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background: #E6E6E6 url(../images/icons/bg-style.svg);
	overflow: auto;
	z-index: 991;
	border-top: 68px solid #E6E6E6;
	background-position: bottom right;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}
.junior-wing .title {
    margin: 0 auto 0px;
    width: 100%;
    text-align: center;
}
.rkk {padding: 0px 25px}
.rk ul li {display: block;border-right: 0px solid #fff;padding: 2px 10px;text-align: left;font-size: 16px;color: #12215c;font-family: 'Rubik', sans-serif;}
.rk ul li a {font-size: 16px;color: #12215c;font-family: 'Rubik', sans-serif;text-align: left;font-weight: 400;}
.myaccordion .card-header {padding: 2px 10px;}
.myaccordion .card-body ul li a {
    font-size: 16px;
    color: #12215c;
    font-family: 'Rubik', sans-serif;
    text-align: left;
    font-weight: 400;
}
.wrap p {color: #12215c !important;padding: 5px 0 0;font-family: 'Rubik', sans-serif;font-size: 15px;letter-spacing: .5px;}
.story .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);padding-bottom: 0px;border-radius: 10px;}
.header-bottom__banner .owl-dots {position: relative;bottom: 0px !important;left: 0;width: 100%;text-align: center !important;margin-top: 18px !important;}
.header-bottom__banner .owl-dots {position: relative;bottom: 100px !important;left: 71px;width: 100px;}
.home {position: absolute;right: 12px;top: 10px;}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: -32px;text-align: left;}
.overlap_one {
    font-size: 40px;
    top: 60px;
    line-height: 36px;
}
.explore-dwps .item .image-box .expimg {
    min-height: 390px;
}
.fouricon-section-in1 p {
    text-align: center;
    font-family: Rubik;
    letter-spacing: 0px;
    color: #ffff;
    text-transform: uppercase;
    opacity: 1;
    line-height: 25px;
    font-weight: 400;
    font-size: 14px;
}
.fouricon-section-in1 .box img {
    margin-bottom: 24px;
}
.fouricon-section-in1 .box {
    background: #327AFE;
    border-radius: 8px;
    opacity: 1;
    min-height: 178px;
    padding: 20px;
    margin-bottom: 35px;
}
    .explore-dwps .text-box h3 {
        text-align: left;
        font-size: 18px;
    }
   .explore-dwps .title p {
    text-align: center;
    font: normal normal 300 16px / 24px Rubik;
    letter-spacing: 0; 
}
/* =========================
Other 
============================ */
.pd-0 {padding: 0px;}
.specialist-content {min-height: 780px;padding: 220px 0px 190px 15px;background-position: -60px 0px;}
.specialist h2 {font-size: 20px;color: #fff;}
.pt-4 {padding-top: 1.0rem !important;}
.sp-text {font-weight: 500;font-size: 14px;line-height: 20px;}
.know-more {margin: 32px 0px 28px 0px;}
.know-more span {align-items: center;background: #f7f2ed;border-radius: 40px;display: flex;justify-content: center;height: 100%;transition: background .5s ease;width: 100%;}
.specialist {padding: 0px 0px;position: relative;top: -44px;}
.bottom-btn-in ul {position: absolute;left: 0;right: 0;top: 11px;}	
    .bottom-btn-in ul li {
        display: inline;
        padding: 0px 14px 4px;
        border-right: 1px solid #2c76f4;
    }
.bottom-btn-in ul li img{height:24px}	
.service-style-two {position: relative;display: block;}
.button {display: inline;z-index: 999;}
.play {width: 150px;position: absolute;left: 50%;bottom: -18%;transform: translate(-50%, -50%);z-index: 10000;}
.play img {width: 140px !important;}
.modal-content {position: relative;display: flex;flex-direction: column;width: 94% !important;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 45px;outline: 0;left: 0;right: 0;margin: 0 auto;}
.rkw{max-width: 94%;}
.main-header .header-top .header-info li {position: relative;display: inline-block;margin-right: 15px;padding: 0px 0px 0px 22px;}
.principal-section .job {font-size: 18px;line-height: 18px;border: solid 2px #312F2C;position: relative;border-radius: 45px;padding: 30px;padding: 13px 30px 30px 30px;margin: 0px 0px;text-align: left;background: #ffd62f;}
.scrolling-wrapper1 {overflow-x: auto;padding-top: 0px;padding-bottom: 20px;}
.flex-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important;}
.online {padding: 25px 20px 10px 20px;}
.online::before {left: 20px;top: 25px;}
.new {top: 0px;}
/* =========================
Notice 
============================ */
.notice {padding: 40px 0px 50px 0px;}
.notice .owl-theme .owl-nav .owl-prev {position: inherit;}
.notice .owl-theme .owl-nav .owl-next {position: inherit;}
.NoticeBoard-sec {width: 100%;padding: 0px 0 0px;}
.NoticeBoard {width: 100%;height: 730px;background: url(../images/notice-board.png);background-repeat: no-repeat;background-position:-445px 30px;padding: 192px 0px 0px 0px;background-size: 290%;margin: 0 auto;overflow: hidden;}
.NoticeBoard .view-all {padding: 5px 16px;display: block;margin-top: 10px;text-align: right;font: normal normal normal 16px / 19px Rubik;letter-spacing: 0px;color: #fff;opacity: 1;width: 180px;margin: 0;}
.NoticeBoard .title {margin: 0 auto 10px;width: 100%;text-align: center;padding-right: 0px;}
.NoticeBoard .title h2 {
        text-align: center;
        font: normal normal bold 26px / 26px Rubik;
        letter-spacing: 0.8px;
        color: #fff;
        text-transform: uppercase;
        opacity: 1;
        padding-bottom: 0px;
    }
.about-section-home ul li {display: flex;}
.about-section-home p {text-align: left;font: normal normal normal 16px / 24px Rubik; letter-spacing:0px;}
    .about-section-home h3 {
        text-align: left;
        font: normal normal 500 26px / 30px Rubik;
    }
.NoticeBoard .owl-theme .owl-nav .owl-prev {border-radius: 50px;position: relative;top: -32px;left: 40px;height: 28px;width: 28px;line-height: 20px;margin: 2px;}
.NoticeBoard .owl-theme .owl-nav .owl-next {border-radius: 50px;position: relative;top: -32px;left: 40px;height: 28px;width: 28px;line-height: 20px;margin: 2px;}
.NoticeBoard .owl-theme .owl-nav .owl-prev span img {height: 15px;}
.NoticeBoard .owl-theme .owl-nav .owl-next span img {height: 15px;}
.NoticeBoard .NoticeLeft {font-size: 30px;color: #FECC00;padding: 10px 10px;border-radius: 70px;width: 80px;height: 80px;margin-top: 6px;}
.NoticeBoard .month {color: #000;font-size: 16px;line-height: 24px;letter-spacing: 2px;}
.NoticeBoard .Noticeright {width: calc(100% - 0px);padding: 0px}
.NoticeBoard .NoticeLeft span {font-size: 10px;margin-bottom: 4px;font-weight: 400;}
.NoticeBoard .NoticeHead {font-size: 14px;padding: 5px 5px 0px 0px;line-height: 18px;height: 40px;}
.line-height {line-height: 15px;font-size: 12px;font-weight: 400;}
.NoticeBoard .slick-slide {min-height: 70px;padding: 10px 0px;line-height: 15px;}
.notice-block-two {padding: 10px 0px 15px 15px;border-right: 0px solid #ccc;margin-right: 0px;min-height: 65px;}
.NoticeBoard .container {border-radius: 10px;padding: 0px 0px 0px 0px;}
.updated {text-align: left;font: italic normal normal 12px / 17px Rubik;letter-spacing: 0px;color: #31403A;opacity: 1;}
.mm-hide {display: none !important}
.dd-hide {display: block !important}
.message .principal-photo img {
	height: auto;
	width:70%
}
.achievements-birthday .title h3 {
    text-align: center;
	font: normal normal bold 26px / 30px Rubik;
	letter-spacing: 0.8px;

}
.testimonial-section .title h3 {
    text-align: center;
    font: normal normal bold 24px / 30px Rubik;
    letter-spacing: 0.5px;
}
.labbox .text-area p {color: #fff;line-height: 18px;font-size: 14px;display: none;}
.service-style-two .inner-content {width: 100%;margin: 10px auto;}
.pbc-0{padding:0px}
.about-section-home ul {margin: 25px 0px 15px;}
/* =========================
About
============================ */
.about-section .content-box p {line-height: 24px;}
.about-section, .feature-section {padding: 0px 0px;}
.about-section .image-box {position: relative;display: block;margin: 0px 0px 0px 0px;}
.about-section .image-box .image-1 {position: relative;display: block;border-radius: 30px;left: 0px;width: 50%;float: left;padding-top: 84px;padding-right: 15px;}
.content-box {position: relative;padding-top: 20px;padding-bottom: 0px;}
.more {margin-top: 40px;}
.about-section ul {
    margin: 25px 0px 0px;
}
.about-section-in {padding: 50px 0px 30px 0px !important;}
.about-section .image-3 {position: relative;right: -15px;top: 25px;}
.about-section ul li {padding: 5px 0px 5px 31px;}
.moto-section .image-box {position: relative;display: block;margin: 0px 0px 0px 0px;}
.page-title .content-box p {color: #fff;padding-top: 10px;font-size: 14px;font-weight: 300;line-height: 22px;}
.page-title .content-box h1 {line-height: 34px;}
.aim-vision-mission .box {
    border-radius: 12px;
    padding: 20px;
}
.subtitle-new1 {
    font-family: 'Noto Serif Devanagari', serif;
    font-size: 2.2rem;
	margin: 40px 0 10px;
}
.subtitle-new1::after {
    content: "";
    display: block;
    width: 100px;
    height: 5px;
}
.aim-vision-mission {
    padding:20px 0px 30px 0px;
    text-align: center;
}
.counter-box h3
 {
    font-size: 40px;
    color: #fff;
}
.counter-section {
  padding: 50px 0;
  text-align: center;
}
.counter-section {
    position: relative;
    width: 100vw;
    height: 60vh;
 }
 .counter-section .title {
    margin: 0 auto 10px;
    width: 100%;
    text-align: center;
}
.counter-box {
        padding: 20px 10px 30px;
        border-radius: 12px;
        transition: 0.3s ease;
}
.counter-box h3 {
    font-size: 38px;
    color: #fff;
}
 .counter-section .title h2 {
    text-align: center;
    font: normal normal 700 26px / 26px Rubik;
 }
.counter-section .title p {
    text-align: center;
    font: normal normal 300 16px / 24px Rubik;
    color: #fff;
    text-transform: none;
    opacity: 1;
    letter-spacing: 0;
    padding: 0px 0px;
}
.explore-dwps .title h2 {
    text-align: center;
	font: normal normal bold 26px / 26px Rubik;
	letter-spacing: 0.8px;
    color: #0090FF;
    text-transform: uppercase;
    opacity: 1;
    padding-bottom: 0px;
    line-height: 40px;
}
.btn-enroll {
    background: #51C4FF;
    padding: 12px 10px;
}
.btn-learnmore {
    padding: 0px 10px;
    margin-left: 10px;
    margin: 34px auto 0px;
}
.prm-0{padding-right:0px}
.fouricon-section-in0 {
    top: -90px;
}
.bottom-btn {width: 100%;height: 106px;}
.scroll-top.open {bottom: 78px;right: 20px;}
.principals-right .title-sm {font-size: 16px; }
.principal-section .image-box {margin: 0px 0px 0px 0px;}
.principal-section .message {padding: 50px 0px 0px;}
.message .principal-photo {
	position: relative;
	text-align: center;
	top: 0px;
	width: 100%;
	left: 0;
	right: 0;
}
.junior-wingin .title h2 {
    text-align: center;
    font: normal normal 700 32px / 40px Rubik;
}
.message .product-info-tabs {position: relative;display: block;margin-bottom: 0px;}
.message .massage-box {width: 100%;padding: 0px 0px;}
.facilities .title h3 {font: normal normal bold 26px / 30px Rubik;letter-spacing: 0.8px;margin-bottom: 10px;padding:0px 20px}
.facilities .title p {padding:0px 10px;margin-top: 10px;font: normal normal 300 16px / 24px Rubik;}
.facility-text-box h4 {padding-top: 0px;font-size: 18px;}
    .facilities {
        padding: 10px 0px 10px;
        margin-top: -20px !important;}

.facilities .topper-block-two .facpd {margin-top: 50px !important;}
.facilities .owl-carousel .owl-item img {display: block;width: 100%;border-radius: 15px;}
.facility-text-box {margin-top: -24px;padding: 4px 10px;position: relative;z-index: 1000;}
.facilities .image-wrapper {position: relative;display: inline-block;}
.facilities .image-wrapper::before {content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 120px;pointer-events: none;transition: all .3s ease-out;background: linear-gradient(180deg, rgba(24, 66, 107, 0) 0, #000000c7 100%);
border-radius: 0px 0px 8px 8px;z-index: 0;}
.facility-text-box p {
    font: normal normal normal 12px / 14px Rubik;
}
.facility-text-box .play-blue img {
           height: 40px;
        /* margin-left: -11px; */
        margin-top: 9px;
}
.principal-section {
    position: relative;
    display: block;
    background: #12215C;
    padding: 0px 0px 0px;
    margin-top: 0px;
    min-height: 630px;
	background-position: bottom !important;
	background-size: 100% !important;
}
.play-blue,
.facility-text-box {
    position: relative;  /* position dena जरूरी है warna z-index काम नहीं करेगा */
    z-index: 0;          /* navbar ke neeche rahega */
}
.hostel-text p {
    font-size: 21px;
    margin: 10px 0 20px;
    color: #2979ff;
    text-align: center;
    font-weight: 500;
    margin-top: 0px;
}
.facilities p a {
    color: #007bff;
    text-transform: uppercase !important;
    font-size: 18px;
    display: block;
    text-align: center;
}
.topper-top-box .topper-slider .topper-block-two h4 {
	text-align: left;
	margin-top: 0px;
	padding-right: 20px;
	line-height: 18px;
	font-size: 12px;
	letter-spacing: .5px;

}
.topper-top-box .topper-slider .topper-block-two h3 {
    text-align: left;

}
.topper-slider p {
    color: #5EC8FF;
    font: normal normal 500 18px / 16px Rubik;
    text-align: left !important;
    padding-bottom: 10px;
}
.hostel-text {
    flex: 1;
    padding: 20px 20px 20px 25px;
}
/* =========================
Gallery
============================ */
.lab-section .labbox {min-height: 260px !important;background-size: 100% !important;background-repeat: no-repeat !important;background-position: 0 center !important;}
.labbox .text-area {position: absolute;transform: translate(-50%, -50%);top: 62%;left: 50%;z-index: 100;width: 100%;padding: 10px;}
.gallery-section-home .gallery-box {padding: 0px 0px}
.gallery-section-home .ach-text {padding: 10px 0px 0px;transform: translate(-48%, 0%);top: 0%;left: 50%;width: 88%;position: relative;}
.gallery-section-home .owl-theme .owl-nav .owl-prev {top: 42%;}
.gallery-section-home .owl-theme .owl-nav .owl-next {top: 42%;}
.gallery-section .gallery-box {padding: 0px 0px;}
.gallery-section .owl-theme .owl-nav .owl-prev {border-radius: 50px;position: absolute;top: 40%;left: -15px;height: 48px;}
.gallery-section .owl-theme .owl-nav .owl-next {border-radius: 50px;position: absolute;top: 40%;right: -15px;height: 48px;}
.gallery-section .ach-text {padding: 25px 10px 0px;position: relative;transform: translate(-50%, -50%);top: 48%;left: 50%;width: 100%;}
.gallery-section .subgallery {padding: 30px 0px 0px;}
.gallery-section-home .subgallery h4 {font-size: 14px;margin-top: 10px;}
.gallery-section-home {position: relative;display: block;padding: 50px 0px 50px;overflow: hidden;background-size: 100% !important;}
.gallery-section-home .title h2 {font: normal normal bold 26px / 26px Rubik; letter-spacing: 0.8px;}
.gallery-section-home .title p {font: normal normal normal 14px / 18px Rubik;letter-spacing: 0.5px;}
.gallery-section-home .subgallery img {border-radius: 25px;width: 100%;}
.back {position: relative;display: block;top: 0px;left: 0px;width: 150px;}
.gallery-section-home .gallery-box img {border-radius: 8px;height: 250px;}
.gallery-section-home .owl-carousel .owl-stage-outer {border-radius: 8px;}
.gallery-section-home .d-hide {display: none !important}
.gallery-section-home .m-hide {display: block !important}
/* =========================
Achievements Birthday Sec
============================ */
.achievements-birthday {position: relative;display: block;padding: 50px 0px 30px;overflow: hidden;}
.achievements-birthday .achievements {padding: 40px 0px 0px 0px;}
.achi-block-two img {height: 270px;object-fit: cover;}
.achi-block-two h6 {text-align: left;font: normal normal 600 20px / 28px Rubik;margin-top: 5px;padding: 0px 20px;}
.achievements-birthday .flag {position: relative;top: 0px;left: 14px;right: 0;height: 120px;}
.achievements .owl-theme .owl-nav .owl-prev {top: 36%;left: 100px;height: 30px;line-height: 22px;width: 30px;}
.achievements .owl-theme .owl-nav .owl-next {top: 35%;right: -94px;height: 30px;width: 30px;}
.achievements-birthday .student-slide .birthday-block-two img {border-radius: 30px;height: 240px;object-fit: cover;}
.achievements-birthday .flagcap img {width: 85%;}
.achievements-birthday .flagcap {bottom: 158px;right: 0;z-index: 1;left: 0px;margin: 0 auto;text-align: center;width: 100%;}
.achievements-birthday .balloon-left {position: absolute;top: 186px;left: -33px;}
.achievements-birthday .balloon-right {position: absolute;top: 190px;right: -50px;}
.birthday-block-two{padding:0px 15px}
.achievements-birthday .achievements .ach-text {padding: 20px 30px;}
.achievements-birthday .flag {position: relative;top: -20px;left: 0px;right: 0;height: 95px;width: 100%;}
.achievements-birthday h3 {text-align: center;font: normal normal normal 30px / 36px Rubik;}
.achievements .owl-theme .owl-nav {
    left: 10px;
    width: 100px;
}
.achievements-birthday .student-slide .birthday-block-two p {margin-top: 5px;}
.achievements-birthday .title {
    padding: 0px 0px;
}
.certificate {
	padding: 0px 0px 0px 0px;
}
.certificate .owl-theme .owl-nav .owl-prev {
top: 35%;
	left: 48px;
}
.certificate .owl-theme .owl-nav .owl-next {
	top: 35%;
	right: -44px;
}
.certificate .owl-theme .owl-nav {
    margin-top: 10px;
    position: relative;
    margin: 0 auto;
    left: 0;
    width: 137px;
    z-index: -1;
    top: 30px;
}
.achievements-birthday .certificate .ach-text {
    padding: 0px 30px;
    text-align: right;
    width: 200px;
}
.admissionn-section .call-info {
    margin-top: 24px !important;
	margin-bottom: 20px !important;
}
.achievements-birthday .title p {
    text-align: center;
    font: normal normal 300 16px / 24px Rubik;
}
/* =========================
Testimonial 
============================ */
.testimonial-section .student-slide {margin: 0 auto;padding: 15px 50px;}
.testimonial-video-carousel-carousel .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);border-radius: 45px 0px 0px 45px;}
.testimonial-section .parent .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);border-radius: 0px;}
.testimonial-section .balloon-left {position: absolute;top: 140px;left: -45px;}
.testimonial-section .balloon-right {position: absolute;top: 140px;right: -45px;}
.testimonial-section .parent {padding-top: 15px;}
.testimonial-section .birthday {padding: 80px 30px 0;}
.testimonial-section .owl-dots {position: inherit;width: 100%;right: 0;bottom: -30px;text-align: center !important;}
.testimonial-section {position: relative;display: block;padding: 0px 0px 50px;overflow: hidden;}
.testimonial-video .testimonial-column .testimonial-content {padding: 65px 30px 20px 30px;}
.testimonial-section .ptm {border-radius: 50%;height: 130px;width: 130px;margin: 0 auto;background: #fff;float: inherit;}
.testimonial-section .parent .play-btn {position: relative;transform: translate(-50%, -50%);top: -15px;left: 66%;}
.testimonial-section .ptm img {object-fit: cover;overflow: hidden;border-radius: 50%;height: 130px;}
.topers-class-x img {height: 150px;}
/* =========================
Admissionn
============================ */
.admissionn-section .white-bg img {border-radius: 0px 0px 45px 45px;text-align: left;}
.admissionn-section {position: relative;display: block;padding: 0px 0px 50px;overflow: visible;}
.admissionn-section .white-bg .adm-text span {font: normal normal normal 13px / 17px Rubik;padding-top: 10px;}
.admissionn-section .work {        
font-size: 26px;
width: 100%;
padding: 4px 20px;
line-height: 28px;
}
.admissionn-section .white-bg {border-radius: 15px;text-align: center;padding: 111px 15px;}
.admissionn-section .white-bg .adm-text {position: absolute;transform: translate(-50%, -50%);top: 37%;left: 50%;}
.admissionn-section .title {position: relative;transform: inherit !important;top: 0 !important;left: 0 !important;}
.fifty {margin: 0px 20px 30px 20px;width: 280px;height: 30px;}
.fifty50 {float: left;width: 104px;text-align: center;font: normal normal bold 30px / 56px Rubik;letter-spacing: 2.5px;color: #FFCC00;text-transform: uppercase;opacity: 1;padding-left: 50px;}
.fiftytext {width: 145px;padding: 14px 0px 0px 10px;float: left;text-align: center;font: normal normal 300 13px / 13px Rubik;}
.titlesec{padding-bottom: 20px;}
.teln{color:#000 !important; background:transparent !important;padding: 15px 10px !important;}

/* =========================
Admissionn
============================ */
.objective-section .boxmain {padding: 60px 4px 0px;}
.main-header .header-top .social-links {float: none;display: block;text-align: center;margin-bottom: 10px;}
.main-header .header-top .header-info {float: none;display: block;text-align: center;}
.bottom-btn-in {background-size: 112%;height: 50px;}
.bottom-btn-in {
	height: 53px;
	border-radius: 5px;
	position: fixed;
	bottom: 15px;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 270px;
}
.event-section,.news-section {padding: 64px 0px 40px 0px;}
.rksub {font-weight: bold !important;text-transform: uppercase;}
.fouricon-section-in .box img {margin-bottom: 18px;}
.fouricon-section-in .box {background: linear-gradient(0deg, rgb(125 223 185) 0%, rgba(255, 255, 255, 1) 50%);border-radius: 30px;opacity: 1;min-height: 187px;padding: 25px;margin-bottom: 30px;}
.container-fluid {padding: 0px 0px;width: 92%;}
/* about */

.labbox .text-area h4 {font-size: 16px;}
.why-dwps .whydwps-box {
	width: 100%;
	margin: 14px 0px 42px 0px;
	border-radius: 40px;
	padding: 40px 20px 0px 20px;
	height: 580px;
}
.why-dwps .whydwps-box {width: 100%;margin: 14px 0px 42px 0px;border-radius: 40px;padding: 50px 20px 0px 20px;height: 580px;}
.why-dwps .whydwps-box .home-tabs {position: static;width: 100%;}
.why-dwps .whydwps-box .home-tabs p {margin-bottom: 5px;}
.why-dwps .whydwps-box:before {background: transparent;content: "";margin: 0 auto;position: absolute;top: 0;left: 0;bottom: 0;z-index: -1;height: auto;width: 100%;background-size: cover;background-position: -120px 0;}
.tabs-content-main {width: 100%;height: 230px;position: relative;border-radius: 25px;top: 0;}
.facility-text-box::before {bottom: 77px;width: 100%;height: 121px;border-radius: 0px 0px 30px 30px;}
.home-tabs #tabs-nav li a:hover {font-weight: 400;font-size: 18px;}
.home-tabs ul#tabs-nav {padding: 5px 5px 20px;}
.home-tabs ul#tabs-nav li {padding: 8px 0px;}
.why-dwps {padding: 0px 0px 90px;}
.maxwd {padding: 0px 15px;}
.tab-content .text-box {position: absolute;z-index: 2;padding: 30px 30px 30px;max-height: 100%;}
.tabs-content-main {width: 100%;height: 230px;position: relative;border-radius: 30px;top: 0;}
.tab-content .text-box .button {font: normal normal normal 16px / 20px Rubik;padding: 10px 10px;}
.explore-dwps .title {margin: 0 auto 20px;width: 100%;text-align: center;}
.explore-dwps .item {margin-bottom: 15px;    margin-right: 0;}
.explore-dwps{padding: 50px 0px 30px;}
.explore-dwps .image-box {height: 390px;}
.enroll-top-box-text h3 {margin-bottom: 20px;font: normal normal normal 24px / 32px Rubik;}
.enroll-top-box-text p {width: 90%;}
.enroll-top-box {background: url(../images/home/enroll-box-mobile.webp);background-repeat: no-repeat;background-position: center bottom;height: 534px;position: relative;background-size: cover;}
.enroll-green {position: relative;z-index: -1;height: 374px;background: transparent linear-gradient(270deg, #048C57 0%, #056D45 46%, #045132 100%) 0% 0% no-repeat padding-box;opacity: 1;margin-top: -170px;}
.count-up h3 {font: normal normal 300 16px / 24px Rubik;white-space: normal;}
.count-up{margin-bottom:25px}
.counter {width: 100%;padding-top: 10px;bottom: 0px;}
.counter-count-text {text-align: center;font: normal normal 300 50px/60px Rubik;letter-spacing: 2.5px;color: #FFCC00;opacity: 1;position: relative;text-align: center;display: inline-block;}
.enroll-top-box-text {width: 100%;padding: 30px 15px;background-size: 900px;top: 68%;}
.objective-section .box {font-size: 15px;line-height: 18px;padding: 25px 15px;}
.objective-section .box p {font-size: 16px;line-height: 18px;}
.myaccordion .card-body ul li{margin:0px;}
.dropdown-content-enroll {display: none;position: absolute;background-color: #fff;min-width: 188px;z-index: -1;top: -60px;border: 1px solid #574426;left: 3px;border-radius: 5px 5px 0px 0px;}
.line-height{font-size:11px;}
.dropdown-content-enroll {display: none;position: absolute;background-color: #fff;min-width: 167px;z-index: -1;top: -60px;border: 1px solid #574426;left: 3px;border-radius: 5px 5px 0px 0px;}
.review-section {padding: 0px 0px 0px;}

.std-two {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0px;
	padding-top: 5px;
}
.enroll-section .box {
    background: #327AFE;
    border-radius: 10px;
    padding: 20px 20px 0px 20px;
    margin: 40px 0px;
	background-position: bottom right !important;
    background-size: 100% !important;background-repeat: no-repeat !important;
}
.enroll-section .box h3 {
	font-size: 34px;
	line-height: 36px;
	padding-right: 0px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.enroll-section .box h6 {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin-top: 10px;
}
.enroll-section .box h6 span {
	font-weight: bold;
	color: #fff;
	display: inline-flex;
	margin-top: 2px;
	margin-bottom: 10px;
	font-size: 14px;
}
.std-two img {
    height: auto;
}

.video-section img {
	border-radius: 8px;
	object-fit: cover;
	height: 190px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 35px;
}
.videoplay2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.videoplay2 img{ height: 50px !important; width: 50px !important;}
.video-section-sports{
    position: absolute;
    top: -17%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 650px;
}
.video-section-sports img {
	border-radius: 8px;
	object-fit: cover;
	height: 190px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 35px;
}

/* =========================
Footer
============================ */
.main-footer {padding: 130px 0px 100px 0px;}
.footer-top {padding: 0px 0px 0px 0px;background-size: 200%;}
.copyright-text {
	color: #12215c;
	font-size: 11px;
	padding:0px  15px;
	padding-bottom: 10px;
	text-align: center;
	line-height: 16px;
}
.copyright-text a {color: #12215c;}
.footer-logo {text-align: center;margin-bottom: 50px;padding: 0px 0;}
.main-footer .copyright {font-size: 12px;margin-top: 20px}
.main-footer .footer-top .contact-widget {margin-bottom: 30px;padding: 0px 10px;}
.main-footer .footer-top .widget-title {padding-bottom: 10px;margin-bottom: 0;}
.main-footer .link-widget .widget-content li a {padding: 0px 0px 0px 0px;}
.logo-footer .logo-text {position: absolute;top: 188px;width: 88%;margin: 0 auto;left: 0;right: 0;}
.footer-logo img {width: 80%;margin-bottom: 20px;}
.footer-logo h3 {
	font: normal normal bold 26px / 30px Rubik;
	margin-bottom: 10px;
	padding: 0px 20px;
	letter-spacing: 0.8px;
}
.linkbtn a img {
    margin-left: 6px;
    height: 12px;
}
.linkbtn a {
    padding: 10px 12px;
    margin-bottom: 16px;
}
.custom-scroll {display: flex;overflow-x: auto;flex-wrap: nowrap;}
.custom-scroll .col-10 {min-width: 300px;padding-right:0px}
/**---------------------- review section ---------------------------  **/
.review-section{padding:0px 0px 30px;}
.review-section .img{margin-bottom:30px}
.review-section .text-center{text-align:center !important}
.review-section .text-left{text-align:right !important}
.review-section .text-right{text-align:left !important}
.enroll-box-bottom {display: block;}
.enroll-section {padding: 0px 0px 0px;}
.tab-content img {object-fit: cover;height: 250px;width: 100%;}
.facilities .topper-block-two {
    padding: 0px 10px 0 10px;
}
.fmain{padding: 80px 0px 100px 0px !important;}
    .video-section {
        position: relative;
        top: -10%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 91%;
    }
    .video-section-sports {
        position: absolute;
        top: -2.9%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 90%;
    }
.page-title-in {
    padding: 150px 0px 170px 0px !important;
}
.pt200 {
    padding-top: 110px !important;
}
.pt100 {
	padding-top: 100px !important;
}
.title p {
    text-align: center;
    font: normal normal 300 16px / 24px Rubik;
     letter-spacing:0px;
    }
.newp {
    text-transform: none !important;
    font: normal normal 300 16px / 24px Rubik !important;
    padding-top: 10px !important;
}
.footer-logo p
 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    padding-bottom: 15px;
}
.labvdeo {
    width: 100%;
    border-radius: 8px;
    height: 194px;
}
.littile-new-ht {
    min-height: 1012px;
    background-position: center bottom !important;
}
.showcasein .banner-text h1 {
    font-size: 45px;
    line-height: 45px;
}
.openbtn {
    position: absolute;
    bottom: 15px;
    right: 22px;
    width: 100%;
    text-align: center;
}
.openbtn h4 {
    color: #12215c;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}

.openbtn img {
    height: 74px;
}
.new-title-box {
    background: #dc021a;
    padding: 30px;
    width: 264px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    margin-left: 20px;
    height: 350px;
}
}


@media screen and (max-width: 600px) {	
.mobilerky {display: block;}
.NoticeBoard {height: 820px;background-position: -475px 30px;padding: 215px 0px 0px 0px;background-size: 290%;}
.admissionn-section .white-bg {padding: 15px 0px 0px;}
.admissionn-section .white-bg .adm-text {position: absolute;transform: translate(-50%, -50%);top: 32%;}
.enroll-top-box-text h3 {margin-bottom: 11px;font: normal normal normal 24px / 28px Rubik;}
}
@media (max-width: 576px) {
.facilities .facilities-box {
	padding: 10px 0px 0px;
}
.facility-text-box .play-blue {
    width: 46px;
    margin-top: -12px;
    font: normal normal bold 42px / 24px Rubik;
    letter-spacing: 1.25px;
    height: 60px;
}
.NoticeBoard .event-card {align-items: flex-start !important;}
.explore-dwps .item:hover .text-box .cont {max-height: 420px;padding: 10px 0px;}
.NoticeBoard .event-text {margin-left: 10px;font-size: 15px;line-height: 20px;-webkit-line-clamp: 3;}
.NoticeBoard .calendar-bottom {padding: 10px 0;font-size: 28px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.NoticeBoard .event-card span {left: 74px;top: -10px;}
.NoticeBoard .calendar-top {border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 5px 0 3px;font-size: 16px;}
.NoticeBoard .title h4 {text-align: center;font: normal normal normal 14px / 20px Rubik;letter-spacing: 0.2px;}
 .topper-slider .title h2 {
    text-align: center;
	font: normal normal bold 26px / 26px Rubik;
	letter-spacing: 0.8px;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 5px;
	margin: 0;
} 
  .topper-top-box {
        background: url(../images/home/toper-bg.png);
        background-repeat: no-repeat;
        background-position: center top;
        min-height: 424px;
        position: relative;
        background-size: 770px;
		        margin: 0;
    }
    .topper-slider {
        position: relative;
        padding: 0px 30px 0px;
        top: 185px;
        text-align: center;
        background: #327afe;
        background-position: bottom right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
    }
	.topper-top-box .topper-slider .topper-block-two {
    padding: 0px 10px;
    overflow: hidden;
}
 .topper-top-box .topper-slider .owl-theme .owl-nav .owl-prev {
    top: 30%;
    left: -32px;
	position:absolute;
	line-height: 20px;
} 
.topper-top-box .topper-slider .owl-theme .owl-nav .owl-next {
    top: 30%;
    right: -32px;
	position:absolute;
	line-height: 20px;
}

.topper-top-box .topper-slider .topperX .owl-theme .owl-nav .owl-prev {
    top: 34%;
    left: -32px;
    position: absolute;
    line-height: 20px;
}
.topper-top-box .topper-slider .topperX .owl-theme .owl-nav .owl-next {
    top: 34%;
    right: -32px;
    position: absolute;
    line-height: 20px;
}

.kids-area h4 {
    color: #51C4FF;
    margin: 0 25px 30px 25px;
    text-transform: uppercase;
}
.ribon {
	position: absolute;
	top: 72px;
	right: 10px;
	width: 75px;
}
.foot {
    text-align: center;
    position: relative;
    z-index: -1;
    top: 132px;
}
.topper-top-box .topper-slider .topper-block-two img {
    border-radius: 8px;
    height: 100px;
    object-fit: cover;
}
.cup {
    position: absolute;
    bottom: -50px;
    left: -15px;
}
.cup img{height:90px;}
.overlap_two {
font-size: 40px;
top: 10px;
line-height: 36px;
}
    .topper-slider .btn-all {
        color: #5EC8FF;
        font-size: 16px;
        margin-bottom: 19px;
        display: block;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }
.fouricon-section-home {
    padding-left: 0px;
    margin-top: 150px;
}
.fouricon-section-home .box {
        min-height: 160px;
        padding: 20px 10px;
        margin: 0;
    }
.fouricon-section-home p{font-size: 16px;}
.fouricon-section-home .box img {margin-bottom: 20px;}

.junior-wing {
background: url(../images/home/wingbg.jpeg) ;
padding: 50px 0px 50px;
background-repeat: no-repeat ;
position: relative;
background-size: cover;
margin-top: 20px;
background-position: center ;

}
.junior-wing .title h2 {

    font: normal normal 700 42px / 46px Rubik;
    letter-spacing: 0.5px;
    padding-bottom: 30px;
}
.ani-icon {
    padding: 15px 0px;
    white-space: normal;
}
}
@media screen and (max-width: 400px) {	
.mobilerky {display: block;}
header .Subtraction {right: 86px;top: 35px;position: absolute;width: 50px;height: auto;}
    .NoticeBoard {
        width: 100%;
        height: 590px;
        background-position: -184px 30px;
        padding: 184px 0px 0px 0px;
        background-size: 210%;
    }
.NoticeBoard .calendar {
    width: 60px;
}
	    .overlap_one {
        font-size: 44px;
        top: 40px;
        line-height: 36px;
    }
.btn-open:after {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 36px;
	right: 48px;
}
    .btn-close:after {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 38px;
        right: 52px;
    }
    .about-section-home h3 {
        text-align: left;
        font: normal normal 400 26px / 30px Rubik;
        color: #31403A;
        opacity: 1;
        padding-bottom: 20px;
    }
.achievements-birthday .flagcap {bottom: 160px;right: 0;left: 0px;width: 100%;}	
.topper-slider {
    overflow-x: hidden;
}
.building img {
    width: 100%;
    height: 125px;
}

.gallery-section-home .ach-text h6 {
    line-height: 26px;
    font-size: 20px;
}
}

@media screen and (max-width: 375px) {	
    .subtitle {
        text-align: left;
        font: normal normal 600 24px / 32px Rubik;
        color: #12215b;
        opacity: 1;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .faci-junior .custom-img-junior {
    width: 100%;
    /* max-width: 180px; */
    height: 160px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
        margin-bottom: -15px;
        margin-top: 15px;
    object-position: top;
}
     .about-section-in p {
        margin-bottom: 6px;
        margin-top: 6px;
    }
       .page-title .content-box h1 {
        line-height: 28px;
        font-size: 24px;
    }
    .vbs {
    margin-bottom: 10px !important;
}

.ach-text-new{
    margin-bottom: 30px !important;
}
.ivideo {
    border-radius: 20px;
    height: 220px;
}
.gallery-item-video img {
    border-radius: 8px;
margin-top: 7px;
    height: 100px;
    width: 100%;
}
.gallery-section-home .subgallery-video h6 {

    font-size: 15px;
}
.videoplay1 img {
    height: 50px !important;
}
    .fancybox-slide--iframe .fancybox-content {
        padding: 0;
        width: 95%;
        height: 35%;
        max-width: calc(100% - 60px);
        max-height: calc(100% - 71px);
    }
    .gallery-page-section {
    position: relative;
    display: block;
    padding: 40px 0px 30px 0px;
}
.gallery-item-title h5 {
    font-size: 14px;
  color: #12215c;
}
#main #faq .card .card-header .btn-header-link {
    display: block;
    text-align: left;
    background: #12215b;
    font-size: 16px;
    color: #fff;
    padding: 8px 20px;
    white-space: normal;
}
.student-card-skps p {
    margin-bottom: 0px;
    font-size: 15px;
   
    margin-top: 6px;
}
.student-card-skps h6 {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 5px;
    color: #12215b;
    font: normal normal 400 15px / 17px Rubik;
}
.media-gallery-img img {
    border-radius: 8px;
    width: 100%;
    max-width: 364px;
    /* object-fit: cover; */
    height: 120px;
}
.media-gallery-p p {
    text-align: center;
    margin-top: 0px !important;
    font: normal normal 500 13px / 20px Rubik;
    color: #12215b;
    opacity: 1;
    margin-bottom: 20px;
}
.custom-box-house h4 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #12215b;
}
.custom-box-house p {
    font-size: 13px;
    color: #12215b;
    font-weight: 400;
    margin-top: -5px !important;
    margin-bottom: 0px !important;
}
.custom-box-house {
    text-align: center;
    margin-bottom: -5px;
    padding: 10px;
}
.achievement-text .post--title {
    color: #31403A;
    font-size: 14px !important;
    line-height: 18px;
    padding: 8px 0px 10px 0px;
}
.principal-records img {
    border-radius: 8px;
    height: 154px;
    /* object-fit: cover; */
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
}
.principal-records-name h3 {
    font-size: 16px;
    font-weight: 500;
    color: #12215b;
    text-align: center;
    padding: 0px 0px 0px;
}
.principal-records-name p {
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    color: #12215b;
    margin: 0;
    padding: 0px 0px !important;
    margin-top: 5px !important;
    line-height: 16px;
    margin-bottom: 20px !important;
}
.our-management-padding {
    padding: 0px 10px;
}
.our-management-name p {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color: #12215b;
    margin: 0;
    padding: 2px 0px;
    margin-top: 0px !important;
    margin-bottom: 20px;
}
.it-evn-details-thumb img {
    object-fit: cover;
    height: 250px;
    width: 100%;
    border-radius: 8px;
}
.it-event-2-thumb img {
    width: 100%;
    transition: 0.9s;
    object-fit: cover;
    height: 190px;
    border-radius: 20px 20px 0px 0px;
}
.about-us-image-new img {
    height: 120px;   
}
.achievbox img {
    border-radius: 15px;
    width: 100%;
    margin-bottom: 12px;
    object-fit: cover;
    object-position: top;
    height: 160px;
}
.achievbox .post--title {
    height: 42px;
  color: #1d1d6e;
}
.achievbox p {
    line-height: 16px;
    margin-bottom: 0px !important;
    
    margin-top: 0px !important;
}
    .achievbox .post--title-1 {
        font-size: 12px !important;
        margin-bottom: 22px;
    }
      .topbtn01 {
    margin-right: -29px;
}
.FacilitiesBx .tab-content img {
    height: 300px !important;
    object-fit: cover;
    width: 100%;
    object-position: top;
    
}


.FacilitiesBx {padding-bottom: 30px; padding-top: 0px; margin-top: 20px;} 
.FacilitiesBx h2 { font-size: 18px; margin: 20px 0 5px; font-weight: 900; }
.FacilitiesBx h3 { font-size: 26px; line-height: 32px; margin-bottom: 15px; }
.FacilitiesBx p { font-size: 18px; line-height: 26px; padding-bottom: 15px; padding: 0px 0px 0px !important;}
    .reason-desc {
        padding: 0.2rem;
    }
.reason-desc-inner { max-width: 35rem; }
.reason-desc-inner ul.nav-tabs, .reason-desc-inner ul.nav-tabs li a.nav-link.active { width: 100%; margin-left: 0; }
.reason-desc-inner ul.nav-tabs li a.nav-link i { width: 5rem; }
.reason-desc-inner ul.nav-tabs li a.nav-link.active { padding-left: 6rem; }
.reason-desc-inner ul.nav-tabs li a.nav-link span { font-size: 15px; }
.reason-desc-inner ul.nav-tabs li a.nav-link { font-size: 20px; }
.reason-desc-inner ul.nav-tabs li a.nav-link i img { width: 44px; margin-top: -8;}
    .reason-desc-inner ul.nav-tabs li a.nav-link {
        /* padding: 1.8rem 1.5rem 1.3125rem 2.125rem; */
        padding: 20px 10px 20px 40px;;
        border: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #F5F2ED;
        position: relative;
        color: rgb(18 33 91) !important;
        font-weight: 400;
        font-size: 15px;
        margin-top: 5px;
        border: 1px solid #12215d70;
        height: 70px;
    }
.reason-desc-inner ul.nav-tabs li a.nav-link.active, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover span, .reason-desc-inner ul.nav-tabs li a.nav-link.active span {
    color: #fff !important;
    background: #12215b;
    line-height: 1.4rem;
    padding-top: 8px;
}
.reason-desc-inner ul.nav-tabs li, .reason-desc-inner ul.nav-tabs li::before {
    list-style: none !important;
    content: none !important;
    background: none !important;
    margin-left: -33PX;}
.sspp{
    margin-top: 15px;
}
 .gallery-section-home .subgallery img {
        border-radius: 25px;
        height: 155px !important;
        width: 100%;
    }

}




@media screen and (max-width: 360px) {	
.mobilerky {display: block;}
.NoticeBoard {width: 100%;height: 700px;background-position: -445px 30px;padding: 180px 0px 0px 0px;background-size: 290%;}
}
@media screen and (max-width: 320px) {	
    .btn-open:after {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 33px;
        right: 30px;
    }
	  .btn-close:after {
        width: 32px;
        height: 31px;
        position: absolute;
        top: 32px;
        right: 26px;
    }
	    header .nav-bg {
        min-height: 64px;
        padding: 4px 0px;
        height: 108px;
        width: 100%;
        text-align: center;
        background: url(../images/mobile_hbg.svg);
        background-size: contain;
        background-position: 15px 3px;
        background-repeat: no-repeat;
    }
.mobilerky {display: block;padding: 0px 8px;}
.enroll-top-box-text h3 {margin-bottom: 11px;font: normal normal normal 24px / 28px Rubik;padding: 0;}
.teln {color: #000 !important;background: transparent !important;padding: 0px 10px !important;display: block;text-align: center !important;}
.enroll-green {position: relative;z-index: -1;height: 574px;margin-top: -170px;}
header .Subtraction {
	right: 70px;
	top: 30px;
	position: absolute;
	width: 40px;
	height: 40px;
}
      header .nav-logo {
        position: absolute;
        top: 7px;
        padding-left: 0px;
        left: 1px;
    }
	    header .Subtraction img {
        height: 28px;
    }
    .subtitle {
        text-align: left;
        font: normal normal 600 20px / 32px Rubik;
        color: #12215b;
        opacity: 1;
        margin-bottom: 20px;
    }
    .achievement-text .post--title {     
        font-size: 14px !important;   
    }
    .bottom-btn-in {      
        width: 284px;
    }
    .objective-section .box p {
        font-size: 12px;
        line-height: 20px;
    }
  
    .page-title .content-box h1 {
        line-height: 34px;
        font-size: 21px;
    }
header .nav-logo img {width: 87%;}
.bottom-btn-in {height: 50px;}
.bottom-btn-in ul li img {height: 27px;}
.NoticeBoard {
width: 100%;
height: 600px;
background-position: -216px 30px;
padding: 180px 0px 0px 0px;
background-size: 250%;
}
.about-section-home h3 {
    text-align: center;
    font: normal normal 500 22px / 25px Rubik;
    letter-spacing: 0.3px;
    color: #31403A;
    opacity: 1;
    padding-bottom: 15px;
}	
    .about-section-home p {
        text-align: center;
        font: normal normal normal 16px / 26px Rubik;
        letter-spacing: 0.5px;
        color: #31403A;
        opacity: 1;
        padding: 0px 0px;
    }
.NoticeBoard .title h2 {font: normal normal bold 26px / 26px Rubik;padding-right: 0px;}
.NoticeBoard h2 {margin-bottom: 0px;}
.NoticeBoard .view-all {padding: 4px 16px;}
.about-section ul li {background: url(../images/icons/right-tik.svg) no-repeat left 7px;}
.explore-dwps .title {margin: 0px auto 20px;width: 100%;text-align: center;}
.enroll-green {position: relative;z-index: -1;height: 344px;margin-top: -170px;}
.explore-dwps .title h2 {text-align: center;font: normal normal 600 32px / 34px Rubik;letter-spacing: 0.5px;padding-bottom: 10px;line-height: 40px;}
.explore-dwps .title p {font: normal normal normal 14px / 16px Rubik;letter-spacing: 0.5px;}

.count-up {margin-bottom: 10px;}
.enroll-section {padding: 0px 0px 0px;}
.facilities .title h3 {
	font: normal normal bold 30px / 34px Rubik;
	margin-bottom: 10px;
	padding: 0px 0px;
	letter-spacing: 0;
}
.facilities .owl-theme .owl-nav .owl-next {top: 10px;}
.facilities .owl-theme .owl-nav .owl-prev {top: 10px;}
.achievements-birthday .balloon-right {z-index: 1;}
.fouricon-section-in .box {padding: 12px;margin-bottom: 30px;}
.admissionn-section .white-bg .adm-text span {color: #fff;}
.review-section {padding: 0px 0px 50px;}
.main-footer .copyright p a {font-size: 10px;}
.main-footer .copyright p { font-size: 10px;}
    .banner-text h1 {
        font-size: 28px;
        line-height: 34px;
    }
	    .overlap_one {
        font-size: 24px;
        top: 40px;
        line-height: 36px;
    }
	    .explore-dwps .item .image-box .expimg {
        min-height: 330px;
    }
	.explore-dwps .image-box {
        height: 330px;
    }
	    .explore-dwps .item .text-box {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 32px 15px 10px;
        flex-direction: column;
        text-align: left;
    }
	    .explore-dwps .text-box h3 {
        text-align: left;
        font-size: 18px;
    }
	.explore-dwps .item .text-box .cont p {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 20px;
        margin-bottom: 0px;
        color: #fff;
    }
	    .explore-dwps .text-box h3 {
        text-align: left;
        font-size: 18px;
        white-space: break-spaces;
        line-height: 20px;
    }
	    .overlap_two {
        font-size: 30px;
        top: 10px;
        line-height: 32px;
    }
	    .topper-top-box .topper-slider .topper-block-two img {
        border-radius: 8px;
        height: 80px;
        object-fit: cover;
    }
	    .admissionn-section .work {
        font-size: 24px;
        width: 100%;
        padding: 4px 20px;
        line-height: 28px;
    }
	.admissionn-section .title h1 {
    font-size: 28px;
}
.fmain{padding: 80px 0px 100px 0px !important;}
.gallery-section-home .subgallery-video h6 {
    padding-top: 20px;
    font-size: 13px;
    line-height: 22px;
    color: #12215c;
    text-align: center;
}
.principal-records img {
    border-radius: 8px;
    height: 140px;
    /* object-fit: cover; */
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
}
.principal-records-name h3 {
    font-size: 13px;
    font-weight: 500;
    color: #12215b;
    text-align: center;
    padding: 0px 0px 0px;
}
.principal-records-name p {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    color: #12215b;
    margin: 0;
    padding: 0px 0px !important;
    margin-top: 5px !important;
    line-height: 16px;
    margin-bottom: 20px !important;
}
.our-management-img img {
    border-radius: 8px;
    height: 298px;
    object-fit: cover;
    object-position: top;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px;
    border: 1px solid #c7c8cb;
}
    .achievbox img {
        border-radius: 15px;
        width: 100%;
        margin-bottom: 12px;
        object-fit: cover;
        object-position: top;
        height: 130px;
    }
        .achievbox p {
        font-size: 12px !important;
        line-height: 16px;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
  .topbtn01 {
    margin-right: -29px;
}
 .gallery-section-home .subgallery img {
        border-radius: 25px;
        height: 140px !important;
        width: 100%;
    }

        .page-title .content-box h1 {
        line-height: 28px;
        font-size: 18px;
    }
    
}



@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .pbc-0 {
        padding: 0px;
        max-width: 100%;
    }
.NoticeBoard .calendar-bottom {
    padding: 5px 0;
    font-size: 32px;
}
.NoticeBoard .view-all {
        padding: 15px 63px 5px 0px;
        margin-top: 0;
        font: normal normal normal 15px / 18px Rubik;
        text-align: left;
        width: 144px;
    }
	    .NoticeBoard .owl-theme .owl-nav .owl-next {
        bottom: 18px;
    }
	    .NoticeBoard .owl-theme .owl-nav .owl-prev {
        position: relative;
        bottom: 18px;
    }
	    .NoticeBoard {
        padding: 220px 18px 0px 0px;
    }
	.gallery-section-home .ach-text h6 {
    line-height: 20px;
    font-size: 18px;
}
.gallery-section-home .ach-text .span {
    color: #2c76f4;
    padding: 0px 0px 0px;
    margin-bottom: 10px;
}
 .truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* You can adjust line count */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
      .explore-dwps .image-box {
        margin-bottom: 30px;
        width: 100%;
        height: 375px;
    }
	.explore-dwps .item .image-box .expimg {
    background-position: center center;
    min-height: 392px;
    background-size: cover;
}
    .topper-top-box .topper-slider .topper-block-two {
        padding: 0px 0px;
        overflow: hidden;
        margin: 0px 20px;
    }
	.topper-top-box .topper-slider .topper-block-two img {
    border-radius: 10px;
    height: 128px;
    object-fit: fill;
}
.topper-top-box {
    margin: 0px 0px;
}
        .topper-slider {
        padding: 0px 20px 20px;
        top: 100px;
        background: #327afe url(../images/icons/bg-style.svg) !important;
        width: 100%;
        border-radius: 0px 0px 8px 8px;
        background-size: 70% !important;
        background-position: bottom right !important;
        background-repeat: no-repeat !important;
    }
	    .ribon {
        position: absolute;
        top: 51px;
        right: 10px;
        width: 80px;
    }
	.cup {
        position: absolute;
        bottom: 88px;
        left: -16px;
    }
	.fouricon-section-home {
    width: 100%;
    padding-left: 0px;
    margin-top: 62px;
    padding-right: 0px;
}
.fouricon-section-home p {
    line-height: 18px;
    font-weight: 500;
    font-size: 14px;
}
.fouricon-section-home .box {
    background: #327AFE;
    border-radius: 10px;
    opacity: 1;
    min-height: 170px;
    padding: 20px 15px;
}
.foot {
    text-align: center;
    position: relative;
    z-index: -1;
    top: 20px;
}
.junior-wing .title h2 {
    text-align: center;
    font: normal normal 700 32px / 40px Rubik;
}
.ani-icon h3 {
    text-align: center;
    font-size: 14px;
}
.enroll-section .box {
    border-radius: 8px;
    padding: 30px 78px 40px 40px;
    margin: 0px 0px;

}
.std-two {
    position: absolute;
    bottom: 0;
    right: 0px;
}
.std-two img {
    height: 327px;
}
.enroll-section .box h3 {
    font-size: 38px;
}
.hostel-text p {
    font-size: 21px;
    margin: 10px 0 30px;
    color: #2979ff;
    text-align: left;
    font-weight: 500;
    margin-top: 0px;
    text-align: center;
}
    .hostel-text {
        flex: 1;
        padding: 30px 20px 30px 25px;
    }
	    .message .principal-photo img {
        width: 100%;
        height: auto;
    }
	    .principal-section {
        min-height: 575px;
    }
	    .message .massage-box {
        width: 65%;
        padding: 0px 15px;
    }
	    .message .principal-photo {
        width: 38%;
        right: 0;
    }
	    .achievements-birthday .certificate .ach-text {
        width: 143px;
    }
	.admissionn-section .title {
    margin: 0 auto 0px;
    width: 80%;
    text-align: center;
    position: relative;
    transform: translate(-50%, -50%);
    top: 45%;
    left: 40%;
}
.admissionn-section .call-info {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-bottom: 53px !important;
    margin-top: 24px !important;
}
.admissionn-section .work {
    padding: 20px 50px;
    text-transform: uppercase;
    width: 400px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
    .admissionn-section .white-bg img {
        border-radius: 0px 0px 8px 8px;
        text-align: left;
    }
	.admissionn-section .adimg:before {

    border-radius:0px 0px 8px 8px;
}

}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .NoticeBoard {
        height: 740px !important;
        background-position: 0px 39px !important;
        padding: 220px 0px 0px 0px !important;
        background-size: 100% !important;
    }
	    .pbc-0 {
        padding: 0px;
    }
	.topper-top-box {
    background: url(../images/home/toper-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 580px;
    position: relative;
    background-size: contain;
    margin: 0px 0px 0px 30px;
}
    .topper-slider {
        position: relative;
        padding: 0px 0px;
        top: 133px;
        text-align: center;
    }
    .topper-top-box .topper-slider .topper-block-two {
        padding: 0px 45px;
        overflow: hidden;
        object-fit: inherit;
    }
	.topper-slider .title h2 {
    text-align: center;
    font: normal normal 600 26px / 26px Rubik;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 5px;
}
.topper-slider p {
    color: #5EC8FF;
    font: normal normal 400 16px / 16px Rubik;
    text-align: center;
    padding-bottom:5px;
}
.topper-top-box .topper-slider .topper-block-two h3 {
    text-align: center;
    font: normal normal 300 28px / 20px Rubik;
    margin-top: 5px;
	border-radius: 8px;
}
.topper-slider .title {
    margin: 0 auto 5px;
    width: 100%;
    text-align: center;
    padding: 0px 4px;
}
    .cup {
        position: absolute;
        bottom: 99px;
        left: -15px;
    }
	    .fouricon-section-home .box {
        background: #327AFE;
        min-height: 161px;
        padding: 20px 0px;
        margin: 0px 0px 0px 0px;
    }
	    .fouricon-section-home {
        padding-left: 20px;
        margin-top: 85px;
    }
	.fouricon-section-home .box img {
    margin-bottom: 20px;
}
.ani-icon {
    margin: 0 auto;
    text-align: center;
    padding: 10px 10px;
    white-space: normal;
}
.enroll-section .box {
    border-radius: 8px;
    padding: 45px 108px 50px 60px;
    margin: 40px 20px;
}
    .footer-logo img {
        width: 18%;
        margin-bottom: 20px;
    }
	    .wrap {
        width: 100%;
        margin: 0 auto;
        padding: 50px 15px 100px 15px;
    }
.objective-section .box p {
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 0px !important;
}
.objective-section .box {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 10px;
    min-height: 150px;
}
.playbtn {
    display: block;
    position: absolute;
    width: 90px;
    left: 60%;
    top: 0px;
    transition: transform 0.3s ease;
}
}
@media only screen 
  and (device-width: 430px) 
  and (device-height: 932px) 
  and (-webkit-device-pixel-ratio: 3) {
  header .nav-bg {
        background: url(../images/mobile_hbg.svg);
        background-position: right 3px;
        background-repeat: no-repeat;
    }
	    header .nav-bg {
        background: url(../images/mobile_hbg.svg);
        background-position: right 2px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 105px;
    }
	    header .nav-logo {
        position: absolute;
        top: 5px;
        padding-left: 0px;
    }
	    header .nav-logo img {
        width: 88%;
    }
	    .btn-open:after {
        content: '';
        background: url(../images/icons/menu.svg) center top no-repeat;
        width: 35px;
        height: 35px;
        background-size: 100%;
        position: absolute;
        top: 37px;
        right: 30px;
    }
	    .btn-close:after {
        content: '';
        background: url(../images/icons/m-close.svg) center top no-repeat;
        width: 35px;
        height: 35px;
        background-size: 100%;
        position: absolute;
        top: 34px;
        left: 30px;
    }
	    header .Subtraction {
        right: 103px;
        top: 33px;
        position: absolute;
        width: 35px;
        height: auto;
    }
	    header .Subtraction img {
        height: 35px;
    }
	    .banner-text {
        top: 70%;
        padding-left: 0px;
        width: 85%;
    }
	    .showcase {
        position: relative;
        height: 80vh;
    }
	.overlap_one {
        font-size: 32px;
        top: 37px;
        line-height: 36px;
    }
	    .NoticeBoard {
        height: 660px;
        background-position: -206px 30px;
        padding: 215px 0px 0px 0px;
        background-size: 203%;
    }
	.NoticeBoard .calendar {
    width: 120px;
}
.NoticeBoard .calendar {
    width: 120px;
}
    .enroll-section .box h3 {
        font-size: 36px;
        line-height: 36px;
        padding-right: 36px;
        margin-bottom: 15px;
        margin-top: 10px;
    }
	    .admissionn-section .work {
        font-size: 26px;
        width: 100%;
        padding: 5px 42px;
        line-height: 28px;
    }
	    .footer-logo img {
        width: 30%;
        margin-bottom: 20px;
    }
      .topbtn01 {
    margin-right: -29px;
}
    .achievbox img {
    border-radius: 15px;
    width: 100%;
    margin-bottom: 12px;
    object-fit: cover;
    object-position: top;
    height: 160px;
}
.FacilitiesBx .tab-content img {
    height: 300px !important;
    object-fit: cover;
    width: 100%;
    object-position: top;
    
}


.FacilitiesBx {padding-bottom: 30px; padding-top: 0px; margin-top: 20px;} 
.FacilitiesBx h2 { font-size: 18px; margin: 20px 0 5px; font-weight: 900; }
.FacilitiesBx h3 { font-size: 26px; line-height: 32px; margin-bottom: 15px; }
.FacilitiesBx p { font-size: 15px !important; line-height: 26px; padding-bottom: 15px; padding: 0px 0px 0px !important;}
    .reason-desc {
        padding: 0.2rem;
    }
.reason-desc-inner { max-width: 35rem; }
.reason-desc-inner ul.nav-tabs, .reason-desc-inner ul.nav-tabs li a.nav-link.active { width: 100%; margin-left: 0; }
.reason-desc-inner ul.nav-tabs li a.nav-link i { width: 5rem; }
.reason-desc-inner ul.nav-tabs li a.nav-link.active { padding-left: 6rem; }
.reason-desc-inner ul.nav-tabs li a.nav-link span { font-size: 15px; }
.reason-desc-inner ul.nav-tabs li a.nav-link { font-size: 20px; }
.reason-desc-inner ul.nav-tabs li a.nav-link i img { width: 44px; margin-top: -8;}
    .reason-desc-inner ul.nav-tabs li a.nav-link {
        /* padding: 1.8rem 1.5rem 1.3125rem 2.125rem; */
        padding: 20px 10px 20px 40px;;
        border: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #F5F2ED;
        position: relative;
        color: rgb(18 33 91) !important;
        font-weight: 400;
        font-size: 15px;
        margin-top: 5px;
        border: 1px solid #12215d70;
        height: 70px;
    }
.reason-desc-inner ul.nav-tabs li a.nav-link.active, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover span, .reason-desc-inner ul.nav-tabs li a.nav-link.active span {
    color: #fff !important;
    background: #12215b;
    line-height: 1.4rem;
    padding-top: 8px;
}
.reason-desc-inner ul.nav-tabs li, .reason-desc-inner ul.nav-tabs li::before {
    list-style: none !important;
    content: none !important;
    background: none !important;
    margin-left: -33PX;}
    .sspp{
    margin-top: 15px;
}
}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-height: 896px) 
  and (-webkit-device-pixel-ratio: 2) {
  .btn-open:after {
        content: '';
        background: url(../images/icons/menu.svg) center top no-repeat;
        width: 35px;
        height: 35px;
        background-size: 100%;
        position: absolute;
        top: 37px;
        right: 25px;
    }
        .page-title .content-box h1 {
        line-height: 28px;
        font-size: 18px;
    }
    .achievbox img {
    border-radius: 15px;
    width: 100%;
    margin-bottom: 12px;
    object-fit: cover;
    object-position: top;
    height: 160px;
}
.achievbox .post--title {
    height: 42px;
  color: #1d1d6e;
}
.achievbox p {
    line-height: 16px;
    margin-bottom: 0px !important;
    
    margin-top: 10px !important;
}
    .achievbox .post--title-1 {
        font-size: 12px !important;
        margin-bottom: 22px;
    }
      .topbtn01 {
    margin-right: -29px;
}


.about-us-image-new img {
    height: 130px;}

	    .btn-close:after {
        content: '';
        background: url(../images/icons/m-close.svg) center top no-repeat;
        width: 35px;
        height: 35px;
        background-size: 100%;
        position: absolute;
        top: 34px;
        left: 25px;
    }
	    header .Subtraction {
        right: 103px;
        top: 33px;
        position: absolute;
        width: 35px;
        height: auto;
    }
	    header .Subtraction img {
        height: 35px;
    }
	 header .nav-bg {
        background: url(../images/mobile_hbg.svg);
        background-position: right 3px;
        background-repeat: no-repeat;
    }
	header .nav-bg {
        background: url(../images/mobile_hbg.svg);
        background-position: right 4px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100px;
    }
	    header .nav-logo {
        position: absolute;
        top: 5px;
        padding-left: 0px;
    }
	    header .nav-logo img {
        width: 88%;
    }
	    .NoticeBoard {
        height: 650px;
        background-position: -192px 30px;
        padding: 215px 0px 0px 0px;
        background-size: 208%;
    }
	    .overlap_one {
        font-size: 30px;
        top: 42px;
        line-height: 36px;
    }
	.NoticeBoard .calendar {
    width: 80px;
}

.FacilitiesBx .tab-content img {
    height: 300px !important;
    object-fit: cover;
    width: 100%;
    object-position: top;
    
}


.FacilitiesBx {padding-bottom: 30px; padding-top: 0px; margin-top: 20px;} 
.FacilitiesBx h2 { font-size: 18px; margin: 20px 0 5px; font-weight: 900; }
.FacilitiesBx h3 { font-size: 26px; line-height: 32px; margin-bottom: 15px; }
.FacilitiesBx p { font-size: 18px; line-height: 26px; padding-bottom: 15px; padding: 0px 0px 0px !important;}
    .reason-desc {
        padding: 0.2rem;
    }
.reason-desc-inner { max-width: 35rem; }
.reason-desc-inner ul.nav-tabs, .reason-desc-inner ul.nav-tabs li a.nav-link.active { width: 100%; margin-left: 0; }
.reason-desc-inner ul.nav-tabs li a.nav-link i { width: 5rem; }
.reason-desc-inner ul.nav-tabs li a.nav-link.active { padding-left: 6rem; }
.reason-desc-inner ul.nav-tabs li a.nav-link span { font-size: 15px; }
.reason-desc-inner ul.nav-tabs li a.nav-link { font-size: 20px; }
.reason-desc-inner ul.nav-tabs li a.nav-link i img { width: 44px; margin-top: -8;}
    .reason-desc-inner ul.nav-tabs li a.nav-link {
        /* padding: 1.8rem 1.5rem 1.3125rem 2.125rem; */
        padding: 20px 10px 20px 40px;;
        border: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #F5F2ED;
        position: relative;
        color: rgb(18 33 91) !important;
        font-weight: 400;
        font-size: 15px;
        margin-top: 5px;
        border: 1px solid #12215d70;
        height: 70px;
    }
.reason-desc-inner ul.nav-tabs li a.nav-link.active, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover span, .reason-desc-inner ul.nav-tabs li a.nav-link.active span {
    color: #fff !important;
    background: #12215b;
    line-height: 1.4rem;
    padding-top: 8px;
}
.reason-desc-inner ul.nav-tabs li, .reason-desc-inner ul.nav-tabs li::before {
    list-style: none !important;
    content: none !important;
    background: none !important;
    margin-left: -33PX;}
    .sspp{
    margin-top: 15px;
}

}
/* iPhone 12, 12 Pro */
@media only screen 
  and (device-width: 390px) 
  and (device-height: 844px) 
  and (-webkit-device-pixel-ratio: 3) {
      header .nav-bg {
        background: url(../images/mobile_hbg.svg);
        background-position: right 3px;
        background-repeat: no-repeat;
    }
	header .nav-logo img {
        width: 88%;
    }
    .about-us-image-new img {
    height: 130px;}
    
	    .NoticeBoard {
                background-position: -173px 30px;
        padding: 190px 0px 0px 0px;
        background-size: 204%
    }
        .page-title .content-box h1 {
        line-height: 28px;
        font-size: 18px;
    }
	.overlap_one {
        font-size: 30px;
        top: 40px;
        line-height: 36px;
    }
      .topbtn01 {
    margin-right: -29px;
}
    .achievbox img {
    border-radius: 15px;
    width: 100%;
    margin-bottom: 12px;
    object-fit: cover;
    object-position: top;
    height: 160px;
}
.FacilitiesBx .tab-content img {
    height: 300px !important;
    object-fit: cover;
    width: 100%;
    object-position: top;
    
}


.FacilitiesBx {padding-bottom: 30px; padding-top: 0px; margin-top: 20px;} 
.FacilitiesBx h2 { font-size: 18px; margin: 20px 0 5px; font-weight: 900; }
.FacilitiesBx h3 { font-size: 26px; line-height: 32px; margin-bottom: 15px; }
.FacilitiesBx p { font-size: 18px; line-height: 26px; padding-bottom: 15px; padding: 0px 0px 0px !important;}
    .reason-desc {
        padding: 0.2rem;
    }
.reason-desc-inner { max-width: 35rem; }
.reason-desc-inner ul.nav-tabs, .reason-desc-inner ul.nav-tabs li a.nav-link.active { width: 100%; margin-left: 0; }
.reason-desc-inner ul.nav-tabs li a.nav-link i { width: 5rem; }
.reason-desc-inner ul.nav-tabs li a.nav-link.active { padding-left: 6rem; }
.reason-desc-inner ul.nav-tabs li a.nav-link span { font-size: 15px; }
.reason-desc-inner ul.nav-tabs li a.nav-link { font-size: 20px; }
.reason-desc-inner ul.nav-tabs li a.nav-link i img { width: 44px; margin-top: -8;}
    .reason-desc-inner ul.nav-tabs li a.nav-link {
        /* padding: 1.8rem 1.5rem 1.3125rem 2.125rem; */
        padding: 20px 10px 20px 40px;;
        border: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #F5F2ED;
        position: relative;
        color: rgb(18 33 91) !important;
        font-weight: 400;
        font-size: 15px;
        margin-top: 5px;
        border: 1px solid #12215d70;
        height: 70px;
    }
.reason-desc-inner ul.nav-tabs li a.nav-link.active, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover, .reason-desc-inner ul.nav-tabs li a.nav-link.active:hover span, .reason-desc-inner ul.nav-tabs li a.nav-link.active span {
    color: #fff !important;
    background: #12215b;
    line-height: 1.4rem;
    padding-top: 8px;
}
.reason-desc-inner ul.nav-tabs li, .reason-desc-inner ul.nav-tabs li::before {
    list-style: none !important;
    content: none !important;
    background: none !important;
    margin-left: -33PX;}
    .sspp{
    margin-top: 15px;
}
}


/* iPhone 12 Mini */
@media only screen 
  and (device-width: 360px) 
  and (device-height: 780px) 
  and (-webkit-device-pixel-ratio: 3) {
      header .nav-logo {
        position: absolute;
        top: 5px;
        padding-left: 0px;
        left: 10px;
    }
}

@media (max-width: 768px) {
  .playbtn {
    width: 60px; 
    left: 55%;  
    top: 0;
    transform: translateX(-50%);
  }

  .playbtn:hover {
    transform: translateX(-50%) scale(1.1); 
  }
}