@media only screen and (min-width:1500px) and (max-width:1599px)
{	

	
}
@media only screen and (min-width:1400px) and (max-width:1499px)
{	
	

}

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

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

 .strucchart img{width: 100%;}

}

@media only screen and (max-width: 1199px)
{	
 
  #cssmenu > ul > li > a{font-size: 14px;}
  #cssmenu > ul > li{margin-left: 6px;margin-right: 12px;}
  
  .sitelogo img {height: 70px;}
  .readycont { padding: 0;}
  .header{margin-bottom: 80px;}




}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{	
	


	#cssmenu > ul > li::before {right: -26px;}



}

@media only screen and (max-width: 1024px)
{	
/*	#cssmenu{position: inherit;}*/
	#cssmenu ul{background:#f7f7f7; position:fixed; z-index:9999; top:0px; left:-260px; width:260px; height:100%; overflow:auto; 
	 transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; 
	 -o-transition: all 0.3s ease-in-out 0s; }
	#cssmenu ul.open{left: 0;}
	#cssmenu ul.open li a{color:#000;font-size: 13px;}
	#cssmenu ul ul, #cssmenu ul ul ul{padding:0; background:#4abcae; border:none; top:0px; position:inherit; width:100%; height:auto;  overflow:inherit; left:inherit;
	transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
	#cssmenu ul ul ul{background-color: #001728; }
	#cssmenu ul.open li{padding-right:0px;padding-top: 10px;}
	#cssmenu ul.open li a{display:inherit; padding:5px 9px 4px 14px;}
	#cssmenu ul ul li a{margin-top: 0px;}
	#cssmenu ul.open ul li a{padding:12px 10px;}
	#cssmenu ul.open li a:hover{color:#707070; text-decoration: none;}
	#cssmenu ul.open ul ul li:hover > a, #cssmenu ul.open ul ul li a:hover, #cssmenu ul.open ul ul li.active a {color:#707070; background:#0070c0; }
	#cssmenu::after, #cssmenu > ul::after{content:none;}
	#cssmenu #menu-button.menu-opened::after{transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);
	 -ms-transform:rotate(45deg); top:8px;  width: 25px; left:3px; background-color: #000;}
	#cssmenu #menu-button.menu-opened::before{left:0px; top:0px;  transform:rotate(-45deg); -moz-transform:rotate(-45deg);
	 -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); border-top:none; border-color: #000;}
	/*#cssmenu > ul > li{margin:0px;}*/
	#cssmenu > ul > li > a{border:none; border-radius:0px;}
	#cssmenu > ul > li.active > a:before{content:none;}
	#cssmenu ul li a:after{content: none;}
	#cssmenu #menu-button{ border-radius: 100%; background-color: transparent;  z-index: 12; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; right: 20px;}
	#cssmenu ul ul li:last-child{border-bottom: 0px solid rgba(255, 255, 255, 0.20);}
	#cssmenu ul ul { opacity: 1; border-radius:0px; box-shadow: none;}
	#cssmenu li:hover > ul {left: auto; opacity: 1;}
	#cssmenu > ul > li > a::before {display: none;}
	#cssmenu ul.open ul li a {padding-left: 15px;}
	#cssmenu ul ul li a {border-bottom: none;}
	#cssmenu > ul > li::after{content: none;}
	#cssmenu li.shwinmblnav{display: inherit;}

	
	#cssmenu ul ul, #cssmenu li ul{opacity: 1; visibility: visible;}
	#cssmenu ul ul:after{content: none}
	#cssmenu #menu-button.menu-opened{left: 230px	;}

	
	#cssmenu > ul > li::before {display: none;}
	#cssmenu > ul > li {margin-right: 0px !important; margin-left: 0px !important;}


	.smalltitle h5{font-size: 16px;}
	.readytoplaysec h4{font-size: 40px;}
	.pera p, .comnpera p{font-size: 16px;line-height: 24px;}
	.comntitle h4{font-size: 32px;}
	.progbtn .comnbtn{padding-bottom: 40px;}
	.footerdtl{padding: 90px 0px 20px 0px}
	.readytoplaysec{min-height: 580px;    margin-bottom: 0;}
  .aboutcontent{overflow: hidden;}
  .aboutimgbox {margin-bottom:20px;}
	.aboutone, .abouttwo, .aboutthree{text-align: center;}
	.aboutimgbox img{margin: 0px;}
	.abouttwo img, .aboutone img, .aboutthree img{width: 90%;}
	.aboutimgright {padding-left: 0;}
	.counter, .numbericon{font-size: 60px;}
	.counter-container{max-width: 540px;}

	 section.numbercounter.pd90{padding: 0 0px 80px 0px;}
	 .singupbtn{width: 32%;}
	 .sitelogo img{object-fit: contain; height: 100px;}

  #cssmenu > ul > li > a{font-family: "Source Sans Pro", Sans-serif;text-transform:capitalize;}
	#cssmenu .sitelogo{display: block;}
	#cssmenu .sitelogo img{max-width: 60px; max-height: 60px;}
	.header{margin-bottom: 0px;}


	.singupbtn {  width: 36%; }
	.offcanvas { visibility: visible;display: block; }
  .offcanvas-header .sitelogo img{max-width: 60px;max-height: 60px;}
  #cssmenu ul {display: block; }

}

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

	.comnpera p {font-size: 15px;  line-height: 22px;}
  .aboutsec .program-shape-bottom{bottom: -3px;}
  .abouttwo img, .aboutone img, .aboutthree img { width: 100%;}
  .header {padding: 0px 0px 0px 0px;}

  .callup h3{font-size: 18px;}
  .callup i{font-size: 14px;}
  .callup span{ width: 32px;height:32px;}
  .singupbtn{width: auto;}
  .callup{flex: 1;}
  .slidercont{gap: 10px;}
  .singupbtn a{padding: 14px 35px 14px 35px;}
  .contbox h3{font-size: 20px;margin-bottom: 4px;}
  .contbox{margin-bottom: 15px;}
  .ftrgallery-container a.gallery-item {  height: 35px;}




	
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{	
	
	    .container {max-width: 100%;}
	    .ftrnav { margin-left: 0;}
	    .ftrgallery-container a.gallery-item {height: 50px;}
	    #cssmenu #menu-button{left: 0;right: 0;margin: auto;}
	    .singupbtn{width: 25%; justify-content: end;}

}
@media only screen and (max-width: 767px)
{	
	
	.lefticon{display: none;}
	.socialicon{text-align: center;margin: auto;}
	.topheadersec{padding: 15px 10px 50px 10px;}
	.sitelogo img {object-fit: contain;}
	#cssmenu { width: auto;}
	#cssmenu #menu-button{right: 0;}
	.order-1 { order: 0 !important;}
	.clientslider, .readytoplaysec, .programimg{margin-bottom:35px;}
	.galleryblock{grid-template-columns:1fr 1fr;}
	.gallery-container{grid-template-columns:1fr 1fr;display: grid;}
	.gallery-item img { width: 100%;}
	.gallery-container a { width: 65%;margin: auto;}
	.footerdtl { padding: 30px 0px 20px 0px;  }
	.ftrabout{margin-bottom: 35px;}
	.ftrnav {margin-left: 0px;margin-bottom: 30px;}
	.ourgallery{display: none;}
 .aboutsec{min-height: 350px;}

 .aboutcontent .row, .childlearnsec .row, .childcareprogsec  .row{flex-direction: column-reverse;}
 .pd90 {padding:30px 10px 40px 10px}
 .programimg {margin-right: 0;}
 .progress-container .progress{font-size: 16px;}
 .progress-container:last-child, .programimg{margin-bottom: 20px;}

  #cssmenu #menu-button {right: 0;left: 0;}
  #cssmenu #menu-button.menu-opened {left: 50px;}
  .header{margin-bottom: 50px;}
 
 


        

}	
@media only screen and (min-width: 640px) and (max-width: 767px)
{	
	
}
@media only screen and (max-width: 639px)
{	
	
	
}

@media only screen and (max-width: 575px)
{	
	
	    #cssmenu { width: auto; }
	    .regform .comntitle h4 {font-size: 34px;}
	    .sitelogo img{height: 70px;}
	    #cssmenu #menu-button.menu-opened { left: 30px; }


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

	.gallery-container { grid-template-columns: 1fr;}
	.gallery-container a {width: 40%;}
	.counter-container{display: block;}
	.label {font-size: 16px;}
	.numcon{margin-bottom: 20px;}
	.sitelogo img{height: 68px;}
	.singupbtn {width: auto;}
	#cssmenu #menu-button {right: -70px;}
	#cssmenu #menu-button.menu-opened { left: 100px;}
}

@media only screen and (max-width: 399px) 
{	
   
  }
@media only screen and (max-width: 359px) 
{
	
}
	
img {max-width: 100%; height: auto;}