@media (min-width: 520px) and (max-width: 768px)  {
	.catalog li {
		margin: 0 5px 30px;
	}
}

@media (max-width: 768px) {
	body {
		overflow-x: hidden; 
	}
        
        .left.menu-img img,
         .right.menu-img img{
            max-width: 85px;
        }

	.carousel-inner .item {
		padding-top: 15px;
	}

	.container.page {
		padding: 50px 15px 30px;
	}

	.logo-wrap {
	    max-width: 200px;
	    height: auto;
	    margin: 80px auto 0;
	}

	h1 {
		font-size: 200%;
	}

	.logo-wrap img {
		max-width: 100%;
    	height: auto;
	}

	.beer-img {
		display: none;
	}

	.header {
		height: 430px;
	} 

	.menu-text {
		max-width: 85%;
	}

	.beer-menu-block  h4:after {
		width: 175px;
	}

	.beer-menu-block .col-md-6 {
		margin-bottom: 15px;
	}

	.beer-menu-block  .col-md-6:first-of-type .menu-text, .beer-menu-block  .col-md-6:first-of-type .menu-text {
		padding-left: 0;
	}

	.beer-menu-block  .col-md-6:first-of-type h4:after, .beer-menu-block  .col-md-6:last-of-type h4:after {
		left: auto;
		right: auto;
	}

	.price:after {
		width: 30%;
	}

	.menu-text.left {
		text-align: right;
	}

	.beer-menu-block  .col-md-6:first-of-type .price-block, .beer-menu-block  .col-md-6:last-of-type .price-block {
		padding-right: 0;
	}

	.beer-menu-block h3,
	.beer-menu-block h4 {
		font-size: 100%;
	}

	.top-menu-block h2,
	.menu-block:after {
		display: none;
	}

	.menu-block .right-block,
	.menu-block .left-block {
		padding-right: 0;
		margin-top: 15px;
	}

	.menu-block .right-block {
		padding-left: 0;
	}

	.beer-block .carousel-indicators {
		top: -20px;
		bottom: auto;
	}

	.menu-block .menu-text {
		max-width: 100%;
	}

	.btn-block .yellow-btn {
		margin-left: auto;
		margin-right: auto;
	}

	.short-description {
		font-size: 100%;
	}

	.news li {
		width: 100%;
	}

	.middle-contact-block {
		flex-direction: column;
	}

	.form-block input[type="submit"] {
		margin: 20px auto;
		float: none;
	    display: block;
	}

	.beer-block {
		margin-top: -160px;
		min-height: 0;
	}

	.logo-block {
		padding: 0;
	}

	.top-block .row {
		text-align: center;
	}

	.beer-block .item {
		text-align: center;
	}

	.beer-block .carousel-inner .item img {
		max-width: 100%;
    	max-height: 250px;
	}

	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		display: inline-block;
	}

	.beer-block .carousel-caption {
		position: static;
		text-shadow: none;
		color: #000;
	}

	.title-header {
		margin-top: 30px;
	}

	.news .img-wrap {
		max-height: 100%;
		text-align: center;
	}

	.news {
		margin-top: 30px;
	}

	.news h5 {
		margin-left: auto;
		margin-right: auto;
	}

	.menu-content .left-block h3 {
		max-width: 100%;
	}

	.menu-content .left-block {
		max-width: 360px;
		margin: auto;
	}

	.contact-container h5 {
		margin-top: 20px;
		font-size: 100%;
		text-align: center;
	}

	.logo-block span:first-of-type {
		margin-top: 18px;
		font-size: 13px;
	}

	.logo-block span:last-of-type  {
		margin-bottom: 10px;
	    font-size: 16px;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #f7e1c0;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:active,
	.navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}

	.navbar-default .navbar-nav {
		width: 100%;
		margin: auto;
		flex-direction: column;
		justify-content: center;
	}

	.navbar-default .navbar-nav li a {
		text-align: center;
	}

	.navbar-default .navbar-nav:before,
	.navbar-default .navbar-nav:after {
		left: 50%;
		margin-left: -100px;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: none;
		border: 0;
	}

	.menu-container.navbar-default .navbar-nav>li {
	    background: url(../images/menu-separator.png) no-repeat center bottom;
	    padding-bottom: 20px;
	}

	.main {
		position: relative;
	}

	.menu-icon {
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 43px;
	    height: 40px;
	    background: url(../images/menu-icon.png) no-repeat center center #f9f1e5;
	    border: 1px solid #000;
	    border-right: 0;
	    display: block;
	    padding-left: 3px;
	    border-radius: 50% 0 0 50%;
	    cursor: pointer;
	}

	.menu-icon:focus {
		outline: none;
	}

	.sidebar-menu.opened {
	    display: block !important;
	}

	.sidebar-menu {
	    position: absolute;
	    width: 265px;
	    top: 45px;
	    right: 0;
	    left: auto;
	    z-index: 99999;
	    margin-top: 0;
	    padding-right: 0;
	}

	.sidebar-menu:before,
	.sidebar-menu:after,
	.sidebar-inner-wrap {
		width: auto;
		background-position: 100% 0;
	}

	.sidebar-menu .main-menu li{
		max-width: 200px;
	}

	.menu-container.navbar-default .navbar-nav>li>a {
		padding-left: 15px;
	}

	.catalog-block,
	.catalog-block:before,
	.catalog-block:after {
		background: none;
	}

	.sidebar-menu {
	    position: fixed;
            top: 0;
            left:0;
	    width: 100%;
	    height: 35px;
        flex-direction: row;
	    top: 0;
	    right: 0;
	    left: 0;
	    z-index: 99999;
	    margin-top: 0;
	    padding-right: 0;
	    padding-bottom: 0;
	    padding-top: 0;
	}

	.sidebar-menu li {
		flex-direction: row;
	}

	.sidebar-menu li:hover {
		background: transparent;
	}



	.sidebar-menu li img {
	    max-width: 20px;
	    max-height: 15px;
	    margin-bottom: 10px;
	}

	.main h1:before,.main h1:after {
		background: none;
	}

	.inner-block {
		padding-left: 0;
	}

	.catalog {
		justify-content: center;
	}

	.copiright p,
	.copiright p span {
		font-size: 100%;
	}

	.beer-menu-block,
	.menu-block {
		padding-bottom: 20px;
	}

	.news li img {
		max-width: 370px;
		max-height: 260px;
		margin-left: auto;
		margin-right: auto;
	}

	.form-block {
		max-width: 100%;
		margin: 0;
	}
        
        .sidebar-menu li a span {
		display: none;
	}

        #fb-btn {
            position: absolute; right: 15px; top: 45px; width: 140px;
            text-align: right;
        }
        #fb-img {
            display: none;
        }
        #fb-img-m {
            display: inline-block;
        }
            
}

@media (min-width: 768px) and (max-width: 1160px) {
	.beer-block {
		min-height: 100%;
	}
        
        

	.beer-block .images-container {
		display: flex;
	}

	.gallery li:first-child, .gallery li:last-child {
		max-width: 100%;
		flex: 1;
	}

	.beer-menu-block,
	.menu-block {
		padding-bottom: 20px;
	}

	.sidebar-menu {
		left: -180px;
		transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease-in-out;
	}



	.menu-block:after {
		display: none;
	}

	.left-block {
		margin-top: 30px;
	}

	.news .img-wrap {
		max-height: 160px;
	}

	.gallery li {
		flex: 1 auto;
	}

	.menu-icon {
	    position: fixed;
	    right: 0;
	    top: 45px;
	    width: 43px;
	    height: 40px;
	    background: url(../images/menu-icon.png) no-repeat center center #fff;
	    border: 0;
	    display: block;
	    padding-left: 3px;
	    cursor: pointer;
	    z-index: 1000;
	}

	.menu-icon:focus {
		outline: none;
	}

	.sidebar-menu.opened {
	    left: 0;
    	
	}

	ul.sidebar-menu {
		width: 130px;
	}


	.menu-content .left-block h3 {
		max-width: 100%;
		margin-top: 30px;
	}

	.menu-content .left-block {
		max-width: 360px;
		margin: auto;
	}
	
}

@media (max-width: 1060px) {
	.sidebar-menu li a {
		font-size: 90% !important;
	}
}