@media(max-width: 1300px) {
	.info__text {
		font-size: 18px;
	}
	.advantages-card__title {
		font-size: 22px;
	}
	.callback {
		margin-top: 100px;
	}
}
@media(max-width: 1200px) {
	.header__menu {
		height: 100%;
	}
	.header .menu {
		flex-direction: column;
		align-items: center;
	}
	.header .menu > li {
		margin-bottom: 10px;
	}
	.header .menu .sub-menu {
		display: none;
		list-style: none;
		padding-top: 10px;
	}
	.menu .sub-menu > li > a {
		color: #ffffff;
	}
	.divider {
		display: inline-block;
		margin-left: 15px;
		cursor: pointer;
	}
	.divider:before {
		content: "";
	    font-weight: 900;
	    color: #ffffff;
	    transition: .3s;
	    display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../img/arrow.png) center center/cover no-repeat;
	}
	.divider.active:before {
		transform: rotate(180deg);
	}
	.header__menu .info {
		justify-content: center;
	} 
	.header__menu .info__text, .header__menu .info__text_mini {
		color: #ffffff;
	}
	.callback {
		padding: 70px;
	}
	.card_border:after {
		transform: rotate(-10deg);
	}
	.slide-wrapper {
		padding: 60px;
	}
	.info-course {
		flex-wrap: wrap;
	}
	.info-course__block {
		margin-bottom: 10px;
	}
	.footer .menu > li > a {
		font-size: 16px;
	}
}
@media(max-width: 991px) {
	.section-title {
		margin-bottom: 35px;
	}
	.about .button {
		margin-top: 30px;
	}
	.card {
		padding: 30px 15px;
	}
	.card__price span {
		font-size: 25px;
	}
	.callback .text {
		margin-bottom: 30px;
	}
	.footer .logo {
		text-align: center;
		margin-bottom: 10px;
	}
	.breadcrumbs {
		margin: 30px 0;
	}
	.info_contact {
		margin-top: 25px;
	}
	.footer .info {
		justify-content: center;
	}
	th, td {
		padding: 10px 20px;
	}
	.card_border:after {
		display: none;
	}
	.slide-wrapper {
		padding: 0;
	}
	.page-img {
		display: block;
		margin: 0 auto 10px;
	}
}
@media(max-width: 767px) {
	.about {
		flex-direction: column;
	}
	.about__block {
		flex-basis: 100%;
	}
	.card__price {
		margin: 15px 0;
	}
	.advantages-card__title {
		font-size: 20px;
	}
	.advantages-card__title:after {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 170px;
	}
	.callback {
		padding: 30px;
	}
	.callback:after {
		display: none;
	}
	.footer .info__text {
		font-size: 16px;
	}
	.footer .info__text_mini {
		font-size: 15px;
	}
	.contact-form {
		margin-top: 10px;
	}
}
@media(max-width: 575px) {
	.header .info__text a {
		color: #ffffff;
	}
	.main .slide {
		position: relative;
	}
	.main .slide:before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color:rgba(0, 0, 0, .4);
	}
	.slide__content {
		position: relative;
		z-index: 1;
		max-width: 100%;
	}
	.main__title {
		font-size: 30px;
		line-height: 36px;
		text-align: center;
		padding-top: 0;
		color: #ffffff;
	}
	.main__subtitle {
		font-size: 20px;
		text-align: center;
		color: #ffffff;
	}
	.button {
		font-size: 16px;
		padding: 10px 25px;
		margin: 0 auto;
	}
	.about__block {
		padding: 30px 15px;
	}
	.section-title {
		margin-bottom: 30px;
		font-size: 26px;
		line-height: 32px;
		text-align: center;
	}
	.about .button {
		margin-top: 15px;
	}
	.card__title {
		font-size: 22px;
	}
	.card__header {
		margin-bottom: 15px;
	}
	.advantages-card__title {
		font-size: 20px;
		text-align: center;
		justify-content: center;
		padding-top: 85px;
	}
	.advantages-card__title:after {
		top: 0px;
		left: calc(50% - 150px);
		width: 300px;
		height: 200px;
	}
	.advantages-card__icon {
		display: none;
	}
	.advantages-card {
		margin-bottom: 15px;
	}
	.advantages-card__img {
		margin: 0 auto;
	}
	.callback {
		padding: 10px;
		margin-top: 50px;
	}
	.text {
		font-size: 16px;
	}
	.input {
		font-size: 16px;
		padding: 10px 20px;
	}
	.gallery-block { 
		grid-template-columns: repeat(2, 1fr); 
		grid-template-rows: repeat(4, 1fr); 
	}
	.section {
		padding-top: 50px;
	}
	.card__header {
		flex-direction: column;
	}
	.card__name, .card__info, .card__title {
		text-align: center;
	}
	.card__info, .card__price {
		align-items: center;
	}
	.footer {
		padding: 15px 0;
	}
	label {
		font-size: 13px;
		margin-bottom: 10px;
	}
	.breadcrumbs {
		margin: 20px 0;
	}
	.footer-block {
		flex-direction: column;
	}
	.footer .info__text {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.info_contact {
		margin-top: 10px;
	}
	.contact-links {
		margin: 0 10px;
	}
	.info-course__text_big {
		font-size: 22px;
	}
	.info-course {
		flex-direction: column;
	}
	.info-course, .info-course__block {
		justify-content: center;
	}
	.info-course__block {
		margin-right: 0;
		text-align: center;
	}
}