	@media(max-width:767px){
		.blog-content article , .blog-content,
		.blog-content article .row,
		.blog-content article .row .col-xs-12 {padding:0;margin:0px}

		.mobile-media .media { 
			background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f1f1f1 ));
			background-image: -webkit-linear-gradient( #fff,#f1f1f1 );
			background-image: -moz-linear-gradient( #fff,#f1f1f1 );
			background-image: -ms-linear-gradient( #fff,#f1f1f1 );
			background-image: -o-linear-gradient( #fff,#f1f1f1 );
			background-image: linear-gradient( #fff,#f1f1f1 );
		}

		.mobile-media .media .media-left {padding: 0px 10px 0 0;}
		.mobile-media .media .media-left img {width: 88px; height: 88px;}
		.mobile-media .media .media-body { vertical-align: middle;width: 100%; position: relative;}
		.mobile-media .media .media-body h2 {display:inline;margin:0px;padding:0px;}
		.mobile-media .media .media-body a {height: 78px;display: table;width: 100%;vertical-align: middle;position: relative;font-size: 14px;}
		.mobile-media .media .media-body a span {   width: 100%;vertical-align: middle;padding-right: 90px;display: table-cell;}
		.mobile-media .media .media-body a:after {font-family: FontAwesome;content: "\f138";position: absolute;right: 10px;top: 33%;font-size: 20px;color: #b1b1b1;}
	}


	@media(min-width:768px){

		.mobile-media .media { 
			position:relative;
			background: #fafafa;
			background: -moz-linear-gradient(top, #fafafa 0%, #f2f2f2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f2f2f2));
			background: -webkit-linear-gradient(top, #fafafa 0%,#f2f2f2 100%);
			background: -o-linear-gradient(top, #fafafa 0%,#f2f2f2 100%);
			background: -ms-linear-gradient(top, #fafafa 0%,#f2f2f2 100%);
			background: linear-gradient(to bottom, #fafafa 0%,#f2f2f2 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2',GradientType=0 );
		}
		.mobile-media .media { margin-bottom:15px;padding:10px 15px 10px 5px}
		.mobile-media .media img {margin:10px;max-width:150px; min-width: 150px; padding: 4px; background: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,.1);}
		.mobile-media .media h2 {margin-top:10px;}
		.mobile-media .media h2 a {text-transform:capitalize;color: #6495ED;font-size:18px;font-weight:normal;font-family:Roboto}
		.mobile-media .media .media-body .date { text-transform: uppercase; color: #d0d0d0; display: block; margin: 10px 0;font-size:1.1em}
		.mobile-media .media .post-content {padding-bottom: 10px;}
		.mobile-media .media .post-content p {font-size:1.1em}
	}

	@media(min-width:992px){
		.mobile-media .media img {margin:15px;max-width:180px; min-width: 180px; padding: 7px;}
		.mobile-media .media h2 {margin-top:15px;}
		.mobile-media .media h2 a {font-size:21px;}
		.mobile-media .media .media-body .date {font-size:12px}
		.mobile-media .media .media-body .post-content {padding-right:50px}
		.mobile-media .media .media-body .post-content p {font-size:12px}



	}
	@media(min-width:1200px){
		.mobile-media .media img {margin:5px;max-width:200px; min-width: 200px; padding: 10px;}
		.mobile-media .media h2 a {font-size:23px;}
		.mobile-media .media .media-body .date {font-size:13px}
		.mobile-media .media .media-body .post-content p {font-size:14px;}

	}

.blog-btns a {background-color: #5B5B5B; text-decoration: none; display: block; width: 40%; line-height: 35px; text-align: center; color: #FFF; border-radius: 2px; font-size: 1.2em; text-transform: uppercase; float: left; margin: 0 1%; letter-spacing:1px;}
