.feed-container{font-size:12px;border:1px solid #ddd;font-family: 'Lato', Sans-Serif}
.feed-container .header{margin:0px;padding:5px 5px 5px 5px;font-size:14px;border-bottom:1px solid #ddd;}
.feed-container .footer{margin:0px;padding:5px 5px 5px 5px;color:#fff;}
.feed-container .header .title{margin:0;padding:0;font-size: 20px;color:#444;}
.feed-container .header a{text-decoration:none;color:#000;}
.feed-container .header a:hover{text-decoration:underline;color:#666;}
.feed-container .content{margin:0px;padding:0 3px;}
.feed-container .content .item{margin:0 0 10px 0;padding:15px 0;border-bottom:1px solid #ddd;background:#ececec;}
.feed-container .content .item .title{margin:1px 0 1px 3px;padding:1px 2px 5px 3px;color:#444;font-weight:bold;font-size:16px}
.feed-container .content .item .title a{color:#333;text-decoration:none;}
.feed-container .content .item .title a:hover{color:#666;text-decoration:underline;}
.feed-container .content .item .description{margin:0 0 0 3px;padding:0 2px 0 3px;color:#444;font-size:15px;}
.feed-container .content .item .description a{text-decoration:none;color:#444;}
.feed-container .content .item .description a:hover{text-decoration:underline;color:#666;}	
		.bs-box {
			box-shadow: 0 0 10px #cccccc;
			padding: 2%;
		}
		.thumb img {
			width: 100%;
		}
		.post-info ul {
			display: flex;
			align-items: center;
			list-style: none;
			border-bottom: solid 1px #e4e4e4;
			padding-left: 20px;
		}
		.post-info ul li {
			margin-right: 10px;
			padding: 10px 0; 
			font-size: 14px;
			color: #323232;
		}
		.post-info ul li a {
			color: #323232;
			text-decoration: none;
		}
		.content {
			padding: 0 20px 30px;
		}
		.content h4 {
			font-size: 16px;
		}
		.content h4 a {
			text-decoration: none;
			color: #fff;
		}
		.content p {
			font-size: 14px;
		}
		.read-more-btn {
		  font-family: "Lato", sans-serif;
          font-weight: 500;
            font-size: 14px;
            letter-spacing: 1px;
            display: inline-block;
            padding: 5px 12px;
            border-radius: 5px;
            transition: 0.5s;
            line-height: 1;
            margin: 5px;
            color: #fff;
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
            border: 2px solid #06bceb;
             background: #06bceb;
             float: right;
		}
		.read-more-btn::after {
		  position: absolute;
		  left: -100%;
		  top: 0;
		  content: "";
		  height: 100%;
		  width: 100%;
		  z-index: -1;
		  transition: all 0.35s ease-in-out;
		}
		.read-more-btn:hover::after {
		  left: 0;
		}
		.read-more-btn:hover, 
		.read-more-btn:focus {
			background: transparent;
            color: #06bceb;
            text-decoration: none;
		}
		@media (max-width: 991px) {
			.bs-box {
				margin-bottom: 20px;
			}
		}
		@media (max-width: 575px) {
			.main-heading {
				font-size: 21px;
			}
			.bs-box {
				margin-bottom: 20px;
			}
			.content h4 {
			    font-size: 18px;
			}
			.read-more-btn {
				font-size: 14px;
				padding: 6px 25px;
			}
		}