/* Large Screens (Desktops) */

@media only screen and (max-width : 1440px) {
	#header:after,
	#slider .slides li:after,
	#childParent:before,
	#childParent:after,
	#contactUs:before,
	#footer:before,
	#childParent:before {
		background-size: 1440px 100%;
	}
}

@media only screen and (max-width : 1430px) {
	.section {
		max-width: 1200px;
	}

	#mainWrapper {
		padding-top: 147px;
	}

	#header .section {
		height: 148px;
		padding-top: 15px;
	}

	#header:after {
		height: 40px;
		bottom: -39px;
	}

	#header .tree {
		left: 0;
		width: 180px;
	}

	body.scrolled #header .tree {
		width: 150px;
	}

	#header .logo {
		width: 560px;
	}

	#slider .slides li:before {
		right: -155px;
		width: 351px;
	}

	#slider .slides li:after {
		height: 40px;
	}

	#slider .slides li .overlay .text {
		font-size: 15px;
	}

	#intro .section {
		padding-top: 60px;
	}

	#intro .links li {
		font-size: 34px;
	}

	#intro .imageText .text {
		width: 583px;
	}

	#childParent .tree {
		right: -393px;
	}

	#ourRooms .image {
		margin-left: 45px;
	}

	#ourRooms .text {
		margin-right: 50px;
	}

	#contactUs .section {
		padding-bottom: 70px;
	}

	#contactUs .facebook {
		margin-left: 45px;
	}

	#footer:before {
		height: 50px;
		top: -48px;
	}

}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}

	#mainWrapper {
		padding-top: 127px;
	}

	#header .section {
		height: 128px;
	}
	
	#header .logo {
		width: 440px;
	}

	#header .tree {
		width: 150px;
	}

	body.scrolled #mainWrapper {
		padding-top: 111px;
	}
	
	body.scrolled #header .section {
		height: 112px;
	}

	body.scrolled #header .logo {
		width: 370px;
	}

	body.scrolled #header .tree {
		width: 129px;
	}

	#header #navigation ul li {
		margin-left: 9px;
		margin-right: 9px;
	}

	#header .socials li a {
		width: 30px;
		height: 30px;
	}

	#header .socials li a img {
		height: 17px;
	}

	#slider .slides li:before {
		right: -113px;
		width: 284px;
	}
	
	#slider .slides li .overlay .text {
		font-size: 12px;
	}

	#intro .section {
		padding-top: 55px;
		padding-bottom: 55px;
	}
	
	#intro .links {
		margin-bottom: 75px;
	}

	#intro .links li {
		font-size: 30px;
	}

	#intro .imageText .text {
		width: 521px;
	}

	#intro .imageText .image {
		font-size: 12px;
	}

	#childParent .text {
		margin-left: 20px;
		margin-right: 20px;
	}

	#childParent .tree {
		right: -429px;
	}

	.multiSlides li .text {
		padding-left: 15px;
		padding-right: 15px;
	}

	.multiSlides li .text .ico {
		width: 80px;
		height: 75px;
		top: -69px;
		margin-left: -40px;
	}

	.multiSlides li .text:before {
		height: 191px;
		top: -43.5px;
	}

	#ourRooms .text {
		margin-right: 0;
		width: 541px;
	}

	#ourRooms .image {
		margin-left: 0;
		width: 23.235294em;
	}

	#contactUs .facebook {
		width: 429px;
		margin-left: 0;
	}

	#contactUs .form {
		width: 500px;
		padding-bottom: 30px;
	}
	
	#contactUs .form .fields {
		margin-left: -10px;
		margin-right: -10px;
	}

	#contactUs .form .fields .field {
		padding-left: 10px;
		padding-right: 10px;
	}

	#footer:before {
		height: 35px;
		top: -34px;
	}

	#footer .logo {
		margin-bottom: 20px;
	}

	#footer .contacts {
		font-size: 20px;
		margin-bottom: 37px;
	}

	#footer .contacts .socials {
		margin-left: 13px;
	}

	#footer .contacts .socials li a {
		width: 40px;
		height: 40px;
	}

	#footer .contacts .socials li img {
		height: 20px;
	}

	.heading {
		font-size: 38px;
	}

}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .section {
		padding-top: 19px;
	}

	#header .logo {
		width: 410px;
	}

	#header #navigation ul li {
		margin-left: 6px;
		margin-right: 6px;
	}

	#slider .slides li .overlay .text {
		font-size: 9px;
	}
	
	#header .tree {
		width: 137px;
	}

	body.scrolled #header .tree {
		width: 120px;
	}

	#header .socials {
		right: 15px;
	}

	#slider .slides li:before {
		right: -73px;
		width: 207px;
		bottom: -189px;
	}

	#slider .slides li:after {
		height: 30px;
	}

	#intro .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#intro .links {
		margin-bottom: 47px;
	}

	#intro .links li {
		font-size: 20px;
	}

	#intro .imageText .image {
		font-size: 9px;
	}

	#intro .imageText .text {
		width: 374px;
	}

	#childParent .text {
		padding: 40px 30px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#ourRooms .image {
		font-size: 11px;
	}

	#ourRooms .text {
		width: 432px;
	}

	#contactUs .facebook {
		width: 335px;
	}

	#contactUs .form {
		width: 356px;
	}

	#contactUs .form .fields .field.half {
		width: 100%;
	}

	#footer .section {
		padding-top: 10px;
	}

	#footer .contacts {
		font-size: 18px;
		margin-bottom: 26px;
	}

	#footer .contacts .socials {
		margin-left: 7px;
	}

	.heading {
		font-size: 30px;
	}

}

/* Extra Small Screens */

@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}

	#mainWrapper,
	body.scrolled #mainWrapper {
		padding-top: 0;
		transition: -webkit-transform .4s ease;
		-webkit-transition: -webkit-transform .4s ease;
		-o-transition: transform .4s ease;
		transition: transform .4s ease;
		transition: transform .4s ease, -webkit-transform .4s ease;
	}

	#header {
		position: relative;
		border-top: 6px solid #4e6940;
	}

	#header:after,
	body.scrolled #header:after {
		height: 10px;
		bottom: -9px;
	}

	#header .section,
	body.scrolled #header .section {
		height: auto;
		padding-top: 10px;
		padding-bottom: 7px;
	}

	#header #navigation {
		display: none;
	}

	#header .tree,
	body.scrolled #header .tree {
		position: static;
		display: block;
		width: 80px;
		margin: 0 auto 5px;
	}

	#header .logo,
	body.scrolled #header .logo {
		width: 260px;
		margin-bottom: 12px;
	}

	#header .socials {
		position: static;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	#header .socials li {
		margin-left: 5px;
		margin-right: 5px;
	}

	#slider .slides li:before {
		width: 122px;
		bottom: -220px;
	}

	#slider .slides li:after {
		height: 10px;
	}

	#slider .slides li .section {
		padding-top: 0.1em;
	}

	#slider .slides li .overlay .text {
		font-size: 1.3vw;
	}

	#intro .section {
		padding-top: 25px;
		padding-bottom: 25px;
		text-align: center;
	}

	#intro .links li {
		font-size: 16px;
		margin-bottom: 20px;
		margin-left: 5px;
		margin-right: 5px;
	}

	#intro .imageText {
		display: block;
		padding: 0;
	}

	#intro .imageText .text {
		width: 100%;
	}

	#intro .imageText .image {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

	#intro .linkBtn {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 22px;
	}

	#intro .links {
		margin-bottom: 27px;
	}
	
	#content .section {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	#childParent .section {
		display: block;
		padding-top: 80px;
		padding-bottom: 50px;
	}

	#childParent .topCurve {
		width: 230px;
		left: 50%;
		margin-left: -115px;
	}

	#childParent .bottomCurve {
		width: 230px;
		left: 50%;
		bottom: 1px;
		margin-left: -128px;
	}

	#childParent .text {
		max-width: 400px;
		margin: 0 auto 30px;
	}

	#childParent .tree {
		right: -207px;
		bottom: -198px;
		width: 400px;
	}

	#whyChoose .section {
		padding-top: 35px;
	}

	.multiSlides .owl-dots {
		margin-top: 25px;
	}

	.multiSlides .owl-dots .owl-dot {
		margin-left: 5px;
		margin-right: 5px;
		width: 14px;
		height: 14px;
	}

	.introText {
		margin-bottom: 30px;
	}

	#ourRooms {
		margin-bottom: 44px;
	}

	#ourRooms .section {
		display: block;
		text-align: center;
	}

	#ourRooms .text {
		width: 100%;
	}

	#ourRooms .text .linkBtn {
		margin-left: auto;
		margin-right: auto;
	}

	#ourRooms .image {
		font-size: 11px;
		margin: 0 auto 30px;
	}

	#whyChoose {
		margin-bottom: 30px;
	}
	
	#contactUs .section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-top: 75px;
		padding-bottom: 75px;
	}

	#contactUs .form {
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		width: 100%;
		padding-bottom: 35px;
	}

	#contactUs .facebook {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
		
	#contactUs .form .heading {
		text-align: center;
	}

	#contactUs .form .submitBtn {
		margin-left: auto;
		margin-right: auto;
	}

	#contactUs .topCurve {
		width: 230px;
		left: 50%;
		margin-left: -115px;
	}

	#footer .contacts {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		font-size: 15px;
	}

	#footer .contacts .email,
	#footer .contacts .phone {
		margin-right: 0;
		margin-bottom: 15px;
	}

	#footer .contacts .socials li {
		margin-left: 5px;
		margin-right: 5px;
	}

	.linkBtn {
		font-size: 18px;
	}

	.heading {
		font-size: 28px;
	}

}

@media only screen and (max-width : 478px) { 

}

@media only screen and (max-width : 400px) { 
	
}