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

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

  
 
}
 

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

.menuCenter { text-align:center; padding:0px 0px;background: #ff0007;	}
.socialIcons { max-width:100%; width:100%; margin:0px;	}
.socialIcons ul,.socialIcons div { float:none; display:inline-block;text-align: center; width: auto;		}
.socialIcons .lastCont { margin-top:5px;		}
.socialIcons li { float:none;		}
.noticSection .container,.serviceIconListSection .container,.ourSchoolSection .container,.ourInspirationSection .container,.footerSection .container  { max-width:100%; padding:0px 15px;	}
}

@media only screen
and (min-width : 990px)
and (max-width :1024px)
{
    .schoolName  { max-width:360px; margin-top:-10px;}
	.noticSection .container,.serviceIconListSection .container,.ourSchoolSection .container,.ourInspirationSection .container,.footerSection .container  { max-width:100%; padding:0px 15px;	}
	
	.leftIcon { max-width:200px;	}
	.rightBox { max-width:790px;	}

}




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

{
.mobMenuIcon { display:block;	}
.menuCenter { text-align:center;}
.first_sec_logo { padding:20px;width: 100%;position: relative; top: auto;transform: translateY(0%);}
.homeFixed { position:relative; 	}
.menu1 { height:auto;    }
.schoolName { margin-top:0;	}
.menu1:after {    transform: skew(0deg); top:0; left:0;	}
.jumbotron section,.menus{ width:100%; float:left}
.noticSection { margin:0px 0;	}
.newNotic { margin:0;	}
.newNotic .slick-prev { left:0; z-index:9;	height:37px; width:37px;	}
.newNotic .slick-next { right:0;z-index:9; height:37px; width:37px;		}
.ourSchoolSection,.managementAchievementsSection {margin: 30px 0 40px 0; }
.ourInspirationSection,.galleryArea { margin: 0 0 10px 0; padding-bottom:50px;	}
.readmoreH { text-align:center;	}
#homephotog_LBPhoto a.readMore { float:none; margin-top:20px;	}
#menu-mobile { display:inline-block;  margin-top: 4px;}
#menu { width:100%; float:left; display:block; padding:0; margin:0;   display:none;     background: #24c483;}
.fullBoxMob { text-align:center;background: #24c483;float: left;width: 100%;}
#menu-mobile span {    background: #fff;   }
/*.menu ul { width:100%; text-align:center;	}*/
/*.menu ul li a { padding: 5px 10px 5px 10px;}*/
.menu ul li > .aboutMenu li { width:100%;}
.menu ul li > .aboutMenu li:nth-child(even) { border:0;}
.menu > ul > li { display:block; background:none; padding:0; width:100%;}
.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;}
.menu ul li > ul { text-align:center;	}
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;}
.schoolName { max-width:530px; padding:5px;	}
.leftIcon { max-width:100%; text-align:center	}
.jesus1 { margin-top:0px; display:inline-block	}
#galley_slider .slick-prev {left: 0px;	}
#galley_slider .slick-next {    right: 0px;}
.pull-left,.pull-right { width:100%; text-align:center	}
.justify-content-center { text-align:center;	}
.copyRightSction .container { max-width:90%; 	}
.serviceIconList li { margin-bottom:10px;	}

}


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

 
 

}



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

	

}
 

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

#menu { text-align:center;	}
	.menu ul li a {    padding: 18px 9px 19px 9px;	}
.menu1 { padding:0px 5px;}
 

}

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

 

}