body {
	background: #202020;
}
.mgb-30 {
	margin-bottom: 30px;
}
/*--------------------------home------------------------------*/
.marketing {
	color: #fff;
}
.marketing h1 {
	color: #fff;
	font-size: 28px;
	line-height: 1.5em;
	margin: 60px 0 30px;
	font-family: 'interstate_monoregular';
}
.marketing.feature-thumbs h1 {
	margin: 40px 0 30px;
}
.first-section {
	background: #000000;
	display: table;
	position: relative;
}
.marketing h2, .bottom-section h2, .marketing h3 {
	font-size: 18px;
	font-family: 'interstate_monobold';
}
.marketing p, .bottom-section p {
	font-size: 14px;
	line-height: 1.5em;
	font-family: 'interstate_mono_-_lgtregular';
	margin-top: 10px;
	color: #d1d3d4;
}
.right-section {
	padding: 20px 51px 20px 0;
	max-width: 305px;
}
.read {
	position: absolute;
	right: 140px;
	bottom: 21px;
	width: 200px;
}
.read a {
	color: #d1d3d4;
}
.category-thumbs {
	background: #000;
	color: #fff;
	margin-bottom: 30px;
}
.bottom-section {
	min-height: 175px;
	padding: 20px;
	position: relative;
	width: 100%;
}
.bottom-section .read {
	position: absolute;
	left: 20px;
	bottom: 20px;
	height: 40px;
	width: 100%
}
.feature .read {
	position: absolute;
	left: 40px;
	bottom: 40px;
	height: 40px;
	max-width: 300px;
}
.feature {
	background: #000;
	min-height: 225px;
	width: 100%;
	padding: 20px;
	margin-bottom: 30px;
}

.carousel-inner>.item>a>img,
 .carousel-inner>.item>img{
}
@media (max-width: 1200px) {
 .read {
 position: absolute;
 right: 83px;
}
}
 @media (min-width: 1024px) and (max-width: 1024px) {
.marketing h1 {
 font-size: 26px;
}
 .marketing h2, .bottom-section h2, .marketing h3 {
 font-size: 18px;
}
 .marketing p, .bottom-section p {
 font-size: 14px;
}
 .feature {
 background: #000;
 min-height: 200px;
}
.feature .read {
 bottom: 35px;
}
}
@media (max-width: 991px) {
.right-section {
 padding: 15px;
}
.read {
 position: relative;
 right: 183px;
 left: 15px;
}
.feature-thumbs .img-responsive {
width: 100%;
}
.feature {
 background: #000;
 min-height: 200px;
}
.bottom-section {
    min-height: 200px;
	}
.feature .read {
 left: 33px;
 bottom: 34px;
}
}
 @media (max-width: 768px) {
#main {
 transition: margin-left .5s;
 padding: 20px;
}
.mgt-50{
margin-top: 91px;
}
 .category-thumbs .img-responsive {
width: 100%;
}
}
@media (max-width: 480px) {
.marketing h1 {
 font-size: 20px;
 margin: 46px 0 22px;
}
.marketing p, .bottom-section p {
 font-size: 13px;
}
.marketing h2, .bottom-section h2, .marketing h3 {
 font-size: 16px;
}
}