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

.School-Facilities,.wrapper-links{ display:block}



.bitton a:hover,bittonbday a:hover,.bitton-notice a:hover,.bitton-photo a:hover,.bittonbday a:hover,a.SimpRd.msgrd:hover,.bittonbday a:hover { background-image: -moz-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%);

  background-image: -webkit-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%);

  background-image: -ms-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%);color: white;/*border-radius: 5px;*/}

.msgrd a:hover {background-image: -moz-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%);

  background-image: -webkit-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%);

  background-image: -ms-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%); color: white;border-radius: 5px;}



   



}



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



      body {

        -webkit-text-size-adjust: 100%;

        -webkit-background-size: 100%;

    }



    .facil_tab, .links-cl, .mobile {

        width: 100%;

        background: #1a294e;

        height: 65px;

        text-align: left;

        float: left;

        padding: 10px;

        margin-bottom: 20px;

        visibility: visible;

    }



     span.cent_logo {

        display:none !important;

    }





        .links-cl h2, .facil_tab h2, .mobile h2 {

            color: #fff;

            font-size: 40px;

            font-family: 'Medula One', cursive;

            text-transform: uppercase;

            font-weight: normal;

            padding: 10px;

            visibility: visible;

            background-image:url(/images/dropdownbtn.png); background-repeat:no-repeat; background-position:95% center;

        }



    .rotatebtn {

         background-image:url(/images/dropdownbtn1.png) !important;

    }



    .links-cl {

        width: 100%;

        background: #1a294e;

        height: 65px;

        text-align: left;

        float: left;

        padding: 10px;

        margin-bottom: 0px;

    }





    .Apps {

        padding:20px 0;

    }



    .mobile {

        width: 100%;

        background: #1a294e;

        height: 65px;

        text-align: left;

        float: left;

        padding: 10px;

        margin-bottom: 0px;

    }



    .Menu, .School-Facilities, .wrapper-links, .Mobile-app {

        display: none;

    }



    /*.faciltes-text h2, .App-text h2 {

        display: none;

    }*/



    .date-format, .small-icons, .Jesus {

        display: none;

    }



    .logoss.panel {

        height: auto !important;

    }



    .wrapper.top_bg {

        position: relative;

        height: auto;

    }



    .logo, .sliderBox {

        position: relative !important;

        height: auto !important;

    }



    .logo {

        visibility: visible;

        padding: 10px;

    }



    .Menu > ul > li {

        margin: 10px 0 0px -10px;

        font-size: 14px;

    }







    div#btn_menu a {

        width: 130px;

        background: #993333;

        height: 46px;

        display: inline-block;

        padding: 10px;

        margin: 10px;

    }



    .Menu-wrapper {

        height: auto;

    }



    .Menu {

        margin-top: 0;

        box-shadow: none;

    }



        .Menu > ul > li > a, .Menu > ul > li:first-child a {

            color: #ffbcbc;

            padding:0px;

        }



        .Menu > ul > li > a {

            float: none;

        }



        .Menu > ul > li {

            margin: 0;

            line-height: 38px;

        }



            .Menu > ul > li:hover > a {

                color: #fff !important;

                display: block;

            }



        .Menu > .mob-menu {

            height: 40px;

            width: 100%;

            position: relative;

            background-color: #b72a2a;

            border-bottom: 1px solid #fff;

        }



        .Menu .mob-menu span.bar1, .Menu .mob-menu span.bar2, .Menu .mob-menu span.bar3 {

            display: block;

            width: 25px;

            height: 2px;

            background-color: #fff;

            margin: 4px auto;

            text-align: center;

            clear: both;

            position: relative;

            top: 13px;

            transition: all 0.3s ease-in;

            -webkit-transition: all 0.3s ease-in;

            -moz-animation: all 0.3s ease-in;

        }



        .Menu .change .bar1 {

            -webkit-transform: rotate(-45deg) translate(-5px, 1px);

            transform: rotate(-45deg) translate(-5px, 4px);

            transition: all 0.3s ease-in;

            -webkit-transition: all 0.3s ease-in;

            -moz-animation: all 0.3s ease-in;

        }



        .Menu .change .bar2 {

            opacity: 0;

        }



        .Menu .change .bar3 {

            -webkit-transform: rotate(45deg) translate(-4px, -1px);

            transform: rotate(45deg) translate(-4px, -3px);

            transition: all 0.3s ease-in;

            -webkit-transition: all 0.3s ease-in;

            -moz-animation: all 0.3s ease-in;

        }



        .Menu > ul {

            background: #b72a2a;

            width: 100%;

        }



    li.m_li {

        border-bottom: 1px solid #a11213;

        color: #fff;

        font-weight: 400;

        width: 100%;

    }



    .sub-menu {

        visibility: visible;

        position: relative;

        right: 0;

        opacity: 1;

        width: 100%;

        background: none;

        border: none;

        display: none;

        top: 0 !important;

        border-top: 1px solid #a41617;

    }



    .sub2 {

        position: relative;

        visibility: visible;

        opacity: 1;

        border-top: 1px solid #a41617;

        left: 0 !important;

    }



    li.sb_li2 > a {

        padding-left: 40px;

    }



    .Menu > ul > li:after, .Menu > ul > li:before {

        display: none;

    }



    .sub-menu > ul > li {

        padding-left: 0;

        box-sizing: border-box;

        text-align: center !important;

        margin-left: 0px;

    }



        .sub-menu > ul > li.sm_li > a {

            padding-left: 0px;

        }



        .sub-menu > ul > li.sm_li.lft > a {

            padding-left:0px !important;

            padding-right:0px !important;

        }



        .sub-menu > ul > li.sm_li > a:before {

            left: 30px;

        }



    .menu-icon {

        display: block;

        text-align: center;

        width: 100%;

        float: left;

            margin: 10px 0;

    }



    .School-Welcome {

        height: auto;

        padding: 0 10px 20px 10px;

    }



    .patron-founder {

        padding: 0;

    }



    .founder {

        margin-left: 0;

        height: 320px;

    }



    .patron, .founder {

        width: 100%;

        margin-bottom: 0px;

        border-bottom: 10px solid #d7d7d7;

        box-shadow: inherit;

    }



    .patron-in, .founder-in {

        width: 660px;

    }



    .wrapper-patron {

        margin: 50px 0px 0px;

    }



    .Prin-ctn {

        width: 100%;

    }



    .prin-txt {

        width: 60%;

    }



    .Achivment {

        margin-bottom: 30px;

    }



    .Notice {

        margin-left: 135px;

    }



    .Achivment.toppers {

        width: 351px;

        margin: 0 auto;

        margin-left: 35%;

    }



    .School-Facilities {

        margin-top: 0;

    }



    .faciltes-text {

        width: 100%;

        padding:0 10px;

        margin: 0 auto;

        float: none;

    }



    .fcly-img {

        float: none;

        text-align: center;

    }



    .Photo-gallery-in, .Fotter-in, .Mobile-app-in {

        max-width: 100%;

    }



    .Fotter {

        line-height: 25px;

        height: auto;

    }



    .Fotter-in {

        padding: 10px 0;

        float: left;

    }



    .glry-slide {

        width: 87% !important;

        margin-top: 20px;

        margin: 0 auto;

        float: none;

    }



    .quick_linkbx {

        width: 85%;

        margin: 0 auto;

        float: none;

    }



    span.copyright {

        text-align: center;

        display: block;

        width: 510px;

    }



    .desing-by {

        margin-right: 10px;

    }



    .Apps img {

        float: left;

        padding-left: 20px;

    }



    .bttnphoto {

        margin-right: 66px;

    }



    .wrapper-links {

        background-size:cover;

    }



    .master-div {

        padding: 0 10px;

    }



    .App-text ul {

        float: left;

        padding-right: 20px;

        width: 100%;

        text-align: center;

    }



    .school-code {

        width:100%;

        text-align:center;

        float: left;

    }







    .mas_logo {

        width: 100%;

        text-align: center;

        padding: 10px 0px;

    }



    .thougts {

        padding: 0 10px;

    }



 .School-Welcome {  border-bottom:10px solid #d7d7d7; box-shadow:none;

}



    .full-faci {

        padding:0 !important;

    }



    .fcly-img img {

    margin: 10px 0 30px 0;

}

}







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

     .Menu-in {

    padding: 0;

}

    .panel { height: auto !important;}

    .wrapper-patron { margin: 0px 0px 0px;}

    .patron-in { margin: 0 auto; padding: 0; float: none;}

    .patrn-img { margin: 0 auto;  float: none; text-align: center;}

    .patron,.founder {height:430px; }

    .Prin-ctn {text-align:center; }

    .prin-txt {text-align:left; }

    .Prin-ctn > img {float:none; }

    

    .logo svg{ width:100%; height:auto;}

    .msgthumb {

    bottom: 0;

    position: relative;

    float: none;

    clear: both;

    margin: 20px auto;

    height: 87px;

}

    .Notice { margin: 0 auto; float: none;margin-bottom: 20px;}

    .Achivment { float: none;  margin:0 auto 30px auto;}

    .Achivment.toppers { margin-left: 0; margin: 0 auto;  display: block; float: none;}

    div#Photoglry { width:80% !important;}

    /*.wrapper-links { background-size: 440%;}*/

    img.moblie {  display: none;}

    .Mobile-app-in {padding:0 10px;}

    .App-text { margin: 0; padding-left: 0;  width: 100%;}

    .school-code { margin: 0 auto; float: none; clear:both; text-align:center;}



    span.copyright {

         width:100%;

    }



    .desing-by {

    margin-right:0px; float:none; width:100%; text-align:center; display:block;

}



    .prin-txt {width:100%; }



    .bttnphoto {

    margin-right: 104px;

}



}



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

    

 

    /*.wrapper-links { background-size: 500%;}*/

    .Fotter { height: auto;}

    span.copyright { margin: 0 auto; float: none;}

    span.desing-by { float: none;  text-align: center;  margin-right: 0;  display: block;}



    .bttnphoto {

    margin-right:75px;

}



     

}



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



    div#Photoglry {

        width: 88% !important;

    }

}





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



    div#Photoglry {

        width: 90% !important;

    }



      .wrapper-links {  background-size:cover;}



      .bttnphoto {

    margin-right:47px;

}

}





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



    .logo { width: 100% ;}

    /*.School-Welcome { height: 215px;}

    .founder { height: 455px;}*/



    /*.msgthumb { bottom: 5px;}*/

    .School-Facilities {  padding: 0 10px;margin-bottom:0;}

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

  

    .App-text ul li {margin: 30px 5px 0px;}

    div#Photoglry {

        width: 52% !important;

    }





    .bttnphoto { float: none; position: relative;  text-align: center; display: block; margin: 0 auto;  top: 10px;}



}





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

     div#Photoglry {

        width: 59% !important;

    }

}





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

     div#Photoglry {

        width:68% !important;

    }



    .msgthumb {

        width: 300px;

    }



    .tab-nav.j-tab-nav > a {

    padding-left: 2px;

}



    .App-text h2 {

        line-height:38px;

    }



    .Prin-ctn > img {

        margin-right:0;

    }



    .faciltes-text ul li a {

        width:100%;

    }

}



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

     div#Photoglry {

        width:78% !important;

    }



    .Notice {

        height:auto !important;

    }



    .Topper-slide {

        max-width:300px !important;

            margin:0 0 2px 5% !important;

    }

}



/*@media screen and (max-width:360px) {

    .Achivment {

        width: 345px;

    }

}*/













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

    /*body { overflow-x: hidden;}*/



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

    .School-Welcome {  margin-top: 20px !important;/*height: 310px*/}

    .welcome-msg p {text-align:justify; }

    .welcome-msg h2 {font-size:31px; }



    .patron-in, .founder-in { width: 306px;}

    .patron { height: 500px;}    

    .Prin-ctn > img {  max-width: 100%;}

    .founder { height: 506px;}

    /*.msgthumb { bottom: -60px;}*/

    .Notice_toppers {padding-top:30px;margin-bottom:0;}

    .Notice_toppers_in {padding:0;}

    .tab-nav.j-tab-nav > a { padding-left: 2px;}

    /*.wrapper-principal { height: 840px;}*/

    .Notice-in { padding: 30px 10px;}

    .Achiv-slide ul li {height:450px !important; }

    .achiv {margin-bottom: 20px;}

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

    .Topper-slide ul li { width: 140px !important;}

     .wrapper-links { background-size: 2025% ;}





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

    .School-Facilities {  padding: 0 10px;margin-bottom:0;}



    

   

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

    .bitton-photo {margin-left: 38%;}

    .App-text > ul {  width: 100%;  text-align: center;}

    /*.Fotter { height: 125px;}*/

    span.desing-by { width: 100%; text-align: center;}

    span.copyright {  width: 100%;  text-align: center;}





   .Achivment {

    float: left;

    margin:30px 10px 50px 5px;

}



   .new_btn {

    margin: 0px 0 0 123px;

 

}



}



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

    .Achivment {

    margin: 30px 10px 50px 12px;

}



     .new_btnach {

        bottom:90px !important;

    }

}









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



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

    /*.School-Welcome { height: 320px;}*/

    .founder { height: 506px;}

    /*.wrapper-principal { height: 880px;}

    .msgthumb {  bottom: -80px;}*/

    .tab-nav.j-tab-nav > a {padding-left: 2px;}

    .Achiv-slide ul li { height: 470px !important;}



    .Achiv-slide {  height: 475px;}

    .trofi {  display: none;}



     .new_btnach {

        bottom:110px !important;

    }

}





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

     .Achivment {

    margin: 30px 10px 50px 5px;

}



     

}





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

     .Notice-in {

        width: 300px;

    }



     .Topper-slide {

            margin:0 0 2px 0 !important;

    }





    .new_btnach {

        bottom:90px !important;

    }

}





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

    /*body { overflow-x: hidden;}*/



   

    .new_btn {

        margin:0px  0 0 123px;

    }



    .patron {

         margin-right:0px;

    }



   





     .Achivment {

    margin: 30px 10px 50px 0px; width:100%; height:495px !important;

}



    .Achiv-slide ul li {

        width:320px !important;

    }



    .achiv-cntin .pgraph:nth-of-type(4) {

        padding-left: 75px;

    line-height: 20px;

    padding-top: 5px;

    }







}