.glyphicon
{
    margin-right:5% !important;
	margin-left:5%;
}
.glyphicon-list-alt
{
background-image:url(../images/news.png);
background-repeat:no-repeat;
padding:5px;
}
.pagination .glyphicon
{
    margin-right:0px !important;
}
.pagination a
{
    color:#555;
}
ul
{
margin:0px;
padding:0px;

}
#demo3 li
{
margin-left:5%;
float:left;
width:70%;
height:auto;
min-height:46px;
vertical-align:top;
margin-bottom:14px;
background-image:url(../images/nnws-thmb.jpg);
background-repeat:no-repeat;
padding-left:20%;
list-style:none;

}
.news-item
{

    margin:0px;
    border-bottom:0px dotted #555;
	font-family:Calibri;
	font-size:15px;
	line-height:20px;
	font-weight:normal;
	color:#7f7f7f;
	text-align:justify;
	padding-bottom:0px;
	text-transform:uppercase;
	
}
.img-circle{
	border-radius:50%} .sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0} .lead{
	margin-bottom:20px;
	font-weight:200;
	}


@font-face{
	font-family:'Glyphicons Halflings';
	src:url('../fonts/glyphicons-halflings-regular.eot');
	src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}

.glyphicon{
	position:relative;
	top:1px;
	display:inline-block;
	font-family:'Glyphicons Halflings';
	-webkit-font-smoothing:antialiased;
	font-style:normal;

	line-height:1;
	-moz-osx-font-smoothing:grayscale}
.glyphicon:empty{
	width:1em}
.glyphicon-chevron-up:before{
	content:"\e113";
	color:#418aca;}
.glyphicon-chevron-down:before{
	content:"\e114";
	color:#418aca;
	}



.pagination{
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px}
.pagination>li{
	display:inline;
	}
.pagination>li>a,.pagination>li>span{
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.428571429;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{
	margin-left:0;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{
	background-color:#eee}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{
	z-index:2;
	color:#fff;
	cursor:default;
	background-color:#428bca;
	border-color:#428bca}


.panel{
	margin-bottom:0px;
	background-color:#fff;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
	box-shadow:0 1px 1px rgba(0,0,0,0.05)}

.panel-body{
	padding-left:0px;
	 padding-right:0px;
	 padding-top:18px;
	 padding-bottom:8px;
	 min-height:120px;
	}



.panel>.table-responsive{
	margin-bottom:0;
	border:0}
	
.panel-heading{
	padding:10px 10px;
	border-bottom:1px solid transparent;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	 text-align:left;
	 font-family:Candara;
	 vertical-align:top;
	 font-size:16px;
	 font-weight:bold;
	 text-transform:uppercase;
	}
.panel-heading>.dropdown .dropdown-toggle{
	color:inherit}
.panel-title{
	margin-top:0;
	margin-bottom:0;
	color:inherit}
.panel-title>a{
	color:inherit}
.panel-footer{
	padding:10px 15px;
	background-color:#f5f5f5;
	border-top:1px solid #ddd;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px}
.panel-group .panel{
	margin-bottom:0;
	overflow:hidden;
	border-radius:4px}
.panel-group .panel+.panel{
	margin-top:5px}
.panel-group .panel-heading{
	border-bottom:0}
.panel-group .panel-heading+.panel-collapse .panel-body{
	border-top:1px solid #ddd}
.panel-group .panel-footer{
	border-top:0}
.panel-group .panel-footer+.panel-collapse .panel-body{
	border-bottom:1px solid #ddd}
.panel-default{
	border-color:#ddd}
.panel-default>.panel-heading{
	color:#333;
	background-color:#f5f5f5;
	border-color:#ddd}
 .clearfix:before,.clearfix:after{
	display:table;
	content:" "}
.clearfix:after{
	clear:both}
.center-block{
	display:block;
	margin-right:auto;
	margin-left:auto}
.pull-right{
	float:right!important}

@media only screen and (min-width : 768px) and (max-width : 960px)
{
#demo3 li
{
background-size:15%;

}
}
@media only screen and (min-width : 481px) and (max-width : 640px)
{
#demo3 li
{
background-size:8%;

}

}