/* max width 480px  */

.topbar header .logo .toggle-small-device
{
	display: none;
}

@media screen and (max-width: 480px)
{
	.topbar
	{
		height: auto;
	}
	.topbar header .logo
	{
		position: static;
		margin-bottom: 2px;
		border-radius: 0 0 30px 30px;
	}

	.topbar .home-slider
	{
		position: static;
	}

	.topbar nav.navigation
	{
		position: static;
		display: none;
	}

	.topbar nav.navigation ul.navbars
	{
		width: 100%;
		height: 100%;
	}

	.topbar nav.navigation ul.navbars li.main-li
	{
		float: none;
		border-bottom: 1px solid #117a42;
	}

	.topbar nav.navigation ul.navbars li.main-li:nth-child(1)
	{
		border-top: 1px solid #117a42;
	}

	.topbar nav.navigation ul.navbars li a
	{
		border-right: none;
	}

	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1
	{
		min-width: 100%;
		display: none;
		position:static;
		padding: 5px;
		background-color: var(--secondary-color);
	}

	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1 li
	{
		padding:0;	
	}
	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1 li a
	{
		color: #000;
		padding:5px;
	}

	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1 li:hover a
	{
		background-color: var(--primary2-color);
		color: #fff;
	}

	.topbar header .logo
	{
		background-color: rgba(3,97,47,1);
		position: relative;
		border-top: 1px solid #035128;
	}

	.topbar header .logo .toggle-small-device
	{
		position: absolute;
		display: inline-block;
		cursor: pointer;
		width: 30px;
		height: auto;
		padding: 5px;
		right: 10px;
		top: 10px;
		text-align: center;
		padding-top: 5px;
	}

	.topbar header .logo .toggle-small-device .fa
	{
		font-size: 2em;
		color: #fff;
	}

	.topbar header .right-side-area-top .topside
	{
		background-color: rgba(3,97,47,1);
	}

	.topbar header .right-side-area-top
	{
		border-bottom: 1px solid #117a42;
	}

	.heading1 h3 span.text:before,
	.heading1 h3 span.text:after {
		display: none;
	}
	.heading1 h3 span.border1,
	.heading1 h3 span.border2
	{
		display: none;
	}

	.heading1 h3 span.text
	{
		display: block;
		font-size: 22px;
		border-bottom:3px solid var(--primary2-color);
	}

	.message-home .desc.text-center
	{
		text-align: justify !important;
	}

	.news-calendar .news
	{
		padding:15px 0;
	}

	.notice-board ul li
	{
		padding: 0 !important;
	}

	.notice-board ul li .news-section .icon
	{
		width: 60px;
		height: 60px;
	}

	.notice-board ul li .news-section .desc-area
	{
		padding-bottom: 30px;
		margin-bottom: 5px;
	}

	.notice-board ul li .news-section .icon .date-area .date
	{
		font-size: 30px;
	}

	.notice-board ul li .news-section .icon .date-area .day
	{
		font-size: 14px;
	}

	.notice-board ul li .news-section .desc-area
	{
		width: 79%;
	}

	section.latest-event .owl-carousel .event-parent .image-area a.overlay
	{
		color: #fff;
	}

	footer .ftr_heading
	{
		margin-bottom: 10px;
	}

	.topbar.home-banner
	{
		background-image: none !important;
		height: auto !important;
	}

	.home-banner.banner .page-heading-box
	{
		right: 0px !important;
		bottom: 0px !important;
		width: 100% !important;
		text-align: center;
	}

	.sidebar-parent
	{
		margin-bottom: 20px;
	}

	.topbar header .logo a .logo-area
	{
		text-align: justify;
	}

	.topbar header .logo a .logo-area > img
	{
		width: 70px;
		float: left;
		margin-right: 5px;
	}

	.topbar header .logo a .logo-area .school-name
	{
		font-size: 24px;
	}

	.topbar header .logo a .logo-area .school-name.mb-5
	{
		margin-top: 7px;
	}

	.section.innerpage-content .heading1
	{
		display: none;
	}

	.admission.form-contact
	{
		margin-bottom: 15px;
	}

	.input-area
	{
		margin-bottom: 10px !important;
	}

	.address-box .address-row .detail
	{
		width: 82%;
	}

	.address-box
	{
		padding:10px 2px;
	}

	.p-reduce
	{
		padding-right: 15px;
		padding-left: 15px;
	}
}






@media screen and (min-width: 481px) and (max-width: 767px)
{
	.topbar
	{
		height: auto;
	}
	.topbar header .logo
	{
		position: static;
		margin-bottom: 2px;
		border-radius: 0 0 30px 30px;
	}

	.topbar .home-slider
	{
		position: static;
	}

	.topbar nav.navigation
	{
		position: static;
		display: none;
	}

	.topbar nav.navigation ul.navbars
	{
		width: 100%;
		height: 100%;
	}

	.topbar nav.navigation ul.navbars li.main-li
	{
		float: none;
		border-bottom: 1px solid #117a42;
	}

	.topbar nav.navigation ul.navbars li.main-li:nth-child(1)
	{
		border-top: 1px solid #117a42;
	}

	.topbar nav.navigation ul.navbars li a
	{
		border-right: none;
	}

	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1
	{
		min-width: 100%;
		display: none;
		position:static;
		padding: 5px;
		background-color: var(--secondary-color);
	}

	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1 li
	{
		padding:0;	
	}
	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1 li a
	{
		color: #000;
		padding:5px;
	}

	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1 li:hover a
	{
		background-color: var(--primary2-color);
		color: #fff;
	}

	.topbar header .logo
	{
		background-color: rgba(3,97,47,1);
		position: relative;
		border-top: 1px solid #035128;
	}

	.topbar header .logo .toggle-small-device
	{
		position: absolute;
		display: inline-block;
		cursor: pointer;
		width: 30px;
		height: auto;
		padding: 5px;
		right: 10px;
		top: 10px;
		text-align: center;
		padding-top: 5px;
	}

	.topbar header .logo .toggle-small-device .fa
	{
		font-size: 2em;
		color: #fff;
	}

	.topbar header .right-side-area-top .topside
	{
		background-color: rgba(3,97,47,1);
	}

	.topbar header .right-side-area-top
	{
		border-bottom: 1px solid #117a42;
	}

	.heading1 h3 span.text:before,
	.heading1 h3 span.text:after {
		display: none;
	}
	.heading1 h3 span.border1,
	.heading1 h3 span.border2
	{
		display: none;
	}

	.heading1 h3 span.text
	{
		display: block;
		font-size: 22px;
		border-bottom:3px solid var(--primary2-color);
	}

	.message-home .desc.text-center
	{
		text-align: justify !important;
	}

	.news-calendar .news
	{
		padding:15px 0;
	}

	.notice-board ul li
	{
		padding: 0 !important;
	}

	.notice-board ul li .news-section .icon
	{
		width: 60px;
		height: 60px;
	}

	.notice-board ul li .news-section .desc-area
	{
		padding-bottom: 26px;
		margin-bottom: 0;
	}

	.notice-board ul li .news-section .icon .date-area .date
	{
		font-size: 30px;
	}

	.notice-board ul li .news-section .icon .date-area .day
	{
		font-size: 14px;
	}

	.notice-board ul li .news-section .desc-area
	{
		width: 79%;
	}

	section.latest-event .owl-carousel .event-parent .image-area a.overlay
	{
		color: #fff;
	}

	footer .ftr_heading
	{
		margin-bottom: 10px;
	}

	.topbar.home-banner
	{
		background-image: none !important;
		height: auto !important;
	}

	.home-banner.banner .page-heading-box
	{
		right: 0px !important;
		bottom: 0px !important;
		width: 100% !important;
		text-align: center;
	}

	.sidebar-parent
	{
		margin-bottom: 20px;
	}

	.topbar header .logo a .logo-area
	{
		text-align: center;
	}

	.topbar header .logo a .logo-area > img
	{
		width: 70px;
		float: left;
		margin-right: 5px;
	}

	.topbar header .logo a .logo-area .school-name
	{
		font-size: 18px;
	}

	.topbar header .logo a .logo-area .school-name.mb-5
	{
		margin-top: -7px;
	}

	.section.innerpage-content .heading1
	{
		display: none;
	}

	.admission.form-contact
	{
		margin-bottom: 15px;
	}

	.input-area
	{
		margin-bottom: 10px !important;
	}

	.address-box .address-row .detail
	{
		width: 82%;
	}

	.address-box
	{
		padding:10px 2px;
	}

	.p-reduce
	{
		padding-right: 15px;
		padding-left: 15px;
	}

	footer .ftr_address_logo
	{
		text-align: center;
		margin-bottom: 10px;
	}

	.image-facilities-area .p-reduce .image-area img
	{
		width: 100%;
	}

	.right-side-img-thumbnail .image-box .image img
	{
		width: 100%;
	}


	section.latest-event .owl-carousel .event-parent .image-area img
	{
		text-align: center;
	}
}




@media screen and (min-width: 768px) and (max-width: 1024px)
{
	.topbar
	{
		height: auto;
	}
	.topbar header .logo
	{
		position: static;
		margin-bottom: 2px;
		border-radius: 0 0 30px 30px;
	}

	.topbar .home-slider
	{
		position: static;
	}

	.topbar nav.navigation
	{
		position: static;
		display: none;
	}

	.topbar nav.navigation ul.navbars
	{
		width: 100%;
		height: 100%;
	}

	.topbar nav.navigation ul.navbars li.main-li
	{
		float: none;
		border-bottom: 1px solid #117a42;
	}

	.topbar nav.navigation ul.navbars li.main-li:nth-child(1)
	{
		border-top: 1px solid #117a42;
	}

	.topbar nav.navigation ul.navbars li a
	{
		border-right: none;
	}

	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1
	{
		min-width: 100%;
		display: none;
		position:static;
		padding: 5px;
		background-color: var(--secondary-color);
	}

	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1 li
	{
		padding:0;	
	}
	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1 li a
	{
		color: #000;
		padding:5px;
	}

	.topbar nav.navigation ul.navbars li.main-li.dropdown-has ul.submenu1 li:hover a
	{
		background-color: var(--primary2-color);
		color: #fff;
	}

	.topbar header .logo
	{
		background-color: rgba(3,97,47,1);
		position: relative;
		border-top: 1px solid #035128;
	}

	.topbar header .logo .toggle-small-device
	{
		position: absolute;
		display: inline-block;
		cursor: pointer;
		width: 30px;
		height: auto;
		padding: 5px;
		right: 10px;
		top: 10px;
		text-align: center;
		padding-top: 5px;
	}

	.topbar header .logo .toggle-small-device .fa
	{
		font-size: 2em;
		color: #fff;
	}

	.topbar header .right-side-area-top .topside
	{
		background-color: rgba(3,97,47,1);
	}

	.topbar header .right-side-area-top
	{
		border-bottom: 1px solid #117a42;
	}

	.heading1 h3 span.text:before,
	.heading1 h3 span.text:after {
		display: none;
	}
	.heading1 h3 span.border1,
	.heading1 h3 span.border2
	{
		display: none;
	}

	.heading1 h3 span.text
	{
		display: block;
		font-size: 22px;
		border-bottom:3px solid var(--primary2-color);
	}

	.message-home .desc.text-center
	{
		text-align: justify !important;
	}

	.news-calendar .news
	{
		padding:15px 0;
	}

	.notice-board ul li
	{
		padding: 0 !important;
	}

	.notice-board ul li .news-section .icon
	{
		width: 60px;
		height: 60px;
	}

	.notice-board ul li .news-section .desc-area
	{
		padding-bottom: 26px;
		margin-bottom: 0;
	}

	.notice-board ul li .news-section .icon .date-area .date
	{
		font-size: 30px;
	}

	.notice-board ul li .news-section .icon .date-area .day
	{
		font-size: 14px;
	}

	.notice-board ul li .news-section .desc-area
	{
		width: 79%;
	}

	section.latest-event .owl-carousel .event-parent .image-area a.overlay
	{
		color: #fff;
	}

	footer .ftr_heading
	{
		margin-bottom: 10px;
	}

	.topbar.home-banner
	{
		background-image: none !important;
		height: auto !important;
	}

	.home-banner.banner .page-heading-box
	{
		right: 0px !important;
		bottom: 0px !important;
		width: 100% !important;
		text-align: center;
	}

	.sidebar-parent
	{
		margin-bottom: 20px;
	}

	.topbar header .logo a .logo-area
	{
		text-align: center;
	}

	.topbar header .logo a .logo-area > img
	{
		width: 70px;
		float: left;
		margin-right: 5px;
	}

	.topbar header .logo a .logo-area .school-name
	{
		font-size: 30px;
	}

	.topbar header .logo a .logo-area .school-name.mb-5
	{
		margin-top: 7px;
	}

	.section.innerpage-content .heading1
	{
		display: none;
	}

	.admission.form-contact
	{
		margin-bottom: 15px;
	}

	.input-area
	{
		margin-bottom: 10px !important;
	}

	.address-box .address-row .detail
	{
		width: 82%;
	}

	.address-box
	{
		padding:10px 2px;
	}

	.p-reduce
	{
		padding-right: 15px;
		padding-left: 15px;
	}

	footer .ftr_address_logo
	{
		text-align: center;
		margin-bottom: 10px;
	}

	.image-facilities-area .p-reduce .image-area img
	{
		width: 100%;
	}

	.right-side-img-thumbnail .image-box .image img
	{
		width: 100%;
	}

	.right-side-img-thumbnail .image-box
	{
		width: calc(100% / 2);
		float: left;
		padding:0 5px;
	}

}