/* lg */ 
@media (min-width: 1400px) {}

/* lg */ 
@media (min-width: 1200px) and (max-width: 1400px) {
	.banner-content,
	.banner-2 .carousel-item {
		background-position: 650px top;
	}
}
/* lg */ 
@media (min-width: 1200px) and (max-width: 1275px) {
	.food-menu .food.tr-active {
		margin-top: -85%;
	}
	.food-menu.menu-style-3 .food.tr-active {
		margin-top: -385px;
	}
}
/* lg */ 
@media (min-width: 1276px) and (max-width: 1300px) {
	.food-menu .food.tr-active {
		margin-top: -89%;
	}
	.food-menu.menu-style-3 .food.tr-active {
		margin-top: -385px;
	}
}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.story-info {
		margin-top: 70px;
	}
	.section-title h1,
	.section-title h2 {
		font-size: 60px;
	}
	.food-menu .col-lg-2,
	.food-menu .col-lg-4 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;		
	}
	.food-menu .order-md-2 {
		-ms-flex-order: 0;
		order: 0;		
	}
	.food-menu .food {
		max-height: 280px;
	}
	.food-menu .food.tr-active {
		max-height: 700px;
		margin-top: -405px;
	}
	.order-md-4 {
		-ms-flex-order: 6;
		order: 6;		
	}
	.food-menu-2 ul li {
		min-height: 330px;
	}
	.food-menu-2 ul li .food {
		max-height: 100%;
	}
	.team-slider .team-member.slick-current + .slick-active + .slick-active {
		margin-top: -290px;
	}
	.menu-style-3 .food {
		max-height: 250px;
	}
	.tr-breadcrumb h1,
	.tr-breadcrumb h2 {
		font-size: 80px;
	}
	.tr-breadcrumb h1 {
		line-height: 70px;
	}
	.tr-breadcrumb h2 {
		line-height: 75px;
	}
	.tr-menu .tr-menu-nav>ul>li>a {
		padding: 15px 8px;
	}
	.widget .entry-content {
		width: 65%;
	}	

	.tr-menu-nav>ul>li.tr-dropdown .icon {
		right: -5px;
	}
	.tr-menu .tr-social li {
		margin-right: 15px;
	}
}

@media (max-width: 991px) {
	
	.reservation-right-content {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.reservation-img {
		display: none;
	}
	.reservation-right-content p {
		max-width: 100%;
	}
	.team-slider .team-member.slick-current + .slick-active {
		margin-top: -360px;
		max-height: 600px;
	}
	.team-content .section-title {
		max-width: 320px;
	}
	.tr-popup-content {
		max-width: 750px;
	}
	.reservation-info span {
		display: block;
		margin-top: 15px;
	}
	.banner-info .reservation-info span,
	.tr-popup-content .reservation-info span,
	.reservation-right-content .reservation-info span {
		display: inline-block;
		margin-top: 0;
	}
	.tr-menu-nav.menu-md-visible {
		visibility: hidden;
		opacity: 0;
	}
	.pagination li {
		margin-right: 5px;
	}
	.prev-next-post .tr-post .entry-content {
		padding-bottom: 0;
	}
	.prev-next-post .tr-post .entry-thumbnail {
		margin-top: 0;
	}
}



/* sm */
@media (min-width: 768px) and (max-width: 991px) {

	.banner-info {
		font-size: 18px;
	}
	.banner-info h1 {
		font-size: 80px;
		line-height: 80px;
	}
	.banner-info h2 {
		font-size: 100px;
		line-height: 100px;
	}
	.story-info {
		margin-top: 20px;
	}
	.food-menu .section-title {
		max-width: 320px;
	}
	.section-title h1,
	.section-title h2 {
		font-size: 55px;
		line-height: 55px;
	}	
	.food-menu .col-lg-2,
	.food-menu .col-lg-4 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;		
	}
	.food-menu .order-md-2 {
		-ms-flex-order: 0;
		order: 0;		
	}	
	.food-menu-2 ul li {
		width: 50%;
	}
	.food-menu .food.tr-active {
		margin-top: -83%;
	}
	.food-menu.menu-style-3 .food.tr-active {
		margin-top: -250px;
	}
	.tr-breadcrumb h1,
	.tr-breadcrumb h2 {
		font-size: 80px;
		line-height: 70px;
	}
	.widget .entry-content {
		width: 65%;
	}
	.welcome-image {
		margin-top: 0;
	}
	.comment-meta .float-left,
	.comment-meta .float-right {
		float: none !important;
		display: block;
		width: 100%;
	}
	.tr-toggle {
		margin-top: 18px;
	}
	.entry-meta ul li {
		margin-right: 15px;
	}
	.tr-post .entry-content {
		padding-bottom: 130px;
	}
	.tr-post .entry-thumbnail {
		margin-top: -130px;
	}
}

/* xs */
@media (max-width: 767px) {

	.banner-info {
		font-size: 16px;
	}
	.banner-info h1 {
		font-size: 60px;
		line-height: 60px;
	}
	.banner-info h2 {
		font-size: 80px;
		line-height: 80px;
	}
	.story-info {
		margin-top: 30px;
		padding-left: 0;
	}
	.food-menu .food.tr-active {
		margin-top: 15px;
	}
	.food-menu .food {
		max-height: 300px;
	}
	.food-menu-2 .food {
		max-height: inherit;
	}
	.food-menu-2 ul li {
		width: 50%;
	}	
	.tr-footer .footer-widget {
		margin: 20px 0;
	}
	.footer-menu ul li {
		margin-right: 15px;
	}
	.delicias-img {
		position: static;
		margin-top: -160px;
	}
	.team-slider .team-member.slick-current + .slick-active {
		margin-top: -200px;
	}
	.team-content .section-title {
		max-width: 250px;
	}
	.section-title h1,
	.section-title h2 {
		font-size: 50px;
		line-height: 50px;
	}
	.food-menu.tr-active-left .section-title {
		padding-left: 0;
		margin-left: 0;
	}	
	.welcome-image {
		margin: -150px 0 30px;
	}
	.food-menu .food {
		margin: 15px 0 0;
	}
	.food-menu-2 ul li {
		min-height: 325px;
	}
	.food-menu-2 .food {
		margin: 0 15px;
	}
	.food.tr-active .food-info h2 {
		font-size: 45px;
		line-height: 40px;
	}
	.food-menu-2 ul li:hover .food, 
	.food-menu-2 ul li.active .food {
		margin-top: -10px;
	}
	.navbar-brand {
		max-width: 120px;
	}
	.tr-popup-content .food-img {
		margin-bottom: 30px;
	}
	.tr-popup-close {
		right: 0;
	}
	.tr-popup-content .food-info h2,
	.tr-popup-content .food-info h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.tr-breadcrumb h1,
	.tr-breadcrumb h2 {
		font-size: 70px;
		line-height: 65px;
	}
	.main-content .food-menu {
		margin-bottom: 80px;
	}
	#gmap {
		height: 400px;
	}
	.reserve-form-content .tr-popup-content {
	    padding: 40px 30px;
	    margin-left: 15px;
	    margin-right: 15px;
	}	
	.tr-popup-content .reservation-info {
		margin-top: 15px;
	}
	.tr-toggle {
		margin-top: 12px;
	}
	.tr-menu .tr-social {
		margin-top: 8px;
	}
	.entry-meta ul li {
		margin-right: 15px;
	}
	.tr-post .entry-content {
		padding-bottom: 130px;
	}
	.tr-post .entry-thumbnail {
		margin-top: -130px;
	}
	.entry-title {
		font-size: 30px;
	}	
	.tr-post {
		margin-bottom: 30px;
	}
	.tr-pagination {
		margin-top: 50px;
	}
	.tr-sidebar {
		margin-top: 40px;
	}
}


/* XS Portrait */
@media (max-width: 575px) {

	.team-slider .team-member.slick-current + .slick-active {
		margin-top: -230px;
	}
	.team-member {
		max-height: 350px;
	}
	.banner-info h2 {
		font-size: 55px;
		line-height: 55px;
	}
	.banner-info h1 {
		font-size: 45px;
		line-height: 45px;
	}
	.section-title h1, .section-title h2 {
		font-size: 40px;
		line-height: 40px;
	}
	.banner-info .reservation-info {
		margin-top: 30px;
		padding-top: 30px;
	}
	.food-menu-2 ul li {
		width: 100%;
		min-height: 300px;
	}
	.tr-breadcrumb h1, 
	.tr-breadcrumb h2 {
		font-size: 50px;
		line-height: 45px;
	}
	#gmap {
		height: 300px;
	}	
	.tr-post .entry-content {
		padding: 20px 20px 70px;
	}
	.tr-post .entry-thumbnail {
		margin-top: -70px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.tr-post {
		margin-bottom: 20px;
	}	
}


/* XS Portrait */
@media (max-width: 475px) {
	
	.banner-info .reservation-info span, 
	.tr-popup-content .reservation-info span, 
	.reservation-right-content .reservation-info span {
		margin-top: 15px;
	}
	.tr-menu .tr-social {
		display: none;
	}
	.comment-meta .float-left,
	.comment-meta .float-right {
		float: none !important;
		display: block;
		width: 100%;
	}	
}
