@media only screen and (max-width: 480px) {
    .topper .topper-x, .topper .topper-xii  {
        max-width: 100% !important;
    }

    .birdhday .std-bdy, .tch-bdy {
        max-width: 100% !important;
    }
    .menuLogo img {
        height: 40px;
        margin-top: 1px;
    }
    .fullBoxMob {
    float: right;
    margin: 7px 10px 0px 0px!important;
}
}

@media only screen and (max-width: 600px) {
    .footer .footerLeft h3 {
        font-size: 14px;
    }

    .whiteBox .flexslider .flex-direction-nav .flex-prev {
        left: 0px;
        margin-left: 0;
    }

    .whiteBox .flexslider .flex-direction-nav .flex-next {
        right: 0;
        margin-right: 0;
    }
}

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

    




    .birdhday h3 {
        margin: 0; margin-top:30px; border:0;
    }


    .topper_sec {
        width: 100%;
        border-right: none;
        float: left; border:0;
    }

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

    .wrapper.schl_bg {
        margin: 0;
        background: no-repeat;
        height: auto;
    }

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

    .hd-main-sch {
        text-align: center;
        color: #000000;
        margin-top: 30px;
    }

    .abt_school p {
        padding: 0 10px;
        color: #000000;
    }

    a.viewAll4 {
        text-align: center;
        width: 100%;
    }

    .bday_sec {
        width: 100%;
        float: left;
        border-right: none;
        background: none;
    }

    .principal {
        max-width: 100%;
        margin: 0;
        padding: 0 0 10px 0; text-align:center;
    }

    .vice_president {
        max-width: 100%;text-align:center;
        margin: 0;
    }

    .president {
        max-width: 100%;text-align:center;
        margin: 0;
        padding: 0 0 10px 0;
    }

    a.viewAll6 {
        text-align: center;
        display: block;
        margin: 0 auto;
        /* width: 100%; */
    }

    h3.hd-main.thoug {
        color: #000000;
        padding: 0;
    }

    .wrapper.thought {
        background: none;
        margin: 0;
        height: auto;
    }

    .thought_area {
        color: #000000;
    }

    .school p {
        margin: 0;
        padding: 0 14px;
    }

    .school {
        margin: 0;
    }

    .footer_section {
        width: 100%;
        float: left;
        margin: 0;
    }

    .logo_part {
        background: #852a2a;
        border-right: none;
        text-align: center;
        max-width: 100%;
    }

        .logo_part p {
            padding: 0 10px;
        }

    .quick {
        max-width: 100%;
        border-right: none;
       
        padding: 17px 0;
    }

    .mobile_img {
        display: none;
    }

    .footer-bottom {
        line-height: 20px;
    }

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

    .min-wrapper {
        width: 100%;
        float: left;
    }

    .header {
        /*display: none;*/
        height:auto;
    }

    .noticeH:after, .noticeH br, .msgBoxIn:before, .msgText img, .footer .footerLeft:after, .footerBtm:after, .footerBtm:before, .gobottom {
        display: none;
    }

    .logoname img {
        max-width: 90%;
    }

    .noticeH {
        width: 100%;
        height: auto;
        padding: 5px;
    }

    .noticeBox {
        padding: 0px 0px;
    }

    .noticeSlide {
        max-width: 100%;
        padding: 0 5px;
        margin: 0;
    }

    .newsNotice {
        height: auto;
    }

    .noticelink {
        width: 100%;
        text-align: center;
        float: left; /* background: #5085f8; */
        margin: 0;
        padding-bottom: 10px;
        padding-top: 14px;
    }

    .msgtextin .msgarrowBox {
        max-width: 100%;
        padding-left: 0;
        background: none;
    }

    #homephotog_LBPhoto ul li {
        float: none;
        display: inline-block;
    }

    .bigIcons ul li {
        margin: 5px;
    }

        .bigIcons ul li a {
            width: 134px;
            height: 134px;
        }

            .bigIcons ul li a span {
                margin-top: 10px;
            }

    .foundedBy, .aboutus, .galleryBox, .studentSpeak, .whiteBox, .topperBox {
        padding: 0px 5px;
    }

        .whiteBox .flexslider, #stdspeak {
            padding: 0px 25px;
        }

    .achievement .flexslider .infrs_up_img {
        height: auto;
    }

    .whiteBox .facilities, .whiteBox .achievement {
        float: none;
        margin: 0px auto;
    }

    .topper {
        max-width: 460px;
    }

    .topperBox {
        background: #f5f5f5;
    }

    .footer .footerLeft, .footer .footerRight {
        max-width: 100%;
        padding: 0px 5px;
    }

    .footer {
        padding: 30px 0px 0px 0px;
    }

        .footer .footerRight h3 {
            text-align: center;
        }

    #panorma_slider_2, #marquee img {
        height: 350px;
    }

    #slider1 ul li .caption {
        bottom: 30px;
        margin: 0;
        font-size: 15px;
        padding: 5px 10px;
        line-height: 22px;
    }

    .mainScorller {
        margin-top: 0;
    }

    #slider1 .flex-control-nav {
        bottom: 0px;
    }

    .msgarrowBox p.msglink {
        text-align: center;
    }

    .foundedBy, .aboutus, .msgarrowBox p a.viewall8 {
        margin-top: 30px;
    }

        .aboutus h3 {
            margin-bottom: 10px;
        }

    .msgBoxIn {
        height: auto;
        padding: 20px 0px;
    }

    .msgtextin {
        max-width: 100%;
    }

    .msgimg {
        float: none;
        margin: 0;
        text-align: center;
        width: 150px;
        overflow: hidden;
        margin: 0px auto;
        border: 3px solid #24a79c;
        background: #fff;
    }

        .msgimg img {
            display: inline-block;
        }

    .aboutus-right, .aboutus-img {
        width: 100%;
    }

    .aboutus-right {
        padding: 0 10px;
    }

    .galleryBox h3, .QuickLinks h3 {
        margin: 30px 0px 20px 0px;
    }

    .footerBtm {
        max-width: 100% !important;
        height: auto;
        padding: 0px 5px;
    }

    .topperBox {
        background: #fff !important;
        height: auto;
    }

    .topper {
        max-width: 100% !important;
    }

        .topper .topper-x, .topper .topper-xii {
            max-width: 49%;
        }

    .birdhday .std-bdy, .tch-bdy {
        max-width: 49%;
    }

    .studentSpeak {
        height: auto;
        padding-bottom: 20px !important;
    }

    .topperBox {
        margin-top: 0;
        padding-bottom: 20px;
        overflow: hidden;
    }

    .whiteBox h3 {
        margin: 30px 0px;
    }

    .studentSpeak h3 {
        margin: 30px 0;
    }

    #gallerSec .slides li {
        height: auto;
        overflow: hidden;
    }

        #gallerSec .slides li a {
            display: block;
            max-height: 300px;
            overflow: hidden;
        }

    #homephotog_LBPhoto #gallerSec .flex-direction-nav {
        display: none;
    }

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

    .birdhday {
        max-width: 100%;
    }

    .innerImg {
        margin: 0;
        float: none;
        display: block;
        text-align: center;
    }

    ul.aboutul li {
        margin: 10px;
    }

    .aboutmain {
        background-size: cover;
    }
}

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


    .menuLogo {
        margin-left: 5px;
    }



    .newsNotice:before {
        display: none;
    }

    .aboutus {
        text-align: center;
    }

        .aboutus img {
            margin: 0;
            float: none;
            display: inline-block;
        }

    ul.aboutul {
        width: 100%;
        max-width: 100%;
    }

    .foundedBy, .aboutus, .galleryBox, .studentSpeak, .whiteBox {
        padding: 0px 5px;
    }

    .footerBtm {
        max-width: 430px;
    }

    .logoname {
        top: 0px;
        margin-top: 20px;
        padding: 0px 10px;
    }

    .gobottom {
        margin-top: 0;
    }
}

@media only screen and (min-width : 768px) and (max-width :989px) {

    .header {
        /*display: none;*/
        height:auto;
    }
    .phone_mail {
    width:auto; padding-left:5px;
}
    
.oasis-tab {
    position: static !important;
    text-align: center;
}


    .bday_sec {
        width: 100%;
        float: left;
        border-right: 0px;
        padding: 0;
    }

      .topper_sec {
        width: 100%;
        float: left;
        border-left: 0px;
        padding: 0;
    }
    .wrapper {
        width: 100%;
        float: left;
    }

    .min-wrapper {
        width: 100%;
        float: left;
    }

    .whiteBox .facilities, .whiteBox .achievement {
        max-width: 49%;
    }

    .noticeH {
        width: 150px;
    }

    .noticelink {
        margin-right: 10px;
    }

     

    .msgtextin .msgarrowBox {
        max-width: 465px;
        margin-top: 35px;
    }

    .msgarrowBox p a.viewall8 {
        margin-top: 25px;
    }

    #homephotog_LBPhoto ul li {
        width: 25%;
        height: 103px;
    }

    .bigIcons ul li {
        margin: 5px;
    }

        .bigIcons ul li a {
            width: 134px;
            height: 134px;
        }

            .bigIcons ul li a span {
                margin-top: 10px;
            }

    .topper {
        max-width: 100%;
    }
    .wrapper.schl_bg{   height:auto;}

    .pg-rmore
    { margin-bottom:30px; text-align:center;
    }
    .hd-main-sch{ text-align:center; margin-top:30px;}
    .abt_school p{ text-align:center; padding:0 20px;}
    .principal, .president, .vice_president {
    max-width: 100%;
    text-align: center;
}
    .wrapper.thought {
    background: none;
    height: auto;
}
    h3.hd-main.thoug {
    color: #000000;
    padding: 0;
}
    .school p {
    padding: 0 10px;
}
    .footer_section{ background: #841917;}
    .logo_part{     max-width: 100%;     TEXT-ALIGN: CENTER;}
    .bday_sec {
    PADDING: 0px;
    border-right: 0px;
}

    .footer .footerLeft {
        max-width: 55%;
    }

    .footer .footerRight {
        max-width: 36%;
    }

    .footer .footerLeft:after {
        right: -40px;
    }

    .footer {
        padding: 70px 5px 0px 5px;
    }

        .footer .footerLeft h3 {
            font-size: 20px;
        }

    .logoname {
        top: 0px;
        margin-top: 150px;
    }

    .birdhday {
        max-width: 100%;
    }

    .innerImg {
        max-width: 60%;
    }

    ul.aboutul li {
        margin: 0px 50px;
    }
}

@media only screen and (min-width : 990px) and (max-width :1024px) {
     .bday_sec {
    PADDING: 0px;
    border-right: 0px;
}
     .topper_sec {
    border-left: 0px;
}
     .wrapper.schl_bg {
    background: none;
    height: auto;
}
     .schl_lft {
    width: 100%;
    float: left;
    text-align: center;
}
     .abt_school p {
    padding: 0 15px;
    color: #000000;
}
     .abt_school p {
    padding: 0 15px;
}
    .hd-main-sch {
    margin: 0;
    color: #000000;
    text-align: center;
}
    .principal, .president, .vice_president{
        max-width: 320px;
    }
    .wrapper.thought {
    
    height: auto;
    margin: 0; margin-bottom:50px;
    /* background-color: red; */
}
     
    .school p {
    padding: 0 20px;
}
    
    .logo_part {
    max-width: 100%;
    text-align: center;
}

    .menu ul li a {
        padding: 13px 13px 14px 13px !important;
    }

    ul.aboutul li {
        margin: 0px 50px;
    }
}

@media only screen and (min-width : 990px) and (max-width :1200px) {
    .menu ul li a {
        padding: 13px 5px 14px 5px;
        font-size: 15px;
    }

    .noticelink {
        margin-right: 10px;
    }

     
    .noticeH {
        width: 120px;
    }

    .noticeBox {
        padding: 0px 5px;
    }

    .menubox {
        padding: 0px 10px;
    }

    .newsNotice:before {
        width: 47%;
    }

    .foundedBy, .aboutus, .galleryBox, .studentSpeak, .whiteBox {
        padding: 0px 10px;
    }

    .footer {
        padding: 70px 10px 0px 10px;
    }


    #homephotog_LBPhoto ul li {
        width: 100%;
        max-width: 25%;
        height: 135px;
    }

    .bigIcons ul li {
        margin: 10px;
    }

        .bigIcons ul li a {
            width: 170px;
            height: 170px;
        }

            .bigIcons ul li a span {
                margin-top: 22px;
            }

    .footer .footerLeft {
        max-width: 55%;
    }

    .footer .footerRight {
        max-width: 36%;
    }

    .footer .footerLeft:after {
        right: -40px;
    }
}


@media only screen and (max-width: 1024px) {
    .phone_mail
    { width:auto; padding-left:5px;
    }
    .wrapper {
        width: 100%;
        float: left;
    }

    .min-wrapper {
        width: 100%;
        float: left;
    }

    .whiteBox .flexslider .flex-direction-nav .flex-next {
        cursor: pointer;
        background: url(/images/next10.png) center center no-repeat;
        float: left;
        opacity: 1;
        visibility: visible;
        right: 0%;
        height: 24px;
        width: 24px;
        top: 132px;
        margin-right: 0px;
    }

    .whiteBox .flexslider .flex-direction-nav .flex-prev {
        cursor: pointer;
        background: url(/images/prev10.png) center center no-repeat;
        float: left;
        opacity: 1;
        visibility: visible;
        left: 0%;
        height: 24px;
        width: 24px;
        top: 132px;
        margin-left: 0px;
    }

    .menu {
        margin-top: -1px;
    }

        .menu ul li a {
            padding: 5px 20px 5px 20px;
        }

    .fullBoxMob {
        float: right;
        margin: 20px 10px 0px 0px;
    }

    #menu-mobile {
        display: inline-block;
        float: right;
    }

    #menu {
        width: 100%;
        display: none;
        float: left;
        background-image: -webkit-linear-gradient( 176deg, rgb(255, 252, 214) 0%, rgb(248, 175, 128) 40%);
        background-image: -ms-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);
    }

    .menu > ul > li {
        float: none;
        background: none;
    }

    .menu ul li a {
        text-align: center;
    }

    .menu ul li a {
        border-top: 1px solid #dadada;
    }

    .dropmenu .active3 .activeAA {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    .dropmenu li > .submenu, .dropmenu li:hover > .submenu, .dropmenu ul.submenu li:hover > .submenulavel1 {
        display: none;
    }

    .dropmenu .active3 > .activeAA {
        display: block !important;
    }

    .dropmenu ul.submenu .active3 > .activeAA {
        display: block;
        width: 100%;
        left: auto;
        right: 0;
        top: auto;
    }

    .dropmenu ul.submenu {
        position: relative;
        top: 0;
    }

    .menu ul li > .submenu {
        position: relative;
        border: 0;
        background: #bdb4b4;
    }

    .menu > ul > li > .lastMenu > li a {
        background: none;
    }

    .menubox {
        padding: 0px 0px !important;
         
    }

    a.menuLogo {
        margin-left: 5px;
    }
}