@media only screen and (min-width: 280px) and (max-width: 450px) {
	.m-img{width: 50%;padding: 10px;margin: 0 auto;display: block;}
	.about-content{width: 100%;}
	.whatis-tab{font-size: 16px !important;overflow: hidden;}
	.m-logo{float: left;margin: 0 15px;}
}
@media only screen and (min-width: 450px) and (max-width: 3000px) {
	.m-img{width: 20%;float: left;padding: 10px;}
	.m1-padding{padding-left: 20%;padding-right: 20%;}
	.m2-padding{padding-left: 10%;padding-right: 10%;}
	.about-content{padding: 15px;line-height: 40px;}
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	background-color: #bf0000;
	color: #fff;
}
.nav{border-bottom: 0;}
.nav-tabs>li>a{
	background: #e1e1e1;
    color: #333;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.col-md-3,.col-md-4{padding: 0;}
.m-more{
	float: right !important;
}
.m-more a{
	background: #fff !important;
}