﻿@media screen and (min-width:1025px) {
.School-Facilities,.wrapper-links{ display:block;}

 .sitemap > li ul li a {
        -webkit-transition: all 350ms linear;
        -moz-transition: all 350ms linear;
        -o-transition: all 350ms linear;
        transition: all 350ms linear;
    }

.sitemap > li ul li a:hover {
            font-weight: 700;
            padding-left: 53px;
            background-image: url(../images/menu_in.png);
            background-repeat: no-repeat;
            background-position: 26px center;
        }


.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;}






.clear-left {
    clear:left;
}

 readCenter a:hover { background-image: -webkit-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%); color: white;/*border-radius: 5px;*/}
.msgrd a:hover { background-image: -webkit-linear-gradient( 0deg, rgb(154,51,52) 0%, rgb(51,153,255) 100%); color: white;border-radius: 5px;}


#loadmore:hover span, .pg_viewall2:hover .readMore, .readCenter a.readMore1:hover  span {
    /* background-color:transparent; */
    /* color:#ffffff; */
}


.searchform1 .searchbutton: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:#ffffff;
}
   
}

@media screen and (max-width:1024px) {

   
      body {
        -webkit-text-size-adjust: 100%;
        -webkit-background-size: 100%;
    }


    .mas_logo { width: 100%; text-align: center;  padding: 10px 0px;}
    .mas_menu { width: 995px; margin: 0 auto; max-width: 100%;  float: none;}
    .Menu > ul {
        margin:0 auto;
    }
    .Menu > ul > li > a {    padding: 5px 17px;}
    .master-div { padding: 0 10px;}
    span.copyright {  width: 500px;  text-align: center;}
    span.desing-by { width: 500px;  float: left;  text-align: right; padding-right: 0;}
    span.design_by { padding-right: 0;}
    .Jesus {  display: none;}
    .App-text {  width: 100%;  text-align: center;}
    .App-text ul {  float: none;  text-align: center;}
    .school-code {    margin: 0 auto;
    float: left;
    width: 100%;
    text-align: center; margin-bottom: 20px;}
    .Infrastructure {
        width:100%;
    }
    .Infrastructure ul li { padding: 0;
    float: none;
    margin: 10px 10px;}
    .Timming ul li { float: left;  margin: 1px;width: 249px;height:260px;}

    .Acdemic-in.last{margin-top:20px !important}
    .photo_gn1 li, .pgThumbView1 li {max-width: 295px; }
   .sports { width: 90%;  margin: 0 auto; text-align: center;}
   .Old-memories ul li { padding: 0 10px;}
   .classphoto ul li {float: left; margin: 0 auto 20px auto; text-align: center; width: 50%;}
   .Voice-updte { margin: 0 auto;  float: none;  margin-bottom: 20px;}
   .Heltphy ul li { width: 325px;}
    .alb_total {margin:0 !important; }
    .headss table tr td {float:none;}
    /*.house_c table tr td { width: 325px;}*/
    legend {padding:4px !important;}
    /*.disiplan table tr td {width:210px;}*/
    .MAIL-SLD ul li {width: 100% !important; margin-bottom: 20px;}

    #btn_menu {
      background-color: #993333;  width:89px; height:24px; margin:auto; background-image:url(/images/menutoggle.png); background-position:center;  background-repeat:no-repeat;
}

.crossbtn {
    background-image:url(/images/menucroos.png) !important; 
}

    .App-text ul {
        padding:0 !important;
    }

    .main_contant {
         padding-bottom:40px;
    }

    .master-div p:last-child {
         margin-bottom:0;
        
    }


    .Prayer {
        min-height:initial;
    }

    .Acdemic-in {
         margin:10px !important;
    }
        .Acdemic-in.last {
            margin-top:10px !important; display:none;
        }

        img.afterdest {
    display: block !important;
    margin: 20px auto;
}


    .MailUs {
         padding:0 10px;
    }

    span.cont_name_txt {
        margin-top:-10px;
    }

    div.uniform ul li {
            width:49% !important;
        }


    div.uniform ul li figcaption {
        font-size:14px;
    }

    .sitemap > li {
    width: 31%;
    margin-right: 2%;
}

    .sitemap > li:nth-of-type(1), .sitemap > li:nth-of-type(2), .sitemap > li:nth-of-type(3) {
        min-height:300px;
    }

    .sitemap > li:nth-of-type(4), .sitemap > li:nth-of-type(5), .sitemap > li:nth-of-type(6) {
        min-height:206px;
    }
}



@media screen and (max-width:768px) {
   
    .menu-icon {
    display:block;
} 

   .mas_menu {  float: left;  width: 100%; display: block; padding: 10px 0px;}
     div#btn_menu a { width: 130px; background: #993333; height: 46px; display: inline-block; padding: 10px; margin: 10px;}
    .Menu-wrapper { height:auto;    }
    .Menu{/*margin-top:60px;*/ box-shadow:none; display:none;     float: left;
    width: 100%;}
    
    .Menu > ul > li > a, .Menu > ul > li:first-child a {color: #ffbcbc;padding-left:20px; }
    .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%; float:left;}
    li.m_li{border-bottom: 1px solid #a11213;color: #fff;font-weight: 400; width:100%; float:left;}
    .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; }
    .sub-menu > ul > li.sm_li > a:before{left:30px}
    .menu-icon { display:block; text-align:center; width:100%; float:left;  margin: 10px 0 20px 0;  }

    .Fotter {height:auto; }
    .Fotter-in {max-width:100%;}
    span.copyright {  float: left;  margin: 0 auto;  width: 100%;  text-align: center;}
    span.desing-by { float: left;  width: 100%;  text-align: center;}
    /*.Infrastructure ul li { width: 360px; text-align: center;padding: 0;  margin: 0 auto;  display: block;  margin-bottom: 20px;}*/
    img.mas_img {  float: none;  margin: 0 auto;  display: block;}
    .Timming ul li { margin: 10px; width: 353px;}
   .sports { width: 81%;}
   .Old-memories ul li { float:left; text-align: center; padding: 0 10px; width:33%;}
   .classphoto ul li { width: 100%;}
   .Heltphy ul li {width: 100%; text-align: center; float: left; margin: 10px auto;}
    /*.headss table tr td {    width: 355px;float:left; }*/
    /*.house_c table tr td {  width: 350px;}*/
    /*.disiplan table tr td { width: 315px;}*/
    /*table.Juniorr tr td {margin: 0 auto; display: block;}*/
   span.year {
    width: 100% !important;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
    margin-left:0 !important;
}

    .Fotter {
        line-height:30px;
    }
    .main_contant {
        min-height:570px;
    }

    img.mas_img {
        margin-bottom:10px;

    }

    .ach1234 {
    margin-left: 0  !important;
}

    .achie_123 {
        margin-bottom:20px;
    }


    .achie_123, .ach1234 {
    width: 100% !important;
}

    .ach1234 > div, .achiTxt div {
        margin-top:0px !important; margin-bottom:10px !important; padding:0px !important;
    }

    div.achiTxt {
        margin-bottom:0px !important;
    }


    .accordionHeader_Y, .accordionHeaderSelected {
        line-height:22px !important; 
    }


    .Acdemic-in {
        width:100% !important;
            margin:10px  0 !important;
            padding:15px !important;
    }


    .sitemap > li {
    width: 48%;
    margin-right: 2%;
}

    .sitemap > li:nth-of-type(4){
        min-height:300px;
    }


    .headss  {
        overflow:auto;
    }

    .headss table, .disiplan table, table.Juniorr  {
        width:900px;
    }

    .jbcb  fieldset{
        width:900px;
    }

}

/*@media screen and (max-width:767px) {
    .main_contant {
        width: 95%;
    }
}*/


@media screen and (min-width:481px) and (max-width:767px) {
   /*.Infrastructure ul li { width: 310px;}*/
    img.mas_img {float: none;text-align: center;margin:0 auto 10px auto; display: block;}
    img.mas_img1 {  margin:0 auto 10px auto; float: none; text-align: center; display: block;}
.vision {float: none; margin: 0 auto; height: auto;}
.Timming ul li { width: 300px; margin: 0 auto; display: block; float: none; margin-bottom: 20px;}
.fee-scroll {width: 100%; overflow-x: scroll; float: left;}
.sports { width: 45%;}
/*.headss table tr td { width: 290px; float: left;}*/
/*.house_c table tr td {  width: 310px;}*/

/*.disiplan table tr td { font-size: 14px; width: 200px; text-align: center; margin: 0 auto;  float: none; display: block;}*/

/*table.Juniorr tr td { width: 100%;  text-align: center;  float: left;  margin: 10px 0 10px;}*/

   
table.top-set tr td {
    padding: 10px 20px;
}

    }

@media screen and (max-width:767px) {
     /*.house_c {
        overflow: auto;
    }*/


    .usmm {
        width:736px;
    }

        .house_c table, .housecap fieldset {
            width:768px;
        }
}

    @media screen and (max-width:568px) {
        img.mas_img {text-align: center;float: none; }
        /*.master-div p {float: left;}*/
        .affilition-img {float: none;margin:0 auto 10px auto;}
        .Infrastructure ul li {  width:auto;}
        .Timming ul li {  width: 250px;}
        .sports { width: 52%;}
         div#ctl00_ContentPlaceHolder1_Accordion1 { float: left; width: 100%;}
         /*.headss table tr td { width: 255px;}*/
         /*.house_c table tr td { width: 540px;}*/
         /*.Senior_cbint table tr td {width: 100%;float: left;}*/
        .Senior_cbint table {
            width:600px;
        }
        .Acdemic-in {
            min-height:initial; padding-bottom:20px;
        }

        div.uniform ul li {
            width:100% !important;
        }

        .sitemap > li {
    width: 100%;
}


        .sitemap > li:nth-of-type(1), .sitemap > li:nth-of-type(2), .sitemap > li:nth-of-type(3), .sitemap > li:nth-of-type(4), .sitemap > li:nth-of-type(5), .sitemap > li:nth-of-type(6) {
        min-height:initial;
    }



    }

@media screen and (max-width:550px) {
    /*.house_c table tr td {
    width: 500px;
}*/
}

@media screen and (max-width:480px) {

    img.mas_img1 {
        float: none;
            margin:0 auto 10px auto;
    display: block;
    }

    .Timming ul li {
    width: 300px;
    margin: 0 auto;
    display: block;
    float: none;
    margin-bottom: 20px;
}

    .Old-memories ul li {
        width:100%;
    }

   
}


@media screen and (max-width:414px) {
    .vision {
        height: auto;
        float: none;
        margin: 0 auto 10px auto;
    }

     .Voice-updte {
        width:100%;
    }


    .waycross {
    float:none;
    margin-left:0;
    margin-right:0;
    margin-bottom:10px;
}

    .fee-scroll {width: 100%; overflow-x: scroll; float: left;}
    

    /*table.top-set {
            table-layout:initial; display:block;
        }

        table.top-set, table.top-set tbody ,  table.top-set  tr, table.top-set  td {
            display:block; float:left;
        }

            table.top-set, table.top-set tbody, table.top-set tr {
                width:100%;
            }


       
     table.top-set tr td {
    padding:10px; width:50%; height: 230px;
}*/

     .Infrastructure ul li a > img {
    width: 100%;
}

     .Infrastructure ul {
            margin-left:-10px;
        }

    .sports ul li {
        width:auto !important;
    }
    
}



    @media screen and  (max-width:400px) {

        .Fotter {height:auto;}
        /*.Infrastructure ul li { width: 330px; margin: 0;  padding: 0;  margin-bottom: 20px;}*/
        /*img.mas_img { margin: 0;}*/
        img.mas_img1 {margin: 0 auto;float: none;text-align: center;display: block;}
        .school-code {width:100%;}
        .school-text { width: 200px;}
        img.mas_img1 {margin: 0 auto !important;}
        .accordionHeader_Y {font-size:14px;}
        .accordionHeaderSelected {font-size:14px;}
        .affilition-img { width: 300px;}
        .vision { width: 350px; margin-left: 0; margin: 0 auto; float: none; height: auto;}
        .Timming ul li { margin: 0 auto; width: 243px; float: none; display: block; margin-bottom: 20px;}
       .sports { width: 82%;}
        .highslide img {max-width:95%;}
        .Voice-updte-In { width: 100%;}
        .Voice-updte { width: 100%;}
        span.vsmsv,span.vsms {font-size:14px; }
       img.edu {  max-width: 100%;}

       div#ctl00_ContentPlaceHolder1_Accordion1 { float: left; width: 100%;}
        /*.our-princil table tr td {text-align: center; width: 300px; margin: 0 auto;  float: none; display: block;}*/
        /*.headss table tr td { width: 310px; float: left;}*/
        /*.house_c table tr td { width: 275px;}
        .disiplan table tr td { font-size: 14px; width: 315px;  margin: 0 auto; display: block;}
        .Senior_cbint table tr td { width: 330px;margin: 0 auto; display: block;}
        table.Juniorr tr td { width: 100%;  float: left;  margin: 10px 0 10px;}
        table.usmm tr td {  margin: 0 auto;  display: block;}*/


        

    }


    @media screen and (max-width:360px) {

        .mas_logo {width: 95%;margin: 0 auto; text-align: center;float: none;}
        /*img.mas_img { margin-left: 0; }*/
        img.mas_img1 {margin: 36px;}
        .Infrastructure ul li { width: 270px;}
        .metting-hour h3 {font-size:15px; }
    }


    @media screen  and (max-width:320px) {
       img.mas_img1 { margin: 0 auto; float: none; display: block; text-align: center;}
       .school-code { width: 318px;}
       .school-text { width: 198px;}
       .vision {  width: 297px;}
       .mas_logo img {  max-width: 100%;}
       .sports { width: 100%;}
       span.vsmsv,span.vsms {font-size:12px; }
        .mas_head_2 {font-size:30px; }
        /*.headss table tr td {width: 260px;}*/
        .accordionHeader_Y { font-size: 12px;}
        .accordionHeaderSelected { font-size: 13px;}
        /*.disiplan table tr td { width: 260px;}*/
/*.Senior_cbint table tr td {
    width: 275px;
    margin: 0 auto;
    display: block;
}*/


        .Infrastructure ul li {
            margin: 10px 0; width:100%;
        }

        


}






























































