@media (min-width: 769px) and (max-width: 1025px) {

	.coursesBoxWrapper {
		width: 33.3%;
	}

}

@media (max-width: 768px) {

	.domainsWrapper {
		width: 100%;
		height: 23.3333vh;
	}

	.domain1 {
		height: 30vh;
	}

	.domainsWrapper:hover {
		transform: scale(1);
	}

	.domainName {
		text-orientation: initial;
		writing-mode: initial;
		letter-spacing: normal;
		font-size: 28px;
		left: 15px;
	}

	.burgerWrapper {
		right: 15px;
		top: 15px;
	}

	.socialIconsWrapper {
		left: 15px;
		top: 15px;
	}

	.socialIconsWrapper li {
		display: inline-block;
		list-style: none;
		padding: 0;
	}

	.logoWrapper {
		width: 100px;
		top: 10px;
	}

	.burgerMenuWrap {
		width: 100%;
	}

	/*Header*/

	.m-mt-10 {
		margin-top: 10px;
	}

	.mr-40 {
		margin-right: 0;
	}

	.pageDescrButtons .gradientButton, .pageDescrButtons .eventsGradientButton, .pageDescrButtons .trattoriaGradientButton {
		margin-top: 10px;
	}

	.pageDescr {
		margin-top: 20px;
	}

	.pageDescrTitle {
		font-size: 24px;
	}

	.pageDescr {
		font-size: 14px;
	}

	.pageDescrButtons {
		margin-top: 20px;
		flex-direction: column;
		align-items: center;
	}

	.mouseAnimation {
		/*display: none;*/
		bottom: 80px;
	}

	.companiesWrapper {
		bottom: 0;
	}

	.pricesWrapper {
		height: auto;
	}

	.pricesBoxWrapper {
		padding: 25px 0;
	}

	.pricesBox {
		width: 100%;
		padding: 10px 0;
	}

	.pricesBoxMedium {
		width: 100%;
	}

	.pricesBoxBig {
		width: 100%;
	}

	.backImage {
		display: none;
	}

	.pricesTitle {
		float: none;
		text-align: center;
	}

	.monthlyBox .gradientButtonSmall, .dailyBox .gradientButtonSmall {
		display: flex;
		margin: 0 auto;
	}

	.dailyBox .gradientButtonSmall::before, .monthlyBox .gradientButtonSmall::after {
		display: none;
	}

	.offerBox {
		width: 100%;
		padding: 12.5px;
		overflow-x: scroll;
	}

	.offerBox th, .offerBox td {
		text-align: center;
	    padding: 5px 10px;
	}

	.fitnessOfferBox th:last-of-type, .fitnessOfferBox td:last-of-type {
		text-align: center;
	}

	.coursesWrapper {
		margin: 0;
		padding: 25px 0;
	}

	.coursesBoxWrapper {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}

	.coursesBox {
		height: auto;
		margin: 10px 0;
		padding: 20px;
	}

	.priceBoxText {
		padding: 0;
		margin-top: 10px;
	}

	.coursesButton {
		margin-top: 20px;
	}

	.numbersWrapper {
		height: auto;
	}

	.numbersCircleWrapper {
		display: block;
	}

	.numbersCircleBox {
		padding: 10px;
	}

	.testimonialBoxWrapper {
		padding-top: 50px;
		padding-bottom: 80px;
	}

	.testimonialBackImage {
		width: 100%;
	}

	.testimonialBox {
		width: 100%;
	}

	.testimonialTitle {
		font-size: 28px;
	}

	.testimonialBackText {
		font-size: 48px;
	}

	.testimonialImagesWrapper {
		margin-top: 20px;
	}

	.testimonialImages {
		width: 100%;
	}

	.testimonialResultsWrapper {
		position: static;
		margin-top: 20px;
		z-index: initial;
	}

	.testimonialResults {
		width: 100%;
	}

	.smallSectionWrapper {
		height: auto;
		background-position: center center;
	}

	.smallSectionContent {
		display: block;
		height: auto;
		padding: 30px 0;
		text-align: center;
	}

	.smallSectionText {
		display: block;
		font-size: 22px;
		margin-right: 0;
		margin-bottom: 10px;
		line-height: 1.1;
	}

	.sectionTitle {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 25px;
	}

	.trainerContent {
		margin-left: 15px;
		margin-right: 15px;
	}

	.trainerText {
		padding: 30px 20px;
	}

	.trainer-text , .trainerTextRight {
		text-align: center;
	}

	.trainerText h1 {
		font-size: 32px;
		text-align: center;
	}

	.trainerText p {
		margin-top: 20px;
		font-size: 14px;
	}

	.trainerBackText {
		display: none;
	}

	.trainerImage {
		/*position: relative;
		width: 100%;*/
		display: none;
	}

	.bx-wrapper .bx-prev {
		left: -15px;
	}

	.bx-wrapper .bx-next {
		right: -15px;
	}

	.sportSlider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: 0;
	}

	.eventsSlider .bx-wrapper .bx-prev {
		left: 0;
	}

	.eventsSlider .bx-wrapper .bx-next {
		right: 0;
	}

	.eventsSlider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: 10px;
	}

	.trainerBehindShape {
		display: none;
	}

	.footer {
		padding: 0 0 25px 0;
	}

	.footerText {
		padding-top: 25px;
		text-align: center;
	}

	.footerTextTitle {
		margin-bottom: 10px;
	}

	.footerLogo {
		width: 50%;
		margin: 0 auto;
		padding-top: 25px;
	}

	.smallSectionButton {
		margin-top: 10px;
	}

	.offerBoxIcon img {
		width: 75%;
	}

	/*Trattoria*/

	.trattoriaPageDescrTitleTop {
		font-size: 38px;
	}

	.trattoriaPageDescrTitleBottom {
		font-size: 20px;
		letter-spacing: normal;
	}

	.trattoriaAboutUsTitleTop {
		font-size: 38px;
	}

	.aboutUsContent {
		width: 100%;
		padding: 20px 30px 50px 30px;
		text-align: center;
	}

	.trattoriaAboutUsContent {
		padding: 15px; 
	}

	.aboutUsImage {
		width: 100%;
		padding: 0;
	}

	.foodCarouselImageHoverWrapper {
		display: none!important;
	}

	.meetChef {
		margin: 20px 10px;
	}

	.meetChefText {
		width: 100%;
		margin-top: 25px;
		margin-bottom: 0;
	}

	.meetChefTitle {
		font-size: 64px;
		top: -25px;
	}

	.meetChefSubtitle {
		padding: 0;
		font-size: 34px;
	}

	.meetChefDescr {
		line-height: inherit;
		margin-right: 0;
		margin-bottom: 0;
	}

	.whyDescr {
		padding: 0;
	}

	.whyImagesWrapper {
		display: block;
		margin-top: 0;
	}

	.whyImageBox {
		margin-top: 20px;
	}

	.whyImageDescr {
		margin-top: 10px;
	}

	.trattoriaContactWrapper {
		margin: 0;
	}

	.trattoriaContactRight {
		width: 100%;
	}

	.trattoriaContactText {
		padding: 30px 15px;
		margin: 0;
	}

		/*New Home Page*/

	.homePageDomainActive {
		width: 60%;
		padding-left: 15px;
	}

	.homePageDomain h2 {
		font-size: 28px;
		letter-spacing: 5px;
	}

	.siteTitleBehind {
		font-size: 48px;
		left: 25px;
		top: -30px;
	}

	.homePageSubdomain {
		margin-left: 0;
	}

	.homePageSubdomain li {
		display: block;
	}

	a.homePageSubdomainName {
		padding: 2.5px;
	}

	.homePageMenuWrapper {
		width: 40%;
		padding-right: 0;
	}

	a.homePageMenuItemsActive {
		padding-right: 10px;
	}

	/* General */

	.leftBox {
		float: none;
		direction: ltr;
		padding-right: 0;
	}

	.rightBox {
		float: none;
		direction: ltr;
		padding-left: 0;
	}

	.rightBox .offerBox {
		float: none;
	}

	.smallSectionWrapperEvenSmaller {
		border-radius: 0;
	}

	.headerWrapper {
		display: block;
	}

	.pageDescrWrapper {
		margin-top: 100px;
	}

	.coursesMenu li a {
		font-size: 16px;
		padding: 5px;
	}

	.sportCourses {
		height: auto;
	}

	.poolOfferBoxDescr {
		margin-top: 0;
	}

	.newsSection {
		margin-top: 20px;
	}

	.newsSectionBody {
		padding: 25px 0;
	}

	.newsSectionBoxLeft, .newsSectionBoxRight {
		padding: 20px;
	}

	.newsSectionBox {
		width: 90%;
	}

	.newsSectionImage {
		width: 100%;
	}

	.galleryItem {
		padding-bottom: 31%;
	}

	.modal-dialog {
		width: 100%;
	}

	.modal-header {
		line-height: 1.1;
		padding: 0;
	}

	.modal-body {
		padding: 15px;
	}

	textarea.modalInput {
		height: 100px;
		resize: none;
	}

	/*[class*="hint--"]::after, [class*="hint--"]::before {
		display: none;
	}*/

	.closeVideo {
		right: 0;
		top: -30px;
	}

	.closeModal {
		right: 0;
		top: 0;
	}

	.eventsPageDescrTitleTop {
		font-size: 38px;
	}

	.eventsPageDescrTitleBottom {
		letter-spacing: normal;
		font-size: 20px;
	}

	.eventsAboutUsTitleTop {
		font-size: 38px;
	}

	.aboutUsTitleBottom {
		margin-left: 0;
		font-size: 20px;
	}

	.aboutUsDescr {
		line-height: 1.4;
		text-align: left;
	}

	.whyContent {
		padding: 30px 15px;
	}

	.whyTitleTop {
		font-size: 38px;
	}

	.whyTitleBottom {
		font-size: 20px;
		letter-spacing: normal;
	}

	.whyDescr {
		line-height: 1.4;
		text-align: left;
	}

	.whyImageBox {
		width: 100%;
	}

	.eventsContactWrapper {
		margin: 0;
	}

	.eventsContactRight {
	    float: none;
	    width: 100%;
	}

	.eventsContactText {
		padding: 30px 15px;
		margin: 0;
	}

	.eventsContactFormTitle {
		font-size: 18px;
	}

	.eventsContactLeft {
		display: none;
	}

	.eventsDetails {
		margin: 0;
	}

	.eventsDetailsLeft {
		width: 100%;
	}

	.eventsDetailsRight {
		display: none;
	}

	.eventsDetailsText  {
		padding: 15px;
		margin: 20px 0;
	}

	.eventsDetailsTitleTop {
		font-size: 38px;
		text-align: center;
	}

	.eventsDetailsTitleBottom {
		margin-left: 0;
		font-size: 20px;
		text-align: center;
	}

	.eventsDetailsText p {
		font-size: 16px;
		line-height: 1.4;
	}

	.massageAbout {
		margin: 40px 0;
	}

	.massageAboutRight {
		width: 100%;
		float: none;
		padding: 0 15px;
	}

	.massageAboutText {
		padding: 0;
		margin: 0;
	}

	.saunaAbout {
		margin: 20px 0;
	}

	.saunaAboutRight {
		width: 100%;
		float: none;
	}

	.saunaAboutLeft {
		display: none;
	}

	.saunaAboutText {
		padding: 15px;
		margin: 0;
	}

	.beautyAbout {
		margin: 20px 0;
	}

	.beautyAboutRight {
		width: 100%;
		float: none;
	}

	.beautyAboutLeft {
		display: none;
	}

	.beautyAboutText {
		padding: 15px;
		margin: 0;
	}

	.pricesTitle {
		font-size: 24px;
	}

	.pricesBoxWrapperSmall .row {
		margin-top: 0;
	}

	.pricesBoxWrapperSmall {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/* Sport Corporate */

	.sportDetails {
		margin: 0;
	}

	.sportDetailsLeft {
		width: 100%;
	}

	.sportDetailsRight {
		display: none;
	}

	.sportDetailsText  {
		padding: 15px;
		margin: 20px 0;
	}

	.sportDetailsTitleTop {
		font-size: 38px;
		text-align: center;
	}

	.sportDetailsText p {
		font-size: 14px;
	}

	/* News Boxes */

	.newsSectionBoxTitle {
		font-size: 24px;
	}

	.newsSectionBoxText {
		font-size: 14px;
	}

	.newsDetails {
		margin: 25px 0;
	}

	.newsDetailsLeftText, .newsDetailsRightText {
		width: 90%;
	}

	.newsDetailsText {
		padding: 20px;
	}

	.newsDetailsRightText .newsDetailsText {
		padding: 20px;
	}

	.newsDetailsTitleTop {
		font-size: 32px;
	}

	.newsDetailsRightImage {
		width: 100%;
	}

	.newsDetailsLeftImage {
		width: 100%;
	}

	/* Wedding */

	.weddingSmallImagesBoxes {
		width: 50%;
	}

	/* Contact */

	.contactWrapper {
		margin: 25px 0;
	}

	.contactInfoBody {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#map {
		width: 100%;
		padding-bottom: 100%;
		position: static;
		margin-top: 25px;
	}

}