<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

	<a class="backArticle" href="http://pcvector.net/scripts/tabs/440-adaptivnye-vkladki-na-jquery.html">
	Назад к статье &gt;&gt;&gt;</a>

/* DEMO */
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* TABS */
.accordion-tabs {
	width: 90%;
    margin: auto;
}
.accordion-tabs:before, 
.accordion-tabs:after {
	content: " ";
	display: table;
}
.accordion-tabs:after {
	clear: both; 
}
.accordion-tabs .tab-head-cont {
	list-style: none;
	border: 1px solid #ededed;
	margin-bottom: 30px;
}
.accordion-tabs .tab-head-cont ul {
	padding-left: 20px;
    padding-bottom: 20px;
}
.accordion-tabs .tab-head-cont ul li {
	list-style-type: none;
}
.accordion-tabs .tab-head-cont ul li:before {
	color: #e5b574;
    content: "•";
    font-size: 22px;
    margin-left: -9px;
    position: relative;
    right: 5px;
    top: 4px;
}
.divDescription p span,
.divDescription ul li span,
.divDescription ul li a,
.divDescription b,
.divDescription p {
	color: #666;
}
div h2 span.comment_name_responses {
	color: #b28c59;
}


@media (min-width: 480px) {
	.accordion-tabs {
	    width: 460px;
	    margin: 30px auto 0px;
	}
}