/*		Mobile Layout:320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/
@media only screen and (max-width:767px) {
	/*
	h1 { font-size: 36px}
	h2 { font-size: 40px}
	h3 { font-size: 24px; }
	h4 { font-size: 24px; line-height: 1;}
	.customBtn { font-size: 12px; width: 130px; height: 32px; border-radius: 16px; padding-top: 5px; padding-bottom: 5px;}

	.logo { top: 0; max-width: 80px;}
	.top-container { display: none;}
	.others-view { float: left; width: 78%;}
	.top-social span { display: none;}
	.navbar-toggle { background: #00aeef; border: none;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none;}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left: 0; margin-right: 0;}
	.navbar-collapse { position: absolute; left: 0; top: 48px; width: 100%; background: #2e3192; text-align: right;}
	.top-nav .dropdown-menu { position: relative; width: 100%; text-align: right;}

	.home-slide .slide-img1 { background:url(../img/slide1.jpg) no-repeat center; }
	.home-slide .slide-img2 { background:url(../img/slide2.jpg) no-repeat center; }
	.home-slide .slide-img3 { background:url(../img/slide3.jpg) no-repeat center; }
	.home-slide .slide-img1,
	.home-slide .slide-img2,
	.home-slide .slide-img3 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 200px;}

	.home-slide .slide-img1 img,
	.home-slide .slide-img2 img,
	.home-slide .slide-img3 img { display: none;}

	.home-slide .slide-caption { padding: 0 15px; }
	.home-slide .slide-caption h1 { font-size: 20px}
	.home-slide .slide-caption h2 { font-size: 24px; margin-bottom: 5px;}
	.home-slide .slide-caption p { font-size: 14px; line-height: 1.2; display: none;}
	.home-slide .slide-caption .customBtn { margin-top: 10px;}
	.home-slide .slide-caption .wrap { margin-top: 15%;}
	.home-slide .flex-control-nav { bottom: 10px; left: 15px; margin-left: 0;}

	.internship-section,
	.welcome-container,
	.news-section { padding-left: 15px; padding-right: 15px;}
	.welcome-container { padding-top: 30px; padding-bottom: 30px; }
	.courses-section,
	.news-section,
	.gallery-content { padding-top: 40px; padding-bottom: 40px;}
	.internship-content .info { width: 80%;}
	.internship-content .info h6 { font-size: 1.2em; line-height: 1.2;}
	.welcome-content { font-size: 1.4em;}
	.courses-content { padding: 20px 15px; min-height: 100px;}
	.courses-content .info h6 { font-size: 1em;}
	.tab-container { padding: 20px 15px;}
	#exTab1 .tab-content h5 { font-size: 1.4em;}
	.messages-text { font-size: 1.2em;}
	.tab-container2 { padding-bottom: 50px;}

	.gallery-content h3 { width: 100%; clear: both;}
	.gallery-thumb { width: 33.33%;}
	.gallery-content > .row { margin: 0;}
	.footer-content { padding: 30px 15px;}
	.footer-content .col-xs-12 { padding-top: 15px; padding-bottom: 15px;}
	.copyright-info { margin: 0;}

	.common-container { padding-top: 40px; padding-bottom: 40px; }
	.contact-content { padding-bottom: 30px; }
	*/
}

@media only screen and (max-width:480px) {
	/*
	.gallery-thumb { width: 50%;}
	.gallery-thumb .overlay strong, .gallery-thumb .overlay a { font-size: 12px; line-height: 16px;}
	*/
}

/*		Tablet/iPad Layout
-----------------------------------------------------------------
*/
@media only screen and (min-width:768px) and (max-width:1170px) {
	/*
	.logo { max-width: 120px;}
	.top-nav .navbar-right > li { margin-left: 5px; margin-right: 10px; }
	.top-nav .navbar-right > li > a { font-size: 12px;}

	.home-slide .slide-caption { padding: 0 15px; }
	.home-slide .slide-caption h1 { font-size: 30px}
	.home-slide .slide-caption h2 { font-size: 36px; margin-bottom: 5px;}
	.home-slide .slide-caption p { font-size: 14px; line-height: 1.2;}
	.home-slide .slide-caption .customBtn { margin-top: 10px;}
	.home-slide .slide-caption .wrap { margin-top: 6%;}
	.home-slide .flex-control-nav { bottom: 10px; left: 15px; margin-left: 0;}

	.internship-content .info { width: 78%;}
	.internship-content .info h6 { font-size: 1em; line-height: 1.2;}
	.welcome-content { font-size: 1.4em;}
	.courses-content { min-height: 230px; }
	.courses-content .info h6 { font-size: 1em; line-height: 1.2;}
	.messages-text { font-size: 1.2em;}
	.gallery-thumb .overlay strong, .gallery-thumb .overlay a { font-size: 14px; line-height: 16px;}
	.gallery-thumb .overlay a { font-size: 12px;}
	*/

}
@media only screen and (max-width:991px) {
	/*.footer-content .col-sm-4:first-child { display: none;}*/
}