@charset "utf-8";

@media screen and (max-width: 575.98px) {
	.header {
		height: auto;
	}
	.header .label {
		width: 160px;
		background-size: contain;
	}
	
	.user_cabinet_div .user_cabinet{
		left: calc(50% - 50px);
		padding-left: 34px;
	}
	.user_cabinet_div .user_cabinet span {
		padding-left: 20px;
	}

	.donate{
		text-align: center;
	}
	.donate .qr{
		background-position: center;
		margin-bottom: 25px;
	}
	
	.menu {
		height: 50px;
	}
	.menu .item {
		height: 100%;
	}
	.tests .list .item button{
		font-size: 15px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.tests .rubricator .title{
		margin-top: 12px !important;
	}
	select{
		font-size: 15px !important;
	}
	.footer_menu .items .item{
		display: block;
	}
	.footer_menu .social .text{
		display: none;
	}
	.footer{
		display: none;
	}
	
	.carousel_caption_inner p {
		width: 100% !important;
	}

	.carousel_caption_inner h1 {
		width: 100% !important;
	}
	.form button, .form input[type="button"], .form input[type="submit"]{
		padding-left: 45px !important;
		padding-right: 15px !important;
	}
	.categories {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	.categories .list div {
		margin-top: 25px !important;
	}
	.about{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.about p{
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 576px) and (max-width: 767.98px) {
	.header {
		height: auto;
	}
	.header .label {
		width: 240px;
		background-size: contain;
	}
	.menu {
		height: 50px;
	}
	.menu .item {
		height: 100%;
	}
	.tests .rubricator .title{
		margin-top: 12px !important;
	}
	select{
		font-size: 15px !important;
	}
	.footer_menu .items .item{
		display: block;
	}
	.footer_menu .social .text{
		display: none;
	}
	.footer{
		display: none;
	}
	.carousel_caption_inner p {
		width: 100% !important;
	}
	.carousel_caption_inner h1 {
		width: 100% !important;
	}
	.about{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.about p{
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
	.header .label {
		width: 200px;
		background-size: contain;
	}
	.tests .list .item button{
		font-size: 15px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.tests .rubricator .title{
		margin-top: 12px !important;
	}
	select{
		font-size: 15px !important;
	}
	.menu .item{
		padding-right: 15px;
	}
	.footer_menu .items .item {
		display: block;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
	.header .logo{
		display: none !important;
	}
	.menu .item{
		padding-right: 30px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
	
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
	
}