
.logo .toggle-button
{
	display: none;
}
.social.right-fixed
{
	display: none;
}
@media screen and (max-width:480px)
{
	.topbar .top-right-links {
	    float: none;
	    display: table;
	    margin: 10px auto 5px;
	}

	#carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption
	{
		display: none;
	}

	.topbar .top-links ul li
	{
		float: none;
		display: block;
		text-align: center;
		margin:0;
	}
	
	section.purpose-of-education {
    	margin-top: 20px;
	}
	
	.heading-home h3
	{
		font-size: 38px;
		text-align: center;
		line-height: 50px;
	}
	.text-area p span.strong
	{
		font-family: var(--dosis5);
	}
	.text-area p
	{
		font-size: 16px;
	}
	.text-area.list-item ul li
	{
		font-size: 16px;
	}
	.read-more-button
	{
		margin-top: 10px;
	}
	.home-curriculum .home-curriculum-inner .description p.text-row
	{
		margin-top: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.home-curriculum .home-curriculum-inner .description p.text-row span
	{
		width: 50%;
		float: left;
	}
	.home-curriculum .home-curriculum-inner .description p.text-row span:last-child
	{
		width: 100%;
	}
	.circle-row-container .box-circle-parent .box-circle{
		text-align: center;
		margin-bottom: 20px;
	}

	.home-footer .home-footer-inner .ftr-box
	{
		margin-bottom: 20px;
	}

	.social.right-fixed
	{
		top: 70%;
		transform: translateY(-70%);
	}
	#carouselExampleIndicators .ticker
	{
		position: static;
	}

	.events-gallery ul li
	{
		width: 50%;
		height: 95px;
	}
	.gallery-calendar .events-gallery{
		overflow: hidden;
		margin-bottom: 15px;
	}


	.banner.PageBanner
	{
		height: 150px;
	}
	.PageBanner .bannerText
	{
		max-width: 100%;
		margin:0 auto;
		padding-left: 5%;
		padding-right: 5%;
	}
	.bannerText .breadCrumbs ul
	{
		display: table;
		margin: auto;
	}
	.descriptionArea .descImage
	{
		width: 100%;
		margin-left: 0;
		position: static;
		float: none;
		padding: 0px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.heading-home h3
	{
		margin-bottom: 10px;
	}
	.breadCrumbArea h4.crumbHeading
	{
		text-align: center;
	}

	.breadCrumbArea .myCustomBreadCrumb
	{
		display: table;
		margin:auto;
	}

	.descriptionArea.list-item ul
	{
		margin-bottom: 10px;
	}
	.descriptionArea.list-item ul li
	{
		font-size: 16px;
	}
	.descriptionArea p
	{
		font-size: 16px;
	}
	.accolades-container .accolades-box .heads .name
	{
		color: var(--color1)
	}
	.PageBanner .bannerText .title
	{
		font-family: var(--dosis5);
		font-size: 24px;
	}
	.heading-home h3
	{
		font-size: 35px;
	}
	.heading-home h3
	{
		margin-bottom: 0;
	}
	.myform
	{
		margin-top: 20px;
	}
	.btn1,.btn2
	{
		margin-top: .5rem;
	}
	.myform
	{
		margin-bottom: 20px;
	}
	.myform form .capacha-div
	{
		margin-top: 20px;
		text-align: center;
	}
	.myform.jobApply .form-group
	{
		margin-bottom: 1em;
	}
	#jobs-opening ul li
	{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

}
@media screen and (min-width:481px) and (max-width:576px)
{

	.width-481-576-top1
	{
		width: 57%;
		float: left;
	}
	.width-481-576-top2
	{
		width: 41%;
		float: right;
	}

	.circle-box-width-481-576
	{
		width: 50%;
	}

	#carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption
	{
		display: none;
	}

	section.purpose-of-education .purpose-of-education
	{
		max-width: 80%;
		margin: 0 auto;
	}
	
	section.purpose-of-education {
    	margin-top: 20px;
	}
	
	.heading-home h3
	{
		font-size: 38px;
		text-align: center;
		line-height: 50px;
	}
	.text-area p span.strong
	{
		font-family: var(--dosis5);
	}
	.text-area p
	{
		font-size: 16px;
	}
	.text-area.list-item ul li
	{
		font-size: 16px;
	}
	.read-more-button
	{
		margin-top: 10px;
	}
	.home-curriculum .home-curriculum-inner .description p.text-row
	{
		margin-top: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.home-curriculum .home-curriculum-inner .description p.text-row span
	{
		width: 50%;
		float: left;
	}
	.home-curriculum .home-curriculum-inner .description p.text-row span:last-child
	{
		width: 100%;
	}
	.circle-row-container .box-circle-parent .box-circle{
		text-align: center;
		margin-bottom: 20px;
	}

	.home-footer .home-footer-inner .ftr-box
	{
		margin-bottom: 20px;
	}


	.events-gallery ul li
	{
		width: 50%;
		height: 150px;
	}
	.gallery-calendar .events-gallery{
		overflow: hidden;
		margin-bottom: 15px;
	}	

	#carouselExampleIndicators .ticker
	{
		position: static;
	}

	/* ************************************************* */

	.banner.PageBanner
	{
		height: 200px;
	}
	.PageBanner .bannerText
	{
		max-width: 100%;
		margin:0 auto;
		padding-left: 5%;
		padding-right: 5%;
	}
	.bannerText .breadCrumbs ul
	{
		display: table;
		margin: auto;
	}
	.descriptionArea .descImage
	{
		width: 100%;
		margin-left: 0;
		position: static;
		float: none;
		padding: 0px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.descriptionArea .descImage img
	 {
		display: table;
		margin:auto;
	 }
	.heading-home h3
	{
		margin-bottom: 10px;
	}
	.breadCrumbArea h4.crumbHeading
	{
		text-align: center;
	}

	.breadCrumbArea .myCustomBreadCrumb
	{
		display: table;
		margin:auto;
	}

	.descriptionArea.list-item ul
	{
		margin-bottom: 10px;
	}
	.descriptionArea.list-item ul li
	{
		font-size: 16px;
	}
	.descriptionArea p
	{
		font-size: 16px;
	}
	.accolades-container .accolades-box .heads .name
	{
		color: var(--color1)
	}
	.PageBanner .bannerText .title
	{
		font-family: var(--dosis5);
		font-size: 24px;
	}
	.heading-home h3
	{
		font-size: 35px;
	}
	.myform
	{
		margin-top: 20px;
	}
	.btn1,.btn2
	{
		margin-top: .5rem;
	}
	.myform
	{
		margin-bottom: 20px;
	}
	.myform form .capacha-div
	{
		margin-top: 0px;
		text-align: center;
	}
	.myform.jobApply .form-group
	{
		margin-bottom: 1em;
	}
	#jobs-opening ul li
	{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.accolades-container .accolades-box
	{
		margin: 15px 23px;
	}
	.gallery-481-576
	{
		width: 50%;
	}
   .captcha_div
   {
   		margin-top: 20px;
   }
   #carouselExampleIndicators .ticker
   {
   		position: static;
   }
		
}

@media screen and (min-width:577px) and (max-width:767px)
{
	.width-481-576-top1
	{
		width: 65%;
		float: left;
	}
	.width-481-576-top2
	{
		width: 35%;
		float: right;
	}

	.circle-box-width-481-576
	{
		width: 50%;
	}

	.carousel-caption h2 span
	{
		font-size: 25px;
		font-family: var(--dosis5);
	}
	.carousel-caption h3 span.normal
	{
		font-size: 33px;
	}

	section.purpose-of-education .purpose-of-education
	{
		max-width: 80%;
		margin: 0 auto;
	}
	
	section.purpose-of-education {
    	margin-top: 20px;
	}
	
	.heading-home h3
	{
		font-size: 38px;
		text-align: center;
		line-height: 50px;
	}
	.text-area p span.strong
	{
		font-family: var(--dosis5);
	}
	.text-area p
	{
		font-size: 16px;
	}
	.text-area.list-item ul li
	{
		font-size: 16px;
	}
	.read-more-button
	{
		margin-top: 10px;
	}
	.home-curriculum .home-curriculum-inner .description p.text-row
	{
		margin-top: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.home-curriculum .home-curriculum-inner .description p.text-row span
	{
		width: 50%;
		float: left;
	}
	.home-curriculum .home-curriculum-inner .description p.text-row span:last-child
	{
		width: 100%;
	}
	.circle-row-container .box-circle-parent .box-circle{
		text-align: center;
		margin-bottom: 20px;
	}

	.home-footer .home-footer-inner .ftr-box
	{
		margin-bottom: 20px;
	}



	/* ************************************************* */

	.banner.PageBanner
	{
		height: 200px;
	}
	.PageBanner .bannerText
	{
		max-width: 100%;
		margin:0 auto;
		padding-left: 5%;
		padding-right: 5%;
	}
	.bannerText .breadCrumbs ul
	{
		display: table;
		margin: auto;
	}
	.descriptionArea .descImage
	{
		width: 100%;
		margin-left: 0;
		position: static;
		float: none;
		padding: 0px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.descriptionArea .descImage img
	 {
		display: table;
		margin:auto;
	 }
	.heading-home h3
	{
		margin-bottom: 10px;
	}
	.breadCrumbArea h4.crumbHeading
	{
		text-align: center;
	}

	.breadCrumbArea .myCustomBreadCrumb
	{
		display: table;
		margin:auto;
	}

	.descriptionArea.list-item ul
	{
		margin-bottom: 10px;
	}
	.descriptionArea.list-item ul li
	{
		font-size: 16px;
	}
	.descriptionArea p
	{
		font-size: 16px;
	}
	.accolades-container .accolades-box .heads .name
	{
		color: var(--color1)
	}
	.PageBanner .bannerText .title
	{
		font-family: var(--dosis5);
		font-size: 24px;
	}
	.heading-home h3
	{
		font-size: 35px;
	}
	.myform
	{
		margin-top: 20px;
	}
	.btn1,.btn2
	{
		margin-top: .5rem;
	}
	.myform
	{
		margin-bottom: 20px;
	}
	.myform form .capacha-div
	{
		margin-top: 0px;
		text-align: center;
	}
	.myform.jobApply .form-group
	{
		margin-bottom: 1.5em;
	}
	#jobs-opening ul li
	{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.accolades-container .accolades-box
	{
		margin: 5px 0 25px;
	}
	.gallery-481-576
	{
		width: 50%;
	}
   .captcha_div
   {
   		margin-top: 0px;
   }
   .myform form .capacha-div
   {
	   	text-align: left;
   }
   #carouselExampleIndicators .ticker
   {
   		position: static;
   }

   .mysidebars
   {
   		max-width: 400px;
   		margin: 0 auto;
   }

   .logo a.logo-image
   {
	   	width: 70% !important;
		display: inline-block;
   }
   .myform
   {
   		padding:20px 0;
   }

		 
}

@media screen and (min-width:768px) and (max-width:992px)
{
	nav.navigations .logo
	{
		text-align: center;
		width: 100%;
	}
	nav.navigations .logo a.logo-image
	{
		display: block;
		width: 350px;
		margin: 0 auto;
	}

	nav.navigations .mynavbars ul.main-ul li.main-li a
	{
		padding: 10px 11px;
	}
	section.purpose-of-education .purpose-of-education
	{
		text-align: center;
	}
	section.purpose-of-education .purpose-of-education img
	{
		max-width: 60%;
	}
	.circle-row-container .box-circle-parent .box-circle
	{
		text-align: center;
		margin-bottom: 30px;
	}
	.home-footer-inner .ftr-box
	{
		margin-bottom: 20px;
	}

	.topbar .top-links ul li
	{
		margin: 0 7px;
	}
	#carouselExampleIndicators .ticker
	{
		position: static;
	}
	.events-gallery ul li
	{
		width: 50%;
		height: 110px;
	}

	.descriptionArea .descImage{
		width: 330px;
	}
	.clearfix
	{
		height: 0;
	}

	.banner.PageBanner
	{
		height: 250px;
	}
	.PageBanner .bannerText
	{
		max-width: 100%;
		margin:0 auto;
		padding-left: 5%;
		padding-right: 5%;
	}
	.bannerText .breadCrumbs ul
	{
		display: table;
		margin: auto;
	}
	.mysidebars
	{
		max-width: 450px;
		margin: 0 auto;
	}
	.heading-home h3
	{
		margin-bottom: 0;
	}

}	

@media screen and (min-width:993px) and (max-width:1140px)
{
  
}

/*
***********************************
Simillar
***********************************
*/

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

/*
***********************************
Navigation
***********************************
*/

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

   .logo a.logo-image
   {
   		width: 90%;
   		display: inline-block;
   }
   .logo
   {
   		position: relative;
   }
   .logo .toggle-button
   {
 	  	position: absolute;
		display: block;
		top: 12px;
		right: -3px;
		width: 25px;
		height: auto;
		cursor: pointer;
   }

   nav.navigations .mynavbars
   {
   		margin:10px 0;
   		display: none;
   }

   nav.navigations .mynavbars ul.main-ul
   {
	   	float: none;
	   	background-color: var(--white);
   }
   nav.navigations .mynavbars ul.main-ul li.main-li
   {
	   	float: none;
   }
   nav.navigations .mynavbars ul.main-ul li.main-li a
   {
	   	font-size: 14px;
	   	line-height: 21px;
	   	padding: 7px 15px;
	   	border-bottom: 1px dotted #ccc;
   }
   nav.navigations .mynavbars ul.main-ul li.main-li.active a
   {
   		color: var(--white);
   }
   nav.navigations .mynavbars ul.main-ul li.main-li a span
   {
   		height: 100%;
   		opacity: 0;
   		visibility: hidden;
   }
    nav.navigations .mynavbars ul.main-ul li.main-li:hover a span,
    nav.navigations .mynavbars ul.main-ul li.main-li.active a span
    {
		opacity: 1;
		visibility: visible;
    }

}
