/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
	.leftBlock {
		width: 20%;
	}
	.centerBlock {
		width: 59%;
	}
	.rightBlock {
		width: 20%;
	}
}
/* lg <= Extra large (xl) */
@media (max-width : 1200px) {
	.logo {
		padding: 15px 0px 0px 15px;
	}
	.centerBlock {
		padding: 15px 20px 0px 30px;
	}
	.leftBlock {
		width: 20%;
	}
	.menuOn {
		padding-left: 20px;
	}
	.centerBlock {
		width: 79%;
	}
	.rightBlock {
		display: none;
	}
	.tab__cell {
		width: 49%;
	}
}
/* md <= Large (lg) */
@media (max-width : 992px) {
	.leftBlock {
		width: 25%;
	}
	.centerBlock {
		width: 74%;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.leftBlock {
		width: 100%;
	}
	.logo {
		width: 100%;
		text-align: center;
		padding: 10px 0px;
	}
	.menuOn {
		padding: 20px 0px;
	}
	.logo a {
		display: inline-block;
		width: 50%;
	}
	.centerBlock {
		width: 100%;
	}
	.menuOn {
		text-align: center;
	}
	.esTitle {
		font-size: 24px;
	}
	.caption {
		font-size: 26px;
	}
	.esBlock ul li a {
		font-size: 22px;
	}
	.esBlock ul li {
		padding: 9px 9px;
	}
	.esBlock {
		width: 80%;
	}
	.menuTw a {
		font-size: 22px;
	}
	.bread-crumb {
		font-size: 18px;
	}
	.VarBlock {
		font-size: 20px;
	}
	.InfoTitle h1 {
		font-size: 24px;
	}
}
/* xs <= Small (sm) */
@media (max-width : 576px) {
	.tab__content {
		top: 90px;
	}
	.tab label {
		margin: 8px 0px;
	}
	.centerBlock {
		padding: 15px 15px 0px 15px;
	}
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {

}

/* Small (sm) */
@media (min-width : 576px) {

}

/* Medium (md) */
@media (min-width : 768px) {

}

/* Large (lg) */
@media (min-width : 992px) {

}

/* Extra large (xl) */
@media (min-width : 1200px) {
	.text {
		font-size: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {
		font-size: 22px;
	}
}
