@media only screen and (max-width: 1280px) {
	h1, .h1 {font-size: 38px;line-height: 44px;}
	.top .nav ul li {margin: 0 7px;}
	.top .nav {width: calc(85% - 60px);}
	.top .phone {width: 50px;margin: 0}
	.promo .caption .typewritter {max-width: 760px;font-size: 50px;line-height: 56px;}
	.sections .image .caption {font-size: 21px;line-height: 24px;}
	.sections .image .caption:after {bottom: 2px;width: 50px;}
	.miceBlock .slide .title {width: calc(105% - 60px);}
	.footer .call {font-size: 18px;}
	.miceBlock .slider .slick-track {display: flex;}
	.portfolio .title {margin: 0 0 15px;}
	.portfolio .image img {width: 120%;}

	.guideBanner .caption .title {font-size: 32px;line-height: 38px;}

}

@media only screen and (max-width: 960px) {
	h1, .h1 {font-size: 32px;line-height: 38px;}
	h2, .h2 {font-size: 24px;line-height: 29px;}
	h3, .h3 {font-size: 18px;line-height: 23px;}
	p {font-size: 13px;line-height: 19px;}
	.about ul.advantages li p {font-size: 13px;line-height: 19px;}
	.top .nav ul li {margin: 0 4px;}
	.top .nav ul li a {font-size: 13px;line-height: 19px;}
	.promo .caption {top: 140px;}
	.promo .caption .typewritter {max-width: 600px;font-size: 40px;line-height: 46px;}
	.sections .image .caption {font-size: 16px;line-height: 20px;}
	.sections .image .caption:after {height: 10px;right: -35px;bottom: 5px;}
	.about ul.advantages li .title {width: 90%;font-size: 16px;line-height: 20px;margin: 0 0 10px;}

	.inlineForm form {width: 100%;}
	.footer .note {width: calc(50% - 20px);}
	.footer .phone {width: 50%;}
	.catalog .tabMenu .btn {margin: 0 10px 10px 0;padding: 10px 15px;font-size: 13px;}
	.about ul.advantages li .icon img {max-width: 70px;}
	.guideBanner .caption {width: 50%;}
	.guideBanner .caption .title {font-size: 32px;line-height: 38px;}
	.guideBanner .caption p {font-size: 14px;}
}

@media only screen and (max-width: 768px) {
	.top .burger {display: inline-block;}
	.top .logo {width: calc(25% - 10px);}
	.top .nav {width: calc(75% - 100px);}
	.top .nav ul {display: none}
	.top .logo img {max-width: 100px;}

	.promo img {width: 120%;}
	.promo .caption {top: 120px;}
	.promo .caption .typewritter {max-width: 400px;font-size: 30px;line-height: 40px;}
	.dumb {height: 60px;}
	.sections ul.threeColumns li {width: 49%; margin: 0 2% 20px 0}
	.sections ul.threeColumns li:nth-child(2) {width: 49%; margin: 0 0 20px 0}
	.sections ul.threeColumns li:nth-child(3) {width: 100%; margin: 0 0 20px 0}

	.sections ul.threeColumns li:nth-child(3) .image img {width: 100%;}
	.sections .image:before { position:absolute;content:'';left:0;top:0;bottom:0;right:0;width:100%;height: 100%;background:#000;opacity:0.3}
	.sections .image img { height: 135px; opacity: 0}
	.about ul.fourColumns li {width: 49%; margin: 0 2% 20px 0}
	.about ul.fourColumns li:nth-child(2n) {width: 49%; margin: 0 0 20px 0}

	.inlineForm ul.threeColumns li {width: 49%; margin: 0 2% 20px 0}
	.inlineForm ul.threeColumns li:nth-child(2) {width: 49%; margin: 0 0 20px 0}
	.inlineForm ul.threeColumns li:nth-child(3) {width: 100%; margin: 0 0 20px 0}
	.inlineForm select {width: 100%;}
	.inlineForm input[type="text"] {width: calc(100% - 34px);}
	.inlineForm label {position: absolute;left: 0;bottom: 58px;}

	.portfolio ul.twoColumns li {vertical-align: middle; width: 100%; margin: 0 auto 20px;}
	.portfolio ul.twoColumns li:nth-child(2n) {width: 100%;margin: 0 auto 20px;}
	.portfolio .image img {width: 80%;}
	.portfolio ul.twoColumns li:nth-child(1) {order:1}
	.portfolio ul.twoColumns li:nth-child(2) {order:2}

	.portfolio ul.twoColumns li:nth-child(3) {order:3}
	.portfolio ul.twoColumns li:nth-child(4) {order:4}

	.portfolio ul.twoColumns li:nth-child(5) {order:5}
	.portfolio ul.twoColumns li:nth-child(6) {order:6}

	.portfolio ul.twoColumns li:nth-child(7) {order:7}
	.portfolio ul.twoColumns li:nth-child(8) {order:8}

	.portfolio ul.twoColumns li:nth-child(9) {order:9}
	.portfolio ul.twoColumns li:nth-child(10) {order:10}

	.portfolio ul.twoColumns li:nth-child(11) {order:11}
	.portfolio ul.twoColumns li:nth-child(12) {order:12}

	.portfolio ul.twoColumns li:nth-child(13) {order:13}
	.portfolio ul.twoColumns li:nth-child(14) {order:14}

	.portfolio ul.twoColumns li:nth-child(15) {order:15}
	.portfolio ul.twoColumns li:nth-child(16) {order:16}

	.inner {padding: 30px 0 0;}
	.catalog .tabMenu .btn {padding: 5px 10px;margin: 0 5px 10px 0;}

	.catalog ul.catalogList li {width: 49%; margin: 0 2% 20px 0}
	.catalog ul.catalogList li:nth-child(3n) {width: 49%; margin: 0 2% 20px 0}
	.catalog ul.catalogList li:nth-child(2n) {width: 49%; margin: 0 0 20px 0}

	.card ul.twoColumns li {width: 100%; margin: 0 auto 10px;}
	.card ul.twoColumns li:nth-child(2n) {width: 100%; margin: 0 auto 10px;}
	.card .image img {width: 100%;}

	.aboutTeam ul.fourColumns li {width: 49%; margin: 0 2% 20px 0}
	.aboutTeam ul.fourColumns li:nth-child(2) {width: 49%; margin: 0 0 20px 0}

	.contacts ul.twoColumns li:nth-child(1) {width: 100%;margin: 0 0 20px 0;}
	.contacts ul.twoColumns li:nth-child(2) {width: 100%;margin: 0 0 20px 0;}

	.error404 .e404 {font-size: 200px;}




	ul.twoColumns.hotelsList li:nth-child(n) {width: 100%; margin: 0 auto 20px}

	ul.hotelsInnerList li:nth-child(n) {width: 100%; margin: 0 auto 20px}
	ul.hotelsInnerList .slide img {width: 60%;}
	ul.hotelsInnerList .slick-slider {margin-bottom: 30px;}
	ul.hotelsInnerList p{width: 100%;}
	ul.hotelsInnerList li:nth-child(n) {order: initial;}
}

@media only screen and (max-width: 568px) {
	.dumb {height: 50px;}
	.promo img {width: 150%;}
	.promo .caption {top: 100px;}
	.sections .image .caption {bottom: 15px;left: 20px;}
	.sections ul.threeColumns li:nth-child(n) {width: 100%; margin: 0 auto 20px;}
	.sections ul.threeColumns li:nth-child(n) .image img {width: 100%; height: 220px;}



	.guideBanner img {position: relative;right: auto;top: auto; width: 100%;margin-bottom: 40px;max-width: 100%}
	.guideBanner .caption {width: 100%;}

}

@media only screen and (max-width: 492px) {
	h1, .h1 {font-size: 26px;line-height: 31px;}
	.inlineForm .h2 {font-size: 24px;line-height: 30px;}
	h3, .h3 {font-size: 16px;line-height: 21px;}
	.inlineForm label {bottom: 50px;}
	.inlineForm button {width: 100%;margin: 0 auto;}
	.footer .note {width: 100%;margin: 0 auto 20px; text-align: center;}
	.footer .phone {width: 100%;margin: 0 auto 20px; text-align: center;}
	.footer .call {text-align: center;}
	.footer .link {text-align: center;}
	.catalog ul.catalogList li:nth-child(n) {width: 100%;margin: 0 0 20px 0;}
	.contacts ul.twoColumns li:nth-child(2n) {width: 100%;margin: 0 0 20px 0;}

	.aboutTeam .image {width: 100%;}
	.aboutTeam ul.fourColumns li:nth-child(n) {width: 100%;margin: 0 0 20px 0;}
	.aboutTeam ul.fourColumns li:nth-child(2n) {width: 100%;margin: 0 0 20px 0;}
	.top .logo img {margin: 7px 0;}

	.top .logo {width: calc(35% - 10px);}
	.top .nav {width: calc(65% - 100px);}
	.error404 .e404 {font-size: 120px;line-height: 100px;}
	ul.hotelsInnerList .slide img {width: 70%;}

	.guideBanner .caption .title {font-size: 26px;line-height: 32px;}
	
}

@media only screen and (max-width: 375px) {
	.promo .caption {top: 80px;}
	.promo .caption .typewritter {font-size: 20px;line-height: 30px;}
	.inlineForm ul.threeColumns li:nth-child(n) {width: 100%; margin: 0 auto 10px;}
	.inlineForm ul.threeColumns {margin: 0 0 50px;}
	.portfolio .title {font-size: 18px;line-height: 22px;}
	.portfolio .image img {width: 100%;}
	.card .image img {width: 100%;}
	
}

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

	
}