/* ВКЛАДКИ */
.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;
	min-width: 16em;
	text-align:center;
	margin: 0;
	padding:15px 13px 16px;
    font: 18px/1em 'roboto_cnregular', sans-serif;
	color: #777;
	cursor: pointer;
	background: #EDEDED;
	position: relative;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	
        &:hover {
            /*padding: 0 13px;*/
            background: #BDF;
            /*border: 1px solid #FFCA95;*/}
}
.tabs__caption li:nth-child(odd) {/*background: #DDD;*/}
.tabs__caption .active {
	color: #EBF7FC;
	background: #2095D2 !important;
}
.tabs__caption .active:hover {
	background: #2095D2;
}
.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 70px;
}

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

															/* 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;}
}