﻿

@media only screen and (max-width: 767px) {

   
    #slider1,.sliderBox,.quickl,.qlinks,.topperBox, .topperBox1, .bdyBox, .bdyBox1,.redbk,section#counter
    { height:auto!important;
    }
    .qlinks
    { padding:3px 0; border-radius:0;
    }
.qlinks ul li{margin: 2px;
}
    .quickl,.quickl h3
    { margin:0; 
    }
        .quickl h3
        { padding:10px 0; font-size: 20px;
        }
    .qbtns
    { float:none; margin-top:2px; margin-bottom:1px;
    }
.bigiconm ul li,.bigiconm ul li:first-child,.bigiconm ul li:last-child{ margin:5px;
}
    .bigiconm ul li a
    { padding:5px 0;
    }
    .bigiconm ul li
    { height:215px;
    }
.redbk .pl-5,.redbk .pr-5{ padding:0px!important;
}
    #gallerSec ul li,#gallerSec .slides li
    { padding:0;
    }
    .galler_heading
    { min-width:0; font-size:12px;
    }
    .tpr .flex-prev, .tpr1 .flex-prev, .hbday .flex-prev, .hbday1 .flex-prev
    { left:15px;
    }
.tpr .flex-next, .tpr1 .flex-next, .hbday .flex-next, .hbday1 .flex-next{ right:15px;
}
    #gallerSec .slides li .gimgLink img 
    { width:auto; height:100%;
    }
     .linkbtn
    {top: 15px;
    right: 0;
    }
    #slider1 .flex-control-nav
    { bottom:0;max-width: 100%;
    }
    .ficons a.downbtns
    {
        margin-top: 25px;
    }
    .fbdr
    { position:relative
    }

    .footerBtm div
    { margin:25px 0;
    }
    .messagebox .col-sm-9
    {    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
    .switcher ul li a.msglinks,.switcher ul li.flex-active a.msglinks
    {display: block;
    width: 100%;
    padding: 0;
    text-align: left;
    background: none;color: #fff;
    font-weight: 600;font-size: 24px;
    }
    .msgtxt
    {width: 100%;
    text-align: left;
    float: left;
    position: relative;
    left: auto;
    display: block;
    top: auto;
    margin: 5px 0;
    opacity: .5;
    }
    .switcher ul li.flex-active .msgtxt
    { opacity:1;
    }
    .font50
    {font-size:35px;
    }
    .ficons .col-md-12
    { padding:0;
    }
} 

@media only screen and (max-width: 600px) {

	 
 
	#slider_first .slides li img { float:none; display:inline-block	}
		#slider_first .slides li p { margin-top:20px;		}
        .big-icon li {
    width: 100%!important; border:0;padding: 12px}
    .v-allnotice
    { margin-bottom:20px
    }
}
 

@media only screen and (max-width: 767px) {

    .logotop
    { position:relative; text-align:center; display:none
    }
#gallerSec .flex-direction-nav .flex-next, .topper-xii .flex-direction-nav .flex-next { right:0;	}
#gallerSec .flex-direction-nav .flex-prev, .topper-xii .flex-direction-nav .flex-prev { left:0;}
#menubar { height:auto; position:relative; padding:0px;	}
#menubar .menuin { height:auto; position:relative;  }
ul.topIcons,.wrapfull { width:100%; display:none	}
#AchievementHome_lblAchievement {padding: 0px 10px;}
    #counter .col-md-3
    { margin-bottom:20px;
    }
    .mobilewihtman
    { position:relative; width:100%; max-width:100%; text-align:center;
    }
    .ftrul,ul.topIcons1
    { width:100%!important; max-width:100%;
    }
.custom-navigation1 { width:100%; text-align:center; top:0; 	}
.menuLogo { padding:0px 10px 10px 10px; 	}
.noticeH { float:none; width:100%;	}
.noticeSlide { padding:0px 5px!important	}
.msgBox h3,.switcher { top:0; padding:0; margin:0; text-align:center	}
.msgBox { padding-top:20px}
.custom-msg { position:relative;  text-align:center	}
.switcher { margin:10px 0px; width:100%;	}
.switcher ul li a { padding:0px 5px;	}
#slider_first .slides li p.msgrm { text-align:center	}
    .menu > ul > li > ul li.imgmenu
    { display:none;
    }
.font34 { font-size:25px;	}
    .st-pauls img    { max-height:160px;    }
    .big-icon li
    { width: 50%;
    }
    .tbg
    { margin-bottom:30px;
    }
    .linksbig
    { padding-top:40px;
    }
    ul.topIcons1 li.call
    { margin-right:0;
    }
    .tprmain
    { padding:50px 0px;
    }
    .mainScorller .container,.Thought .container
    { max-width:100%;
    }
    #slider_first .slides li .col-sm-3
    { display:none;
    }
    .footer
    { text-align:center;
    }
    #slider1
    { height:auto;
    }
}

@media only screen
and (min-width : 990px)
and (max-width :1024px)
{

	#slider_first .slides li img { max-width:340px;	}
	.msgBox h3 { padding-left:70px;	}
	.switcher { padding-left:115px;	}
    .menu ul li a {
    padding: 0px 7px;
}
    ul.topIcons1 li.call
    { margin-right:20px;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 990px) and (orientation: landscape)
{
    .menu ul li a {
   padding: 0px 8px!important;
}
}
@media only screen and (min-device-width : 990px) and (max-device-width : 1024px) and (orientation : portrait)
{
   
}


@media only screen and (max-width: 989px) 

{  #toggleMenu
    { padding: 6px 0;
    border-radius: 0;
    height: auto;
    }
    .leftMenu
    { position:relative; top:auto; float:left
    }
    .Thought
    { height:auto; padding-bottom:20px; background-size: cover;
    }
    .logoshow,#slider1 ul li .caption
    { display:none
    }
    .infrs_up_img
    { width:100%; height:auto;
    }
    .ecaremobile
    { max-width:100%;
    }
    #menubar
    { text-align:center; position: relative;background: transparent linear-gradient(270deg, #43C1FF 0%, #281EA0 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000014;
    transition: all 0.2s ease-in-out;
    }
    a.menuLogo
    {   display:inline-block; width:100%;
    }
    ul.topIcons1
    { margin:0px auto; float:none
    }
        ul.topIcons1 li.clock
        { display:inline-block; margin-bottom:10px;
        }
.logoname { top:0;  margin-top:140px;	}
.panorama_slider,#panorma_slider_2 { height:auto; margin-top:110px; 	}
.sliderBox { margin:0; position:relative;}
.menubox { border:0; height:auto	}
.menubar { position:relative;	}
.leftMenu {   margin:0;	width: 100%;}

    .menu ul li > ul:before
    { left:50%; margin-left:-17px;
    }
    
    .aboutmain .hding 
    { text-align:center
    }
    .mobileview
    { display: inline-block;margin-bottom: 20px;
    }
    .aboutmain:before
    { display:none
    }
    .w46
    { max-width:100%;text-align: center;
    }
    .aboutmain
    { height:auto;
    }
    .msgH
    { position:relative; float:left; text-align:left
    }
    .msgin
    { max-width:100%;
    }
    .msgimages
    { display:none;
    }
.leftMstr { height:auto	}
.footer .container { max-width:100%;	}
.footer img { max-width:100%;	}
.bg-1 .bg-1img, .bg-1 .bg-1text { max-width:50%;	}
.secpg { margin-top:20px;	}
#menu-mobile { display:block;	}
#menu { display:none; width:100%; float:left; text-align:center; background:#3469cc	}
.menu ul { float:left; width:100%; padding:0px 0;	}
.mstrMenus { padding:0; width:100%; float:left; background:none	}
.menu > ul > li { display:block; background:none; float:none}
.menu ul li > .submenu,.menu ul li:hover > .submenu,.menu ul li:hover > .sublavel,.menu > ul > li > ul li .sublavel  { left:0;    }
.menu > ul > li > ul li .sublavel { display:none;}
.menu ul li:first-child > a { border-top:0;    }
	
.menu > ul > li > ul > li a{    text-align:center;  }
.dropmenu .active3 .activeAA{ display:block;  visibility: visible;    opacity: 1;  }
.dropmenu li > .submenu,.dropmenu li:hover > .submenu,.dropmenu ul.submenu li:hover > .submenulavel1 { display:none;    }
.menu ul li > ul { margin:0; border:0; min-width:0;	}
.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 ; width:100%;   }
.menu ul li > .aboutMenu { width:100%;}
.menu ul li a { color:#fff;line-height: 35px; text-align:center	}
    .dropmenu li:hover > a
    {
        color: #ffc107;
    }
.mstrRight { padding:0;	}
.facility .col-md-6 { margin:10px 0px;	}
.footer {padding-top:20px;	background-size: auto 150%;}

.fmstr {padding: 0 0 20px 0px;	}
.noticeBox { text-align:center	}
.noticeH { width:100%;	}
.noticeSlide { float:none	}
.bigIcons ul li,.bigIcons ul li:first-child { float:none; margin:10px;	}
.menuLogo { margin-bottom:10px;	}
	 
		.footer img { max-width:100%;	}
	.menubar { padding:0px 10px;	} 
	.box_in  { padding:0px 10px;	}
	.footer .container .row,.galleryBox .row { margin:0; }
	.bigIcons ul li a span { margin-top:20px;	}
	.footer .container { padding:0;	}
	.fleft,.footerRight { max-width:100%; width:100%;text-align: left;	}
	.fimg { float:none	}
    .downloadBox
    { text-align:center
    }
        .downloadBox li
        { border:0; min-height:0; display: block; padding:10px;float: none;
        }

}


@media only screen and (max-width: 1024px) {
    .topper-t-1,.topper-t-2,.marks
    { text-align:center
    }
    .mgntop {
    margin-top: 20px;
}#slider1
    { height:auto;
    }
	.msgBox .container { max-width:100%; 	}
	
	.menuLogo { padding:0px 5px;	}
	 .tprmain .container
    { max-width:100%;
    }
    .whyUl li .buleBg
    { max-width:100%;
    }
    .mainScorller
    { margin-top:0;
    }
    .sliderBox
    {position:relative
    }
    .leftMenu
    { width:100%;
    }
    .logoshow
    { display:none
    }
#menubar{background: transparent linear-gradient(270deg, #43C1FF 0%, #281EA0 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000014;
    transition: all 0.2s ease-in-out;
}
    #gallerSec ul li
    { width:50%; margin:17px 0; float:left; 
    }
        #gallerSec ul li a
        { width:100%; padding: 0 15px; height:auto; max-height:250px;
        }
         .schoolb .offset-md-2 {
    margin-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
          .redbk .pl-5,.redbk .pr-5
    { padding: 0 7px!important;
    }
    .bigiconm
    {margin-top: 50px;
    }
   .bg-white .p-4
    { padding:0!important
    }
}

 

@media only screen and (min-width : 768px) and (max-width :989px) {

	a.menuLogo {   margin-bottom:10px;	}
	.menuLogo { padding-left:10px;}
	ul.topIcons li { margin:5px 0; font-size:12px;}
	.facility .col-md-6 { max-width:100%;-ms-flex: 0 0 100%;    flex: 0 0 100%; margin:10px 0px;	}
	.msgBox { padding-top:20px;	}
	.switcher { text-align:right; top:0; 	}
	.custom-msg { top:0;	}
	.msgBox h3 { top:0; margin:0; padding:0	}
	#slider_first .slides li img { max-width:50%;	}
	#slider_first .slides li p { margin-top:20px;	}
	#AchievementHome_lblAchievement, #facility { padding:0px 40px;	}
    .st-pauls img
    { max-height:300px;
    }
    .big-icon li
    { padding:40px 10px;
    }
     .bigiconm ul li,.bigiconm ul li:first-child,.bigiconm ul li:last-child
    { margin:20px;
    }
    .redbk
    { height:auto;
    }  .menuin .topIcons1
    { float:right
    }
    .galler_heading
    { min-width:0; font-size:12px;
    }
}
 

 
@media only screen and (min-width : 990px) and (max-width :1200px) {
    .menu ul li a
    { padding:0px 10px;
    }
	.footer img { max-width:100%;	}
	.menubar { padding:0px 10px;	}
	.bigIcons ul li a {    width: 181px;    height: 200px;	}
	.bigIcons ul li { float:none;	}
	.box_in  { padding:0px 10px;	}
	.footer .container .row,.galleryBox .row { margin:0; }
	.bigIcons ul li a span { margin-top:20px;	}
	.footer .container { padding:0;	}

    .downloadBox li
    {padding: 24px 26px;
    }
    .footer .col-md-5
    {-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
     .footer .col-md-7
    {-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
     .schoolb .offset-md-2 {
    margin-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
    #gallerSec .slides li
    { padding:0;
    }
    .galler_heading
    { min-width:0;
    }
    .bigiconm ul li,.bigiconm ul li:first-child,.bigiconm ul li:last-child
    { margin:20px;
    }
    .redbk .pl-5,.redbk .pr-5
    { padding: 0 7px!important;
    }
    .menuin .topIcons1
    { float:right
    }#slider1
    { height:auto;
    }
 }

 
 