@media screen and (max-width: 1660px) {
	.cross-bear { width: 100%; }

	.about-sidebar { width: 31vw; }
}

@media screen and (max-width: 1440px) {
	.slide1-current .cross-bear { background: url('../img/cross_bear-ale.png') no-repeat 100%/cover; }
	.slide2-current .cross-bear { background: url('../img/cross_bear-lager.png') no-repeat 100%/cover; }
	.slide3-current .cross-bear { background: url('../img/cross_bear-stout.png') no-repeat 100%/cover; }
	.slide4-current .cross-bear { background: url('../img/cross_bear-wheat.png') no-repeat 100%/cover; }

	.descript-slider { right: calc(19% + 40px); width: 75%; }

	.title-beer { margin-bottom: 2vh; }

	.table { margin-top: 4vh; }

	.footnote { margin-top: 3vh; }

	.beer-slider { width: 19%; }

	.beer-slider .slide { margin: 5vh 0; }

	.slick-prev { top: -9vh; }
	.slick-next { bottom: -9vh; transform: rotate(180deg); }

	.contact {
	    position: absolute;
	    top: 0;
	    left: 0;
	    padding-top: 25vh;
	    padding-left: 15vw;
	    width: 50vw;
	    height: 55vh;
	    background: rgba(34, 31, 31, 0.9);
	    z-index: 1;
	}

	.list-beer { width: 95%; }

	.left-block { padding-top: 15%; }

	.left-block p { margin: 0 0 10px; font-size: 12px; }

	.left-block p span { font-size: 16px; }

	.left-block img { margin-top: 3vh; width: 100%; }

	.about-sidebar { width: 31vw; }

	.about-main { margin-right: 3vw; width: 720px; }

	.photo-container { width: 100%; height: 100vh; }

	.photo-block { top: 15vh; height: 572px; }

	.person-1 { left: 39px; top: 156px; width: 167px; height: 167px; }
	.person-2 { left: 34px; top: 384px; width: 148px; height: 148px; }
	.person-3 { left: 246px; top: 266px; width: 200px; height: 200px; }
	.person-4 { left: 423px; top: 143px; width: 110px; height: 110px; }
	.person-5 { left: 512px; top: 254px; width: 180px; height: 180px; }
	.person-6 { left: 283px; top: 36px; width: 125px; height: 125px; }
	.person-7 { left: 535px; top: 472px; width: 80px; height: 80px; }

	.slide-container { top: 60%; width: 80%; }

	.slide-container iframe { height: 400px; }

	.modal.modal-slideshow .modal-dialog { top: 60%; }
}

@media screen and (max-width: 1280px) {
	.left-block { padding-top: 20%; }

	.beer-6 img { height: 45vh; }
	.beer-9 img { height: 25vh; }
	.beer-12 img{ height: 25vh; }
}

@media screen and (max-width: 1366px) and (max-height: 800px) {
	#logo img {
		width: 184px;
	}
}

@media screen and (max-width: 1024px) {
	html { font-size: 1.5625vw; }

	.right-block .right-block { padding-right: 0% !important; }
}

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

	.navbar-toggle { display: inline-block; }

	.age button {
		text-align: center;
		margin: 0px;
		padding: 0px;

		width: 40%;
	}

	// html, body {
	// 	position: relative;
	// 	overflow: hidden;
	// }
	.html-index {
		position: relative;
		overflow: hidden;
	    height: 100%;
	}
	.html-index body {
	    position: relative;
    	overflow: hidden;
	    height: 100%;
	}
	.html-index main {
	    height: 100%;
	}
	.slide1-current .cross-bear {
        background-position: 74% -67%;
    	background-size: 229% 79%;
	}
	// #main-gears {
	//     // top: 22%;
	//     top: inherit;
	//     bottom: -24%;
	//     left: -5%;
	//     -moz-transform: rotate(-90deg); /* Для Firefox */
	//     -ms-transform: rotate(-90deg);  Для IE 
	//     -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
	//     -o-transform: rotate(-90deg); /* Для Opera */
	//     transform: rotate(-90deg);

	//     display: inline-block;
		
	// }
	#main-gears {
	    // top: 22%;
	    top: inherit;
	    bottom: -42.5vh;
	    left: 34vh;
	    -moz-transform: rotate(-90deg); /* Для Firefox */
	    -ms-transform: rotate(-90deg); /* Для IE */
	    -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
	    -o-transform: rotate(-90deg); /* Для Opera */
	    transform: rotate(-90deg);

	    display: inline-block;
		
	}
	#main-gears {
		// height: 300.5vw;
	}
	#main-gears canvas {
	     /*width: 100% !important;
	     height: 100% !important;*/
	    width: 216px !important;
	    width: 26vw !important;
	    height: 800px !important;
	    height: 119vw !important;

	    /*object-fit: fill;
	    object-position: 50% 50%;*/
	}
	.social-main {
	    width: 179px;
	    width: 23.375vw;
        left: 50%;
	    padding: 0;
	    margin-left: -90px;
	    margin-left: -11.75vw;
	    margin-left: -6vh;
	    top: inherit;
    	bottom: -1px;
    	bottom: -5.125vw;
    	z-index: 10;
	}
	.social-main a img {
		width: 100%;
		vertical-align: top;
	}
	.social-main a {
		width: 31px;
		width: 3.875vw;
		height: 3.875vw;
		margin: 0.625vw;
	    vertical-align: top;
        float: left;
	    display: inline-block!important;
	}
	/* // .social-main a:first-child {
	// 	float: left;
	// 	width: 95px;
	// 	width: 11.875vw;
	// 	height: 68px;
	// 	height: 68px;
	// 	background: url(../img/soc-yt-hover2.png);
	//     filter: grayscale(100%);
	// } */
	.social-main a:first-child {
		float: left;
		width: 95px;
		width: 11.875vw;
		height: 68px;
		height: 8.5vw;
		background: url(../img/soc-yt-hover2.png);
		background-size: 100%;
	    filter: grayscale(100%);
	}
	.social-main a:first-child:hover {
	    filter: grayscale(0);
	}
	.social-main a:first-child img {
		display: none;
	}
	.social-main a:last-child {
		margin-top: 0;
		margin-bottom: 0;
	}
	.index-menu {
		display: none;
	}
	.navbar-collapse.in {
	    display: inline-block;
	    width: 100%;
	    padding: 200px 44px 50px;
	    padding: 25vw 5.5vw 6.25vw;
	    right: 0;
	    margin-right: 0;
	    background: #221f1f;
	}
	.navbar-collapse .nav-pills > li {
	    height: 13vh;
	}
	.navbar-collapse .nav-pills > li > a h1 {
	    font: 5.25vw/5vw "BanderaPro-Heavy", Verdana, sans-serif;
	    padding: 0;
	    left: 38px;
	    left: 4.75vw;
	}
	.navbar-default {
		display: inline-block;
	    position: absolute;
	    top: 76px;
	    top: 9.5vw;
	    right: 50px;
	    right: 6.25vw;
	    z-index: 11;
	}
	.navbar-toggle .icon-bar + .icon-bar {
	    margin-top: 9px;
	    margin-top: 1.525vw;
	}
	.navbar-toggle .icon-bar {
	    display: block;
	    width: 28px;
	    // width: 7.25vw;
	    height: 4px;
	    // height: 1vw;
	    border-radius: 0px;
	}
	.index .container-fluid {
	    padding: 200px 50px 0;
	    padding: 25vw 6.25vw 0;
	    display: table;
	    width: 100%;
	}
	.index .container-fluid .row {
		margin: 0;
	}
	.main-banner .banner-slider {
        width: 84.1vw;
        height: auto;
        margin: 0px;
	}
	.main-banner {
	    position: inherit;
		top: inherit;
	    transform: none;
	    width: 100%;
        padding: 5px;
	}
	.main-banner .logo,
	#logo {
	    display: inline-block;
	    position: absolute;
	    top: 6.125rem;
	    left: 50%;
	    margin: 0;
	    width: 24.1875rem;
	    height: 3.25rem;
	    transform: translate(-50%, 0);
	    z-index: 12;
	}
	#logo img {
		width: 100%;
		height: 100%;
	}
	main::after {
		display: none;
	}
	.banner-slider .slick-slide {
		height: 84.1vw;
	}
	.slick-dots {
	    bottom: -43px;
	    bottom: -13.4375vw;
	}
	.slick-dots li {
	    width: 14px;
	    width: 4.375vw;
	    height: 14px;
	    height: 4.375vw;
	}
	.slick-dots li button {
		width: 6px;
		width: 1.875vw;
    	height: 6px;
    	height: 1.875vw;
	}

	#other-gears {
		display: none;
	}
	header {
	    position: relative;
	    width: 100%;
	    left: 0;
	    top: 0;
	    height: 38vw;
	    pointer-events: none;
	}
	header .container-fluid { pointer-events: auto; }
	.beer-all {
		overflow: auto;
		overflow-x: hidden;
	}
	.right-block {
		height: auto;
		overflow-y: visible;
	}
	.text-4, .beer-4 {
		width: 100%;
		max-width: 100%;
	}
	.text-4 {
		padding: 325px 100px 25px;
		padding: 38vw 0 0;
		position: relative;
	}
	.right-block .beer-block { opacity: 1; }
	.text-4 p {
		position: absolute;
    	bottom: 0;
		z-index: 2;
		background: rgba(34, 31, 31, 0.9);
		margin: 0;
		padding: 0 0 10px;
		padding: 3.125vw 12.5vw 3.125vw;
	}
	.list-beer {
	    width: 100%;
	    padding: 0;
	    right: 0;
	}
	.beer-all .row {
		margin: 0;
	}
	.beer-all main {
		height: -webkit-fill-available;
	}
	.beer-all .col-md-12 {
		padding: 0;
	}
	.beer-block {
		width: 50%;
	}
	.beer-block a {
		width: 100%;
	}
	.beer-block img {
	    height: auto;
    	width: 100%;
	}
	.left-block img {
		margin: 0;
		// position: absolute;
		// top: 37.5vw;
		// right: 0;
		z-index: 1;
		width: auto;
		height: 600px;
		height: 75vw;
	}
	.other-main {
	    /*background: #221f1f url(../img/bg.jpg) no-repeat 22%/cover;*/

	    background: #221f1f url(../i/bird.png) no-repeat left center;
	    background-size: 80%;
	}
	.about-sidebar {
	    width: 100%;
	    position: absolute;
	    bottom: 50px;
	    bottom: 6.25vw;
	    padding: 0 6.25vw;
	}
	.contacts main, .brewery main {
		height: -webkit-fill-available;
	}
	.about-main {
		width: 100%;
		margin: 0;
	}
	.about-main .slide {
		height: 550px;
		height: 112.75vw;
		padding-top: 38.75vw;
	}
	.about-sidebar .side-block {
		height: 224px;
		height: 28vw;
	}
	.about-sidebar .side-block h1 {
	    margin: 18px auto 0;
	    margin: 2.5vw auto 0;
	    font: 3.75vw "BanderaPro-Bold", Arial, sans-serif;
	}
	.about-sidebar .side-block div {
		height: 75px;
		height: 9.375vw;
	}
	.slide-container iframe {
		height: auto;
	}
	.photo-container, .photo-block {
		height: 100%;
	}
	.photo-block {
		position: relative;
	    top: -14vw;
	}
	.person-1 {
	    left: 28px;
	    left: 8.75vw;
    	top: 64px;
    	top: 20vw;
	    width: 71px;
	    width: 22.1875vw;
	    height: 22.1875vw;
	}
	.person-2 {
	    left: 27px;
	    left: 8.4375vw;
	    top: 159px;
	    top: 49.6875vw;
	    width: 62px;
	    width: 19.375vw;
	    height: 62px;
	    height: 19.375vw;
	}
	.person-3 {
        left: 112px;
        left: 35vw;
	    top: 108px;
	    top: 33.75vw;
	    width: 86px;
	    width: 26.875vw;
	    height: 86px;
	    height: 26.875vw;
	}
	.person-4 {
	    left: 186px;
	    left: 58.125vw;
	    top: 58px;
	    top: 18.125vw;
	    width: 48px;
	    width: 15vw;
	    height: 48px;
	    height: 15vw;
	}
	.person-5 {
	    left: 222px;
	    left: 69.375vw;
	    top: 103px;
	    top: 32.1875vw;
	    width: 77px;
	    width: 24.0625vw;
	    height: 77px;
	    height: 24.0625vw;
	}
	h1 {
	    font-size: 26px;
	    font-size: 8.125vw;
	}
	.person-tip {
	    top: -76px;
	    padding: 7px 10px;
	    min-width: 115px;
	}
	.person-tip h1 {
		font: 12px "BanderaPro-Bold", Arial, sans-serif;
	}
	.person-tip h3 {
		font: 10px/10px "BanderaPro-Light", Arial, sans-serif;
	}
	.person-tip::after {
	    content: '';
	    position: absolute;
	    bottom: -15px;
	    bottom: -4.6875vw;
	    left: 50%;
	    width: 30px;
	    width: 9.375vw;
	    height: 15px;
	    height: 4.6875vw;
	    background: url(../img/tooltip.png) no-repeat 50%/contain;
	    transform: translate(-50%, 0);
	}
	.modal.in .modal-dialog {
	    width: 100%;
    	height: 100%;
	}
	.photo-modal {
		width: 100%;
		height: auto;
	    text-align: center;
	}
	.photo-modal img {
		height: 423px;
		height: 52.875vw;
		width: 52.875vw;
	}
	.text-modal {
		position: relative;
		top: inherit;
		width: 100%;
		transform: none;
	}
	.modal-open .modal {
		background: #221f1f;
	}
	.person-modal .modal-body {
		padding: 200px 100px;
		padding: 25vw 12.5vw;
	}
	.text-modal h1 {
	    font: 36px "BanderaPro-Bold", Arial, sans-serif;
	    font: 4.5vw "BanderaPro-Bold", Arial, sans-serif;
	    margin-bottom: 20px;
	    margin-bottom: 2.5vw;
	    max-width: inherit;
	    margin-top: 47px;
	    margin-top: 5.875vw;
	}
	.text-modal h3 {
		font: 23px/40px "BanderaPro-Light", Arial, sans-serif;
		font: 3.7vw/5vw "BanderaPro-Light", Arial, sans-serif;
	    margin-bottom: 20px;
	    margin-bottom: 2.5vw;
	}
	.text-modal p {
		font: 3.5vw/4vw "BanderaPro-Light", Arial, sans-serif;
	}
	.modal-open .navbar {
		display: none;
	}
	.map {
		width: 100%;
	}
	.contact {
		width: 100%;
		height: 380px;
		height: 47.5vw;
		padding: 200px 0 0;
		padding: 23vw 0 0;
		text-align: center;
	}
	.contact h1 {
		font-size: 37px;
		font-size: 4.625vw;
		padding: 14px 0;
		padding: 1.75vw 0;
		border-top: 2px solid #f99d1c;
		border-top: 0.25vw solid #f99d1c;
		border-bottom: 2px solid #f99d1c;
		border-bottom: 0.25vw solid #f99d1c;
		display: inline-block;
		margin-bottom: 24px;
		margin-bottom: 3.125vw;
	}
	.contact p {
		font: 2.875vw/4.875vw "Roboto Light", Verdana, sans-serif;
	}
	.cross-bear {
		right: 0;

	}
	.descript-slider {
		width: 100%;
		position: relative;
	}
	.beer-slider {
        width: 500px;
        width: 62.5vw;
	    right: 50%;
	    margin-right: -31.25vw;
	    top: 200px;
	    top: 25vw;
        z-index: 2;
        transform: none;
	}
	.slick-slider .slick-track, .slick-slider .slick-list {
		padding: 0!important;
	}
	.beer-slider h1 {
		font-size: 6.625vw;
		line-height: 1.0;
	}
	.slick-prev, .slick-next {
	    top: 50%;
	    bottom: inherit!important;
	    margin: -1.1vw 0 0;
	    left: inherit;
	    right: inherit;
	    width: 4.75vw;
    	height: 2.25vw;
	}
	.slick-prev {
		left: -26px;
		left: -6.5vw;
	    transform: rotate(-90deg);
	}
	.slick-next {
		right: -26px;
		right: -6.5vw;
	    transform: rotate(90deg);
	}
	.beer-slider .slide {
		margin: 0;
	}
	.descript-slider {
		width: 100%;
		transform: none;
		top: 300px;
		top: 37.5vw;
		top: inherit;
		/*padding-top: 37.5vw;*/
		padding-top: 7.5vw;
		right: inherit;
	}
	.description-block {
		margin: 0;
		width: 100%;
	    padding: 118.375vw 0 0;
	}
	.photo {
		width: 100%;
		height: 897px;
		height: 112.125vw;
		padding: 0;
		position: absolute;
	    padding: 0 12.5vw;
		top: 0;
		left: 0;
	}
	.descript-slider .slick-slide {
		padding: 0 100px;
		padding: 0 12.5vw;
	}
	.beer {
		overflow: auto;
		overflow-x: hidden;
	}
	main {
	    width: 100vw;
	    height: auto;
	    max-height: inherit;
	    background: #221f1f;
	    overflow: inherit;
	}
	.descript-slider p {
		/*font-size: 23px;
	    font: 3vw/3.8vw "Roboto Light", Verdana, sans-serif;*/

        font: 3.9vw/1.2 "Roboto Light", Verdana, sans-serif;
	}
	.descript-slider .footnote {
		 font-size: 18px;
		 font-size: 2.85vw;
	}
	.descript-slider h1 {
	    font-size: 5.125vw;
	}
	.news main {
		background: #202020;
	}
	.descript-slider {}
	.news-container {
		width: 100%;
		position: relative;
		right: inherit;
	}
	.left-news-block > img {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		width:100%;
		max-height: none;
	}
	.left-news-block p, .left-news-block h1 {
		display: inline-block;
	}
	.left-news-block h1 {
		font: 4.25vw "BanderaPro-Bold", Arial, sans-serif;
		border-bottom: 2px solid #f99d1c;
		margin-bottom: 15px;
		margin-top: 10px;
	}
	.new-block h3 {
	    font: 3.75vw/1.4 "BanderaPro-Bold", Arial, sans-serif;
	    color: #f99d1c;
	}
	.new-block {
		text-decoration: none;
	}
	.new-block h3::after {
		background: #f99d1c;
	    margin-top: 5px;
	}
	.left-news-block p span {
	    font: 3.75vw "BanderaPro-Medium-Italic", Arial, sans-serif;
	}
	.left-news-block p  {
	    font: 3.75vw "BanderaPro-Light", Arial, sans-serif;
	}
	.left-news-block {
		width: 100%;	
		padding: 0;
		padding: 0 100px;
		padding: 0 5.5vw;
	}

	.left-news-block .collage a {
		width: 33%;
	}
	 
	.right-news-block {
		width: 100%;	
		overflow: inherit;
	}
	.news .news-container {
		padding: 37.5vw 0 0;
	}
	.new-block {
	    float: left;
	    width: 50%;
	}
	.news {}
	.collage {
	    width: 100%;
	    height: auto;
	    padding: 0 6.25vw;
	    position: absolute;
	    left: 0;
	    top: 0
	}

	.left-news-block .collage {
		width: 100%;
	}

	.collage a img {
	    margin: 0;
	    width: auto;
	    height: 15.9375vw;
	}
	.modal-slideshow .slide img {
		height: auto;
	}
	.modal.in.modal-slideshow {
		width: 100%;
		display: table!important;
	}
	.modal-slideshow .slideshow {
		width: 320px;
		width: 100vw;
		padding: 0 85px;
		padding: 0 10.625vw;
	}
	.modal.modal-slideshow .modal-dialog {
		top: 0;
		left: 0;
		transform: none;
	    padding-top: 27vw;
	}
	.modal-slideshow .slick-prev {
		left: 0;
	}
	.modal-slideshow .slick-next {
		right: 0;
	}
	.modal-slideshow .slick-prev, .modal-slideshow .slick-next {
		width: 4.75vw;
		height: 2.25vw;
	}
	button.close {
	    top: -59px;
	    top: 8.4375vw;
	    right: 20px;
	    right: 6.25vw;
		width: 7.25vw;
	    height: 7.25vw;
	    background: url(../img/close2.png) no-repeat 50%/contain;
	}
	.modal-slideshow button.close {
	    top: -59px;
	    top: -18.4375vw;
	    right: 20px;
	    right: 6.25vw;
	}

	/* GASTROPAB */
		.gastropab main { background: #202020; }

		.gastro-container {
			position: relative;
			right: 0;
			padding: 0 3vw;
			width: 100%;
		}

		.left-gastro-block { float: none; width: 100%; }

		.left-gastro-block h1 {
		    font: 4.25vw "BanderaPro-Bold", Arial, sans-serif;
		    border-bottom: 2px solid #f99d1c;
		    margin-bottom: 15px;
		    margin-top: 10px;
		}

		.left-gastro-block p { font-size: 16px; }
		.left-gastro-block p span { font-size: 18px; }

		.right-gastro-block {
			float: none;
			margin-top: 5vh;
			width: 100%;
		}

		.gastro-block { width: 50%; }

		.gastro-title { font-size: 4vw; }

		.gastro-block h3 { font-size: 3vw; }
	/* /GASTROPAB */
}

@media screen and (orientation: landscape) and (max-width: 992px) {
	.main-banner .logo,
	#logo {
		top: 4vh;
	}

	.navbar-default {
	    display: inline-block;
	    position: absolute;
	    top: 76px;
	    top: 2.5vw;
	    right: 50px;
	    right: 6.25vw;
	    z-index: 12;
	}
	.navbar-toggle .icon-bar {
	    display: block;
	    width: 23px;
	    height: 3px;
	    border-radius: 0px;
	}
	.navbar-toggle .icon-bar + .icon-bar {
	    margin-top: 9px;
	    margin-top: 0.9vw;
	}
	.banner-slider .slick-slide {
	    height: 23.1vw;
	}
	.main-banner .banner-slider {
	    width: 39.78vw;
	    height: auto;
	    margin: 0px;
	}
	.index .container-fluid {
	    padding: 200px 50px 0;
	    padding: 12vw 29.25vw 0;
	    display: table;
	    width: 100%;
        position: relative;
    	/*z-index: 11;*/
	}
	.slick-dots {
	    bottom: -43px;
	    bottom: -7.4375vw;
	}
	.slick-dots li button {
	    width: 6px;
	    width: 0.875vw;
	    height: 6px;
	    height: 0.875vw;
	}
	.slick-dots li {
	    width: 14px;
	    width: 2.75vw;
	    height: 14px;
	    height: 2.75vw;
	}
	#main-gears {
	    left: 12vh;
	}
	.social-main {
	    width: 179px;
	    width: 23.375vw;
	    left: 50%;
	    padding: 0;
	    margin-left: -90px;
	    margin-left: -11.75vw;
	    margin-left: -10vh;
	    top: inherit;
	    bottom: -1px;
	    bottom: -3vw;
	    z-index: 10;
	}
	.social-main a:first-child {
	    width: 95px;
	    width: 6.875vw;
	    height: 68px;
	    height: 4.5vw;
	}
	.social-main a {
	    width: 31px;
	    width: 1.875vw;
	    height: 1.875vw;
	    margin: 0.625vw;
	}
	.social-main a:last-child {
		margin: 0.625vw;
	}
	.navbar-collapse .nav-pills > li > a h1 {
	    font: 3.25vw/3vw "BanderaPro-Heavy", Verdana, sans-serif;
	    padding: 0;
	    left: 38px;
	    left: 4.75vw;
	}
	.navbar-collapse.in {
	    padding: 8vw 5.5vw 6.25vw;
	}
	.text-4 {
	    padding: 325px 100px 25px;
	    padding: 14vw 0 0;
	    position: relative;
	}
	.brewery {
		overflow: inherit;
	}
	.brewery main {
	    height: auto;
	}
	.brewery main .container-fluid {
		position: relative;
	}
	.photo-block {
	    position: relative;
	    top: -39vw;
	}
	.slide-container {
	    top: 31%;
	    width: 80%;
	}
	.about-sidebar {
	    z-index: 2;
	}
	.contact {
	    width: 100%;
	    height: 380px;
	    height: 32.5vw;
	    padding: 200px 0 0;
	    padding: 11vw 0 0;
	    text-align: center;
	}
	.left-news-block p {
	    font: 2.75vw "BanderaPro-Light", Arial, sans-serif;
	}
	.left-news-block p span {
	    font: 2.75vw "BanderaPro-Medium-Italic", Arial, sans-serif;
	}
	.left-news-block h1 {
	    font: 3.25vw "BanderaPro-Bold", Arial, sans-serif;
	    border-bottom: 2px solid #f99d1c;
	    margin-bottom: 15px;
	    margin-top: 10px;
	}
	.new-block h3 {
	    font: 2vw/1.4 "BanderaPro-Bold", Arial, sans-serif;
	    color: #f99d1c;
	}
	.news .news-container {
  		padding: 12.5vw 0 0;
	}
	.left-news-block {
	    padding: 0 4.5vw;
	}
	.descript-slider {
	    padding-top: 20.5vw;
	}
	.beer-slider {
	    top: 13vw;
	}
	.navbar-collapse .nav-pills > li > a h1::before, .navbar-collapse .nav-pills > li > a h1::after {
	    width: 100%;
	    left: 0;
	}
	.navbar-collapse .nav-pills > li > a h1::after {
	    bottom: -6px;
	}
	.person-modal .modal-body {
	    padding: 200px 100px;
	    padding: 11vw 12.5vw;
	}
	.photo-modal img {
	    height: 423px;
	    height: 22.875vw;
	    width: 22.875vw;
	}
	.text-modal h1 {
	    font: 36px "BanderaPro-Bold", Arial, sans-serif;
	    font: 3.5vw "BanderaPro-Bold", Arial, sans-serif;
	}
	.text-modal h3 {
	    font: 23px/40px "BanderaPro-Light", Arial, sans-serif;
	    font: 2.7vw/3vw "BanderaPro-Light", Arial, sans-serif;
	}
	.text-modal p {
	    font: 2.5vw/2.5vw "BanderaPro-Light", Arial, sans-serif;
	}
	button.close {
	    top: -59px;
	    top: 1.4375vw;
	    right: 20px;
	    right: 4.25vw;
	    width: 4.25vw;
	    height: 4.25vw;
	}
	.left-block img {
	    width: 100%;
	    height: auto;
	}
}

@media screen and (max-width: 560px) {
	#main-gears {
	    top: inherit;
	    left: 29vh;
	}

	.body-apple #main-gears {
		bottom: -36.5vh;
	}

	#main-gears canvas {
	    width: 216px !important;
	    width: 30vw !important;
	}
}

@media (max-height: 800px) {
	
}