@charset "utf-8";
/* CSS Document */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
.img-responsive{ display:inline;}
.mt-20{margin-top:20px;}
.family-intro-section {
    margin: 20px 0px 40px;
}
.family-intro-section img{ max-width:400px;}
h1.family-name {
    color: #000;
    font-size:30px;
    padding: 0px;
    margin: 0px 0px 30px 0px;
    line-height: 1.2;
    font-weight: 300;
}
h1.family-name font{font-size:20px; color:#999; float:right}
.model-nav {
    background: #4a4f51;
    height: 80px;
	width: 100%;
    z-index: 1001;
}
.model-nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.model-nav ul li {
    display: inline-block;
}
.model-nav ul li a {
    text-transform: uppercase;
}
.model-nav a {
    color: #b4b8b9;
    font-size: 16px;
    padding: 35px 40px 35px 0px;
    display: block;
}
.model-nav ul li.active a {
    background: url("../images/section-marker.png") no-repeat 5px 79px;
    color: #fff;
}
.model-section-header {
    font-size: 30px;
    margin-top: 30px;
    border-left: 3px solid #5cb85c;
    padding-left: 15px;
    margin-bottom: 35px;
}
.model-documentation ul{ padding:0;}
.model-documentation li {
    width: 48%;
    display: inline-flex;
	line-height:28px;
}

.model-documentation li a{ color:#000;}
.model-documentation .icon-jpg{color:#5cb85c; font-size:24px;}
@media (max-width: 768px) {
	.family-intro-section img{max-width:100%;height: auto;}
	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { font-size:12px; padding:4px;}
	.model-documentation li {
		width: 100%;
		display: inline-flex;
		line-height:28px;
	}
}