@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 1920px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


/*----------------- Inner Pages -----------------*/


}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1680px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

/*----------------- Inner Pages -----------------*/


}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }




/*----------------- Inner Pages -----------------*/


}

/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1365px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }



/*----------------- Inner Pages -----------------*/


}


/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

:root 										{ --container-width: 960px; }
.container									{ max-width: 960px; }

#header .logo 								{ width: 100px; margin-bottom: -60px; }
#mainNav									{ }
#mainNav ul.menu li 						{ margin: 0 8px; }
#mainNav ul.menu li a 						{ font-size: 16px; }
#mainNav ul.menu li a:hover, 
#mainNav ul.menu > li:hover > a, 
#mainNav ul.menu > li.current-menu-item > a, 
#mainNav ul.menu > li.current-menu-parent > a { font-size: 16px; }
.phone										{ font-size: 20px; line-height: 20px; }
.phone a 									{ font-size: 20px; line-height: 20px; }

#slider .caption h1 						{ margin: 0 0 20px 0; font-size: 30px; line-height: 40px; }
#slider .caption h2 						{ font-size: 20px; line-height: 30px; }
#slider .caption .learn-btn 				{ padding: 10px 30px; font-size: 16px; }
#slider .home-slider.owl-theme .owl-dots	{ display:none; }

#aboutSec 									{ padding-top: 50px; padding-bottom: 50px; }
#aboutSec .image 							{ margin-bottom: 20px; }
#aboutSec .image:before 					{ left: 5px; top: -12px; background-size: 30%; }
#aboutSec .content h2 						{ font-size: 35px; line-height: 45px; }
#aboutSec .content .readmoreBtn 			{ padding: 8px 25px; font-size: 16px; }

#activitySec 								{ padding-top: 50px; padding-bottom: 50px; }
#activitySec h2								{ font-size: 35px; line-height: 45px; }
#activitySec > p 							{ width: 80%; margin: auto; font-size: 18px; line-height: 28px; }

#activitySec .btmBtn 						{ margin-top: 20px; }
#activitySec .btmBtn .viewallBtn 			{ padding: 8px 25px; font-size: 16px; }
#activitySec .content .info p 				{ margin: 0 auto; font-size: 16px; line-height: 26px; min-height: auto; }
#activitySec .content .item .info 			{ padding: 20px 10px 50px 10px; }
#activitySec .content .info .reamoreLink 	{ bottom: -30px; width: 60px; height: 60px; line-height: 60px; }

#latestNews 								{ padding-top: 50px; padding-bottom: 50px; }
#latestNews h2								{ margin: 0 0 25px 0; font-size: 35px; line-height: 45px; }
#latestNews .newsItem						{ margin: 0 0 40px 0; }
#latestNews .newsItem img 					{ margin: 0 0 15px 0; }
#latestNews .newsItem h3 					{ margin: 0 0 15px 0; font-size: 20px; line-height: 30px; }
#latestNews .newsItem p 					{ margin: 0 0 15px 0; font-size: 16px; line-height: 26px; }
#latestNews .newsItem .readmore 			{ padding: 8px 30px; font-size: 16px; }
#latestNews .contentBox .item 				{ width: 100%; margin-bottom: 30px; padding-bottom: 30px; grid-gap: 15px; }
#latestNews .contentBox .item img 			{ width: 100px; }
#latestNews .contentBox .item h3 			{ margin: 0 0 10px 0; font-size: 18px; line-height: 24px; }
#latestNews .contentBox .item p 			{ margin: 0 0 15px 0; font-size: 14px; line-height: 14px; }
#latestNews .contentBox .item .readmore 	{ padding: 8px 30px; font-size: 16px; }

#meetTeamSec								{ padding-top: 50px; padding-bottom: 70px; }
#meetTeamSec h2								{ margin: 0 0 0px 0; font-size: 35px; line-height: 45px; }

#meetTeamSec .owl-theme .owl-dots 						{ margin:30px 0 20px 0; }
#meetTeamSec .owl-theme .owl-dots .owl-dot span 		{ width: 12px; height: 12px; background: rgb(0 0 0 / 30%); }
#meetTeamSec .owl-theme .owl-dots .owl-dot.active span, 
#meetTeamSec .owl-theme .owl-dots .owl-dot:hover span 	{ background: #05a0db; }

#footer .ftr-contact 						{ padding-bottom: 25px; }
#footer .ftr-contact > a 					{ font-size: 25px; line-height: 25px; }
#footer .ftr-menu ul li a 					{ font-size: 15px; }
#footer .copy-right p 						{ margin: 0 15px; font-size: 16px; line-height: 26px; }

/*----------------- Inner Pages -----------------*/
#innerBanner 								{ height: 300px; }
#innerBanner .caption h1 					{ margin: 0 0 10px 0; font-size: 50px; line-height: 60px; }

/*----------------- News Pages -----------------*/
.blog_items .whiteBox 						{ padding: 15px; }
.blog_items .whiteBox h2 					{ margin: 0 0 20px 0; font-size: 24px; line-height: 34px; min-height: 70px; }
.blog_items .whiteBox .read-more 			{ padding: 6px 20px; font-size: 16px; }

/*----------------- Program Pages -----------------*/
#programSec .content 						{ justify-content: center; }
#programSec .content .item 					{ width: 31.5%; margin-bottom: 40px; }
#programSec .content .item .info h3 		{ min-height: 52px; }
#programSec .content .info p 				{ min-height: 185px; }
#programSec .content .info .reamoreLink 	{ bottom: -30px; width: 60px; height: 60px; font-size: 30px; line-height: 60px; }

/*----------------- Contact Pages -----------------*/
.contactDetl 								{ padding-top: 80px; padding-bottom: 50px; }

.contactSec h2	 							{ font-size: 36px; line-height: 36px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

:root 										{ --container-width: 738px; }
.container									{ max-width: 738px; }

#header .logo 								{ width: 100px; margin-bottom: -60px; }
#mainNav									{ display:none; }
.phone										{ display:none; }
.mobileMenu 								{ display:inline-block; }
.mobileMenu > a								{ display: inline-block; width: 45px; height: 45px; font-size: 32px; line-height: 44px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 50px; }

#slider .caption h1 						{ margin: 0 0 20px 0; font-size: 30px; line-height: 40px; }
#slider .caption h2 						{ font-size: 20px; line-height: 30px; }
#slider .caption .learn-btn 				{ padding: 10px 30px; font-size: 16px; }
#slider .home-slider.owl-theme .owl-dots	{ display:none; }

#aboutSec 									{ padding-top: 50px; padding-bottom: 50px; }
#aboutSec .image 							{ margin-bottom: 20px; }
#aboutSec .image:before 					{ left: 5px; top: -12px; background-size: 30%; }
#aboutSec .content h2 						{ font-size: 35px; line-height: 45px; }
#aboutSec .content .readmoreBtn 			{ padding: 8px 25px; font-size: 16px; }

#activitySec 								{ padding-top: 50px; padding-bottom: 50px; }
#activitySec h2								{ font-size: 35px; line-height: 45px; }
#activitySec > p 								{ width: 80%; margin: auto; font-size: 18px; line-height: 28px; }
#activitySec .content 						{ flex-direction: column; grid-gap: 50px; }
#activitySec .content .item:nth-child(odd) 	{ width: 100%; }
#activitySec .content .item:nth-child(even)	{ width: 100%; }
#activitySec .btmBtn 						{ margin-top: 20px; }
#activitySec .btmBtn .viewallBtn 			{ padding: 8px 25px; font-size: 16px; }
#activitySec .content .info p 				{ margin: 0 auto; font-size: 16px; line-height: 26px; min-height: auto; }
#activitySec .content .item .info 			{ padding: 20px 10px 50px 10px; }
#activitySec .content .info .reamoreLink 	{ bottom: -30px; width: 60px; height: 60px; line-height: 60px; }

#latestNews 								{ padding-top: 50px; padding-bottom: 50px; }
#latestNews h2								{ margin: 0 0 25px 0; font-size: 35px; line-height: 45px; }
#latestNews .newsItem						{ margin: 0 0 40px 0; }
#latestNews .newsItem img 					{ margin: 0 0 15px 0; }
#latestNews .newsItem h3 					{ margin: 0 0 15px 0; font-size: 20px; line-height: 30px; }
#latestNews .newsItem p 					{ margin: 0 0 15px 0; font-size: 16px; line-height: 26px; }
#latestNews .newsItem .readmore 			{ padding: 8px 30px; font-size: 16px; }
#latestNews .contentBox .item 				{ width: 100%; margin-bottom: 30px; padding-bottom: 30px; grid-gap: 15px; }
#latestNews .contentBox .item img 			{ width: 100px; }
#latestNews .contentBox .item h3 			{ margin: 0 0 10px 0; font-size: 18px; line-height: 24px; }
#latestNews .contentBox .item p 			{ margin: 0 0 15px 0; font-size: 14px; line-height: 14px; }
#latestNews .contentBox .item .readmore 	{ padding: 8px 30px; font-size: 16px; }

#meetTeamSec								{ padding-top: 50px; padding-bottom: 70px; }
#meetTeamSec h2								{ margin: 0 0 0px 0; font-size: 35px; line-height: 45px; }

#meetTeamSec .owl-theme .owl-dots 						{ margin:30px 0 20px 0; }
#meetTeamSec .owl-theme .owl-dots .owl-dot span 		{ width: 12px; height: 12px; background: rgb(0 0 0 / 30%); }
#meetTeamSec .owl-theme .owl-dots .owl-dot.active span, 
#meetTeamSec .owl-theme .owl-dots .owl-dot:hover span 	{ background: #05a0db; }

#footer .ftr-contact 						{ padding-bottom: 25px; }
#footer .ftr-contact > a 					{ font-size: 25px; line-height: 25px; }
#footer .ftr-menu ul li a 					{ font-size: 15px; }
#footer .copy-right p 						{ margin: 0 15px; font-size: 16px; line-height: 26px; }
	

/*----------------- Inner Pages -----------------*/
#innerBanner 								{ height: 260px; }
#innerBanner .caption h1 					{ margin: 0 0 10px 0; font-size: 50px; line-height: 60px; }


/*----------------- News Pages -----------------*/
.blog_items .whiteBox 						{ padding: 15px; margin: -80px auto 0px auto; }
.blog_items .whiteBox h2 					{ margin: 0 0 20px 0; font-size: 22px; line-height: 30px; min-height: 90px; }
.blog_items .whiteBox .read-more 			{ padding: 6px 20px; font-size: 16px; }

/*----------------- Program Pages -----------------*/
#programSec .content .item 					{ width: 31%; margin-bottom: 40px; }
#programSec .content .item .info h3 		{ min-height: 52px; }
#programSec .content .info p 				{ min-height: 185px; }
#programSec .content .info .reamoreLink 	{ bottom: -30px; width: 60px; height: 60px; font-size: 30px; line-height: 60px; }

/*----------------- Contact Pages -----------------*/
.contactDetl 								{ padding-top: 70px; padding-bottom: 40px; }
.contactDetl .contact-item 					{ padding: 50px 15px 15px 15px; border-radius: 20px; }
.contactDetl .contact-item .icon 			{ width: 65px; height: 65px; padding: 18px 0; font-size: 22px; }
.contactDetl .contact-item .info h4 		{ margin: 0 0 15px 0; font-size: 22px; line-height: 26px; }
.contactDetl .contact-item .info p 			{ font-size: 16px; line-height: 26px; }
.contactDetl .contact-item .info a			{ font-size: 16px; line-height: 26px; }
.contactSec h2	 							{ font-size: 30px; line-height: 30px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

:root 										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

#header .logo 								{ width: 100px; margin-bottom: -60px; }
#mainNav									{ display:none; }
.phone										{ display:none; }
.mobileMenu 								{ display:inline-block; }
.mobileMenu > a								{ display: inline-block; width: 45px; height: 45px; font-size: 32px; line-height: 44px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 50px; }

.home-slider .item img 						{ width: 180%; }

#slider .caption h1 						{ margin: 0 0 20px 0; font-size: 30px; line-height: 40px; }
#slider .caption h2 						{ font-size: 20px; line-height: 30px; }
#slider .caption .learn-btn 				{ padding: 10px 30px; font-size: 16px; }

#aboutSec 									{ padding-top: 50px; padding-bottom: 50px; }
#aboutSec .image 							{ margin-bottom: 20px; }
#aboutSec .image:before 					{ left: 5px; top: -12px; background-size: 30%; }
#aboutSec .content h2 						{ font-size: 35px; line-height: 45px; }
#aboutSec .content .readmoreBtn 			{ padding: 8px 25px; font-size: 16px; }

#activitySec 								{ padding-top: 50px; padding-bottom: 50px; }
#activitySec h2								{ font-size: 35px; line-height: 45px; }
#activitySec p 								{ font-size: 18px; line-height: 28px; }
#activitySec .content 						{ flex-direction: column; grid-gap: 50px; }
#activitySec .content .item:nth-child(odd) 	{ width: 100%; }
#activitySec .content .item:nth-child(even)	{ width: 100%; }
#activitySec .btmBtn 						{ margin-top: 20px; }
#activitySec .btmBtn .viewallBtn 			{ padding: 8px 25px; font-size: 16px; }
#activitySec .content .item .info 			{ padding: 20px 10px 50px 10px; }
#activitySec .content .info .reamoreLink 	{ bottom: -30px; width: 60px; height: 60px; line-height: 60px; }

#latestNews 								{ padding-top: 50px; padding-bottom: 50px; }
#latestNews h2								{ margin: 0 0 25px 0; font-size: 35px; line-height: 45px; }
#latestNews .newsItem						{ margin: 0 0 40px 0; }
#latestNews .newsItem img 					{ margin: 0 0 15px 0; }
#latestNews .newsItem h3 					{ margin: 0 0 15px 0; font-size: 20px; line-height: 30px; }
#latestNews .newsItem p 					{ margin: 0 0 15px 0; font-size: 16px; line-height: 26px; }
#latestNews .newsItem .readmore 			{ padding: 8px 30px; font-size: 16px; }
#latestNews .contentBox .item 				{ width: 100%; margin-bottom: 30px; padding-bottom: 30px; grid-gap: 15px; }
#latestNews .contentBox .item img 			{ width: 100px; }
#latestNews .contentBox .item h3 			{ margin: 0 0 10px 0; font-size: 18px; line-height: 24px; }
#latestNews .contentBox .item p 			{ margin: 0 0 15px 0; font-size: 14px; line-height: 14px; }
#latestNews .contentBox .item .readmore 	{ padding: 8px 30px; font-size: 16px; }

#meetTeamSec								{ padding-top: 50px; padding-bottom: 70px; }
#meetTeamSec h2								{ margin: 0 0 0px 0; font-size: 35px; line-height: 45px; }

#meetTeamSec .owl-theme .owl-dots 						{ margin:30px 0 20px 0; }
#meetTeamSec .owl-theme .owl-dots .owl-dot span 		{ width: 12px; height: 12px; background: rgb(0 0 0 / 30%); }
#meetTeamSec .owl-theme .owl-dots .owl-dot.active span, 
#meetTeamSec .owl-theme .owl-dots .owl-dot:hover span 	{ background: #05a0db; }

#footer .ftr-contact 						{ padding-bottom: 25px; }
#footer .ftr-contact > a 					{ font-size: 25px; line-height: 25px; }
#footer .ftr-menu ul li a 					{ font-size: 15px; }
#footer .copy-right p 						{ margin: 0 15px; font-size: 16px; line-height: 26px; }

/*----------------- Inner Pages -----------------*/
#innerBanner 								{ height: 250px; }
#innerBanner .caption h1 					{ margin: 0 0 10px 0; font-size: 40px; line-height: 50px; }


/*----------------- News Pages -----------------*/
.blog_items .whiteBox 						{ padding: 15px; margin: -60px auto 0px auto; }
.blog_items .whiteBox h2 					{ margin: 0 0 20px 0; font-size: 20px; line-height: 28px; min-height: auto; }
.blog_items .whiteBox .read-more 			{ padding: 6px 20px; font-size: 16px; }

/*----------------- Program Pages -----------------*/
#programSec 								{ padding-top: 40px; padding-bottom: 40px; }
#programSec .content 						{ width: 100%; display: flex; align-items: center; flex-direction: column; flex-wrap: inherit; }
#programSec .content .item 					{ width: 100%; margin-bottom: 40px; }
#programSec .content .info p 				{ min-height: auto; }
#programSec .content .info .reamoreLink 	{ bottom: -30px; width: 60px; height: 60px; font-size: 30px; line-height: 60px; }

/*----------------- Team Page -----------------*/
#teamSec 								{ padding-top: 40px; padding-bottom: 40px; }
#teamSec .content 						{ width: 100%; display: flex; align-items: center; flex-direction: column; flex-wrap: inherit; }
#teamSec .content .item 					{ width: 100%; /*margin-bottom: 40px;*/ }
#teamSec .content .info p 				{ min-height: auto; }
#teamSec .content .info .reamoreLink 	{ bottom: -30px; width: 60px; height: 60px; font-size: 30px; line-height: 60px; }

/*----------------- Contact Pages -----------------*/
.contactDetl 								{ padding-top: 70px; padding-bottom: 40px; }
.contactDetl .col-xs-12						{ margin-bottom: 55px; }
.contactDetl .col-xs-12:last-child			{ margin-bottom: 0px; }
.contactDetl .contact-item 					{ padding: 50px 15px 15px 15px; border-radius: 20px; }
.contactDetl .contact-item .icon 			{ width: 65px; height: 65px; padding: 18px 0; font-size: 22px; }
.contactDetl .contact-item .info h4 		{ margin: 0 0 15px 0; font-size: 22px; line-height: 26px; }
.contactDetl .contact-item .info p 			{ font-size: 16px; line-height: 26px; }
.contactDetl .contact-item .info a			{ font-size: 16px; line-height: 26px; }
.contactSec h2	 							{ font-size: 32px; line-height: 32px; }

.contactSec .contactForm 					{ width: 100%; margin: 0 auto 40px auto; }
.contactForm .form-group .send-btn 			{ padding: 10px 20px; font-size: 16px; }
}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root 										{ --container-width: 100%; }
.container									{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }

.home-slider .item img 						{ width: 120%; }

/*----------------- Inner Pages -----------------*/
.contactDetl .col-xs-12						{ margin-bottom: 0px; }

}