/* ::. 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;
}
header .logo-name {
	font-size: 24px;
	line-height: 100px;
	text-align: left;
	border: none;
}
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;
}
.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,
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 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;}

*/

}