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

	#clone
	{
		display: none;
	}
	  #slider .carousel-inner .carousel-item img
	  {
			object-fit: cover;
			object-position: center;
			height: 100%;
	  }

	#slider .school-detail
	{
		top: 70px;
	}
	  #slider .school-detail .box .school-name span.span1
	  {
	  	font-size: 22px;
	  }
	  #slider .school-detail
	  {
	  	width: 90%;
	  }
	  #slider .school-detail .box .school-name h4
	  {
	  	font-size: 30px;
	  }
	  .about-div
	  {
	  	padding:0;
	  }
	  .heading1 span
	  {
	  	font-size: 22px;
	  }
	  .heading1 h4
	  {
	  	font-size: 30px;
	  }
	  .about-div .heading1
	  {
	  	margin-bottom: 15px;
	  }
	  section.home-about .image1.about-image
	  {
	  	padding: 0;
	  }
	  section.home-about .image3.about-image
	  {
	  	padding: 0;
		margin-top: 0;
		background: var(--white);
		margin-left: 0;
	  }
	  section.home-about .image1,
	  section.home-about .image2,
	  section.home-about .image3.about-image
	  {
	  		margin-top: 10px;
	  }
	  section.facilities .facility-head-text
	  {
	  	margin:0 0 20px;
	  }
	  section.vision-mision .vision-container
	  {
	  	padding: 80px 0 40px;
	  	max-width: 85%;
	  }
	  section.gallery-home
	  {
	  	margin-top: 30px;
	  }
	  #news-events
	  {
	  	margin-top: 0;
	  	padding-right: 15px;
	  }
	  #news-events ul li .newsRow .desc
	  {
	  	width: 65%;
	  }
	  #news-events ul li .newsRow .desc .file
	  {
	  	right: -20px;
	  }
	  #news-events ul li .newsRow .desc a
	  {
	  	font-size: 14px;
	  	font-family: var(--roboto5);
	  }
	  #news-events
	  {
	  	min-height: 430px;
	  	max-height: 430px;
	  	margin-bottom: 20px;
	  }
	  #news-events ul li .newsRow .desc .descs
	  {
	  	min-height: 58.5px;
	  	max-height: 58.5px;
	  }
	  .footer .ftr_box ul
		{
		    -webkit-column-count: 1; 
		    -moz-column-count: 1;  
		    column-count: 1; /* divides text in 2 columns */ 
		}
	  .footer .ftr_box
	  {
	  	margin-bottom: 15px;
	  }
	  .page-banner
	  {
	  	height: 200px;
	  }
	  .page-banner .dark-container .content-box
	  {
	  	position: static;
	  	text-align: center;
	  	padding:60px 10px;
	  }
	  .page-banner .dark-container .content-box .banner-title
		 {
		 	font-size: 28px;
		 } 
		.page-banner .dark-container .content-box .breadcrumbs a:last-child
		{
			white-space: nowrap;
		}
	  .abouts-image
	  {
	  	width: 100%;
	  }
	  body.innerPage .about-div
	  {
	  	padding:0;
	  }
	  .about-div .desc p
	  {
	  	text-align: left;
	  }
	  .abouts-image.left.message-name
	  {
	  	margin-left: 10px;
	  }
	  #no-more-tables .table tbody td
	  {
	  	padding-left: 45%;
	  } 

	  .affiliation-detail
	  {
	  	line-height: 28px;
	  	font-size: 20px;

	  }
	  #accordion.result .card div .card-body .span-append span.one, 
	  #accordion.result .card div .card-body .span-append span.three
	  {
	  		height: 30px;
	  }
	  #accordion.result .card div .card-body .span-append span.two, 
	  #accordion.result .card div .card-body .span-append span.four
	  {
	  		width: 30px;
	  }
	  #accordion .card div .card-body
	  {
	  	padding:20px;
	  }
	  #accordion.result .card div .card-body
	  {
	  	padding:38px;
	  }
	  body.innerPage .heading1 h4
	  {
	  	font-size: 25px;
	  }

	  #calendar
	  {
	  	margin-top: 20px;
	  }
	  #calendar .fc-center
	  {
	  	margin-top: 20px;
	  }
	  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number
	  {
	  	font-size: .9rem !important;
	  }

	  #no-more-tables.full-width td::before
	  {
	  	width: 100%;
	  	text-align: center;
	  }
	  #no-more-tables.full-width .table tbody td
	  {
	  	padding-left: 7px;
	  	text-align: center;
	  	padding-top: 35px;
	  }

	  .contact-info-box
	  {
	  	height: auto;
	  }
	  .myformDesign
	  {
	  	margin-bottom: 20px;
	  }
	  .capacha-div
	  {
	  	text-align: center;
	  }
	  .myformDesign .submitButton
	  {
	  	width: 100%;
	  }
}


@media screen and (min-width:481px) and (max-width:576px)
{
   #clone
	{
		display: none;
	}
	  #slider .carousel-inner .carousel-item img
	  {
			object-fit: cover;
			object-position: center;
			height: 100%;
	  }
	 
		#slider .school-detail
		{
			top: 90px;
		}
	  
	  #slider .school-detail
	  {
	  	width: 90%;
	  }
	  #slider .school-detail .box .school-name h4
	  {
	  	font-size: 30px;
	  }
	  .about-div
	  {
	  	padding:0;
	  }
	 
	  .heading1 h4
	  {
	  	font-size: 35px;
	  }
	  .about-div .heading1
	  {
	  	margin-bottom: 15px;
	  }
	  section.home-about .image1.about-image
	  {
	  	padding: 0;
	  }
	  section.home-about .image3.about-image
	  {
	  	padding: 0;
		margin-top: 0;
		background: var(--white);
		margin-left: 0;
	  }
	  section.home-about .image1,
	  section.home-about .image2,
	  section.home-about .image3.about-image
	  {
	  		margin-top: 10px;
	  }
	  section.home-about .image1 img,
	  section.home-about .image2 img,
	  section.home-about .image3.about-image img
	  {
	  		width: 100%;
	  }
	  section.facilities .facility-head-text
	  {
	  	margin:0 0 20px;
	  }
	  section.vision-mision .vision-container
	  {
	  	padding: 80px 0 40px;
	  	max-width: 85%;
	  }
	  section.gallery-home
	  {
	  	margin-top: 30px;
	  }
	  #news-events
	  {
	  	margin-top: 0;
	  	padding-right: 15px;
	  }
	  #news-events ul li .newsRow .desc
	  {
	  	width: 80%;
	  }
	  #news-events ul li .newsRow .desc .file
	  {
	  	right: -20px;
	  }
	  #news-events ul li .newsRow .desc a
	  {
	  	font-size: 16px;
	  	font-family: var(--roboto5);
	  }
	  #news-events
	  {
	  	min-height: 430px;
	  	max-height: 430px;
	  	margin-bottom: 20px;
	  }
	  #news-events ul li .newsRow .desc .descs
	  {
	  	min-height: 39px;
	  	max-height: 39px;
	  	font-size: 15px;
	  }
	  .footer .ftr_box ul
		{
		    -webkit-column-count: 2; 
		    -moz-column-count: 2;  
		    column-count: 2; /* divides text in 2 columns */ 
		}
	  .footer .ftr_box
	  {
	  	margin-bottom: 15px;
	  }
	  .page-banner
	  {
	  	height: 200px;
	  }
	  .page-banner .dark-container .content-box
	  {
	  	position: static;
	  	text-align: center;
	  	padding:60px 10px;
	  }
	  .page-banner .dark-container .content-box .banner-title
		 {
		 	font-size: 28px;
		 } 
		.page-banner .dark-container .content-box .breadcrumbs a:last-child
		{
			white-space: nowrap;
		}
	  .abouts-image
	  {
	  	width: 100%;
	  }
	  body.innerPage .about-div
	  {
	  	padding:0;
	  }
	  .about-div .desc p
	  {
	  	text-align: left;
	  }
	  .abouts-image.left.message-name
	  {
	  	margin-left: 10px;
	  	margin-bottom: 20px;
	  }
	  .abouts-image.left.message-name img
	  {
	  	width: 100%;
	  }
	  #no-more-tables .table tbody td
	  {
	  	padding-left: 45%;
	  } 

	  .affiliation-detail
	  {
	  	line-height: 28px;
	  	font-size: 20px;

	  }
	  #accordion.result .card div .card-body .span-append span.one, 
	  #accordion.result .card div .card-body .span-append span.three
	  {
	  		height: 30px;
	  }
	  #accordion.result .card div .card-body .span-append span.two, 
	  #accordion.result .card div .card-body .span-append span.four
	  {
	  		width: 30px;
	  }
	  #accordion .card div .card-body
	  {
	  	padding:20px;
	  }
	  #accordion.result .card div .card-body
	  {
	  	padding:38px;
	  }
	 

	  #calendar
	  {
	  	margin-top: 20px;
	  }
	  #calendar .fc-center
	  {
	  	margin-top: 20px;
	  }
	  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number
	  {
	  	font-size: .9rem !important;
	  }

	  #no-more-tables.full-width td::before
	  {
	  	width: 100%;
	  	text-align: center;
	  }
	  #no-more-tables.full-width .table tbody td
	  {
	  	padding-left: 7px;
	  	text-align: center;
	  	padding-top: 35px;
	  }

	  .contact-info-box
	  {
	  	height: auto;
	  }
	  .myformDesign
	  {
	  	margin-bottom: 20px;
	  }
	  .capacha-div
	  {
	  	text-align: center;
	  }
	  .myformDesign .submitButton
	  {
	  	width: 100%;
	  }
	  .w_481_576_annual_report
	  {
	  	width: 50%;
	  }
	  .w_481_576_council
	  {
	  	width: 50%;
	  }
	  .w_481_576_facility
	  {
	  	width: 50%;
	  }
	  .image-gallery-facilities.annulareport .gallery-box .image
	  {
	  	 height: 253px;
	  }
	  .image-gallery-facilities.annulareport .gallery-box .image img
	  {
	  	 max-height: 253px;
	  }
	  #accordion .student-image-gallery .title span.student-name
	  {
	  	padding:0 7px;
	  }
	  body.innerPage .heading1 h4
	  {
	  	font-size: 25px;
	  }

	  .navigation .logo .logo-text
		{
			font-size: 25px !important;
		}

}

@media screen and (min-width:577px) and (max-width:767px)
{
   	
	#clone
	{
		display: none;
	}
	  #slider .carousel-inner .carousel-item img
	  {
			object-fit: cover;
			object-position: center;
			height: 100%;
	  }
 
	#slider .school-detail
	{
		top: 120px;
	}
	  
	  #slider .school-detail
	  {
	  	width: 90%;
	  }
	  #slider .school-detail .box .school-name h4
	  {
	  	font-size: 30px;
	  }
	  .about-div
	  {
	  	padding:0;
	  }
	 	#slider .carousel-item
	 	{
	 		height: 70vh;
	 	}
	  .heading1 h4
	  {
	  	font-size: 35px;
	  }
	  .about-div .heading1
	  {
	  	margin-bottom: 15px;
	  }
	
	  section.home-about .image1 img,
	  section.home-about .image2 img,
	  section.home-about .image3.about-image img
	  {
	  		width: 100%;
	  }
	  section.facilities .facility-head-text
	  {
	  	margin:0 0 20px;
	  }
	  section.vision-mision .vision-container
	  {
	  	padding: 80px 0 40px;
	  	max-width: 85%;
	  }
	  section.gallery-home
	  {
	  	margin-top: 30px;
	  }
	  #news-events
	  {
	  	margin-top: 0;
	  	padding-right: 15px;
	  }
	  #news-events ul li .newsRow .desc
	  {
	  	width: 80%;
	  }
	  #news-events ul li .newsRow .desc .file
	  {
	  	right: -20px;
	  }
	  #news-events ul li .newsRow .desc a
	  {
	  	font-size: 16px;
	  	font-family: var(--roboto5);
	  }
	  #news-events
	  {
	  	min-height: 430px;
	  	max-height: 430px;
	  	margin-bottom: 20px;
	  }
	  #news-events ul li .newsRow .desc .descs
	  {
	  	min-height: 39px;
	  	max-height: 39px;
	  	font-size: 15px;
	  }
	  .footer .ftr_box ul
		{
		    -webkit-column-count: 2; 
		    -moz-column-count: 2;  
		    column-count: 2; /* divides text in 2 columns */ 
		}
	  .footer .ftr_box
	  {
	  	margin-bottom: 15px;
	  }
	  .page-banner
	  {
	  	height: 200px;
	  }
	  .page-banner .dark-container .content-box
	  {
	  	position: static;
	  	text-align: center;
	  	padding:60px 10px;
	  }
	  .page-banner .dark-container .content-box .banner-title
		 {
		 	font-size: 28px;
		 } 
		.page-banner .dark-container .content-box .breadcrumbs a:last-child
		{
			white-space: nowrap;
		}
	  .abouts-image
	  {
	  	width:300px;
	  }
	  body.innerPage .about-div
	  {
	  	padding:0;
	  }
	  .about-div .desc p
	  {
	  	text-align: left;
	  }
	  .abouts-image.left.message-name
	  {
	  	margin-left: 10px;
	  	margin-bottom: 20px;
	  }
	  .abouts-image.left.message-name img
	  {
	  	width: 100%;
	  }
	  #no-more-tables .table tbody td
	  {
	  	padding-left: 45%;
	  } 

	  .affiliation-detail
	  {
	  	line-height: 28px;
	  	font-size: 20px;

	  }
	  #accordion.result .card div .card-body .span-append span.one, 
	  #accordion.result .card div .card-body .span-append span.three
	  {
	  		height: 30px;
	  }
	  #accordion.result .card div .card-body .span-append span.two, 
	  #accordion.result .card div .card-body .span-append span.four
	  {
	  		width: 30px;
	  }
	  #accordion .card div .card-body
	  {
	  	padding:20px;
	  }
	  #accordion.result .card div .card-body
	  {
	  	padding:38px;
	  }
	 

	  #calendar
	  {
	  	margin-top: 20px;
	  }
	  #calendar .fc-center
	  {
	  	margin-top: 20px;
	  }
	  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number
	  {
	  	font-size: .9rem !important;
	  }

	  #no-more-tables.full-width td::before
	  {
	  	width: 100%;
	  	text-align: center;
	  }
	  #no-more-tables.full-width .table tbody td
	  {
	  	padding-left: 7px;
	  	text-align: center;
	  	padding-top: 35px;
	  }

	  .contact-info-box
	  {
	  	height: auto;
	  }
	  .myformDesign
	  {
	  	margin-bottom: 20px;
	  }
	  .capacha-div
	  {
	  	text-align: center;
	  }
	  .myformDesign .submitButton
	  {
	  	width: 100%;
	  }
	  .w_481_576_annual_report
	  {
	  	width: 50%;
	  }
	  .w_481_576_council
	  {
	  	width: 50%;
	  }
	  .w_481_576_facility
	  {
	  	width: 50%;
	  }
	  .image-gallery-facilities.annulareport .gallery-box .image
	  {
	  	 height: 253px;
	  }
	  .image-gallery-facilities.annulareport .gallery-box .image img
	  {
	  	 max-height: 253px;
	  }
	  #accordion .student-image-gallery .title span.student-name
	  {
	  	padding:0 7px;
	  }
	  body.innerPage .heading1 h4
	  {
	  	font-size: 25px;
	  }
    .navigation .logo .logo-text
	{
		font-size: 25px !important;
	}
}

@media screen and (min-width:768px) and (max-width:992px)
{
 	#slider .carousel-item img
 	{
 		height: 100vh;
 	}
 	.topbar .left-topbar
 	{
 		display: table;
 		margin:auto;
 	}
 	.topbar .right-topbar
 	{
 		float: none;
 		display: table;
 		margin:auto;
 		margin-top: 10px;
 	}
 	#slider .school-detail
 	{
 		top: 250px;
 	}
 	.navigation .logo
 	{
 		display: table;
 		margin:auto;
 	}
 	.navigation .navbars .main-ul{
 		float: none;
		display: table;
		margin: auto;
		padding:0 10%;
 	}
 	.navigation .navbars .main-ul li.main-li
 	{
 		margin:0;
 	}
 	.navigation .navbars .main-ul li.main-li.dropdown1
 	{
 		z-index: 99990;
 	}
 	.about-div
 	{
 		padding: 0;
 	}
}





/*
=====================================
*/

@media screen and (max-width:767px)
{
	.toggle-parents
	{
		position: relative;
	}
	.toggle-parents .toggle-div
	{
		position: absolute;
		right: 5px;
		top: 15px;
		width: 40px;
		height: 40px;
		text-align: center;
		cursor: pointer;
		display: block;
	}
	.toggle-parents .toggle-div i
	{	
		line-height: 40px;
		color: var(--white);
		font-size: 1.7em;
	}
	.hide-mobile
	{
		display: none;
	}
	.hide-dekstop
	{
		display: block
	}
}
@media screen and (min-width:768px)
{
	.toggle-parents .toggle-div
	{
		display: none;
	}
	.hide-mobile
	{
		display: block;
	}
	.hide-dekstop
	{
		display: none
	}
}


@media screen and (max-width: 767px)
{
	.nav-top
	{
		background-color: var(--color1);
		position: static;
	} 
	.navigation
	{
		margin-top: 0;
	}
	.navigation > .container
	{
		border: none;
		box-shadow: none;
	}

	.topbar
	{
		display: none;
	}
	.navigation .logo
	{
		width: 80%;
	}
	.navigation .logo .logo-icon .image-logos
	{
		width: 80px;
	}

	.school-detail .logo img
	{
		width: 100px;
	}
	.topbar .right-topbar
	{
		float: none;
	}
	.topbar .right-topbar span
	{
		display: block;
	}
	.navigation .logo .logo-text
	{
		font-size: 18px;
	}
	.navigation .navbars .main-ul
	{
		float: none;
	}
	.navigation .navbars .main-ul li.main-li
	{
		float: none;
	}
	.navigation .navbars .main-ul li.main-li
	{
		margin:0;
		text-align: center;
	}
	.navigation .navbars .main-ul li.main-li a{
		border-bottom: 1px solid #c64243;
	}
	.navigation .navbars .main-ul li.main-li.dropdown1 .sub-menu1
	{
		position: static;
		display: none;
	}

	/*.sub-menu1-facilities
	{
		display: none;
	}*/

	.navigation .navbars .main-ul li.main-li.dropdown1 .sub-menu1::before {
		display: none;
	}

	.navigation .navbars .main-ul li.main-li.dropdown1 .dropdown2 .sub-menu2
	{
		position: static;
		display: none;
	}
	.navigation .navbars .main-ul li.main-li.dropdown1 .dropdown2 .sub-menu2 li a
	{
		background-color: #db4d4e;
		border-bottom-color: #f28e8e;
		color: var(--white);
	}

	.navigation .navbars
	{
		display: none;
	}
}


@media screen and (max-width:767px)
{
     .only_small_screen
     {
          display:block;
     }
     .social-link-mobile{
         padding: 5px;
        display: table;
        margin: auto;
     }
     
     .social-link-mobile a{
         display:inline-block !important;
         color:white;
         margin-right:7px;
     }
     
    
}
@media screen and (min-width:768px)
{
     .only_small_screen
     {
          display:none;
     }
}