/* ::. In The name oF ALLAH The Most beneficient oF The Most Mericful .:: */

/*header .logo {height:50px;float:none;display: block;margin:20px auto 10px;}
header .logo-name {font-size:18px;line-height:50px;text-align: center;float: none;display: block;margin: 0;}
header .header-right {display: none;}	
header.sticky {height:auto; background: none;}
header.sticky .col-xs-12 {min-height: 0px;}
header.sticky .logo { display: none;}
header.sticky .logo-name {font-size:14px;line-height:40px; position: absolute; left: 10px;}
header.sticky .nav-bars {top: 7px;right: -5px;font-size: 20px;}*/
@media (min-width:480px) {
	.product {
		width: 60%;
		display: block;
		margin-left: 20%;
	}
}

@media (min-width: 768px) {
	.breadcrumb-panel {
		height: 100px;
	}

	.breadcrumb-panel h1 {
		font-size: 24px;
		text-align: left;
		line-height: 70px;
		text-transform: uppercase;
	}

	.breadcrumb-panel .btn_back {
		width: 100px;
		float: right;
		margin: 30px 0;
	}

	.product {
		width: 100%;
		display: block;
		margin-left: 0%;
	}

	.pro-img {
		height: 150px;
	}

	.event-thumb {
		height: 180px;
	}

	.event-thumb {
		height: 300px;
	}

	.director-img {
		width: 100%;
	}

	.director-desc {
		text-align: left;
	}

	.faculty .faculty-thumnail {
		height: 218px;
	}

	.principle {
		text-align: left;
	}

	.principle .pr-thumb {
		float: left;
		margin: 0px 15px 0px 0px;
	}

	.events-image-thumbnail {
		width: 235px;
		height: 170px;
	}

}

@media (min-width: 992px) {
	.content-title h2 {
		display: initial;
		font-family: 'PT Sans', sans-serif;
		font-size: 22px;
		font-weight: 400;
		line-height: 49px;
		margin: 0 0 -3px 0;
		padding: 0 0 10px 0;
		border-bottom: 3px solid #AB9031;
		text-transform: capitalize;
	}

	header .logo {
		height: 70px;
		float: left;
		margin: 20px 15px 0 0;
		transition: 0.5s;
	}

	header .logo-name {
		font-size: 24px;
		line-height: 100px;
		text-align: left;
		border: none;
		transition: 0.5s;
	}

	header .header-right {
		float: right;
		display: block;
		padding-top: 10px;
	}

	header i {
		font-size: 16px;
		margin-right: 5px;
	}

	header a {
		color: #333;
	}

	header p {
		font-size: 14px;
		line-height: 18px;
		text-align: right;
	}

	.pkflag {
		height: 50px;
		float: right;
		transition: 0.5s;
	}

	.social-icon {
		float: right;
		margin-top: 0px;
	}

	.social-icon i {
		font-size: 26px;
		line-height: 40px;
		float: left;
		margin: 0 5px;
	}

	header .nav ul li a {
		padding: 0 20px;
		margin: 0px 0px;
	}

	/* Header Sticky Fixed */
	header.sticky {
		background: #f8f8f8;
	}

	header.sticky .logo {
		display: block;
		height: 30px;
		margin: 5px 0;
	}

	header.sticky .logo-name {
		display: block;
		position: relative;
		font-size: 18px;
		line-height: 40px;
	}

	header.sticky .pkflag{
		margin-top: -100%;
	}

	header.sticky p {
		display: none;
		margin-top: -100%;
	}

	header.sticky .social-icon {
		margin-top: 0;
	}

	header.sticky .social-icon i {
		font-size: 24px;
		line-height: 20px;
	}

	header.sticky .nav ul li a {
		line-height: 40px;
		font-size: 13px;
		padding: 0 22px;
		margin: 0px 0px;
	}


	.breadcrumb-panel h1 {
		font-size: 30px;
		text-align: left;
		line-height: 70px;
		text-transform: uppercase;
	}

	.breadcrumb-panel .btn_back {
		width: 120px;
		float: right;
		margin: 25px 0;
		line-height: 40px;
	}

	.event-thumb {
		height: 300px;
	}

	.director-img {
		width: 100%;
	}

	.director-desc {
		text-align: left;
	}

	.events-image-thumbnail {
		width: 230px;
		height: 170px;
	}
}

@media (min-width: 1200px) {
	#about p {
		font-size: 16px;
		line-height: 28px;
	}

	.sec-title {
		font-size: 36px;
		line-height: 50px;
	}

	.separator {
		margin: 0px auto 50px;
	}

	header .nav ul li a {
		padding: 0 34px;
	}

	header.sticky .nav ul li a {
		line-height: 50px;
		font-size: 14px;
		padding: 0 34px;
	}

	.breadcrumb-panel h1 {
		line-height: 70px;
	}

	.event-thumb {
		height: 215px;
	}

	.events-image-thumbnail {
		width: 280px;
		height: 200px;
	}

	/*header .logo {
	height:90px;
	float:left; 
	margin:20px 15px 0 0;
}
header .logo-name {
	font-size: 24px;
	line-height: 130px;
	text-align: left;
}
.header-right {
	float:right;
	display: block;
  	padding-top:10px;
}
header i { font-size:18px; margin-right: 5px;}
header a {color:#333;}
header p {
	width:100%; 
	float:right;
	display:inline;
	color:#333;
	font-family:'PT Sans';
	font-size:16px;
	line-height:26px;
	text-align:right;
}
.pkflag {
  height: 50px; 
  float: right;
}
.social-icon {
	float: right;
  margin-top: 10px;
}
.social-icon i {
	font-size:26px;
	line-height:40px;
	float: left;
	margin:0 5px;
}
/* Header Sticky Fixed 
header.sticky { height:auto;background:#f8f8f8;}
header.sticky .logo {display:block; height: 30px; margin: 5px 0;}
header.sticky .logo-name {display:block; position:relative;font-size:18px;line-height:40px;}
header.sticky .pkflag,
header.sticky p {display:none;}
header.sticky .social-icon  {margin-top: 0;}
header.sticky .social-icon i {font-size:24px;line-height:20px;}
header.sticky .nav-panel {height: 40px; margin:0;}
header.sticky .nav ul li a {line-height: 40px; font-size: 13px;}

*/

}