@media all and (max-width:1200px){
}

@media all and (max-width:992px){
}

@media all and (max-width:768px){
	.main-lang{
		    display: flex;
    	grid-gap: 10px;
    	justify-content: space-between;
	}
	.main-lang span{
		padding: 10px 15px;
	}
	.main-lang a{
		padding: 10px 15px;
	}
	.main-lang p{
		font-size: 12px;
	}
	.inst-steps-wr{
		grid-gap: 10px;
    	margin: 20px 0px;
	}
	.reg-inst .inst-steps-el-num{
		font-size: 48px;
    	line-height: 48px;
	}
	.reg-inst .inst-steps-el-title{
		font-size: 18px;
    	line-height: 22px;
	}
	.inst-steps-el{
		max-width: 100%;
		display: grid;
    	grid-template-columns: 37px 1fr;
	}
	.inst-steps-wr::before{
		display: none;
	}
	.inst-steps-wr::after{
		display: none;
	}
	.inst-steps-el:nth-child(3n+2){
		margin-left: 0;
		margin-bottom: 0;
	}
	.inst-steps-el:nth-child(3n+2) .inst-steps-el-num{
		order: unset;
	}
	.inst-steps-el:nth-child(3n+2) .inst-steps-el-title{
		text-align: left;
	}
	.quiz-result-item .desc-p{
		font-size: 32px;
		text-align: center;
	}
	.err-wrapper{
		height: 100vh;
	}
	.err-wrapper::before{
		width: 40px;
	}
	.err-wrapper::after{
		width: 40px;
	}
	.quiz tr{
		display: flex;
    flex-direction: column;
	}
	.log-form .reg-form{
		width: 100%;
	}
	.quiz-result{
		grid-template-columns: 1fr;
    	padding: 0;
	}
	.quiz-result-el{
		padding: 15px;
	}
	.quiz-result-item .main-title{
		font-size: 62px;
    line-height: 62px;
    text-align: center;
	}
	.quiz-result-item-last{
		grid-gap: 10px;
	}
	.quiz-result-el .quiz-result-score p{
		line-height: 50px;
    text-anchor: end;
    align-items: flex-end;
	}
	.quiz-result-el .quiz-result-score p span{
		line-height: 20px;
	}
	.quiz-result-el:nth-child(3n+2){
		grid-column-start: 1;
    grid-column-end: 3;
    grid-row: 2;
	}
	.quiz-result-el p{
		margin-bottom: 5px;
	}
	.quiz-result-el:nth-child(3n+2) p{
		    text-align: center;
    font-weight: 700;
	}
	.quiz-result-el img{
		height: 316px;
	}
	.quiz-result-el .foot-st-end-socio{
		    justify-content: flex-start;
	}
	.site-link{
		padding: 14px 32px;
	}
	header{
		border-bottom-left-radius: 24px;
    	border-bottom-right-radius: 24px;
	}
	.nav-div{
		padding: 13px 0px;
    	grid-template-columns: 134px 1fr;
	}
	.main-sec{
		margin-top: -25px;
	}
	.main-wrapper{
		margin: 0px 15px;
	}
	.main-title{
		line-height: 70px;
    	padding: 0;
    	font-size: 60px;
	}
	.main-cl-title{
		line-height: 70px;
    	padding: 0;
    	font-size: 60px;
	}
	.quiz-result-item .main-cl-title{
		line-height: 62px;
    	padding: 0;
    	font-size: 62px;
    	text-align: center;
	}
	.main-wrapper .main-btn{
		width: 100%;
		margin-top: 65px;
	}
	.foot-wrapper{
		    grid-gap: 30px;
	}
	.foot-st{
		flex-direction: column;
    grid-gap: 30px;
	}
	.foot-st-end{
	    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 0;
    justify-content: space-between;
	}
	.foot-st-end-conts{
	flex-direction: column;
    grid-gap: 10px;
	}
	.foot-st-end-socio{
	grid-gap: 20px;
    justify-content: end;
	}
	.reg-wrapper{
		grid-template-columns: 1fr;
	}
	.reg-inst{
		padding: 20px;
	}
	.reg-inst .main-btn{
		    padding: 10px 35px;
    margin-top: 0px;
	}
	.reg-form{
		grid-row: 1;
    padding: 20px;
	}
	.reg-form .title-p{
		margin-bottom: 20px;
	}
	.acc-div{
		font-size: 12px;
	}
	.quiz-next-btn{
		padding: 10px;
		margin-top: 15px;
	}
	.rules-wrapper{
		padding: 20px;
	}
	.rules-desc{
		column-count: 1;
	}
	.rules-wrapper .main-btn{
		padding: 10px 32px;
	}
	.reg-wrapper.quiz-wrapper{
		grid-gap: 0;
	}
	.quiz-rand-arrow{
		    width: 81px;
    height: 108px;
	}
	.quiz-quest{
		font-size: 14px;
	}
	.quiz-ans label{
		font-size: 12px;
		min-height: auto;
		height: auto;
	}
	.facts-modal .modal-body{
		padding: 0px 20px 20px;
	}
	.facts-modal img{
		height: 190px;
	}
	.quiz-ans-el{
		min-height: auto;
		height: auto;
	}
	.quiz-ans{
		grid-template-columns: 1fr;
	}
}


@media all and (max-width:420px){
}


@media all and (max-width:370px){
}


@media all and (max-width:320px){
}