/*For Mobile*/
@media only screen and (max-width:760px) {
img {max-width:100%; height:auto;}
	
/* 	-----------------------------------------------------
	-------------------- Header Styles ------------------
	----------------------------------------------------- */
	.header-section {position:inherit; top:auto; left:auto; background-color:#000000;}
	.header-section .logo {float:none; text-align:center;}		
	.share {float:none; margin:15px 0; text-align:center;}
	.share ul li {padding:0 10px;}	
	.menu {float:none; margin-top:0;}
	
	#nav-trigger {display:block; height:50px; background:#ff9933;}
	nav#nav-main ul {display:none;}
	nav#nav-mobile {display:block; z-index:99999; width:100%;}
			
	.sticky {position:inherit !important; top:auto;}
	.sticky + .content-section {padding-top:0px;}


/* 	-----------------------------------------------------
	-------------------- Banner Styles ------------------
	----------------------------------------------------- */
	.banner-section {min-height:inherit;}
	.banner-section .item {min-height:300px !important;}
	.banner-section .item section {min-height:300px; width:50%; padding:15px;}
	.banner-section h1 {font-size:20px; max-width:100%;}
	.banner-section h1 strong {font-size:30px;}
	.banner-section p {font-size:13px; max-width:100%;}
	.banner-section .btn-book a {margin:10px 0; font-size:10px;}
	.owl-carousel .owl-dots {zoom:1; position:absolute; top:auto !important; bottom:10px !important; right:auto !important; left:0px !important; width:100% !important; text-align:center;}

	
/* 	-----------------------------------------------------
	------------------- Content Styles ------------------
	----------------------------------------------------- */
	.content-section {min-height:inherit;}
	.content-section h1 {font-size:28px;}
	.content-section h2 {font-size:24px;}
	.content-section h3 {font-size:22px;}
	.content-section h4 {font-size:20px;}
	.content-section h5 {font-size:18px;}
	.content-section h6 {font-size:16px;}
	.content-section p {font-size:14px; line-height:1.6;}
	.content-section ul li {font-size:14px;}
	.content-section ol li {font-size:14px;}
	.content-section hr {margin:0 auto 15px auto;}
	
	.book-section {padding:15px 0;}
	
	.feed-section ul {margin:0 auto; max-width:420px;}
	.feed-section ul li {margin:0; padding:0; float:left; width:50%;}
	
	.services-section {padding:15px 0;}
	.services-section h6 {font-size:16px;}
	
	.join-section section {padding:15px 0;}
	.join-section h2, .join-section p {padding:0;}
	.join-section h2 strong {font-size:24px; display:inline-block;}
	.join-section .m-5 {margin:0 !important;}
	.join-section img {width:50px; height:auto;}
	.join-section #toggler {bottom:15px; left:15px; z-index:99; width:30px; height:30px; font-size:14px; line-height:30px;}
	
	.customers-section {padding:15px 0;}
	
	.semester-section {padding:15px 0;}
	.semester-section [class*="col-"] {padding:8px 15px;}

		
/* 	-----------------------------------------------------
	-------------------- Footer Styles ------------------
	----------------------------------------------------- */
	.footer-section {padding:15px 0; text-align:center;}
	.footer-section ul.links li {margin:5px; display:inline;}
	.footer-section ul.links li a {display:inline-block;}
	.footer-section ul.socials li {padding:0 12px;}

}
/*For Midium Mobile*/
@media only screen and (min-width:480px) and (max-width:760px){
	.banner-section h1 {font-size:26px; max-width:100%;}
	.banner-section h1 strong {font-size:40px;}
	.banner-section p {font-size:14px; max-width:100%;}
	.banner-section .btn-book a {margin:10px 0; font-size:12px;}
}
/*For Tablet*/
@media only screen and (min-width:761px) and (max-width:1023px) {
img {max-width:100%; height:auto;}

/* 	-----------------------------------------------------
	-------------------- Header Styles ------------------
	----------------------------------------------------- */



/* 	-----------------------------------------------------
	-------------------- Banner Styles ------------------
	----------------------------------------------------- */
	.banner-section .item section {width:440px;}

	
/* 	-----------------------------------------------------
	------------------- Content Styles ------------------
	----------------------------------------------------- */
	.join-section section {padding:50px 0;}
	.join-section h2 strong {font-size:36px; display:inline-block;}
	.join-section .m-5 {margin:0 !important;}
	
	
/* 	-----------------------------------------------------
	-------------------- Footer Styles ------------------
	----------------------------------------------------- */
	.footer-section ul.socials li {padding:0 10px 0 0;}
	
}
@media only screen and (min-width:1024px) and (max-width:1100px) {
	.join-section section {padding:50px 0;}
}