@import url('https://fonts.googleapis.com/css2?family=Pompiere&display=swap');

    body {
        font-family: 'Poppins', sans-serif
    }

    a:focus,
    a:hover {
        text-decoration: none !important
    }

    /*   Quick Links Start */
    .main-head {
        position: fixed;
        top: 0;
        right: 0;
        /* padding: 5px 0px 0px; */
        z-index: 999;
        width: 100%;
        height: 84px;
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -o-transition: all 2s ease;
        transition: all 2s ease;
      /*  background: #db0404;*/
		background:#000099;
        /*
    background-image: -webkit-linear-gradient(left, #6b0e5c, #8d2a5a);
	background-image:    -moz-linear-gradient(left, #6b0e5c, #8d2a5a);
	background-image:     -ms-linear-gradient(left, #6b0e5c, #8d2a5a);
	background-image:      -o-linear-gradient(left, #6b0e5c, #8d2a5a);
	background-image:         linear-gradient(left, #6b0e5c, #8d2a5a); 
*/
    }

    .main-head .quick {
        float: right !important;
        width: auto;
    }

    .main-head .quick li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
        position: relative;
    }

    .main-head .quick li a {
        display: block;
        cursor: pointer;
        padding: 7px;
        color: #fff;
        font-size: 14px;
        border-radius: 10px;
        border: 2px solid #fff;
        line-height: 22px;
        -webkit-transition: all 0.12s linear;
        -moz-transition: all 0.12s linear;
        -ms-transition: all 0.12s linear;
        transition: all 0.12s linear;
    }

    .main-head .quick li a i {
        margin-right: 5px;
    }

    .main-head .quick li .dropdown {
        position: absolute;
        left: calc(50% - 115px);
        width: 230px;
        padding-top: 10px;
        z-index: 1;
        transform: perspective(600px) rotateX(-90deg);
        transform-origin: top;
        transition: all 300ms ease-in-out;
    }

    .main-head .quick li:hover .dropdown {

        transform: perspective(600px) rotateX(0deg);

    }

    .main-head .quick li:hover>a {

        opacity: 0.4;

    }

    .main-head .quick li .dropdown::before {
        content: '';
        position: absolute;
        left: 50%;
        top: -10px;
        margin-left: -10px;
        border: 10px solid;
        border-color: transparent transparent #024f29 transparent;
    }

    .main-head .quick li .dropdown ul {
        padding: 10px;
        background: #024f29;
        border-radius: 20px;
    }

    .fullview {
        width: 100%;
        float: left;
    }

    .main-head .quick li .dropdown ul li {
        width: 100%;
        float: left;
        margin: 2px 0;
    }


    .logo span {
        font-family: 'Playfair Display', serif;
        color: #fff;
        font-size: 27px;
        font-weight: 500;
        position: relative;
        left: 6px;
        top: 11px;
    }

    .top-left-box {
        background: #fff;
        float: left;
        width: 28%;
        border-radius: 0 73px 73px 0;
        height: 119px;
        overflow: hidden;
        box-shadow: -20px 10px 9px 0px rgb(0 0 0 / 4%);
        z-index: 2;
        position: relative;
    }

    /*
.menu-box {
    background: #ffffff;
    height: 49px;
    padding: 0px;
    width: 100%;
    margin: 60px 0 0 0;
    z-index: 1;
    position: relative;
    box-shadow: -2px 2px 9px 0px rgb(0 0 0 / 15%)
}
*/

    .menu-box {
        background: #ffffff;
        margin-top: 59px;
        right: 0;
        width: 80%;
        position: absolute;
        box-shadow: -2px 2px 9px 0px rgb(0 0 0 / 15%)
    }






    .box11 {
        background: #34495e;
        border-right: 1px solid #fff;
        float: left;
        height: 307px;
        width: 20%;
        margin: 0 0px 0 0px;
        transition: all 0.6s;
        overflow: hidden;

    }

    .box11 a:focus {
        color: #fff !important;
    }

    .shadow-slider {
        background: rgb(12 12 12 / 28%);
        height: 100vh;
        width: 100%;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .know-heading {
        text-align: center;
        margin: 78px 0 40px 0;
    }

    .know-heading h3 {
        font-size: 42px;
        color: #000;
        font-weight: 700;
        text-align: center;
        font-family: 'Poppins', sans-serif;
    }

    .box11 a img {
        display: block;
        text-align: center;
        margin: auto;
        padding: 10px 0 10px 0;
    }

    .box11 a {
        padding: 90px 0;
        margin: auto;
        text-align: center;
        display: block;
        color: #fff;
        font-size: 27px;
        font-family: 'Poppins', sans-serif;
        line-height: 35px;
        transition: all 0.5s;
    }

    /*
.box11 a:hover{
    color: #fff;
    transition: all 1s;
}
*/
    .box11 a:hover {
        background: url(../images/administration-montfort.jpg);
        transform: scale(1.05);
        color: #f7e616;
        background-size: cover;
        text-shadow: 1px 2px 4px black, 1px 11px 25px #24394e, 1px 4px 8px #34495e;
        height: 100%
    }



    .society-bg a:hover {
        background: url(../images/society-of-brothers.jpg);
        transform: scale(1.05);
        color: #f7e616;
        background-size: cover;
        text-shadow: 1px 2px 4px black, 1px 11px 25px #24394e, 1px 4px 8px #34495e;
        height: 100%
    }

    .our-branches-bg a:hover {
        background: url(../images/our-branches.jpg);
        transform: scale(1.05);
        color: #f7e616;
        background-size: cover;
        text-shadow: 1px 2px 4px black, 1px 11px 25px #24394e, 1px 4px 8px #34495e;
        height: 100%
    }

    .mission-bg a:hover {
        background: url(../images/mission-around-world.jpg);
        transform: scale(1.05);
        color: #f7e616;
        background-size: cover;
        text-shadow: 1px 2px 4px black, 1px 11px 25px #24394e, 1px 4px 8px #34495e;
        height: 100%
    }

    .campus-bg a:hover {
        background: url(../images/our-campus.jpg);
        transform: scale(1.05);
        color: #f7e616;
        background-size: cover;
        text-shadow: 1px 2px 4px black, 1px 11px 25px #24394e, 1px 4px 8px #34495e;
        height: 100%
    }


    .btw-spc {
        margin: 44px 0 0 0;
    }

    .princp-box {
        box-shadow: 0 0 3px 2px #dedede;
        margin: 22px 0 0 20px;
        padding: 0;
        height: 345px;
    }

    a.prinp-btn {
        color: #fd8e04;
    }

    h2.featurette-heading {
        font-size: 23px;
        font-weight: 600;
        font-family: 'Poppins';
        line-height: 27px;
        padding: 13px 0 14px 0;
        margin: 0px;

    }

    p.lead {
        text-align: justify;
        padding: 2px 24px 0 0;
        font-size: 19px;
        color: #000;
        line-height: 31px;
        font-weight: 400;
        font-family: 'Poppins';
    }

    .shadow-event {
        width: 100%;
        padding: 12px 15px 15px 15px;
        margin: 32px 0 0 0;
        height: 352px;
        background: #fff;
    }

    h3.annount-header {
        font-size: 25px;
        font-weight: 600;
        border-bottom: 1px solid #34495e;
        margin: 0px;
        padding: 0 0 10px 0;
    }

    h3.annount-header::after {
        content: '';
        width: 8px;
        height: 8px;
        background: #34495e;
        position: absolute;
        right: 47px;
        top: 64px
    }

    div#newsticker {
        height: 285px !important;
    }

    ul.event-ul {
        margin: 30px 0 0 0 !important;
    }

    ul.event-ul li {
        margin: 6px 0 4px 0;
        padding: 0px;
        min-height: 62px !important
    }

    div#newsticker-demo {
        height: 221px !important;
        overflow: hidden;
        margin-top: 16px;
        padding: 50px 0px;
        margin: 18px 0 0 0;
    }

    ul.event-ul li h5 {
        font-size: 21px;
        font-weight: 600;
        padding: 0px;
        margin: 0px;
        font-family: 'Poppins', sans-serif;
    }

    ul.event-ul li p {
        font-size: 14px;
        color: #3e3c3c;
        padding: 0px;
        margin: 0px;
        font-family: 'Poppins';
    }

    ul.event-ul li p a {
        color: #f58220;
        text-decoration: none;
    }

    .arrow-eventbox {
        margin: 0 -5px 0 0;
        position: absolute;
        right: 129px;
    }

    a.next-btn {
        margin: 0 0px 0px -4px;
    }

    arrow-eventbox {
        position: absolute;
        left: 0;
        bottom: -33px;
    }

    .col-md-4.main-gallery {
        overflow: hidden;
        height: 520px;
    }

    .bg-gallry {
	background-color: #bae7ff;
    opacity: 0.96;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
       /* background: #34495e;*/
        min-height: 360px;
        width: 100%;
        margin: 0px 0 0 0;
        padding: 0 26px;
    }

    div#Gallery-sect,
    div#kids-sect {
        display: block;
        margin: auto
    }

    h3.header-gallery {
        text-align: center;
        color: #fff;
        font-size: 36px;
        font-family: 'Poppins';
        font-weight: 700;
        padding-top: 18px;
    }

    .box-gallery1 {
        background: #fff;
        overflow: hidden;
        width: 100%;
        margin: AUTO;
        margin-top: 32px;
        margin-bottom: 35px;
        padding: 8px 0 20px 0;
        overflow: hidden;
        height: 352px;
        position: relative
    }

    div#Gallery-sect ul li {
        position: relative;
        height: auto !important;
        width: 382px !important;
        height: 316px !important;
        overflow: hidden !important;
        padding: 6px;
    }

    div#Gallery-sect ul li img {
        height: 249px;
        width: 100%;
        object-fit: fill
    }

    .boxs-lefts {
        background: #34495e;
        width: 40px;
        height: 40px;
        position: absolute;
        color: #fff;
        bottom: 48px;
        left: 16px;
        font-family: 'Poppins';
    }

    .boxs-lefts h4 {
        text-align: center;
        font-size: 14px;
        padding: 5px 0 0 0;
        margin: 0px;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'Poppins';
    }

    .boxs-lefts h6 {
        text-align: center;
        padding: 0px;
        margin: 0px;
        font-size: 14px;
    }

    .gallery-text {
        padding: 21px 0 0px 13px;
        font-weight: 500;
        font-size: 15px;
        text-align: left;
    }

    .gallery-text h5 {
        padding: 0px;
        margin: 0px;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 84%;
    }

    .gallery-text p {
        font-family: 'Poppins', sans-serif;
        padding: 0px;
        margin: 0px;
        font-size: 14px;
        font-weight: 500;
    }

    .arrow-gallerybox {
        position: absolute;
        right: 95px !important;
        bottom: 20px;
    }

    .arrow-gallerybox.bday-arow {
        right: 59px;
    }

    a.view-btngl {
        color: rgb(255, 255, 255);
        float: right;
        background: rgb(118, 118, 118);
        margin: 0px 20px 0px 0px;
        padding: 8px 12px 7px;
        transition: all 0.8s ease 0s;
    }

    a.view-evnt {
        color: rgb(255, 255, 255);
        float: right;
        background: rgb(118, 118, 118);
        margin: 0px 5px 0px 0;
        padding: 6px 10px 5px;
        transition: all 0.8s ease 0s;
        text-decoration: none;
    }

    a.view-evnt:hover {
        background: #0f263a;
        color: #fff;
    }

    h5.header-h5-top a {
        color: #151313;
        font-weight: 600;
        font-family: 'Poppins';
        font-size: 17px;
        text-transform: capitalize;
        text-decoration: none;
    }

    a.view-btngl:hover {
        background: #34495e;
        color: #fff;
    }

    a.next-gly {
        margin: 0 1px 0 0;
    }

    a.prev-gly,
    a.prev-bday {
        margin: 0 -5px 0 0px;
    }

    div#bday-sect {
        margin: auto;
        margin-top: 10px;
        width: 359px !important;
        margin-bottom: 4px
    }

    ul.bday-ul-home {
        text-align: center;
        margin: 0 0 !important;
        padding: 0px;
    }

    ul.bday-ul-home li {
        padding: 0 0px 0 4px;
        margin: 0 7px 0px 10px;
        width: 154px !important;
    }

    ul.bday-ul-home li {
        width: 156px !important;
        height: 240px !important;
    }

    ul.bday-ul-home li p {
        text-align: center;
        padding: 4px 0 0px 0;
        line-height: 16px;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 14px;
        margin: 0 0 4px 0;
    }

    span.class-name {
        text-align: center;
        padding: 4px 0 0px 0;
        line-height: 0;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 14px;
        display: block;
    }

    ul.bday-ul-home li img {
        height: 192px;
    }

    .text-bdays {
        border-top: 1px solid #adadad;
        position: relative
    }

    .bdays-lefts {
        position: absolute;
        top: -28px;
        background: #34495e;
        width: 40px;
        height: 40px;
        color: #fff;
        left: 16px;
        font-family: 'Poppins';
    }

    .bdays-lefts h4 {
        text-align: center;
        font-size: 14px;
        padding: 5px 0 0 0;
        margin: 0px;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'Poppins';
    }

    .bdays-lefts h6 {
        text-align: center;
        padding: 0px;
        margin: 0px;
        font-size: 14px;
    }

    .kids-lefts {
        position: absolute;
        bottom: 50px;
        background: #34495e;
        width: 40px;
        height: 40px;
        color: #fff;
        left: 16px;
        font-family: 'Poppins';
    }

    .kids-lefts h4 {
        text-align: center;
        font-size: 14px;
        padding: 5px 0 0 0;
        margin: 0px;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'Poppins';
    }

    .kids-lefts h6 {
        text-align: center;
        padding: 0px;
        margin: 0px;
        font-size: 14px;
    }

    #kids-sect ul li {
        position: relative;
        width: 382px !important;
        height: 318px !important;
        overflow: hidden !important;
        padding: 6px
    }

    #kids-sect ul li img {
        height: 249px;
        object-fit: fill;
        width: 100%;
    }

    a.prev-kids {
        margin: 0 -4px 0 0;
    }

    h3.heading-achivmt {
        text-align: center;
        color: #ffffff;
        font-size: 29px;
        font-family: 'Poppins';
        font-weight: 500;
        padding: 55px 0 0 0;
    }

    .main-achivt {
        overflow: hidden;
        height: 436px
    }

    .achive-date {
        font-family: 'Poppins';
        font-size: 13px;
        font-weight: 600;
        padding: 0 0 3px 0;
    }

    .achive-text h3 {
        font-family: 'Poppins';
        font-size: 15px;
        font-weight: 600;
    }

    .achive-text p {
        font-size: 14px;
        font-family: 'Poppins';
        text-align: left;
        padding: 9px 0 0 0;
        font-weight: 400;
    }

    .achive-text {
        padding: 0 22px 0 0;
        margin: 0px;
    }

    .achiv-box11 {
        float: left;
        padding: 0 26px 0 0;
    }

    div#achievement-sect ul li img {
        height: 180px !important;
        width: 272px !important;
        padding: 0 0 0 0px;

    }

    div#achievement-sect {
        margin: 0px;
        height: 182px;
        overflow: hidden;
    }

    div#Scholastic-sect ul li img {
        height: 180px !important;
        width: 272px !important;
        padding: 0 0 0 0px;

    }

    div#Scholastic-sect {
        margin: 0px;
        height: 182px;
        overflow: hidden;
    }

    .arrow-achievbox {
        position: absolute;
        bottom: 20px;
        right: 96px;
        z-index: 9;
    }

    a.view-btnachiv {
        background: #767676;
        color: #fff;
        float: right;
        margin: -55px 20px 0 0px;
        padding: 8px 12px 7px 12px;
        transition: all 0.8s;
        z-index: 99;
        position: relative;
    }

    a.view-btnachiv:hover {
        background: #34495e;
        color: #fff;
    }

    a.prev-achiv {
        position: absolute;
        top: 0px;
        right: 7%;

    }

    a.next-achiv {
        position: absolute;
        top: 0px;
        right: 0%;
    }

    a.prev-tst {
        position: absolute;
        top: 0px;
        right: 7%;

    }

    a.next-tst {
        position: absolute;
        top: 0px;
        right: 0%;
    }

    .navigation-arrow {
        position: relative;
        top: -60px;
        z-index: 1;
        right: 14px;
    }

    .main-achive-main {
        margin: 0px 0 70px 0px;
    }

    h2.header-ach {
        padding: 12px 0 4px 0;
        margin: 0px;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        font-family: 'Poppins';
        width: 90%;
        color: #2249b5;
    }

    p.achiv-lead {
        font-size: 17px;
        font-weight: 600;
        color: #3c3a3a;
        padding: 5px 0 0 0;
    }

    .despt {
        width: 86%;
        text-align: justify;
    }

    .box12 {
        background: #34495e;
        border-right: 1px solid #fff;
        float: left;
        height: 278px;
        width: 25%;
        margin: 0 0px 0 0px;
        overflow: hidden
    }

    .box12 a:focus {
        color: #fff !important;
    }

    .know-heading {
        text-align: center;
        margin: 44px 0 40px 0;
    }

    .know-heading h3 {
        font-size: 35px;
        color: #000;
        font-weight: 700;
        text-align: center;
        font-family: 'Poppins', sans-serif
    }

    .box12 a {
        padding: 119px 0;
        margin: auto;
        text-align: center;
        display: block;
        color: #fff;
        font-size: 30px;
        font-family: 'Poppins', sans-serif;
        line-height: 35px;
        transition: all 0.5s;
    }

    /*
.box12 a:hover{
    color: #fff
}
*/
    .box12 a:hover {
        background: url(../images/Kindergarten.jpg);
        transform: scale(1.05);
        color: #f7e616;
        background-size: cover;
        text-shadow: 1px 2px 4px black, 1px 11px 25px #24394e, 1px 4px 8px #34495e
    }

    .Primary a:hover {
        background: url(../images/primary.jpg);
        transform: scale(1.05);
        color: #f7e616;
        background-size: cover;
        text-shadow: 1px 2px 4px black, 1px 11px 25px #24394e, 1px 4px 8px #34495e
    }

    .Middle a:hover {
        background: url(../images/middle.jpg);
        transform: scale(1.05);
        color: #f7e616;
        background-size: cover;
        text-shadow: 1px 2px 4px black, 1px 11px 25px #24394e, 1px 4px 8px #34495e
    }

    .Senior a:hover {
        background: url(../images/senior.jpg);
        transform: scale(1.05);
        color: #f7e616;
        background-size: cover;
        text-shadow: 1px 2px 4px black, 1px 11px 25px #24394e, 1px 4px 8px #34495e
    }

    .toppers-main {
        height: 352px;
        margin: 32px 0 0 -17px;
        width: 100%;
        overflow: hidden;
        background: #fff;
    }

    .topper-box {
        margin: auto;
        width: 126px !important;

    }

    .topper-box ul li {
        height: 196px !important;
        width: 126px !important;
        text-align: center;
        font-size: 14px;
        font-family: 'Poppins';
        font-weight: 600;
        line-height: 14px;
        padding: 0px 0 0px 0;
        margin: 0px;
    }

    h5.header-topr {
        background: #34495e;
        display: inline-block;
        padding: 9px 0 0 0;
        color: #fff;
        width: 96px;
        height: 35px;
        text-align: center;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 15px;
        margin: 23px 0;
    }

    .topper-box ul li p {
        padding: 6px 0 0 0;
        font-size: 13px;
        font-weight: 500;
        font-family: 'Poppins';
    }

    .view-bday {
        margin-top: -27px !important;
    }

    .arrow-toppertview {
        margin: 16px 0 0 -40px;
    }

    a.view-evnt.view-toppertview {
        margin: -35px 16px 0px 85px;
        z-index: 1;
        position: relative;
    }

    a.view-evnt.view-toppertview:hover {
        background: #34495e;
        color: #fff;
    }

    a.next-topperx {
        margin: 0 0 0 -4px;
    }

    a.next-topperxii {
        margin: 0px 0 0 -4px;
    }

    .eudunext {
        font-size: 16px;
        font-family: 'Poppins';
    }

    .eudunext a {
        color: #f3cc10;
    }

    /*

.logo-on-scroll-top-show span {
    font-size: 17px;
    color: #2c2ced;
    font-weight: 600;
}
.logo-on-scroll-top-show {
    width: 57%;
    margin: 8px 0 0 0;
}
ul.nav-scroll-top-show > li > a {
    font-size: 13px!important;
}
.main-content.main-head.top-higt {
   min-height: 32px;
    padding: 0px;
    box-shadow: 0px 4px 16px 0px #af3b60;
    transition: all 4s;
    z-index: 9999
}
ul.nav-scroll-top-show {
    top: 0px !important;
}
ul.sf-menu.clearfix.nav-scroll-top-show > li > a{
    color: #ffffff;
    font-weight: 400;   
    border: none;
}
*/
    /*
ul.sf-menu.clearfix.nav-scroll-top-show li ul {
    top: 41px;
}
*/
    h3.header-inner-pages {
        background: #2248b0;
        text-align: center;
        display: table;
        margin: auto;
        padding: 9px 47px;
        font-size: 20px;
        color: #fff;
        font-family: 'Poppins';
        font-weight: 600;
        margin-bottom: 11px;
        border-radius: 3px;
    }

    .card {
        /*    border: 1px solid #2249b5;*/
        height: auto;
        overflow: hidden;
        text-align: justify;
        font-family: 'Poppins';
        margin: 10px 0px;
        padding: 8px;
    }

    .card-body {
        background: white;
        border-radius: 25px;
        z-index: 999;
        position: absolute;
        width: 75%;
        right: 16px;
        top: 26%;
        min-height: 167px;
        box-shadow: 0px 6px 8px 2px #8e8e8e52
    }

    .card-body-right {
        background: white;
        border-radius: 25px;
        z-index: 999;
        position: absolute;
        width: 77%;
        left: 0;
        top: 26%;
        min-height: 167px;
        box-shadow: 0px 6px 8px 2px #8e8e8e52
    }

    img.card-img-top {
        float: left;
        margin: 0 21px 0 0px;
        width: 25%;
        border-radius: 15px;
    }

    img.card-img-right {
        float: right;
        margin: 0 0 0 0px;
        width: 25%;
        border-radius: 15px;
    }

    a.btn.btn-primary.text-white {
        background: #1f419e;
        position: absolute;
        bottom: 0;
        left: 20%;
    }

    h5.card-title {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        background: #2249b5;
        color: #fff;
        padding: 8px 0;
        font-family: 'Poppins';
        display: inline-block;
        padding: 7px 19px;
        border-radius: 0 12px 0 12px;
        margin: 11px 0 0 0;
    }

    .card-body h5 {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        background: #2249b5;
        color: #fff;
        padding: 8px 0;
        font-family: 'Poppins';
        display: inline-block;
        padding: 7px 19px;
        border-radius: 0 12px 0 12px;
        margin: 18px 0 0 22px;
    }

    h5.card-title-right {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        background: #2249b5;
        color: #fff;
        padding: 8px 0;
        font-family: 'Poppins';
        display: inline-block;
        padding: 7px 19px;
        border-radius: 0 12px 0 12px;
        margin: 18px 0 0 22px;
    }

    p.card-text {
        text-align: justify;
        padding: 10px 24px;
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
    }

    a.ls-nav-prev {
        position: absolute;
        left: 0;
    }

    .ft-box ul li img {
        transition: all 1s;
    }

    .ft-box ul li img:hover {
        transform: scale(1.1);
    }

    .trial {
        text-align: left
    }

    .ft-box {
        color: #fff;
    }

    ul.ft-ulbox {
        padding: 0px;
        margin: 0px;
        list-style: none
    }

    ul.ft-ulbox li {
        display: inline-block;
        width: 194px;
        padding: 0px;
        margin: 0px;
        font-size: 13px;
        font-weight: 400;
        display: block
    }

    ul.ft-ulbox li a {
        color: #fff;
        line-height: 33px;
        text-decoration: none;
        font-family: 'Poppins', sans-serif;
        transition: all 0.6s
    }

    ul.ft-ulbox li a:hover {
        color: #49af91;
        padding-left: 6px;
    }

    a.ft-logo {
        text-align: left;
        /* border: 1px solid red; */
        float: left;
        margin: 33px 0 67px 0px;
    }

    h4.online-feebox {
        position: absolute;
        top: 205px;
        right: 0;
        z-index: 1;
    }

    h4.online-feebox a {
        background: #34495e;
        padding: 8px 10px;
        border-radius: 14px 0 0 10px;
        border: 3px solid #ECECEB;
        border-right: none;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
    }

    h4.online-feebox a:hover {
        background: #4844d9;
        color: #fff;
    }

    .heading-cobinet {
        margin: -33px 0 0 0;
        padding: 0;
    }

    .heading-cobinet h4 {
        text-align: center;
        font-size: 45px;
        color: #444341;
        font-weight: 600;
        padding: 28px 0 0 0;
    }

    .senior-section-box {
        border-bottom: 2px solid #0606f4;
        width: 65% !important;
        margin: AUTO;
        display: block;
        left: 18%;
    }

    .senior-section-box::before {
        position: absolute;
        content: '';
        height: 27px;
        width: 2px;
        left: 0;
        bottom: -27px;
        background: blue;
    }

    .senior-section-box::after {
        position: absolute;
        content: '';
        height: 27px;
        width: 2px;
        right: 0;
        bottom: -27px;
        background: blue;
    }

    .senior-section-box h4 {
        display: inline-block;
        background: blue;
        padding: 10px 20px;
        color: #fff;
        border-radius: 6px;
        position: relative;
        margin-bottom: 17px;
        box-shadow: 1px 7px 7px #d8d6d6;
        font-size: 24px;
        margin-top: 50px
    }

    .senior-section-box h4::after {
        content: '';
        position: absolute;
        bottom: -17px;
        left: 0;
        width: 2px;
        height: 30px;
        background: blue;
        left: 50%;
    }

    /*
.Primary-box{border-bottom: 2px solid #ff8142; margin-top:26px}                
.Primary-box h4{background: #ff8142;}                
.Primary-box h4::after {content: '';position: absolute;bottom: -17px;left: 0;width: 2px;height: 30px;background:#ff8142;left: 50%;}              
.Kindergarten-box{border-bottom: 2px solid #1da064; margin-top:26px}                
.Kindergarten-box h4{background: #1da064;}                
.Kindergarten-box h4::after {content: '';position: absolute;bottom: -17px;left: 0;width: 2px;height: 30px;background:#1da064;left: 50%;}              
*/
    .white-bg {
        background: white;
        overflow: hidden;
        box-shadow: -1px 1px 14px 0px #ccc
    }

    .head-section img {
        float: left;
        padding: 8px;
        width: 30%;
        border: 1px solid whitesmoke;
        margin: 11px;
        border-radius: 3px;
    }

    .head-section h2 {
        background: #0000f8;
        color: #fff !important;
        display: inline-block;
        border: none;
        font-size: 21px;
        font-weight: 500;
        padding: 10px 32px;
        border-radius: 3px;
        color: #fff;
        box-shadow: 0px 6px 10px 0px #dcdbdb;
    }

    .head-section h3 {
        font-size: 20px;
        color: #0000ff;
        text-align: center;
        line-height: 30px;
    }

    .head-section {
        width: 84%;
        margin: auto;
        margin-top: 25px;
    }

    ul.schol-logo-ul li img:hover {
        opacity: 0.6;
        transition: all 1s;
    }

    ul.schol-logo-ul li p {
        text-align: center;
        margin: auto;
    }

    ul.schol-logo-ul {
        text-align: center;
        margin: auto;
        padding: 0px
    }

    ul.schol-logo-ul li h6 {
        background: #2280e0;
        padding: 12px 0px;
        position: relative;
        top: -38px;
        color: #ffffff;
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        font-family: 'Poppins';
    }

    ul.schol-logo-ul li {
        display: inline-block;
        padding: 10px;
        border-radius: 6px;
        margin: -7px 5px -22px 5px;
        transition: all 0.8s;
        cursor: pointer;
    }

    ul.schol-logo-ul li a {
        text-decoration: none;
        color: #605c5d;
        font-weight: 600
    }

    ul.schol-logo-ul li a img {
        border-radius: 5px 5px 0 0;
    }


    ul.schol-branches-ul li img:hover {
        opacity: 0.6;
        transition: all 1s;
    }

    ul.schol-branches-ul li p {
        text-align: center;
        margin: auto;
    }

    ul.schol-branches-ul {
        text-align: center;
        margin: auto;
        padding: 0px
    }

    ul.schol-branches-ul li h6 {
        background: #34495e;
        padding: 12px 0px;
        position: relative;
        top: -38px;
        color: #ffffff;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        font-family: 'Roboto';
    }

    ul.schol-branches-ul li {
        display: inline-block;
        padding: 10px;
        border-radius: 6px;
        margin: -7px 5px -22px 5px;
        transition: all 0.8s;
        cursor: pointer;
        width: 45%;

    }

    ul.schol-branches-ul li a {
        text-decoration: none;
        color: #605c5d;
        font-weight: 600
    }

    ul.schol-branches-ul li a img {
        border-radius: 5px 5px 0 0;
        width: 100%;
    }

    h3.Our-Branche {
        color: #ffffff;
        margin: 22px 0 27px 0;
        display: block;
        text-align: center;
        font-size: 20px;
        background: #34495e;
        display: inline-block;
        padding: 8px 26px;
        position: relative;
    }

    h3.Our-Branche::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        bottom: -9px;
        left: 44%;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #34495e;
    }

    img.img-thomas {
        float: none;
        padding: 12px;
        border: 1px solid #dcd3d3;
        background: white;
        margin-right: 27px;
        margin: auto;
        text-align: center;
        display: block;
    }

    p.ft-img-sr img {
        padding: 18px 6px;
        transition: all 1s;
        cursor: pointer
    }

    p.ft-img-sr {
        text-align: center;
        margin: 0 13px;


    }

    p.ft-img-sr img:hover {
        transform: translateY(20px);
    }

    table.table.table-responsive.table-border {
        background: #fff;
        border: 1px solid #dddddd;
    }

    td.img-john {
        font-weight: 600;
    }

    td.img-john img {
        display: block;
        margin: auto;
        margin-bottom: 12px;
        border: 1px solid #d4d4d4;
        background: #efefef;
        padding: 12px;
    }

    table.table.table-responsive.table-border tr td {
        border-right: 1px solid #dddddd;
        font-size: 16px;
        font-family: 'Roboto';
        font-weight: 600;
        line-height: 22px;
        text-align: center;
        color: #34495e;
    }

    table.table.table-responsive.table-border h5 {
        text-align: center;
        font-family: 'Poppins';
        font-size: 23px;
        font-weight: 600;
    }

    .col-md-12.brothes-box {
        text-align: left;
    }

    img.img-inspt {
        float: left;
    }

    .col-md-12.brothes-box h5 {
        font-size: 23px;
        font-weight: 600;
        font-family: 'Poppins';
        background: #34495e;
        display: inline-block;
        padding: 4px 16px;
        color: #fff;
        border-radius: 2px;
        position: relative;
    }

    .col-md-12.brothes-box h5:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        bottom: -9px;
        left: 26%;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #34495e;
    }

    .col-md-12.brothes-box p {
        font-style: italic;
        color: #34495e;
    }

    .col-md-12.brothes-box h3 {
        background: #34495e;
        color: #fff;
        font-size: 23px;
        padding: 8px 0;
        font-family: 'Poppins';
        font-weight: 600;
    }

    .bro-section-center {
        clear: both;
        margin: 58px 1px 0 0;
        border-top: 1px solid #e8e8e8;
        padding: 12px 0 0 0;
    }

    ul.bros-ul {
        text-align: center
    }

    ul.bros-ul li {
        display: inline-block;
        width: 32%;
        height: 329px;
        text-align: center
    }

    .text-h5 {
        position: relative;
        top: 7px;
        font-size: 14px;
        font-family: 'Poppins';
        font-weight: 600;
        text-align: center;
    }

    .text-h6 {
        position: relative;
        top: 28px;
        font-size: 14px;
        font-family: 'Poppins';
        font-weight: 600;
        text-align: center;
    }

    ul.bros-ul li img {
        padding: 10px;
        border: 1px solid #e9eaea;
    }

    p.Important-p {
        font-size: 14px;
        font-weight: 600;
        font-family: 'Roboto';
    }

    .content {
        background: #fff;
        /*padding: 18px;*/

    }

    p.ft-img-sr img {
        width: 21%;
    }

    .shapers {
        margin-bottom: 21px;
    }

    .shapers img {
        padding: 10px;
        border: 1px solid #ececeb;
        background: #f7f7f7;
    }

    .shapers h5 {
        text-align: center;
        font-size: 17px;
        font-weight: 600;
        font-family: 'Roboto';
    }

    .Administration-box h5 {
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        font-style: italic;
        font-family: 'Poppins';
        line-height: 23px;
        color: rgb(52, 73, 94);
    }

    .shapers h2 {
        background: #0000f8;
        display: inline-block;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        font-family: 'Poppins';
        letter-spacing: 0.5px;
        padding: 11px 50px;
        border-radius: 1px;
        position: relative;
        border-radius: 18px 0 18px 0;
    }

    .shapers h2::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        bottom: -9px;
        left: 44%;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #0000f8;
    }

    h4.coordint-div {
        clear: both;
        background: #34495e;
        text-align: center;
        color: #fff;
        padding: 8px 0;
        font-size: 24px;
        margin: 38px 0;
    }

    .header-glance h3 {
        font-size: 30px;
        text-align: center;
        margin: 0px;
        color: #ffffff;
        padding: 13px 14px;
        font-family: 'Roboto';
        background: #34495e;
        margin: 0 0 27px 0;
        border-radius: 3px;
        display: inline-block;
        min-width: 28%;
        border-radius: 12px;
        font-size: 37px;
        font-weight: 600;
    }

    h5.name-head {
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Roboto';
        padding: 0 0 9px 0;
        font-weight: 700;
        color: #34495e;
    }

    .glance-box p {
        color: rgb(52, 73, 94);
        visibility: visible;
        animation-delay: 0.8s;
        font-style: italic;
        padding: 0px 30px;
    }

    ul.kg-sect {
        margin: 0px 0 0 28px;
        padding: 0 0 0 0;
    }

    ul.kg-sect li {
        font-size: 20px;
        font-style: italic;
        color: #34495e;
        visibility: visible;
        animation-delay: 0.8s;
        font-style: italic;
        padding: 5px 8px 0 42px;
        font-family: 'Poppins';
        background: url(../images/arrow-left.png) 6px 6px;
        background-repeat: no-repeat;
    }

    ul.inner-page-ul {
        margin: 0px 0 0 0px;
        padding: 0 0 0 0;
    }

    .inner-page-ul li {
        font-size: 20px;
        visibility: visible;
        padding: 5px 8px 0 42px;
        font-family: 'Poppins';
        background: url(../images/arrow-left.png) 6px 6px;
        background-repeat: no-repeat;
        text-align: justify
    }

    h2.content-title.desktop-view {
        background: #34495e;
        color: #fff;
        text-shadow: none;
        line-height: 50px;
        margin: 34px 0 0px 0px;
        padding: 0px;
        text-align: center;
        border-radius: 10px 10px 0 0;
    }

    .main-content-block {
        background: #fff;
        padding: 18px;
    }

    .inTitle {
        padding: 2px 42px;
        margin-left: 0px;
        color: #ffffff;
        /* border-top-left-radius: 17px; */
        /* border-bottom-right-radius: 17px; */
        font-size: 25px !important;
        /* margin-bottom: 21px; */
        /* border-bottom: 1px dashed #e4e4e4; */
        background: #34495e;
        font-weight: 600;
        display: inline-block;
        border-radius: 3px;
        position: relative
    }

    .inTitle::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        bottom: -9px;
        left: 44%;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #34495e;
    }


    .bg-event {
        background: #ffca08;
        height: 53px;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .latest-div {
        /*    background: #70125c;*/
        background: rgb(4 4 4 / 13%);
        height: 53px;
        width: 100%;
    }

    .latest-text {
        height: 109px;
        width: 100%;
        background-image: -webkit-linear-gradient(left, #7e1e5b, #8d2a5a);
        background-image: -moz-linear-gradient(left, #7e1e5b, #8d2a5a);
        background-image: -ms-linear-gradient(left, #7e1e5b, #8d2a5a);
        background-image: -o-linear-gradient(left, #7e1e5b, #8d2a5a);
        background-image: linear-gradient(left, #7e1e5b, #8d2a5a);
        background: url(../images/event-bg-right.png);
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
    }

    .latest-div img {
        margin-top: 5px;
    }

    ul.news1-ul {
        padding: 0px;
        margin: 0px;
    }

    ul.news1-ul li {
        display: inline-flex;
        min-width: 20px;
        margin: 10px 2px;
    }

    .date-box {
        height: 70px;
        width: 70px;
        background: #969696;
        border-radius: 50%;
        display: grid;
        position: relative;
        float: left;
        margin: 0px 10px 0 6px;
    }

    .date-box::after {
        content: '';
        position: absolute;
        width: 14px;
        height: 14px;
        background: #fff;
        border-radius: 50%;
        right: 0px;
        top: 10px;
        border: 2px solid #8d2b5a;
    }

    .date-box h5 {
        display: table-cell;
        vertical-align: middle;
        margin: auto;
        font-family: 'Poppins', sans-serif;
        font-size: 25px;
        /* font-weight: 600; */
        color: #fff;
        padding: 0px;
        line-height: 27px;
        padding-top: 13px;
    }

    p.month-box {
        color: #fff;
        font-size: 11px;
        text-align: center;
        font-family: 'Poppins';
        /* font-weight: 600; */
    }

    h4.news-title {
        font-size: 14px;
        color: #fff;
        padding: 5px 0 0 0;
    }

    a.news-readmore {
        background: #fff;
        font-size: 12px;
        text-decoration: none;
        color: #2d2d2d;
        font-weight: 600;
        padding: 1px 8px;
        border-radius: 15px;
    }

    .value-text h3 span {
        /*    font-size: 48px;*/
        font-size: 42px;
        color: #1f1c1c;
        font-weight: 500;
    }

    .value-text h3 span {
        display: block;
        text-align: right;
        font-size: 15px;
        line-height: 0;
        font-family: 'Poppins';
        font-weight: 600;
        color: #5a5858;
        font-style: normal
    }

    .value-text h3 {
        color: #831a3c;
        font-family: "Pompiere", Sans-serif;
        font-size: 43px;
        display: inline-block;
        font-weight: 700;
        letter-spacing: 0.8px;
        line-height: 58px;
        letter-spacing: 0;
    }

    .value-text h4 {
        font-weight: 700;
        font-size: 27px;
        padding: 8px 0 16px 0;
    }

    .value-text p {
        text-align: justify;
        font-family: 'Poppins';
        font-size: 16px;
        font-weight: 500;
        padding: 20px 0 10px 0;
        margin: 0px;
        line-height: 26px;
    }

    a.btn-value {
        color: #000;
        text-decoration: none;
        padding: 5px 14px;
        border-radius: 5px;
        font-weight: 500;
        display: inline-block;
        transition: all 1s;
        background: linear-gradient(to left, transparent 50%, #0f263a 50%) right;
        background-size: 200%;
        transition: .5s ease-out;
        margin-top: 26px;
        font-size: 17px;
        border: 1px solid #00009c;
        float: left;
    }

    a.btn-value:hover {
        background-position: left;
        color: #fff;
    }

    .main-content.School-Ranking-boxs {
        height: 126px;
        background: transparent;
        margin: -126px 0 0 0;
        z-index: 99;
        position: relative;
    }

    .main-content.School-Ranking-boxs {
        height: 95px;
        background: transparent;
        margin: -95px 0 0 0;
        z-index: 99;
        position: relative;
        border-bottom: 1px solid #fff;
    }

    .main-content.onlilne-boxs {
        background: #f46f36;
        height: 88px;
    }

    .top-box1 {
        background: rgb(16 134 235 / 75%);
        height: 94px;
        transition: all 0.5s;
        cursor: pointer;
        width: 94%;
        margin: auto
    }

    .top-box1:hover {
        background: #1b4263;
        transform: translateY(-10px);
    }

    .top-box1 h4 {
        color: #fff;
        text-transform: uppercase;
        font-family: 'Poppins';
        font-size: 22px;
        padding: 23px 0 0 0;
        font-weight: 400
    }

    .top-box1 img {
        margin: 17px 21px 0 16px;
        width: 13%;
    }

    .top-box1 h4 span {
        font-size: 18px;
        display: block;
        font-weight: 300;
        padding-top: 3px;
    }

    ul.recruitment-ul {
        text-align: center;
        margin: auto;
        padding: 0px;
    }

    ul.recruitment-ul li {
        border: 1px solid white;
        padding: 14px;
        margin: 8px 6px;
        height: 71px;
        display: inline-block;
        width: 23%;
        border-radius: 6px;
        vertical-align: middle;
        transition: all 1s;
        cursor: pointer;
    }

    ul.recruitment-ul li img {
        margin: 0 11px 0 0px;
    }

    ul.recruitment-ul li h6 {
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        padding: 5px 0 0 0;
    }

    ul.recruitment-ul li:hover {
        background: #1b4263;
        transform: translateY(10px);
    }

    ul.recruitment-ul li:nth-child(2):hover {
        background-color: #000 !important;
    }

    .about-text p {
        text-align: justify;
    }

    h3.about-bg-hd {
        color: #f46f36;
        font-family: 'Poppins';
        text-transform: uppercase;
        font-size: 26px;
    }

    .bg-princp {
        background: #f3f3f3;
        height: 358px;
        width: 100%
    }

    h3.about-bg-hd span {
        display: block;
        color: #0f263a;
        font-size: 47px;
        margin-top: 17px;
    }

    .text-princp h3 {
        font-size: 30px;
        font-family: 'Poppins';
    }

    .text-princp h3 span {
        color: #f46f36;
        position: relative;
    }

    .text-princp h3 span::before {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        bottom: 4px;
        left: 0;
        background: #f46f36;
    }

    .text-princp p {
        text-align: justify;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Poppins';
        line-height: 26px;
    }

    a.btn-value.btn-princ {
        margin-top: 3px;
    }

    .transport-box1 {
        background: #757575;
        height: 103px;
        position: relative;
        cursor: pointer;
        margin: 30px 0 0 0;
        transition: all 1s;
    }

    .transport-box1:hover {
        background: #1b4263;
        transform: translateY(-5px);
    }

    .transport-box1 h6 {
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        padding: 45px 0 0px 21px;
        font-weight: 300;
        font-family: 'Poppins';
        letter-spacing: 2px;
    }

    .transport-box1 h6 span {
        font-size: 22px;
        display: block;
        font-family: 'Poppins';
        letter-spacing: 0;
    }

    img.transport-img {
        position: absolute;
        right: 20px;
        top: 14px;
    }

    .header-recent {
        text-align: -webkit-auto;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Poppins';
        padding: 47px 0 24px 0;
    }

    h3 span.hd-activit {
        color: #f46f36;
        position: relative
    }

    h3 span.hd-activit::after {
        content: '';
        position: absolute;
        bottom: 0;
        border: 1px solid #f46f36;
        width: 100%;
        left: 0;
    }

    .recent-imgbox img {
        padding: 0px;
        margin: 0px;
        display: block;
        object-fit: cover;
        width: 475px;
        height: 270px;
    }

    .recent-imgbox h6 {
        padding: 4px 0 0 0;
        font-size: 16px;
        font-family: 'Poppins';
        line-height: 24px;
        color: #5d5757;
        font-weight: 400;
    }

    .recent-imgbox h2 {
        font-size: 18px;
        font-family: 'Poppins';
        padding: 24px 0 0 0;
        line-height: 20px;
        margin: 0px;
        font-weight: 600;
    }

    .recentright-imgbox {
        float: left;
        text-align: left;
        padding: 0px 0 18px 12px;
    }

    .recentright-imgbox img {
        float: left;
        padding: 0 12px 0 0;
        width: 149px;
        height: 96px;
        object-fit: cover;
    }

    .recentright-imgbox h2 {
        font-size: 15px;
        font-weight: 700;
        font-family: 'Poppins';
        padding: 0px;
        margin: 0px;
    }

    .recentright-imgbox a {
        font-size: 13px;
        text-decoration: auto;
        color: #0f263a;
        font-family: 'Poppins';
        font-weight: 500;
        padding: 0px;
        margin: 0px;
    }

    .recentright-imgbox p {
        line-height: 18px;
        padding-top: 0;
        font-size: 13px;
        color: #5d5757;
        margin: 0px;
    }

    .recent-imgbox a {
        text-decoration: none;
        float: left;
        color: #0f263a;
        font-family: 'Poppins';
        padding: 6px 14px;
        border-radius: 3px;
        font-size: 16px;
        background: linear-gradient(to right, transparent 50%, #0f263a 50%) left;
        background-size: 200%;
        transition: .5s ease-out;
        margin: 20px 0px 49px 0;
        border: 1px solid #00009c;
    }

    .recent-imgbox a:hover {
        background-position: right;
        color: #fff;
    }

    .smart-number {
        background: #fff6f6;
        height: 100%;
        padding: 42px 0 0;
        font-family: 'Poppins';

    }

    .counter-hd {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 26px;
        font-family: 'Poppins';
        position: relative;
        padding: 14px 0 42px 0px;
        color: #121417;
        line-height: 32px;
    }

    .counter-hd::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 62px;
        height: 1px;
        background: #212529;
        margin: auto;
        bottom: 39px;
    }

    .counter-value {
        line-height: 94px;
        font-size: 50px;
        font-weight: 600;
        padding: 38px 0;
        margin: 0 0 0 -60px;
    }

    .counter-value::before {
        content: '%';
        position: relative;
        left: 106px;
    }

    .school-count::before {
        content: '';
    }

    .school-count {
        margin: auto;
    }

    .class-x-counter::after {
        content: 'of class X in 2020';
        font-size: 14px;
        display: block;
        line-height: 0;
        margin: -12px 0 0 79px;
    }

    .class-xii-counter::after {
        content: 'of class XII in 2020';
        font-size: 14px;
        display: block;
        line-height: 0;
        margin: -12px 0 0 79px;
    }

    .student-counter::after {
        content: 'Student';
        font-size: 14px;
        display: block;
        line-height: 0;
        margin: -12px 0 0 0px;
    }

    a.btn-value.joyfull-btn {
        text-align: center;
        margin: auto;
        display: inline-block;
        float: none;
        margin: 32px 0 0 0;
        font-weight: 300;
        font-family: 'Poppins';
    }

    .image-gallery-box {
        width: 100%;
        height:266px;
        overflow: hidden;
    }

    .image-gallery-box img {
       /* object-fit: cover;*/
        height: 266px;
        min-width: 100%;
        margin: 0px;
    }

    ul.navimg li span {
        font-weight: 500;
        padding-right: 4px;
    }

    .category-title-gallery h2 {
        background: #f46f36;
        font-size: 16px;
        color: #fff;
        padding: 0 14px;
        line-height: 32px;
        margin: 0px;
        text-align: center;
    }

    .category-title-gallery h6 {
        background: #1b4263;
        color: #fff;
        padding: 0px;
        margin: 0px;
    }

    span.date-gallery {
        height: 58px;
        width: 58px;
        background: #0f263a;
        display: table-cell;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        font-size: 32px;
        font-family: 'Poppins';
    }

    span.month-gallery {
        display: table-cell;
        vertical-align: middle;
        padding: 0 0 0 9px;
        line-height: 18px;
        font-size: 18px;
    }

    span.days-gallery {
        font-size: 12px;
        line-height: 0;
        padding: 0px;
        margin: 0px;
    }

    a.view-gallery {
        background: #f46f36;
        display: block;
        margin: 0px;
        padding: 0px;
        text-decoration: none;
        color: #fff;
        text-align: right;
        padding: 0 14px;
        font-size: 14px;
        font-family: 'Poppins';
        line-height: 40px;
    }

    a.view-gallery:hover {
        color: #dfec15;
    }























    .presidency-box {
        background: url(../images/bg-star.png);
        min-height: 420px;
        background-color: #831a3c;
        width: 100%;
        background-repeat: no-repeat;
        background-position: right top;
    }

    .top-herd h4 {
        text-align: center;
        color: #fff;
        font-family: 'Poppins';
        padding: 32px 0 0 0;
        font-size: 25px;
    }

    ul.why-shalom {
        padding: 0px;
        margin: 30px 0 44px 0;
    }

    ul.why-shalom li {
        height: 368px;
        width: 17.3%;
        display: inline-block;
        margin: 0 11px 16px 11px;
        background: #fff;
        font-size: 13px;
        padding: 10px 10px 10px 10px;
        vertical-align: top;
        font-family: 'Poppins';
        font-weight: 500;
        text-align: left;
        position: relative
    }

    ul.why-shalom li h4 {
        background: linear-gradient(to right, #967796, #969696);
        font-size: 13px;
        line-height: 36px;
        color: #fff;
        position: relative;
        height: 48px;
        padding: 12px 0 0 0;
        line-height: 17px;
        border-radius: 0 25px 25px 0;
        box-shadow: 5px 5px 7px 0px #cecece;
        margin: 0px 0 19px -15px;
        text-align: center;
        z-index: 999;
        position: relative;
    }

    ul.why-shalom li h4::after {
        content: '';
        position: absolute;
        left: -31px;
        background: url(../images/bg-hd.png);
        height: 76px;
        width: 56px;
        top: 0;
        z-index: -1
    }

    ul.why-shalom li::before {
        content: '';
        position: absolute;
        height: 60px;
        width: 60px;
        bottom: -6px;
        right: -5px;
        border-top: 73px solid transparent;
        border-left: 32px solid transparent;
        border-right: 68px solid #a9a3a9;
    }

    .box1img {
        position: relative;
        width: 100%;
    }

    .image-hover {
        display: block;
        width: 100%;
        height: auto;
        opacity: 0.4;
    }

    .overlay-txt {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #fff;
    }

    .box1img:hover .overlay-txt {
        opacity: 1;
    }

    .text-hover {
        cursor: pointer;
        color: #201d1f;
        font-size: 20px;
        position: absolute;

        text-align: center;
    }

    .first-box {
        margin: 34px 0 48px 0;
        overflow: hidden;
        border-radius: 16px;
        background: #d2d6dc;
    }

    .img-text-img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    p.img-text-img img {
        display: block;
        margin: auto;
        margin-top: 42%;
        padding: 0 0 11px 0;
    }

    p.img-text-img {
        color: #7f1e5b;
        font-family: 'Poppins';
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        padding: 0 65px;
    }

    h2.hover-header img {
        width: 16%;
        float: left;
        margin: -16px 9px 0 23px;
    }

    h2.hover-header {
        color: #7f1e5b;
        font-size: 16px;
        margin: 35px 0 2px 0;
        font-weight: 600;
        font-family: 'Poppins';
    }

    .text-hover p {
        display: block;
        clear: both;
        text-align: left;
        padding: 8px 20px 0 20px;
        font-family: 'Poppins';
        line-height: 23px;
        font-size: 15px;
        font-weight: 500;
        color: #101010;
    }

    .top-herd h3 {
        font-size: 22px;
        font-family: 'Poppins';
        font-weight: 500;
    }

    .bg-motto {
        background: url(../images/motto-bg.jpg);
        width: 100%;
        height: 560px;
        margin: 0px;
        padding: 0px;
        float: left;
        background-size: cover;
    }

    .motto-bg-box {
        background: url(../images/motto-bg.png);
        width: 98%;
        height: 449px;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: all 0.8s;
    }

    .motto-bg-box:hover {
        transform: translateY(6px);
    }

    .motto-bg-box h4 {
        text-align: center;
        padding: 46px 0 0 0;
        font-family: 'Poppins';
        color: #6e105c;
        font-weight: 600
    }

    .motto-bg-box p {
        font-family: 'Poppins';
        text-align: justify;
        line-height: 18px;
        font-size: 14px;
        padding: 14px 37px;
        font-weight: 500;
    }

    .motto-bg-box a {
        text-decoration: none;
        color: red;
        font-weight: 500;
    }

    .home-gallery-bg {
        min-height: 420px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: contain;
    }

    .header-photo {
        background: #f3cf01;
        height: 50px;
    }

    .header-photo h4 {
        color:#000000;
        text-transform: uppercase;
        padding: 8px 0 0 0;
        font-size: 28px;
		text-align:center;
        font-family: 'Poppins';
        /*float: left;*/
    }

    .header-photo h4 img {
        width: 13%;
        margin: -6px 9px 0px 0;
    }

    a.viewall-photo {
        color: #0f263a;
        text-decoration: none;
        background: white;
        padding: 8px 18px;
        border-radius: 3px;
        float: right;
        font-weight: 500;
        margin: 5px 0 0 0;
        transition: all 0.7s;
    }

    a.viewall-photo:hover {
        background: #0f263a;
        color: #fff;
    }

    .small-img {
        margin: 0 0 21px 0;
        overflow: hidden
    }

    .small-img img:hover {
        transform: scale(1.1);
        opacity: 0.9;
    }

    .small-img img {
        min-height: 146px;
        max-height: 146px;
        transition: all 0.8s
    }

    .big-img {
        overflow: hidden;
    }

    .big-img img {
        min-height: 313px;
        max-height: 313px;
        transition: all 0.8s
    }

    .big-img img:hover {
        transform: scale(1.1);
        opacity: 0.9;
    }

    a.gallery-readmore {
        background: #fff;
        text-decoration: none;
        color: #000;
        font-weight: 600;
        padding: 6px 10px;
        margin: 10px 0 21px 0;
        display: inline-block;
        border-radius: 5px;
        background: linear-gradient(to left, #fff 50%, #5dab9b 50%) right;
        background-size: 200%;
        transition: .5s ease-out;
        font-size: 14px;
    }

    a.gallery-readmore:hover {
        background-position: left;
        color: #fff
    }

    footer {
        background:#04175e;
        min-height: auto;
        width: 100%;
        background-position: center center;
        clear: both;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .ft-header h4 {
        color: #fff;
        font-family: 'Poppins';
        font-size: 16px;
        padding: 30px 0px 10px 0px;
    }

    img.cont-ft-icon {
        max-width: 100%;
        height: 24px;
        margin: 0 17px 0px 0;
    }

    .ft-addrs {
        color: #fff;
        font-weight: 300;
        font-family: 'Poppins';
        text-align: left;
        line-height: 20px;
    }

    strong.text-gray-dark.ft-address {
        font-size: 13px;
    }


    .social-icons {
        overflow: hidden;
        width: 100%;
        margin: auto;
        margin-bottom: 40px;
    }

    .social-icons ul {
        padding: 0px;
        margin: 0px;
    }

    .social-icons h3 {
        font-weight: 400;
        font-size: 16px
    }

    .social-icons li {
        color: #fff;
        display: inline-block;
        font-size: 18px;
        padding: 0px;
        float: left;
        border-radius: 50px;
        width: 35px;
        height: 35px;
        line-height: 35px !important;
        text-align: center;
        margin: 0px 7px 19px 2px;
        transition: all 1s;
    }

    .social-icons li:hover {
        filter: sepia(1);
    }

    .social-icons h4 {
        color: #fff;
        font-size: 15px;
        padding: 15px 0 5px 9px;
        margin: 0px;
    }




    input.input-ft {
        border: 1px solid #dfd6e8;
        margin: 5px 0;
        border-radius: 5px;
        color: #4a4747;
        font-family: 'Poppins';
        font-size: 13px;
        width: 100%;
        height: 35px;
    }

    textarea.textarea-ft {
        resize: none;
        border: 1px solid #dfd6e8;
        border-radius: 5px;
        margin: 5px 0px 0 0;
        height: 80px;
        float: left;
        width: 100%;
    }

    .input-ft::placeholder {
        opacity: 0.5;
        color: #1f1b1b;
        font-size: 12px !important;
    }

    textarea.textarea-ft::placeholder {
        font-family: 'Poppins';
        padding: 3px 6px;
        line-height: 16px;
        font-size: 12px !important;
        opacity: 0.5;
        color: #1f1b1b;
    }

    button.ft-btn-save {
        display: block;
        background: white;
        border-radius: 5px;
        border: 1px solid transparent;
        height: 35px;
        width: 39%;
        padding: 0;
        position: relative;
        top: 10px;
        font-weight: 600;
        font-family: 'Poppins';
        background: linear-gradient(to left, #fff 50%, #5dab9b 50%) right;
        background-size: 200%;
        transition: .5s ease-out;
    }

    button.ft-btn-save:hover {
        background-position: left
    }

    h3.social-header {
        color: #fff;
        font-size: 14px;
        font-family: 'Poppins';
        padding: 27px 0 0 15px;
    }

    ul.ft-social-ul {
        width: 68%;
    }

    ul.ft-social-ul li {
        width: 43%;
        display: inline;
        margin: 0 5px 0 0px;
    }

    ul.ft-social-ul li a {
        text-decoration: none;
        margin: 0 0 5px 0;
        display: inline-block;
    }

    ul.ft-social-ul li a img {
        display: block;
        transition: all .5s
    }

    ul.ft-social-ul li a span {
        font-size: 12px;
        color: #fff;
    }

    ul.ft-social-ul li a img:hover {
        filter: invert(1);
    }

    .last-div h4 {
        text-align: center;
        margin: auto;
        display: block;
        font-size: 13px;
        line-height: 44px;
        font-family: 'Poppins'
    }

    .last-div h4 a {
        text-decoration: none;
    }

    .last-div h4 a:hover {
        color: #77185c;
    }

    .cirl-box-main {
        padding: 12px;
    }

    .header-latest-cirl h2 {
        font-family: 'Poppins';
        font-weight: 600;
        padding: 0px 0 14px 0;
        color: #000;
        font-size: 32px;
    }

    .import-notice {
        background: white;
        z-index: 999;
        padding: 27px;
        overflow: hidden;
        box-shadow: 0 0 9px 4px #bfbfbf;
    }

    a.btn-cirlu {
        margin-top: 22px
    }

    .header-achive h2 {
        font-family: 'Poppins';
        font-size: 27px;
        font-weight: 600;
        padding: 42px 0 27px 0;
    }

    .testmon-text {
        height: auto
    }

    .testmon-text p {
        font-size: 14px;
        font-family: 'Poppins';
        font-weight: 400;
    }

    .img-txtm img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        float: left;
        border: 4px solid #e2e2e2;
        margin-right: 15px;
    }

    .img-txtm span {
        display: block;
        font-size: 13px;
        font-family: 'Poppins';
        line-height: 18px;
        padding-top: 1px;
    }

    .main-testmon-main {
        padding: 0px 0 0 90px;
    }

    .img-txtm {
        margin-top: 16px;
    }

    div#testimonials-sect ul li {
        height: auto !important
    }

    a.btn-value.btn-avhievet {
        margin-top: 60px;
    }

    a.btn-value.btn-tstmoni {
        margin-top: 28px;
    }

    a.more-achieve {
        color: red;
        text-decoration: none;
        text-align: left;
        position: relative;
        top: 2px;
        transition: all 0.4s;
        display: block;
        font-weight: 400;
    }

    a.more-achieve:hover {
        color: #000;
        font-weight: 600
    }

    .category-title-gallery {}

    .internalpage {
        box-shadow: 0 0 9px 1px #d2d1d1bd;
        border-radius: 3px;
        background: #fff;
    }

    ul.topper-x {
        padding: 0px;
        margin: auto;
        text-align: center;
    }

    ul.topper-x li {
        display: inline-block;
        padding: 0 0;
        margin-bottom: 26px;
        width: 19%;
        height: 226px;
        text-align: center;

    }



    /*--gallery page css--*/

    h2.categ-title {
        font-size: 16px;
        font-family: 'Poppins';
        display: block;
        color: #0c4d86 !important
    }

    p.clock-text {
        text-align: left;
        font-family: 'Poppins';
        font-size: 14px;
        color: #0c4d86;
        font-weight: 500;
    }

    p.clock-text i {
        color: #0c4d86;
    }

    a.quicklinks {
        border-radius: 1px;
        padding: 8px 10px;
        color: #fff;
        float: right;
        margin-bottom: 0px;
        background: linear-gradient(to left, #0f263a 50%, #00009c 50%) right;
        background-size: 200%;
        transition: .5s ease-out;
        text-decoration: none;
        margin: -36px 0 0 0;
        border-radius: 3px;
    }

    a.quicklinks:hover {
        background-position: left;
    }

    img.galy {
        min-height: 200px;
        max-height: 200px;
        object-fit: fill;
        transition: all 1s;
    }

    img.galy:hover {
        transform: scale(1.1);
        filter: grayscale(0.5)
    }

    h2.content-title.desktop-view {
        float: none !important;
        color: #ffffff;
        font-family: 'Poppins';
        font-size: 22px;
        text-align: center;
        background: -webkit-linear-gradient(left, #0b375d, #0e2c90);
        border: none;
        border-radius: 3px;
        line-height: 46px;
        width: 97%;
        margin: auto;
        margin-top: 16px;
    }

    .back-btn a {
        color: #fff;
        text-decoration: none;
        padding: 2px 11px;
        font-family: 'Poppins';
        font-size: 14px;
    }

    .back-btn a:hover {
        color: #d0c108;
    }

    .back-btn {
        display: inline-block;
        float: right;
        background: #6b0e5c;
        border-radius: 3px;
    }

    /*--End--*/

    .login-box {
        height: 210px;
        display: inline-block;
        position: relative;
        margin: -319px 0 0 0;
        float: right;
    }

    .login-box a {
        text-decoration: none;
    }

    .quicklinkshomepay {
        position: relative;
        right: -2px;
        width: 175px;
        padding: 14px 0;
        border-radius: 26px 0 0 26px;
        line-height: 10px;
        color: red;
        z-index: 11;
        cursor: pointer;
        transition: all 0.5s ease-out 0s;
        border: 3px rgba(135, 194, 235, 0.15) solid;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19);
        box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19);
        outline: none;
        /* -webkit-animation: NAME-YOUR-ANIMATION 1s infinite; */
        -moz-animation: btn-blink 1s infinite;
        -o-animation: btn-blink 1s infinite;
        animation: btn-blink 1s infinite;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 13px;
        top: 70px;
    }

    .quicklinkshomepay i {
        padding: 0 6px 0 0px;
    }

    @-webkit-keyframes btn-blink {

        0%,
        49% {
            background-color: #831a3c;
            color: #fff;
        }

        50%,
        100% {
            background-color: #969696;
            color: #fff;
        }
    }

    .sp-view {
        background: whitesmoke;
        text-align: left;
        padding: 18px;
        overflow: hidden;
        margin: 12px 0;
        position: relative
    }

    .sp-view p {
        font-family: 'Poppins';
        font-size: 16px;
        text-align: justify;
    }

    p.name-sp {
        position: relative;
        right: 0px;
        bottom: 0;
        float: left
    }

    p.teaching-img img {
        float: right;
    }

    table.table tr th {
        background: rgb(29 14 21 / 48%);
        color: #fff;
    }

    table.table tr:nth-child(odd) {
        background: #e3e3e3;
    }

    table.table tr:nth-child(event) {
        background: #fff;
    }

    .title-content h3 {
        color: #0f263a;
        font-size: 20px;
        font-family: 'Poppins';
    }

    .navimg li {
        line-height: 25px;
        font-family: 'Poppins';
        background: url(../images/arrow-li.png) 1px 5px;
        background-repeat: no-repeat;
        padding: 0px 0px 3px 28px;
        font-size: 14px
    }

    .water-activitie {
        margin: 18px 0;
    }

    .contact-text {
        border: 1px solid #dadada;
        border-radius: 5px;
        background: #f9f9f9ad;
        padding: 18px;
        box-shadow: 0px 8px 7px 0px rgb(16 9 9 / 3%);
        min-height: 160px;
        margin-bottom: 16px;
    }

    .contact-text p {
        text-align: center !important;
        font-family: 'Poppins';
        font-size: 14px;
        padding: 0px;
        margin: 0px;
    }

    .contact-text a {
        text-decoration: none;
        padding: 0 0 0 2px;
        font-size: 18px;
    }

    .cont-icon {
        font-size: 42px;
        padding: 0 0 10px 0px;
    }

    h4.inner-heading-h4 {
        font-family: 'Poppins';
        color: #0f263a;
        font-weight: 500;
        font-size: 23px;
    }

    div#faq {
        width: 99.8% !important;
        overflow: hidden;
        margin: auto
    }

    div#faq ul li {
        width: 158px !important;
        border: 1px solid #daa2bd;
        height: 145px !important;
        padding: 0 !important;
        margin: 0 11px;
    }

    .achive-box-main {
        box-shadow: 0 0 12px 2px #d2d2d282;
        padding: 10px;
        background: white;
        border-radius: 5px;
    }

    .achive-header h2 {
        font-family: 'Poppins';
        font-size: 27px;
        font-weight: 600;
        padding: 0 0 12px 0;
    }

    .navigation-arrow-ahive {
        top: -52px;
        z-index: 1;
        right: 2px;
    }

    div#chairperson {
        margin: 76px 0 0 0;
    }

    ul.schl-glance {
        padding: 0;
        margin: 0px;
        list-style: none;
    }

    ul.schl-glance li {
        display: inline-block;
        width: 198px;
        border: 1px solid #831a3c;
        border-radius: 11px;
        height: 40px;
        text-align: center;
        line-height: 37px;
        font-weight: 500;
        font-size: 16px;
        margin: 6px 6px;
        background: linear-gradient(to left, transparent 50%, #89275a 50%) right;
        background-size: 200%;
        transition: .5s ease-out;
        cursor: pointer
    }

    ul.schl-glance li:last-child {
        width: 414px;
    }

    ul.schl-glance li:hover {
        background-position: left;
        color: #fff;
    }

    @media only screen and (max-width: 767px) {
        ul.topper-x li {
            display: inline-block;
            padding: 0 0;
            margin: 9px;
            width: 42%;
            height: auto;
            text-align: center;
        }

        ul.schl-glance li {
            width: 148px;
            font-size: 14px;
        }

        ul.schl-glance li:last-child {
            width: 314px;
        }
    }

    .popup-schl-glance {
        display: none;
        background: rgb(0 0 0 / 60%);
        height: 100vh;
        z-index: 9999;
        width: 100%;
        position: fixed;
    }

    .center-glance-box {
        width: 60%;
        height: 312px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        padding: 10px 23px;
    }

    .center-glance-box h2 {
        font-size: 22px;
        padding: 0px 0 7px 0;
    }

    table.glance-table {
        width: 100%;
    }

    table.glance-table tr td {
        border: 1px solid #e6e1e1;
        line-height: 20px;
        text-align: left;
        padding: 10px 13px;
        font-weight: 500;
    }

    .close {
        color: #ffffff;
        float: right;
        font-weight: bold;
        display: inline-block;
        background: #831a3c;
        font-size: 16px;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        cursor: pointer;
        margin: 0;
        position: relative;
        left: 14px;
        top: -4px;
    }

    table.table-council tr td h6 {
        text-align: center;
        line-height: 16px;
        position: relative;
        top: 9px;
        font-family: 'Poppins';
        font-weight: 600;
        color: #494141;
        font-size: 14px;
    }

    table.table-council tr td img {
        border: 4px double #b6b4b4;
    }

    img.img-box {
        margin-bottom: 20px;
    }

    @media (max-width: 767px) {

        .managementImg {
            width: 100% !important;
        }

        .main-content {
            background-position: -75px 62px !important;
        }

        table.table-council tr td {
            display: block;
            text-align: center;
        }

        .bday-arow {
            right: 10px !important;
        }

        .main-testmon-main {
            padding: 0px;
        }

        .logo {
            text-align: center;
            margin: 3px 0;
            float: none;
            width: 56%;
            text-align: left;
        }

        .logo img {
            width: 65%;
        }

        .logo span {
            font-size: 16px;
            top: 0px;
        }

        .top-left-box {
            background: #fff;
            float: none;
            width: 100%;
            border-radius: 0;
            height: auto;
            box-shadow: none;
        }


        .box11,
        .box12 {
            margin: auto;
            float: none;
            width: 48%;
            height: 220px;
            display: inline-block;
            margin: 6px 0;
        }

        .main-head {
            left: 0px;
            width: 100%;
            position: absolute;
            background: #fff;
            height: auto;
            z-index: 9 !important
        }

        .big-slider-show {
            display: none
        }

        .featurette {
            width: 100%;
            margin: 0px !important;
        }

        .featurette .col-md-5 {
            padding: 0px;
            margin: 0px;
        }

        h3.annount-header {
            margin: 25px 0 0px 0px;
            padding: 0 0 10px 0;
            text-align: center;
        }

        h3.annount-header::after {
            display: none
        }

        ul.event-ul {
            margin: 30px 0 0 15px !important
        }

        div#newsticker-demo {
            height: 270 !important
        }

        .arrow-eventbox {
            text-align: center;
            margin: auto;
            right: 121px;
        }

        div#newsticker {
            margin-bottom: 20px;
        }

        a.view-evnt {
            text-align: center;
            margin: auto;
            margin-left: 36px;
            float: right;
        }

        .site-footer {
            margin-top: 12px;
        }

        .box11 a {
            padding: 50px 0px;
            margin: auto;
            text-align: center;
            display: block;
            color: #fff;
            font-size: 22px;
            font-family: 'Poppins', sans-serif;
            line-height: 28px;
        }

        .box11.our-branches-bg {
            padding: 16px 0;
        }

        #to-the-top {
            left: 0 !important;
        }

        .toppers-main {
            height: auto;
            margin: auto;
            width: 100%;
            padding-block-end: 18px;
        }

        .btw-spc {
            margin: 0px
        }

        .box12 a {
            padding: 80px 0px
        }

        .row {
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        .princp-box {
            margin: auto;
            width: 96%;
            margin-top: 18px;
            height: auto;
        }

        .arrow-toppertview {
            margin: 16px 0 0 0px;
            text-align: right;
            padding: 0 0 0px 0;
        }

        a.prev-topperx {
            margin: 0 -4px 0 0;
        }

        a.next-topperx {
            margin: 0 78px 0 0;
        }

        a.prev-topperxii {
            margin: 0 -4px 0 0;
        }

        a.next-topperxii {
            margin: 0 78px 0 0;
        }

        a.view-evnt.view-toppertview.view-bday {
            margin: 16px 11px -2px 0px !important;
        }

        /*
    .arrow-gallerybox {
        right: 89px!important;
        bottom: 18px;
    }
*/
        a.view-toppertview {
            margin: -35px 0px 0px 0 !important;
        }

        h5.header-h5-top a {
            font-size: 13px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            display: block;
        }

        ul.event-ul li p {
            font-size: 12px;
        }

        h3.heading-achivmt,
        .shadow-event {
            padding: 0px;
            margin: 14px 0;
        }

        .box-gallery1 {
            height: auto;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .image-gallery-box img {
            width: 310px;
        }

        ul.bday-ul-home li img {
            height: 118px;
            text-align: center;
            margin: auto;
            display: block;
        }

        ul.bday-ul-home li {
            width: 143px !important;
            height: 179px !important;
            margin: auto;
            padding: 0 0 0 0;
            margin-left: 5px;
        }

        .view-bday {
            margin-top: 5px !important;
        }

        ul.bday-ul-home li p,
        span.class-name {
            font-size: 9px;

        }

        img.card-img-top,
        img.card-img-right {
            max-width: 100%;
            float: none;
            text-align: center;
            margin: auto;
            display: block;
            width: 94%;
        }

        .shadow-event {
            height: auto;
            overflow: hidden;
            margin-bottom: 22px;
            padding: 5px;
        }

        .header-photo {
            background: #f46f36;
            height: auto;
            overflow: hidden;
        }

        .header-photo h4 {
            font-size: 14px;
            position: relative;
            top: 6px;
        }

        a.viewall-photo {
            padding: 4px 7px;
            margin: 9px 0 0 0;
            transition: all 0.7s;
            font-size: 11px;
        }

        .card-body,
        .card-body-right {
            position: static;
            width: 100%;
        }

        nav.site-mobile-menu>ul {
            top: 62px !important;
            left: 0;
            padding: 0px;
        }

        .bg-event {
            height: 75px;
        }

        ul.news1-ul li {
            margin: 7px 8px;
            overflow: hidden
        }

        h4.news-title {
            padding: 2px 0 0 0;
            margin: 0px;
        }

        .latest-text {
            height: 97px !important;
        }

        .latest-div {
            height: 96px !important;
        }

        .value-text h3 {
            font-size: 22px;
            line-height: 27px;
            text-align: center;
        }

        .value-text h3 span {
            font-size: 12px;
            display: block;
            padding: 18px 0 0 0;
        }

        .value-text h4 {
            font-size: 16px
        }

        .value-text p {
            text-align: left;
            font-size: 15px;
            line-height: 22px;
            padding: 8px 0;
        }

        .motto-bg-box:hover {
            transform: scale(1.070);
        }

        h2.hover-header img {
            width: 13%;
        }

        h2.hover-header {
            font-size: 16px
        }

        .text-hover p {
            margin: 20px 0 0 0;
            font-size: 13px;
            line-height: 23px;
            text-align: justify
        }

        p.img-text-img img {
            width: 31%;
        }

        p.img-text-img {
            font-size: 20px;
        }

        .motto-bg-box {
            background: #f1f1f1;
            margin: 10px 0px;
            padding: 4px 0 27px 0;
            height: auto;
            border-radius: 22px;
        }

        .motto-bg-box p {
            line-height: 19px;
            font-size: 12px;
            padding: 4px 26px;
        }

        .motto-bg-box h4 {
            padding: 15px 0 0 0;
        }

        .big-img img {
            object-fit: contain
        }

        .small-img img {
            min-height: auto;
            max-height: initial;
            transition: all 0.8s;
            width: 100%;
            object-fit: fill;
        }

        .col-md-6.img-mob {
            padding: 0px;
        }

        .big-img img {
            min-height: auto;
            max-height: auto;
            transition: all 0.8s;
            margin-bottom: 31px;
        }

        footer {
            background: #2e243d;
        }

        .ft-header h4 {
            padding: 33px 0px 3px 0px;
        }

        .ft-mob-p {
            padding: 0px !important;
            margin: 0px;
        }

        .ft-mob-p2 {
            padding: 0px !important
        }

        ul.ft-social-ul {
            width: 100%;
        }

        .last-div h4 {
            line-height: 16px;
            padding: 8px 0px;
        }

        .date-box h5 {
            font-size: 16px;
            line-height: 11px;
            padding-top: 18px;
        }

        .date-box {
            width: 62px;
            height: 62px;
        }

        p.month-box {
            font-size: 10px;
            font-weight: 600;
        }

        .latest-div img {
            margin-top: 25px;
            width: 81%;
        }

        ul.ft-ulbox li {
            display: inline-block;
            width: 153px;
            padding: 0px;
            margin: 0px;
            font-size: 11px;
            font-weight: 400;
        }

        a.ft-logo {
            display: none
        }

        .main-achive-main {
            margin: 0px
        }

        a.news-readmore {
            font-size: 10px;
        }

        .import-notice {
            padding: 10px;
        }

        #newsticker-demo ul li {
            width: 100% !important;
        }

        .first-box {
            margin: 4px 0 20px 0;
        }

        div#achievement-sect {
            height: auto;
        }

        div#achievement-sect {
            padding-top: 18px;
        }

        div#Scholastic-sect {
            height: auto;
        }

        div#Scholastic-sect {
            padding-top: 18px;
        }

        .testmon-text {
            padding-left: 0px !important;
        }

        a.btn-value.btn-tstmoni {
            margin: 18px 0
        }

        .blog-item-category-img font {
            line-height: 18px;
        }

        .header-latest-cirl h2 {
            text-align: center;
            font-family: 26px
        }

        /*
    .category-title-gallery{
        margin-left: 7px
    }
*/
        .home-gallery-bg {
            background-repeat: repeat
        }

        div#achievement-sect ul li img {
            width: 100% !important;
        }

        div#Scholastic-sect ul li img {
            width: 100% !important;
        }

        .achive-date {
            padding: 14px 0 3px 0;
        }

        .img-txtm span {
            position: relative;
            top: 8px
        }

        img.ls-bg {
            min-height: auto !important;
        }

        .login-box {
            height: auto;
            float: left;
            display: block;
            margin: 0px;
            width: 100%;
            background: #e9e9e9;
        }

        .side_vertical_bar {
            width: 85%;
            right: 0;
            top: 0;
            z-index: 99;
            font-size: 9px;
            line-height: 12px;
            position: relative;
            margin: auto;
            display: block;
            text-align: center;
            height: 50px;
            margin-bottom: 14px !important;
            margin: AUTO;
            margin-top: 12px;
            padding: 11px 0px 0 0;
        }

        .side_vertical_bar .itelic {
            display: none
        }

        .quicklinkshomepay {
            right: 0;
            width: 100%;
            border-radius: 26px;
            top: 5px;
        }

        p.name-sp {
            position: relative;
            right: 0px;
        }

        .sp-view img {
            margin-bottom: 24px;
        }

        .main-content-bg {
            background: transparent;
        }

        .innerpage-img {
            display: block;
            width: 100%;
            overflow: hidden;
            margin-bottom: 25px;
            margin: auto;
            text-align: center;
        }

        .innerpage-img img {
            margin: auto !important;
            text-align: center;
            float: none;
            margin-bottom: 24px !important;
        }

        .bg-motto {
            height: auto;
        }

        .menu-box {
            display: none;
        }

        .main-content.School-Ranking-boxs {
            height: auto;
            margin: auto;
        }

        .top-box1 {
            height: auto;
            overflow: hidden;
            margin-bottom: 4px;
            margin-top: 5px;
        }

        .top-box1 h4 {
            font-size: 5px;
            padding: 7px 0 0px 0;
            line-height: 10px;
        }

        .top-box1 h4 span {
            font-size: 8px;
            padding: 0px 0 0px 0;

        }

        .top-box1 img {
            margin: 9px 6px 0 5px;
            width: 12%;
        }

        .main-content.onlilne-boxs {
            height: auto;
        }

        ul.recruitment-ul li {
            padding: 0 0px 0 3px;
            width: 47%;
            margin: 5px 0px;
            height: 40px;
        }

        ul.recruitment-ul li h6 {
            font-size: 10px;
        }

        ul.recruitment-ul li img {
            margin: 6px 4px 0 0px;
            width: 22px;
        }

        .bg-princp {
            height: auto;
            padding-block-end: 16px;
        }

        .transport-box1 {
            margin: 0px;
            border-bottom: 1px solid #cccbcb;
            margin: 0 0 12px 0;
            height: 70px
        }

        img.transport-img {
            position: absolute;
            right: 8px;
            top: 13px;
            width: 21%;
        }

        img.transport-img.bus1 {
            width: 30%;
            top: 21px;
        }

        .transport-box1 h6 {
            font-size: 10px;
            color: #fff;
            padding: 25px 0 0px 10px;
            letter-spacing: 0;
        }

        .transport-box1 h6 span {
            font-size: 12px;
            display: block;
            font-family: 'Poppins';
            letter-spacing: 0;
        }

        .col-md-4.main-gallery {
            height: auto
        }

        a.btn-value {
            float: none;
            margin: 7px 0 15px 0;
            font-weight: 400;
        }

        .princ-img {
            margin: 0 0 21px 0px;
            text-align: center;
        }

        .text-princp h3 {
            font-size: 25px;
            font-family: 'Poppins';
            text-align: center;
        }


    }

    @media (max-width: 1199px) and (min-width: 1025px) {

        .motto-bg-box p {
            line-height: 14px;
            font-size: 9px;
            padding: 7px 37px 0 37px;
        }

        .motto-bg-box a {
            font-size: 12px;
        }

        .category-title-gallery {
            position: relative;
            text-align: left;
            left: 93px;
        }
    }

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

        ul.why-shalom li {
            width: 45%;
        }
    }

    @media (max-width: 567px) and (min-width: 0px) {

        ul.why-shalom li {
            width: 100%;
        }


    }

    @media (max-width: 365px) {
        ul.schl-glance li {
            width: 100%
        }

        ul.schl-glance li:last-child {
            width: 100%;
            margin-bottom: 20px;
        }

        .center-glance-box {
            width: 92%;
            overflow-y: auto
        }

        .recent-imgbox h2 {
            font-size: 14px;
        }

        .recentright-imgbox img {
            float: none;
            padding: 0;
            width: 100%;
            height: 103px;
            object-fit: cover;
        }

        .recentright-imgbox {
            float: left;
            text-align: -webkit-auto;
            padding: 0px 0 0 0;
        }

        .recentright-imgbox h2 {
            padding-top: 8px;
        }

    }

    @media (max-width: 371px) {
        top-box1 img {
            margin: 9px 3px 0 2px;
            width: 11%;
        }

        .top-box1 h4 span {
            font-size: 7px;
        }
    }




    @media (min-width:992px) and (max-width:1024px) {

        nav.site-desktop-menu>ul>li {
            padding-left: 0px;
            padding-right: 0px;
        }

        nav.site-desktop-menu>ul>li>a {

            padding: 0 8px
        }

        nav.site-desktop-menu {
            margin-top: 19px;
        }

        .logo {
            float: left;
        }

        .logo img {
            max-width: 100%;
        }

        p.img-text-img img {
            width: 35%;
        }

        p.img-text-img {
            font-size: 14px;
            line-height: 21px;
            font-weight: 700;
        }

        h2.hover-header {
            font-size: 12px;
            margin: 15px 0 2px 0;
        }

        .text-hover p {
            font-size: 10px;
            line-height: 13px;
            margin: 0px 0 0;
            text-align: justify;
            font-weight: 600;
        }

        .motto-bg-box {
            background: none;
            height: auto;
            background-color: #f4f1f3;
            margin: 0 0 26px 0;
            padding: 0 0 22px 0;
        }

        .motto-bg-box p {
            line-height: 15px;
            font-size: 11px;
            padding: 10px 13px;
        }

        ul.ft-social-ul {
            width: 100%
        }

        .big-img img,
        {
        object-fit: cover
    }

    .big-slider-show {
        display: none
    }

    .main-testmon-main {
        padding: 0px;
    }

    .home-slider {
        margin-top: 54px
    }

    .category-title-gallery {
        position: relative;
        text-align: left;
    }

    ul.news1-ul li {
        display: inline-flex;
        min-width: 20%;
    }

    ul.recruitment-ul li {
        padding: 7px
    }

    .bg-princp {
        height: auto;
        padding: 0 0 20px 0;
    }

    .transport-box1 {
        margin: 0px;
    }

    .transport-box1 h6 {
        letter-spacing: 0px;
    }

    .transport-box1 h6 span {
        font-size: 18px;
    }

    .smart-number {
        height: 100%;
    }

    .gallery-text h5 {
        width: 48%;
    }

    .arrow-toppertview {
        margin: auto;
        float: none;
    }

    a.view-evnt.view-toppertview {
        margin: 0;
        width: 100%;
    }

    .view-bday {
        margin-top: -7px !important;
    }

    .arrow-gallerybox.bday-arow {
        right: 3px !important;
        bottom: 37px;
    }

    .gallery-text p {
        margin: 0 0 6px 0
    }




    }



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

        .topQuickLinks li a {
            font-size: 11px;
            padding: 8px 9px;
        }

        nav.site-desktop-menu {
            margin-top: 0;
        }

        nav.site-desktop-menu>ul>li {
            padding: 4px 0;
        }

        nav.site-desktop-menu>ul>li>a {
            font-size: 12px;
            padding: 0 4px
        }

        .logo {
            margin: 7px 0 0 0px;
        }

        .logo img {
            padding: 20px;
        }

        .top-box1 {
            height: 83px;
        }

        .top-box1 h4 {
            font-size: 12px;
        }

        .main-content.School-Ranking-boxs {
            height: 83px;
            margin: -82px 0 0 0;
            height: 82px;
        }

        ul.recruitment-ul li {
            padding: 5px;
            margin: 8px 4px;
            min-height: 60px;
        }

        ul.recruitment-ul li img {
            width: 21% !important;
            margin: 5px 7px 5px 0px;
        }

        ul.recruitment-ul li h6 {
            font-size: 10px;
        }

        .about-bg {
            display: flex;
            vertical-align: bottom;
            position: absolute;
            bottom: 21%;
            right: 0;
        }

        .bg-princp {
            padding: 0 0 26px 0;
            height: auto;
        }

        .transport-box1 h6 {
            font-size: 9px;
            padding: 50px 0 0px 12px;
            letter-spacing: 0px;
        }

        img.transport-img {
            position: absolute;
            right: 8px !important;
            top: 10px !important;
            width: 23% !important;
        }

        .transport-box1 h6 span {
            font-size: 17px !important;
        }

        .transport-box1 {
            margin: 0px !important;
        }

        a.read-btn {
            text-decoration: none;
            margin: -7px 0 11px 0;
            display: block;
        }

        .recent-imgbox h2 {
            padding: 12px 0 0 0;
            line-height: 23px;
        }

        .counter-hd {
            font-size: 16px;
            line-height: 19px;
        }

        .recentright-imgbox img {
            float: none;
            width: 100%;
        }

        .recentright-imgbox p {
            line-height: 18px;
            ;
            padding-top: 0;
        }

        .recentright-imgbox {
            padding: 0px;
        }

        .recentright-imgbox h2 {
            padding: 3px 0 0 0;
        }

        .smart-number {
            height: 100%;
            padding-top: 50%;
        }

        .topper-box ul li {
            width: 110px !important;
            padding: 0 20px;
        }

        a.view-evnt.view-toppertview {
            margin: 0px;
        }

        .arrow-toppertview {
            margin: -43px 0 7px 0;
            text-align: center;
        }

        a.view-evnt.view-toppertview {
            margin: 0px 13px 0px 0;
        }

        ul.bday-ul-home li img {
            height: 146px;
            float: left;
            width: 136px !important;
        }

        ul.bday-ul-home li p,
        span.class-name {
            text-align: left;
            font-size: 11px;
        }

        ul.bday-ul-home li {
            width: 124px !important;
            height: 218px !important;
            margin: 0 33px;
        }

        .toppers-main {
            margin: 32px 0 0 0;
        }

        h3.heading-achivmt {
            padding: 18px 0 0 0;
            font-size: 22px;
        }

        h5.header-h5-top a,
        ul.event-ul li p {
            font-size: 10px;
            width: 94%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .arrow-gallerybox {
            bottom: 15px;
        }

        .view-bday {
            margin-top: 0px !important;
        }

        .category-title-gallery h2 {
            font-size: 12px;
        }

        span.month-gallery {
            font-size: 16px;
        }


    }