.jumbotron{
	height: 100px;
	padding: 0px;
	overflow: hidden;
	border-radius: .0rem;
	
}

.jumbotron #banner{
	/*padding-top: 20px;*/
	position: absolute;
	color: white;
}

.jumbotron #banner span{
	color: #1E9DBF;
}
.jumbotron img{	
	width: 100%;
}

section .widgets{
	margin-bottom: 20px; 
}

/*.carousel .carousel-inner .carousel-item .slider_img  {
	width :100%;  
	height:400px;
}*/
 
.popular{
	background-color: white;
	padding: 20px;
	border-radius: 5px;
	border:1px solid #e8e5e5;
	
}

.popular img{

	width: 100%;
	margin-top: 2px;
	max-height:40px;
}

.popular .details{
	margin-left: -25px;
}

.popular .details p{
	font-family: 'arial';
	font-size: 10px;

}

.popular ul li {
	list-style: none;
}

.social_media{
	background-color: white;
	padding: 20px;
	border-radius: 5px;
	border:1px solid #e8e5e5;
}

.social_media img
{
	width: 50%;
}

 .blog-slider .carousel-inner img {
      width: 100%;
      height: 100%;
  }
.blog-slider .carousel-item img
{
	width: 800px;
	height:400px;
}
.blog-slider .carousel{
    margin-bottom: 15px;
}
 .blog-slider .carousel-caption{
 background-color:rgba(13, 13, 13,0.6);
 right:0;
 left:0;
 
}
.post{
	background-color: white;
	border:1px solid #e8e5e5;
	/*margin: 15px 0px; */
	margin-bottom: 15px;
}

.post .post-date{
	padding: 20px;
	text-align: center;
}

.post .post-date .day{
	font-size: 30px;
	color: #1E9DBF;
	padding-bottom: 8px;
}

.post .post-date .year{
	/*font-weight: 10;*/
	font-size: 12px;
}

.post .post-title {
	padding: 20px;
	
	border-left:1px solid #e8e5e5;
}
.post .post-title  h2{
    font-size: 180%;
    line-height: 140%;
}

.post .post-title span{
	color: #1E9DBF;
	margin-left: 10px;

	/*font-weight: 100;*/
	/*font-size: 15px;*/ 
}
.post-title a{
	color: #1E9DBF;
}
.post .post-pro-pic {
	padding: 25px;

}

.post .post-pro-pic img{
	width: 100%;
}

.post > a>img{
	width: 100%;
	height: 400px;
}

.post .desc{
	padding: 15px;
	/*font-family: 'arial';*/
	/*line-height: 22px;*/
	line-height:150%;
}
.post .desc p>img{
	max-width:100%;
}
.post .desc p>iframe{
	max-width:100%;
}

.post >a.btn{
	margin-left: 15px;
	margin-bottom: 10px;
}
.post .bottom{
	color: #c6c6c6;
	padding: 10px 20px;
	border-top:1px solid #e8e5e5;
}

.post .bottom .first{
	margin-right: 20px;
}

.post .bottom .sec{
	margin-left: 20px;
}
.related-posts{
	background-color: white;
	padding: 20px;
	margin-bottom: 15px;
}
.related-posts img{
	padding-bottom: 5px;
	width: 100%;
	height:100px;
}

.related-posts h3{
	color: #1E9DBF;
}

.author{
	margin-bottom: 15px;
	padding: 20px;
	background-color: white;
}
.author img{
	width: 100%;
}

.author h4{
	color: #1E9DBF;
	text-decoration: underline;
}
.author p{
	font-weight: 100;
}

.comment{
	background-color: white;
	margin-bottom: 15px;
	padding: 20px;
}
.comment img{
	width: 80%;
}
.comment h4{
	color: #1E9DBF;
}

.comment h5{
	color: #1E9DBF;
}
.comment .single-comment{
	margin-bottom: 10px;
	padding: 10px;
}
.comment .single-comment p{
	font-weight: 100;

}

.comment-box{
	background-color: white;
	margin-bottom: 15px;
	padding: 20px;
}
@media (max-width: 991px){
    
    .post > a>img{
	width: 100%;
	height: 300px;
    }
    .post .post-title  h2{
    font-size: 140%;
    line-height: 100%;
    }
    .related-posts img{
	padding-bottom: 5px;
	width: 100%;
	height:80px;
    }
    
    .related-posts h5{
    	color: #1E9DBF;
    	font-size: 80%;
    }
    
.blog-slider .carousel-item img
    {
	width: 800px;
	height:300px;
    }
}

@media (max-width: 786px){
	
		
	.post .post-pro-pic img{
		width: 50%;
	}

	.post .post-title {
		text-align: center;
	}
	.post .post-pro-pic {
		text-align: center;
	}
	.post > a>img{
	width: 100%;
	height: 250px;
    }
    .related-posts img{
	padding-bottom: 5px;
	width: 100%;
	height:60px;
    }
    
    .related-posts h5{
    	color: #1E9DBF;
    	font-size: 75%;
    }
    .blog-slider .carousel-item img
    {
	width: 800px;
	height:250px;
    }

}

@media (max-width: 575px){
	
	.navbar-brand{
		padding-right: 160px;
	}
	.post .post-pro-pic img{
		width: 30%;
	}

    .post > a>img{
	width: 100%;
	height: 200px;
    }
    .blog-slider .carousel-item img
    {
	width: 800px;
	height:200px;
    }
    .related-posts img{
	padding-bottom: 5px;
	width: 100%;
	height:80px;
    }
    
    .related-posts h5{
    	color: #1E9DBF;
    	font-size: 70%;
    }
	.author{
	margin-bottom: 15px;
	padding: 20px;
	background-color: white;
	text-align: center;
	}
	.author img{
	width: 30%;
	}

	.comment img{
	width: 30%;
	}
	.comment h4{
		color: #1E9DBF;
	}

	.comment h5{
		color: #1E9DBF;
	}
	.comment .single-comment{
		margin-bottom: 10px;
		padding: 10px;
		text-align: center;
	}

}
@media (max-width: 991px){
    
    .post > a>img{
	width: 100%;
	height: 300px;
    }
    .post .post-title  h2{
    font-size: 140%;
    line-height: 100%;
    }
    .related-posts img{
	padding-bottom: 5px;
	width: 100%;
	height:80px;
    }
    
    .related-posts h5{
    	color: #1E9DBF;
    	font-size: 80%;
    }
    
    .blog-slider .carousel-item img
    {
	width: 800px;
	height:300px;
    }
}

@media (max-width: 786px){
	
		
	.post .post-pro-pic img{
		width: 50%;
	}

	.post .post-title {
		text-align: center;
	}
	.post .post-pro-pic {
		text-align: center;
	}
	.post > a>img{
	width: 100%;
	height: 250px;
    }
    .related-posts img{
	padding-bottom: 5px;
	width: 100%;
	height:60px;
    }
    
    .related-posts h5{
    	color: #1E9DBF;
    	font-size: 75%;
    }
    .blog-slider .carousel-item img
    {
	width: 800px;
	height:250px;
    }

}
