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

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

    /*.topperX, .topperXII { max-width:100%;    }*/

.menuLogo { max-width:100%!important; width:100%;    }
.menuLogo > a { float:none; margin:0px auto;    }
ul.iconRight { width:100%; margin-top:0!important; text-align: center;margin-bottom: 5px;  }
ul.iconRight li { display:inline-block!important;        }

 
}
 

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

.menuLogo {max-width: 300px;padding: 5px;    }
.getIn {  margin: 20px 0;   }
.getLinks { min-height:0;   }
.photoGallery { min-height:0;padding: 30px 0px;    }
.noticeBox { min-height:0; margin:30px 0px;}
ul.iconRight { margin-top:20px;}
ul.iconRight li { display:block; border:0px;  margin-left: 5px; padding-left:5px;  }
ul.iconRight li:first-child {margin-left: 5px;        }
.tab-nav {margin-left:0;    }
.tab-nav li {     margin: 5px;    float: none;    display: inline-block;}
.switcher { margin-top:5px;    }
.noticeImg { display:none;    }
.noticeText { padding-top:0px;    }
ul.bigIcon li { display:inline-block; float:none; margin:5px;    }
.galleryLeft, .galleryRight { max-width:100%!important; margin:10px 0px;   }
#message ul.slides li { background-image:none!important;    }
.birthday,.toppers { max-width:100%!important; text-align:center    }
.topperX,.topperXII{  float:none; display:inline-block;   }
.footer { background:none; min-height:0;    }
     
}

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

}




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

{
.menu1 { height:auto;    }
#navbar:after,#menu:after { display:none;    }  
#menu-mobile { display:inline-block;  margin-top: 4px;}
#menu { width:100%; float:left; display:block; padding:0; margin:0; background: #feff00; display:none; background:#fff;}
.fullBoxMob { text-align:center;background: #feff00;float: left;width: 100%;}
#menu-mobile span {    background: #e11937;   }
.menu ul li > .aboutMenu li { width:100%;}
.menu ul li > .aboutMenu li:nth-child(even) { border:0;}
.menu > ul > li { display:block; background: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{    background: #323696; border-bottom: 1px solid #282c80;}
.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    }
.menu ul li > .aboutMenu { width:100%;} 
.menu1 {transform: translatey(0px); margin-top:0px; top:0px; position:relative;}
ul.bigIcon { padding:0px;}
.galleryLeft {  max-width:44%; margin:0; float:left}
.galleryRight {  max-width:53%; margin:0; float:right}
.menuLogo { max-width:320px; padding:5px;    }
.switcher { margin-top:10px;    }
.masterMain {    margin-top: 30px!important;}
.slider {    margin-top: 0px!important;}

 
}


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

.noticebg,.msgBox,.getLinks,.aboutUs,.photoGallery,.bdyTpr,.footer { position:relative; }
.overlay { display:none;}
.slider { position:relative; margin-top: 109px;}
.menu1 {transform: translatey(0px);  top:0;   }
.noticeBox,.getIn {  max-width:100%;   }
.noticeBox .text-center { position:relative; z-index:9;    }
.noticeBox { padding:0px 5px;    }
#message ul.slides li {background-position: -145px 0px;  min-height:0;   }
.msgIn { padding:0px 10px;    }
.getLinks { background-position:0px 0px;    }
 .masterText  { padding:0px 5px;    }
.masterMain { margin-top:180px;    }
 

}



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

.noticeImg {max-width: 70%;}
.msgMain {max-width: 70%;float: right;background: #ffffffc4;}
.getLinks {background-position: 34% 0px!important;    background-size: auto 80%;}
.getIn { width:586px; margin-top:120px;    }
#getLinks,ul.bigIcon { margin-top:20px;    }
ul.bigIcon li,ul.bigIcon li a { float:none; display:inline-block;        }

}
 

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

.menuLogo {padding: 5px 5px;max-width: 330px;}
.menu { margin-top:-25px;    }


}

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

.newsMain,.msgMain,.aboutUs .boxIn,.photoGallery .boxIn,.footer .boxIn { padding:0px 5px;    }
.birthday,.toppers { max-width:50%;    }
.noticeBox .text-center { position:relative; z-index:9;    }
#message ul.slides li { background-position:-160px 0px;    }
.getLinks { background-position:0px 0px;    }
.photoGallery { background-position:300px 0px;    }
.noticeImg { bottom:auto; top:0;}


}