/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {
	.menu-desc-top {
	width: 80%;
	margin: -40px 10% 0 10%;
	}
	.container {
		width: 990px;
		max-width: 990px;
	}
}
@media (max-width: 1024px) {
	.hide-tb {
		display: none;
	}
	.show-tb {
		display: inline-block;
	}
	.section-intro.show-tb {
		display: block;
	}

}


/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {
	.company-section .blue-bg {
		padding: 70px 9%
	}
	.menu-section {
		padding: 70px 0;
	}
	.news-section {
		padding: 70px 0;
	}
	.footer {
		padding: 50px 0;
	}
	.page-content {
	padding: 30px 0 70px 0;
	}
	.copryright {
		padding: 20px 20px;
	}
	.container {
		width: 100%;
		max-width: 100%;
		padding: 0 20px;
	}
	.menu-list-top {
		padding: 0 20px;
	}
	.menu-desc-top {
		width: 90%;
		margin: 0 5%;
	}
	.ltext-201 {
	font-size: 60px;
	}
	.ltext-101 {
	font-size: 20px;
	}
	.news-img {
		position: relative;
		overflow: hidden;
	}
	.news-img img {
		position: absolute;
		min-height: 100%;
		height: 100%;
		max-width: none;
	}
	.breadcrumb-bg {
		padding: 90px 20px
	}
	.title-blk {
		font-size: 38px;
	}
	.menu-category {
		font-size: 28px;
	}
	.menu-category-sub {
		font-size: 16px;
	}
	.menu-sub-c {
		font-size: 22px;
	}
	.menu-price, .menu-title-b {
		font-size: 16px;
	}
	.page-404{
	padding:90px 0;
	}
	.page-404 h1{
		font-size:38px;
		margin:70px 0 0 0;
	}
	.page-404 h3{
		font-size:24px;
	}
	.company-carousel.owl-carousel .owl-stage {
    display: block;
	}
	.company-carousel.owl-carousel .owl-item img {
    width: 100%;
    height: auto;
	max-width: 100%;
	}
	.company-carousel.owl-carousel {
	position: relative;
	height: 320px;
}
	.company-carousel.owl-carousel div:not(.owl-controls) {
		height: 320px;
	}
	.copyright {
		text-align: center;
	}
	.sns-list {
		float: none;
		margin: 10px 0 10px 0;
	}
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
	.menu-blk-top {
		width: 100%;
	}
	.ltext-201 {
	font-size: 50px;
	}
	.ltext-101 {
	font-size: 18px;
	}
	.footer .col-md-4 {
		margin-bottom: 30px;
	}
	.news-img img {
		position: relative;
		min-height: 0;
		height: auto;
		max-width: 100%;
	}
	.breadcrumb-bg {
		padding: 60px 20px
	}
	.title-blk {
		font-size: 36px;
	}
	.about-head, .about-client {
		padding: 20px;
	}
	.about-blk {
		padding: 0 0px;
	}
	.about-img:after {
	bottom: -10px;
	right: -10px;
	}
	.about-img {
		margin: 0 0 20px 0;
	}
	.header-default .header__wrapper {
		margin-right: 0;
	}
	.about-client .col-md-6 {
		text-align: center;
	}
	.menu-blk {
		margin: 30px 0 0 0;
	}
	.drink-category {
		margin: 0 0 30px 0;
	}
	.delivery-blk {
		padding: 20px;
	}
	.menu-category {
		background: #212e58;
		color: #fff;
		padding: 4px 10px;
	}
	.hide-sp {
		display: none;
	}
	.show-sp {
		display: inline-block;
	}
	.page-404{
	padding:80px 0;
	}
	.page-404 h1{
		font-size:32px;
		margin:50px 0 0 0;
	}
	.page-404 h3{
		font-size:20px;
	}
	.section-intro {
		padding: 80px 20px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	
	
	.row-title .title-blk {
		text-align: center;
		float: none;
		display: block;
	}
	.ltext-201 {
	font-size: 36px;
	}
	.ltext-101 {
	font-size: 16px;
	}
	.news-blk-top {
		padding: 20px;
	}
	.news-date-top {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 0 5px 0;
	}
	.menu-title {
		width: 100%;
	}
	.price-top {
		width: 100%;
		margin: 15px 0 0 0;
	}
	.title-blk {
		font-size: 30px;
	}
	.menu-category {
		font-size: 22px;
	}
	.menu-category-sub {
		font-size: 14px;
	}
	.menu-sub-c {
		font-size: 18px;
	}
	.menu-price, .menu-title-b {
		font-size: 14px;
	}
	.breadcrumb-bg {
		padding: 30px 20px;
	}
	.section-intro {
		padding: 60px 20px;
	}
	.company-carousel.owl-carousel {
	position: relative;
	height: 250px;
	}
	.company-carousel.owl-carousel div:not(.owl-controls) {
		height: 250px;
	}
}
@media (max-width: 480px) {
	.company-section .blue-bg h2 {
		font-size: 32px;
	}
	.page-404{
	padding:60px 0;
	}
	.page-404 h1{
		font-size:28px;
		margin:40px 0 0 0;
	}
	.page-404 h3{
		font-size:18px;
	}
	.ltext-201 {
	font-size: 28px;
	}
	.company-section .blue-bg h2 {
    font-size: 28px;
	}
}