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

    .download-app,.mobile-app,.topper_box,.topper_x, .topper_xii { max-width:100%; width:100%;     }
    .mobile-app { margin-top:20px;    }
    .footer-right { float:none    }
  
    .custom-navigation1 { top:auto; margin:5px 0px;    }

 

}
@media only screen and (max-width: 600px) 
{
      ul.social_icon {  width:100%; text-align:center   }
    .school-name {margin: 30px 0px 5px 0px!important;    }
    .rightSlider { width:100%; text-align:center;    padding: 0;    }
    .mst_imag { width:100%; text-align:center;    }
}

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


    .custom-navigation {    margin: 70px 0 0 -52px;
    }



    .tabss {
    position: static !important;
    width: 100%;
    text-align: center;
}
.logoMobile { display:block;}
#menu-mobile { display:inline-block;  margin-top: 4px;}
#menu { width:100%; float:left; display:none }
    .fullBoxMob { text-align:center    }
.menu > ul > li { display:block; background:none;    }
.menu ul li a { text-align:center; padding: 6px 10px;  }
 
.menu ul li:first-child > a { border-top:0;    }
.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;   background: #08a5cc}
.dropmenu ul.submenu .active3 > .activeAA { display:block;      width: 100%; left:auto; right:0; top: auto;background: #00a9d4;  }
.dropmenu ul.submenu {position: relative;top: 0;}

.menu ul li > .submenu { position:relative    }
ul.social_icon { min-height:0; margin-top:5px  /*position:absolute;*/ right:10px    }
.school-name { position:relative !important; text-align:center; width:100%;       margin: 5px 0px;  }
.school-name .s-logo { float:none;  display:inline-block;       }
.school-name .s-logo { max-width:90px;float:none !important;        }
.school-name .s-name { display:block !important; margin:5px 0px !important; width:100%;        }
.news-box:after { display:none;    }
.nslider { padding:0px 30px;    }
.noticeH {background: #2ac3e9; width:100%;  height:auto   }
.noticeH h1 { margin:5px 0px;        }
.notice-sld { max-width:100%; margin:0px;     }
    #newnotice_lblnoticedownloads ul li { min-height:70px;    }
.next-n1 { right:10px;    }
.previous-n1 { left:10px;    }
a.news-rm { position:relative; top:auto; left: 50%;    margin-left: -65px; float: left; }
#newnotice_lblnoticedownloads ul .active { background:none    }
.news-box { padding-bottom:15px;    }
.about_txt { max-width:100%;    }
.about-img { margin:0px; width:100%; max-width:100%; text-align:center;    }
.aboutus a.readmore { left:50%; margin-left:-65px; position:relative; margin-top:20px;    }
.mary-ward-img,.mary-ward-text { max-width:100%;    }
.mary-ward,.icon-bg {background-size: cover;   padding:0px 10px 15px 10px}
.msg-img,.msg-text { max-width:100%; margin:0; width:100%;   }
.msg-img { text-align:center    }
.bigIcons ul { margin:0;    }
.bigIcons ul li { margin:15px;        }
.tabs1 { position:relative; top:auto; max-width:100%; right:auto; text-align:center;width: 100%;margin-bottom: 5px; float:left    }
.tabs1 a { display:inline-block        }
.cap-text { margin-left:10px; font-size:15px;    }
.caption { bottom:20px;    }
#slider1 .flex-control-nav { bottom:0;    }
.bdy_box { width:100%;  padding:0px 10px;  }
.photo_conte { white-space: normal;    }
#infra .tab_content li { width:48%; margin:15px 1%    }
.tprimg tr td, .tprimg tr th { vertical-align:top; display:inline-block    }
.pledge1 { background: none;margin-top: 0px;padding: 0;margin-right: 0;position: relative;z-index: 9;width: auto;padding: 0px 10px;float: none;display: inline-block;top: -5px; }
    #homephotog_LBPhoto { padding-bottom:20px;    }
.custom-navigation { top:-50px; right:10px;    }
   .topper_box {background: url(/images/topper-bg1.png) 0px 100px no-repeat; max-width:100%; padding:0px 10px;   }
    .bdy_box {background: url(/images/bdy-bg.png) center bottom no-repeat;    }
    .mobile-app { width:100%;   margin-top:23px;  }
    .topper_x, .topper_xii { max-width:260px; margin:0px auto; float:none    }

    .topperIn .flex-direction-nav .flex-prev { left:-30px;    }
    .topperIn .flex-direction-nav .flex-next { right:-30px;    }
    .topperIn .flexslider:hover .flex-direction-nav .flex-next { right:-30px; opacity:1; }
.topperIn .flexslider:hover .flex-direction-nav .flex-prev { left:-30px; opacity:1; }
}

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

{

    .tpr-slider { overflow:hidden    }
    
}

@media only screen
and (min-width : 768px)
and (max-width :989px)
{
    .menu ul li a {padding: 12px 4px 11px 4px;    }
    ul.social_icon { margin-top:5px; margin-bottom:26px;    }
    .notice-sld { margin-left:30px; max-width:410px;    }
    #newnotice_lblnoticedownloads ul .active { background:none    }
    .news-box:after { width:22%; padding-left:10px;    }
    .aboutus a.readmore { margin-top:0;    }
    .mary-ward-img { width:auto; max-width:none; margin-left:10px;    }
    .mary-ward-text { max-width:520px; padding-right:10px;    }
      .msg-img,.msg-text { max-width:100%; margin:0; width:100%;text-align:center    }
    .msg-text .hwhite,.tpr-slider { text-align:center;   }
   .msg-text .b-line { text-align:center; background: url(/images/bline.png) bottom center no-repeat;   }
    .msg-text a.readmore2{ float:none; display:inline-block   }
    .bigIcons ul li {margin: 15px 15px 15px 15px;    }
    .icon-bg { background-size:cover    }
    .topper_box { width: 100%;    max-width: 100%;    }
    .bdy_box { float:none; display:inline-block; width:100%;background: url(/images/bdy-bg.png) bottom center no-repeat;     }
    .download-app { max-width:395px;    }
        .download-app h3,.quickLink ul li { font-size:20px;        }
    .pledge1 { background:none;margin-top: -4px; padding:0; margin-right:0;  position:relative; z-index:9    }
    .noticeH { padding-left:10px;    }
    .custom-navigation { right:10px;    }
    .topperIn { padding:0px 10px;    }
    .vsmsTbl li { max-width:50%;    }
}

@media only screen
and (min-width : 768px)
and (max-width :1024px)
{
    .about_txt,.about-img {  max-width:49%   }
    .bigIcons ul { margin-left:0; text-align:center    }
    .topperIn { padding-left:10px;    }
    
    .topper_box {background: url(/images/topper-bg1.png) 0px 100px no-repeat;    }
    .tpr-slider { overflow:hidden    }
    .mary-ward { padding-bottom:20px;    }
    .master-text { min-height:714px;    }
}

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

    .menu ul li a {padding: 12px 18px 11px 18px;    }
    .news-box:after { width:170px;    }
    .noticeH { padding-left:8px;    }
    .notice-sld { max-width:670px; margin-left:28px;    }
    #newnotice_lblnoticedownloads ul li { padding:0px 15px;    }
    a.news-rm { right:5px;    }
    .mary-ward-text { max-width:695px; padding-right:10px;    }
    .msg-img,.msg-text { max-width:49%; margin:0;    }
    .msg-text { float:right    }
    .custom-navigation { right:10px;    }
    .bigIcons ul li a { width:170px; height:170px;    }
    .bigIcons ul li { margin:0px 10px;    }

    .topper_box  { max-width: 590px;   }
    .topperIn .flexslider {   max-width:100%;  }
    .topper_x, .topper_xii { max-width:270px;    }
    .topperIn .flex-direction-nav .flex-prev { left: 0   }
    .topperIn .flex-direction-nav .flex-next { right:0;    }
    .topperIn .flexslider:hover .flex-direction-nav .flex-next { right:0px;  }
.topperIn .flexslider:hover .flex-direction-nav .flex-prev { left:0px;  }

    #infra .tab_content li { margin:15px 1%; width:31.33%;    }
        .pledge1 { margin-right:3px;    }
        #StdBdy .flex-next { right:10px;    }
}

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

    .header-in,.aboutus,.msg_box,.icon-bg,.photogallery,.footerMain { padding:0px 10px;    }
    .footer {  padding:30px 10px 0px 10px;     }
    
}

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

.menu ul li a {padding: 12px 20px 11px 20px;    }
.header-in,.aboutus,.msg_box,.icon-bg,.photogallery,.footerMain { padding:0px 10px;    }
.msg-img { max-width:520px;    }
.bigIcons ul { margin-left:0px; text-align:center;    }
.bigIcons ul li { margin:0px 10px;        }
.footer {  padding:30px 10px 0px 10px;     }
    .pledge1 { margin-right:15px;    }
        .tpr-slider { overflow:hidden    }
}