@media (max-height: 600px){
	/*Форма входа*/
	.login-block{
		position: relative;
		top: 0;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	
	
}

/*Чтобы 404 и 500 нормально отображались при маленькой высоте*/
@media (max-height: 640px){
	body{
			min-height: 650px;
		}
}

@media (max-width: 1199px){
	#main-menu a{
		font-size: 20px;
	}
	
	.why-block-cards-wrapper .row .col-lg-6{
		width: 100%;
		margin: 0px;
	}
	
	.why-block-cards-wrapper .row{
		margin: 0px;
	}
	
	.why-card{
		margin-bottom: 40px;
		
	}
	
	.statistics-block .card-block .info{
		font-size: 24px;
	}
	.statistics-block .card-block .number{
		font-size: 50px;
	}
	
	.form-block .block-part input[type="checkbox"] + label{
		font-size: 18px;
	}
	
	.how-educate-block .offer-span2{
		top: 260px;
	}
	
	/*Как проходит обучение */
	.how-educate-block .platforms-block{
		flex-wrap: wrap;
		gap: 0;
		justify-content: left;
	}
	
	.how-educate-block h1{
		font-size: 38px;
	}
	
	.orders-main-block .orders-main-block__img{
		width: 620px;
		bottom: 20px;
		top: auto;
	}
	
	.error-code{
		right: 0;
	}
	
	.how-educate-block .platforms-block img{
		width: 50px;
	}
	
	
	
	.author-main-block .img{
		width: 450px;
		bottom: 0;
		top: auto;
	}
	
	.portfolio-block .accordion-item .accordion-body .main-portfolio-block{
		gap: 12px;
	}
	
	.portfolio-block .accordion-item .accordion-body .part2 img{
		width: 400px;
	}
	
	.cv-block .blob{
		position:absolute;
		top:170px;
		left:80px;
	}
}


@media (max-width: 991px){
	#main-menu a{
		font-size: 20px;
	}
	
	.main-block{
		height: 550px;
	}
	
	.main-block .main-block__img{
		width: 380px;
		bottom: 0px;
		top: auto;
	}
	
	.lesson-stages-block .card-block .info{
		font-size: 24px;
	}
	
	.form-header .form-header__img{
		display: none;
	}
	
	.form-block .block-title{
		width: 100%;
	}
	
	
	#burger-main-menu-button{
		display: block;
	}
	
	#main-menu{
		display: none;
	}
	
	.statistics-block .card-block-wrapper {
		width: 50%;
	}
	
	.statistics-block .card-block{
		width: 260px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	.lesson-stages-block .arrow-class{
		display: none;
	}
	
	.lesson-stages-block .card-block-wrapper{
		width: 100%;
	}
	
	.lesson-stages-block .card-block{
		text-align:left;
		margin: 0 auto;
	}
	
	.lesson-stages-block .card-block .icon-block{
		width: 80px;
		height: 80px;
		
	}
	
	.lesson-stages-block .card-block .icon-block .icon{
		width: 70%;
	}
	
	.lesson-stages-block .card-block .info{
		margin-left: 20px;
	}
	
	.lesson-stages-block .info-block h3{
		font-size: 28px;
	}
	
	.lesson-stages-block .info-block .description{
		font-size: 23px;
	}
	
	.lesson-stages-block .info-block .list li{
		font-size: 23px;
	}
	
	.form-block .sep2{
		display: block;
	}
	
	.lesson-stages-block .card-block .info{
		font-size: 30px;
	}
	
	/* Как проходит обучение */
	.how-educate-block .education-main__img{
		width: 470px;
		bottom: 0px;
		top: auto;
		left: 0px;
	}
	
	.how-educate-block h1{
		left: 450px;
		font-size: 35px;
		top:  30px;
		max-width: 100%;
	}
	
	.how-educate-block .offer-span2{
		left: 450px;
		font-size: 27px;
		top: 160px;
		display: none;
	}
	
	.how-educate-block .platforms-block{
		top: 200px;
		left: 450px;
		right: 0;
	}
	
	
	
	.how-educate-block .element__title{
		font-size: 30px;
	}
	
	.how-educate-block .element__value{
		font-size: 30px;
	}
	
	.how-educate-block .element__value .element__value_inner img{
		width: 50px;
	}
	
	.extra-offer-block li{
	font-size: 28px;
	}
	
	.block-title{
		font-size: 35px;
	}
	
	.one-course-block .list li .key, 
	.one-course-block .list li .price, 
	.one-course-block .list li .level{
		margin-left: 10px;
	}
	
	.one-course-block .header .chars ul li {
		display: block;
		border-bottom: 1px dotted gray;
	}
	
	.one-course-block .header .chars ul li .key, .one-course-block .header .chars ul li .value {
		display: block;
		margin-bottom: 5px;
	}
	
	.one-course-block .header .chars ul li .dotted-element{
		display: none;
	}

	.one-course-block .header{
		display: block;
	}
	
	.one-course-block .header .course__img{
		 display: block;
		margin: 0 auto;
	}
	
	/* Заказать */
	.orders-main-block{
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 40px;
		margin-top: 30px;
		height: auto;
	}
	
	.data-rule-block h2{
		font-size: 25px;
	}
	
	.orders-main-block .offer-span1, .orders-main-block h1, .orders-main-block .offer-span2, .orders-main-block .write-button {
		position: relative;
		top: 0;
		margin: 0 auto;
	}
	
	.orders-main-block ul{
		text-align: left;
	}
	
	.orders-main-block .orders-main-block__img{
		display: none;
	}
	
	.order-main-data-block .data-block__img{
		width: 320px;
		bottom: 0;
		top: auto;
	}
	
	/* страница ошибки*/
	.error__img{
		display: none;
	}
	
	.error-block{
		margin-top: 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.error-block .offer-span1{
		display: none;
	}
	
	.error-block .offer-span2,
	.error-block h1,
	.error-block .site-button, 
	.error-block .error-code,
	.error-block #error-code-content{
		position: relative;
		top: 0;
		right: 0;
		height: auto;
		text-align: center;
	}
	
	.error-block .error-code{
		margin-top: -40px;
		margin-bottom: -40px;
	}
	
	.error-block #error-code-content{
		font-size: 180px;
		letter-spacing: 8px;
		
	}
	
	.extra-blob{
		display: none;
	}
	
	.how-educate-block .platforms-block img{
		width: 45px;
	}
	
	
	
	
	.author-main-block .img{
		width: 280px;
		bottom: 25px;
	}
	
	.cv-block .blob{
		display: none;
	}
	
	.main-part .part1 h2{
		text-align: center;
	}
	
	.cv-block, .main-part, .extra-part{
		display: block;
	}
	
	.cv-block .main-part .part2 .author-photo{
		margin-top: 30px;
		transform: none;
	}
	
	.cv-block .main-part .part2{
		text-align: center;
	}
	
	
	.portfolio-block .accordion-body .main-portfolio-block{
		display: block;
	}
	
	.portfolio-block .accordion-body .main-portfolio-block .part1 .write-button{
		width: 100%;
	}
	
	.portfolio-block .accordion-body .main-portfolio-block .part2{
		text-align: center;
	}
	
	.portfolio-block .accordion-body .main-portfolio-block .part2 img{
		margin-top: 30px;
		transform: none;
	}
	
	.portfolio-block .accordion-body .blob{
		display: none;
	}
	
	.login-block{
		position: relative;
		top: 0;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.login-block-inner{
		position: relative;
		width: 100%;
		box-shadow: none;
	}
	
	/*форма входа*/
	.login-block-inner .left-part{
		display: none;
	}
	
	.login-block-inner .right-part{
		width: 100%;
		background: none;
	}
	
	.login-block-inner .right-part h1{
		text-align: center;
		padding: 10px;
		color: var(--main-color);
		border-bottom: 3px solid var(--main-color);
	}
	
	.login-block-inner .right-part .extra-img{
		display: none;
	}
	
	/*скрываем подменю для акаунта*/
	li.account .submenu__list{
		display: none !important;
	}
}


@media (max-width: 767px){

	

	#main-menu-wrapper #email span{
		display: none;
	}
	
	/*#main-menu-wrapper #contacts{
		width: 100%;
	}*/
	
	/*#logout{
		display: none;
	}*/
	
	
	.main-block{
		height: 450px;
		margin-top: -60px;
	}
	
	.main-block h1{
		font-size: 30px;
	}
	
	.main-block .offer-span1, .main-block h1, .main-block .offer-span2{
		left: 0;
		right: 0;
		text-align:center;
		display: block;
	}
	
	.main-block .offer-span2{
		top: 260px;
	}
	
	.main-block .write-button{
		top: 350px;
		left: 0;
		right: 0;
		width: 100%;
		text-align:center;
	}
	
	.main-block .main-block__img{
		display: none;
	}
	
	.block-title, .form-block .block-title{
		font-size: 35px;
	}
	
	.statistics-block .card-block{
		width: 240px;
		margin: 0 auto;
		margin-bottom: 27px;
	}
	
	
	.lesson-stages-block .card-block{
		text-align:center;
	}
	
	.lesson-stages-block .card-block .icon-block{
		width: 80px;
		height: 80px;
		
	}
	
	.lesson-stages-block .card-block .icon-block .icon{
		width: 70%;
		height: auto;
	}
	
	.lesson-stages-block .card-block .info{
		font-size: 24px;
		display: block;
	}
	
	.lesson-stages-block .info-block h3{
		font-size: 24px;
		text-align: left;
		margin: 0; 
		padding: 0;
		padding-bottom: 20px;
	}
	
	.lesson-stages-block .info-block .description{
		font-size: 19px;
		padding: 0;
	}
	
	.lesson-stages-block .info-block .list li{
		font-size: 19px;
	}
	
	.form-block .form-header__icon {
		display: none;
	}
	
	.form-block .block-part{
		margin-bottom: 25px;
	}
	
	#page-upper{
		width: 60px;
		height: 60px;
	}

	/* Как проходит обучение */
	.how-educate-block h1{
		display: none;
	}
	
	.how-educate-block .platforms-block{
		display: none;
	}
	
	.how-educate-block .element__title .element__icon img{
		width: 36px;
	}
	
	.how-educate-block .element{
		display: block;
		text-align: center;
		border-bottom: 1px dotted gray;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.how-educate-block .element__title{
		text-align: left;
		font-size: 23px;
	}
	
	.how-educate-block .element__value{
		font-size: 23px;
	}
	
	.how-educate-block .element__value .element__value_inner{
		text-align: center;
	}
	
	.extra-offer-block li{
		font-size: 23px;
	}
	
	.block-title{
		font-size: 32px;
	}
	
	.site-button{
		font-size: 22px;
	}
	
	.one-course-block .list li .key, 
	.one-course-block .list li .price, 
	.one-course-block .list li .level{
		display: block;
		float: none;
		margin-left: 0;
		border-bottom: 1px dotted gray;
		
	}
	
	.one-course-block .list li{
		background: url(/img/lessons_stages_block/list_item.svg) no-repeat left top;
	}
	
	.important-header{
		
		font-size: 34px;
	}
	
	.one-course-block .important-header{
		font-size: 20px;
	}
		
	.what-order-block__img, .data-block__img{
		display: none;
	}
	
	
	.what-order-block .list li{
		margin-bottom: 20px;
	}
	
	.order-main-data-block{
		margin: 0;
		margin-bottom: 60px;
	}
	
	
	.order-main-data-block{
		height: auto;
	}
	
	.order-main-data-block .data-value-block{
		padding: 0;
		margin-bottom: 10px;
		border-bottom: 1px dotted gray;
	}
	
	.order-main-data-block h3 {
		font-size: 30px;
	}
	
	.data-value-inner-block, .order-main-data-block .data-value-block .value{
		width: 100%;
		display: inline;
	}
	
	
	.author-main-block{
		margin-top: 40px;
		height: auto;
	}
	
	.author-main-block .blob, .author-main-block .img{
		display: none;
	}
	
	.author-main-block h1,
	.author-main-block span, 
	.author-main-block div, 
	.author-main-block a{
		margin-top: 15px;
		position: relative !important;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		display: block;
		text-align: center;
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.author-main-block .blob, .author-main-block div{
		justify-content: space-between;
	}
	
	.languages-random-block{
		display: none;
	}
	
}


@media (max-width: 575px){
	.list li{
		background: none !important;
		padding-left: 0 !important;
	}
	
	.account-list-item span{
		display: none;
	}
	.account-list-item i{
		font-size: 25px;
	}
	
	.contacts-email, .contacts-phone{
		display: none;
	}
	
	#telegram-button, #vk-button{
		display: none;
	}
	
	#burger-main-menu-items{
		font-size: 20px;	
	}
	
	#burger-main-menu-items a{
		margin: 4px 0px 4px 0px;
	}
	
	.important-header{
		font-size: 25px;
	}
	
	.one-course-block .header .course__img{
		width: 50%;
	}
	
	.course-clip{
		display: none;
	}
	
	.form-block .block-part p, .form-block .block-part .form-check-label{
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	.main-block .offer-span1, .main-block .offer-span2, .site-button{
		font-size: 20px !important;
	}
	
	.message-input-block button{
		font-size: 20px !important;
		min-height: 0 !important;
	}
	
	.main-block h1{
		font-size: 23px;
	}
	
	.card-rect{
		display: none;
	}
	
	.why-block .why-card .card-text-block h3 {
		font-size: 20px;
	}
	
	.why-block .why-card .card-text-block{
		width: 100%;
		font-size: 16px;
	}
	
	.statistics-block .card-block-wrapper{
		width: 100%;
	}
	
	.statistics-block .card-block{
		max-width: 200px;
	}
	
	.statistics-block .card-block .number{
		font-size: 22px;
	}
	
	.statistics-block .card-block .info{
		font-size: 20px;
	}
	
	.lesson-stages-block .card-block{
		text-align:center;
	}
	
	.lesson-stages-block .info-block{
		width: auto;
		margin: 0px 5px 0px 5px;
		padding: 10px;
	}
	
	.form-block .block-title{
		padding: 10px;
	}
	
	.form-block .form-header{
		height: auto;
		background: none;
		box-shadow: none;
		border-radius: 0;
		border: none;
		border-bottom: 3px solid var(--main-color);
	}
	
	.form-block .form-header .block-title{
		padding-bottom: 0;
	}
	
	.form-block .block-part{
		margin-bottom: 5px;
	}
	
	.form-block .block-part input[type="checkbox"] + label{
		font-size: 16px;
	}
	
	.form-block .block-part input, .form-block .block-part textarea{
		font-size: 16px;
	}
	
	.block-title{
		font-size: 25px !important; 
	}
	
	.buttons-block{
		display: block;
	}
	
	.buttons-block .site-button{
		width: 100%;
		margin-bottom: 15px;
	}
	
	.lesson-stages-block .card-block{
		background: var(--main-color);
		margin: 0px 10px 10px 10px;
		padding: 10px 5px 10px 5px;
		border-radius: 10px;
	}
	
	.lesson-stages-block .card-block:hover{
		background: var(--second-color);
		transition: 0.2s;
	}
	
	.lesson-stages-block .info-block h3, .lesson-stages-block .info-block .description{
		font-size: 20px;
		font-weight: 500;
	}
	
	.lesson-stages-block .info-block .list li{
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	.lesson-stages-block .card-block .info{
		font-size: 20px;
		margin-left:0;
	}
	
	.lesson-stages-block .card-block .icon-block{
		display: none;
	}
	
	.courses-block .card-block .course-title, .courses-block .card-block .course-price{
		font-size: 23px;
	}
	
	/* Как проходит обучение */
	.how-educate-block .education-main__img{
		width: 100%;
	}
	
	.extra-offer-block .list li {
		padding-left: 5px;
		border-top: 1px dotted gray;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 18px;
	}
	
	.list li:before{
		content: "- ";
	}
	
	.how-educate-block .element{
		text-align: left;
	}
	
	.how-educate-block .element__value .element__value_inner{
		text-align: left;
	}
	
	.how-educate-block .blob2{
		width: 70%;
	}
	
	.one-course-block{
		padding: 15px;
	}
	
	.one-course-block .header .chars ul li .key, 
	.one-course-block .header .chars ul li .value{
		font-size: 18px;
	}
	
	.one-course-block img{
		width: 40px;
	}
	
	.one-course-block .desc{
		text-align: left;
		font-size: 16px;
	}
	
	.one-course-block .list li:before{
		content: "";
	}
	
	.one-course-block .list li .key, .one-course-block .list li .price, .one-course-block .list li .level {
		font-size: 18px;
	}
	
	.one-course-block .important-header{
		font-size: 18px;
		margin-left: -15px;
		margin-right: -15px;
		padding: 10px;
		margin-top: 10px;
	}
	
	.how-educate-block .element__title, .how-educate-block .element__value, .how-educate-block .element__title .element__icon{
		font-size: 18px;
	}
	
	.orders-main-block h1{
		font-size: 23px;
	}
	
	.orders-main-block .offer-span1, .orders-main-block .offer-span2{
		font-size: 20px;
	}
	
	.what-order-block .list li{
		font-size: 18px;
	}
	
	.order-main-data-block h3{
		font-size: 20px;
	}
	
	.data-value-block{
		margin-bottom: 10px !important;
		padding-bottom: 10px !important;
	}
	
	.data-value-inner-block, .order-main-data-block .data-value-block .value{
		font-size: 18px;
	}
	
	.data-rule-block h2{
		font-size: 20px;
		padding-bottom: 10px;
	}
	
	.data-rule-block p{
		font-size: 18px;
	}
	
	
	/* страница ошибки */
	.error-block img{
		display: none;
	}
	
	
	
	
	
	.author-main-block .blob{
		display: block;
		width: 80%;
	}
	
	
	
	.cv-block .main-part .part2 .author-photo{
		width: 100%;
		position: relative;
		z-index: 1;
	}
	
	.portfolio-block .accordion-body .main-portfolio-block .part2 img{
		width: 100%;
	}
	
	
	
	.author-main-block h1{
		font-size: 23px;
		letter-spacing: 3px;
	}
	
	.author-main-block .span1, .author-main-block .write-button{
		font-size: 20px;
	}
	
	.author-main-block .buttons i{
		display:none;
	}
	
	
	
	.cv-block .blob{
		display: block;
		width: 80%;
	}
	
	.cv-block{
		margin-top: 10px;
	}
	
	.cv-block .main-part .part1 h2, #portfolio{
		font-size: 23px;
		letter-spacing: 0;
	}
	
	.cv-block .main-part .part1 p{
		text-align: center;
	}
	
	.cv-block .extra-part .part1 p{
		font-size: 18px;
	}
	
	.cv-block .main-part .part1 p, h3, .cv-block .extra-part .part1 .main, .skills-block .skills-type{
		font-size: 20px !important;
	}
	
	.cv-block .main-part .part1 img, .cv-block .main-part .part1 img, .cv-block .extra-part .part2 img{
		width: 30px;
	}
	
	
	.cv-block .cv-list .icons img{
		width: 50px;
	}
	
	.cv-block .cv-list li{
		position: relative;
		z-index: 1;
		font-size: 18px;
	}
	
	.skills-block .skills span, .portfolio-block .accordion-body .tags span{
		font-size: 18px;
	}
	
	.portfolio-block .accordion-item .accordion-body{
		margin-top: 0px;
		/*border-left: 1px dotted var(--gray-color);
		border-right: 1px dotted var(--gray-color);*/
		background: rgba(255, 180, 85, 0.22);
		border-radius: 0 0 10px 10px;
	}
	
	.portfolio-block .accordion-item{
		box-shadow: 0px 0px 4px 0 var(--gray-color);
	}
	
	.portfolio-block .accordion-item button{
		font-size: 23px;
		border-radius: 10px 10px 0 0;
		box-shadow: none;
		border-bottom: 1px dotted var(--gray-color);
	}
	
	.portfolio-block .accordion-item button .extra{
		font-size: 20px;
	}
	
	.portfolio-block .accordion-item .accordion-body ul li{
		font-size: 18px;
	}
	
	
	
	
	
	
}