@media screen and (max-width: 900px) {
	h1 {
		font-size: 9vw;
	}
	.headerBlockWithPhoneAnnLogo {
		width: 100%;
		padding: 10px;
	}
	.menuNewOuterWrapper .col-1 {
		overflow: visible;
	}
	.menuNewOuterWrapper a {
		padding-right: 0px!important;
		padding-left: 0px!important;
	}
	.menuNewOuterWrapper {
		overflow: hidden;
	}
	.HeaderPhone {
		font-size: 4vw;
	}
	.menuMainBlockWithImagesLeftImage {
		max-width: 140%!important;
		margin-top: -50px;
		margin-left: 50px;
	}
	.menuMainBlockWithImagesRightImage {
		max-width: 180%!important;
		margin-left: -150px;
	}
	.menuMainBlockWithImagesWrapper {
		width: 100%;
		padding-bottom: 30px;
	}
	.menuMainBlockWithImagesWrapper .col-6 {
		width: 70%;
	}
	.menuMainBlockWithImagesWrapper h1 {
		font-size: 6vw;
	}
	.menuMainBlockWithImagesWrapper span {
		font-size: 4vw;
	}
	.menuMainBlockWithImagesRightWrapper {
		padding-top: 52%;
	}
	.menuMainBlockWithImagesLeftWrapper {
		padding-top: 58%;
	}
	.contentWrapper {
		width: 100%;
	}
	.contentWrapper h2 {
		font-size: 7vw;
	}
	.featureBlockSingleItem {
		min-width: 100%!important;
		max-width: 100%!important;
		margin-bottom: 20px;
		aspect-ratio: 16/7;
	}
	.featureBlockSingleItem h3 {
		font-size: 8vw;
	}
	.featureBlockSingleItem  span {
		font-size: 4vw;
	}
	.howToBlockWrapper .col-6 {
		width: 93%;
	}
	.howToBlockWrapper h3 {
		font-size: 6vw;
	}
	.howToBlockWrapper span {
		font-size: 3.5vw;
	}
	.howToBlockSingleItemWithText {
		min-width: 50%;
		max-width: 50%;
		padding: 10px 10px 10px 20px;
	}
	.howToBlockSingleItemWithImage {
		min-width: 50%;
		max-width: 50%;
		padding-bottom: 20px;
	}
	.howToBlockSingleItemMobileWithImage {
		display: inline-block;
	}
	.hideOnMobile {
		display: none;
	}
	.showOnMobile {
		display: inline-block;
	}
	.studentCardMainWrapper {
		flex-direction: column-reverse;
	}
	.studentCardMainWrapper .col-7 {
		width: 100%;
	}
	.studentCardMainWrapper .col-5 {
		width: 100%;
	}
	.studentCardWrapper {
		padding: 30px;
	}
	.studentCardWrapper h3 {
		font-size: 9vw;
	}
	.studentCardWrapper  p {
		font-size: 4vw;
	}
	.studentCardButtonWrapper {
		text-align: center;
	}
	.studentLineWrapper {
		max-width: 100%;
	}
	.urovenName {
		font-size: 3vw;
	}
	.urovenDate {
		font-size: 2.5vw;
	}
	.warrantyFeatureBlockWrapper .col-8 {
		width: 100%;
	}
	.warrantyFeatureBlockWrapper h2 {
		font-size: 7vw;
	}
	.warrantyFeatureBlockWrapper span {
		font-size: 4vw;
	}
	.warrantyFeatureTextBlockWrapper {
		margin: 0px;
	}
	.personalTutorMainWrapper {
		width: 90%;
	}
	.personalTutorMainFlexWrapper {
		flex-direction: column;
	}
	.personalTutorMainFlexWrapper div {
		width: 100%;
	}
	.personalTutorTextBlock h3 {
		font-size: 6vw;
	}
	.personalTutorTextBlock span {
		font-size: 4vw;
	}
	.formBlockInnerWrapper {
		flex-direction: column-reverse;
	}
	.formBlockImagePart {
		width: 100%;
	}
	.formBlockContentPart {
		width: 100%;
	}
	.formBlockContentPart h2 {
		padding-top: 10px;
	}
	.formBlockImagePart img {
		border-radius: 15px 15px 0px 0px;
	}
	.formBlockContentPart li {
		font-size: 3.5vw;
	}
	.formBlockContentPart {
		margin-top: 0px;
		border-radius: 0px 0px 15px 15px;
	}
	.formBlockContentPart .buttonStyleOnButton  {
		font-size: 4vw;
		margin-bottom: 20px;
	}
	.callbackFormButtonWrapper .buttonStyleOnButton{
		font-size: 3.5vw;
		text-align: center;
	}
	.osnovatelBlockInnerWrapper {
		flex-direction: column;
		width: 90%;
	}
	.osnovatelBlockImageWrapper {
		width: 100%;
	}
	.osnovatelBlockImageWrapper {
		padding-bottom: 10px;
	}
	.osnovatelBlockTextWrapper {
		padding-top: 0px;
		width: 100%;
	}
	.osnovatelBlockTextWrapper h2 {
		font-size: 8vw;
		text-align: center;
	}
	.osnovatelBlockBaground h3 {
		font-size: 6vw;
	}
	.osnovatelBlockBaground span {
		font-size: 4vw;
	}
	.osnovatelBlockTextWrapper .flex-row {
		flex-direction: column!important;
	}
	.osnovatelBlockTextWrapper div {
		width: 100%;
	}
	.priceListWrapper .flex-row {
		flex-direction: column-reverse!important;
	}
	.priceListIndividualPricesWrapper {
		width: 100%;
	}
	.priceListIndividualPricesWrapper + div {
		width: 100%;
	}
	.priceListIndividualPricesWrapper h3 {
		font-size: 7vw;
		font-weight: 600;
	}
	.priceListIndividualPricesWrapper span {
		font-size: 4vw!important;
	}
	.priceListIndividualPricesWrapper p {
		font-size: 4vw!important;
	}
	.priceListIndividualPriceItem {
		width: 100%;
		aspect-ratio: 16/5;
	}
	.priceListTextBlock h3 {
		font-size: 6vw;
	}
	.priceListTextBlock li {
		font-size: 3vw;
	}
	.faqInnerWrapper {
		flex-direction: column;
	}
	.faqToggleButtons {
		flex-direction: row;
		width: 100%;
		justify-content: space-around;
	}
	.faqToggleButtons span {
		font-size: 5vw;
		border-width: 0px;
	}
	.faqInnerWrapper .row {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.multi-collapse button {
		font-size: 4vw;
	}
	.accordion-body {
		font-size: 4vw;
	}
	.popupOtzyvWrapper {
		max-width: 90%;
		max-height: 90%;
		min-width: 90%;
		min-height: 90%;
	}
	.popupOtzyvContent p {
		font-size: 4vw;
	}
	.feedLinkWrapper {
		width: 45%;
	}
	.singlePageContent {
		width: 90%;
	}
	.feedPageLink {
		font-size: 6vw;
		line-height: 6vw;
		padding-bottom: 15px;
	}
	.popupWrapper {
		min-width: 95%;
		max-width: 95%;
	}
	.popupButtonWrapper.buttonStyleOnButton {
		font-size: 4vw;
	}
	.callbackFormButtonWrapper .popupButtonWrapper.buttonStyleOnButton {
		width: 70%;
	}
}