/*!
Responsive
*/

@-ms-viewport  {
	width: device-width;
}
.container {
	width:calc(100% - 60px);
	padding: 0;
}

@media (max-width: 480px)
{
	.container {
		width:calc(100% - 10px);
	}
	.dispad-xs{padding:0}
	.top-bar{
		height:100%;
		text-align:center;
		padding-top:7px;
	}
	.top-date{
		text-align:center;
	}
	.icons {
		padding-top: 7px;
		height: 50px;
	}
	.h-icon {
		height: 30px;
		width: 30px;
		line-height: 30px;
		margin-left:5px;
		border-radius: 10px;
	}
	.h-icon img{
		width:20px;
		height:20px;
	}
	.qoutes{
		margin: 170px auto 0px auto;
		font-weight: 500;
		font-size:14px;
	}
	.qoute {text-align:center !important; line-height:30px;}
	.qoutes span{display:none;}
	.tile-news div.news-image {
    height: 100px;
	}
	.ptile-news div.news-image {
		height: 200px;
	}
	.big-news div.news-image {
    height: 220px;
	}
	.news-caption {
		height: 35%;
		padding-top:5px;
	}
	.news-caption h4{
		font-size:15px;
		font-weight:500;
		line-height:22px;
	}
	.onews-title{
	    padding-top:7px;
	    line-height:25px;
        text-align: center;	  
	}
	.in-medias p, .news-caption span, .news-image:hover > .news-caption span, .onews-details, .onews-content {
		display:none;
	}
	.onews-image {width:100%;}
	.bot-footer{line-height:30px; padding-top:20px;  font-size: 12px;}
	.links ul {
    font-size: 13px;
	}
	.leads
	{
	    margin-top: 7px;
	    text-align: center;
	}
	.big-news{margin-bottom: 7px;}
}


@media (min-width: 481px) and (max-width: 767px)
{
	.dispad-xs{padding:0}
	.top-bar{height:100%;}
	.icons {
		padding-top: 7px;
		height: 50px;
	}
	.h-icon {
		height: 30px;
		width: 30px;
		line-height: 30px;
		margin-left:5px;
		border-radius: 10px;
	}
	.h-icon img{
		width:20px;
		height:20px;
	}
	.top-date{text-align:left}
	.top-name{text-align:right}
	.inbar ul, .bot-bar ul{display:block;}
	.qoutes{
		margin: 170px auto 15px auto;
	}
	.qoute span {display:none;}
	.top-date , .top-name{text-align:center}
	.pad-xs-l{padding-left:15px;}
	.top-name{text-align:center;}
	.top-date{text-align:center;}
}


@media (min-width: 768px) and (max-width: 979px) {

		.top-name{text-align:right; padding-right:40px;}
		.qoutes{margin: 200px auto 15px auto;
		}
		.pad-md-l{padding-left:15px;}
		.dispad-sm-r{padding-right:0}
		.main-head{	height: 123px;};
}

@media (min-width: 1024px) {
	.main-head{	height: 123px;};
	.logo{
		height: 200px;
	}
	.bot-bar {
    font-size: 15px;
	}
	.dispad-md{padding:0}
	.m-md-l{margin-left:15px;}
	.top-name{text-align:center;}
	.qoutes{
	margin: 250px auto 15px auto;
	}
	.pad-md-l{padding-left:15px;}
}

@media (min-width: 1360px) {
	.container {
		width:1300px;
	}
}