/* ВКЛАДКИ */
.tabs {
	clear:both;
	margin: 0 auto; 30px;
	padding-top: 0;
}
.tabs__caption {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
	/*margin-left: 0 !important;*/
	list-style: none;
	/*border-bottom: 2px solid #2095D2;*/
	/*background: #FFF;*/
}
.tabs__caption li {
    flex-grow: 1;
	text-align:center;
	margin: 0;
	padding:12px 5px 14px;
    font: 16px/1em 'roboto_cnregular', sans-serif;
	color: #777;
	cursor: pointer;
	background: azure;
	position: relative;
	border: 1px solid lavender;
	border-width: 0 1px 1px 0;
        &:hover {
            /*padding: 0 13px;*/
            background: #ffcece;
            /*border: 1px solid #FFCA95;*/}
}
.tabs__caption li:nth-child(odd) {/*background: #DDD;*/ }
.tabs__caption .active {
	color: #EBF7FC;
	background: #D12027 !important;
}
.tabs__caption .active:hover {
	background: #ffcece;
}
.tabs__content {
	/*display: none; /* по умолчанию прячем все блоки */
	opacity: 0;
	overflow: hidden;
	height: 0;
	padding: 0;
}
.tabs__content.active {
	/*display: block;*/
    clear: both;
	opacity: 1;
	height: auto !important;
	padding: 20px 0px 0px;
}

                                                            /* MAX-WIDTH: 768 */
@media only screen and (max-width: 768px) {
	.tabs {
		padding: 20px 0 0!important;
	}
}

															/* MAX-WIDTH: 640 */
@media only screen and (max-width: 640px) {
    .tabs__caption {margin: 0px -20px 0; }

}
															/* MAX-WIDTH: 480 */
@media only screen and (max-width: 480px) {
    .tabs__caption li {font-size: 16px;}
}