

@media screen and (min-width:992px) and (max-width:1199px){	

	.big-border {
		height: 170px;
		top: 148px;
	}	
	.banner h1 {
		font-size: 41px;
	}
	.banner-wrapper .text:before {
		top: 93px;
	}
	.banner-wrapper {
		padding: 55px 0 20px;
	}
	.menu-items .menu-boxes {
		margin-left: 13px;
		margin-bottom: 20px;
	}
	.mings-slider:after {
		height: 317px;
		left: 254px;
	}
	.map-container {
		width: 68%;
	}
	.footer-contact {
		width: 32%;
	}
	.footer {
		height: 580px;
		overflow: hidden;
	}
	.dishes-container .non-veg,
	.dishes-container .veg {
		width: 440px;
		float: left;
	}
	.modal-lg {
		width: 990px;
	}
	

}

@media screen and (min-width:768px) and (max-width:991px){
	
	.big-border {
		height: 100px;
		top: 125px;
	}
	.banner h1 {
		font-size: 35px;
	}
	.banner-wrapper .text:before {
		top: 12px;
	}
	.banner-wrapper {
		padding: 55px 0 20px;
	}
	.banner-wrapper .text {
		margin-top: 13%;
	}
	.banner-wrapper .text:before, 
	.banner-wrapper .text:after {
		width: 130px;
	}
	.gallery-wrapper h2,
	.menu-items h2 {
		font-size: 62px;
	}
	.menu-items h2 span {
		font-size: 13px;
		margin-left: 77px;
	}
	.menu-items p {
		text-align: left;
	}
	.gallery-wrapper h2:before {
		top: -49px;
	}
	.gallery-wrapper h2 span {
		margin-left: 170px;
	}
	.gallery-title {
	    padding: 36% 10px 32%;
	}
	.gallery-wrapper h3 {
		font-size: 48px;
	}
	.gallery-wrapper h4 {
		font-size: 16px;
	}
	.mings-slider {
		top: 38%;
	}
	.mings-slider:after {
		display: none;
	}
	.map-container {
		width: 50%;
	}
	.footer-contact {
		width: 50%;
		padding-top: 2%;
	}
	.footer {
		height: 400px;
		overflow: hidden;
	}
	.copy-right {
		margin: 70px 0 0 60px;
	}
	.menu .logo {
		display: inline-block;
		margin: 0 auto;
		float: none;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.navbar-header {
		width: 100%;
		text-align: center;
	}
	.modal-lg {
		width: 100%;
	}
	.menu-red li {
		padding: 32px 11px !important;
	}
	
	
}	

@media screen and (max-width:767px){
	
	.big-border {
		height: 230px;
		top: 200px;
	}
	.menu {
		padding: 21px 0 11px;
	}
	.menu .logo {
		margin-top: 0;
		margin-left: 15px;
	}
	.banner-wrapper .text {
		margin-top: 0;
		text-align: center;
		margin-bottom: 26%;
	}
	.btn-menu {
		padding: 18px 60px;
		height: 54px;
	}
	.banner-wrapper .text:before {
		top: auto;
		left: 0;
		border-bottom: none;
		right: 0;
		margin: 0 auto;
	}
	.banner-wrapper .text:after {
		bottom: auto;
		left: 0;
		border-top: none;
		margin: 0 auto;
		right: 0;
		margin-top: 103px;
	}
	.banner h1 {
		margin-top: 75px;
	}
	.menu-items h2 {
		margin-bottom: 60px;
	}
	.menu-items .menu-boxes {
		width: 100%;
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.dish-img {
		width: 40%;
	}
	.dish-name {
		width: 60%;
	}
	.gallery-wrapper h2 {
		font-size: 32px;
		margin-bottom: 0;
	}
	.gallery-wrapper h2 span {
		font-size: 14px;
		margin-left: 25px;
	}
	.gallery-wrapper h2:before {
		border-width: 5px;
		height: 85px;
	}
	.mings-slider {
		right: auto;
		top: 28%;
		left: 6%;
	}
	.gallery-title h4,
	.gallery-title h3 {
		display: none;
	}
	.controls {
		width: 100%;
		float: left;
	}
	.controls .to-right {
		background-image: url(../images/to-right-xs.png);
		float: right;
	}
	.controls span.to-right {
		margin-right: 0;
	}
	.mings-slider:after {
		display: none;
	}
	.map-container {
		width: 100%;
	}
	.footer-contact {
		width: 100%;
		height: auto;
	}
	.copy-right {
		margin-left: 0;
		margin-top: 40px;
	}
	.google-maps {
		position: relative;
		padding-bottom: 55%;
		height: 0;
		overflow: hidden;
	}
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.gallery-title {
		border-width: 5px;
	}
	li.active a {
		color: #fff !important;
		background: #e3ca41;
	}
	.dishes-container .non-veg,
	.dishes-container .veg {
		width: 100%;
	}
	.dishes-container .veg {
		padding-right: 0;
		margin-bottom: 30px;
	}
	.dishes-container .non-veg {
		padding-left: 0;
	}
	.dishes-container li {
		font-size: 13px;
		padding: 8px 0;
	}
	.dishes-container h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.dishes-container h2 {
		margin-bottom: 5px;
		font-size: 40px;
		/* margin-top: -13px; */
	}
	.menu-skip .previous, .menu-skip .next {
		margin: 0 auto;    
		float: none;    
		width: 100%;    
		margin-bottom: 11px;
	}
	.menu-skip .previous,
	.menu-skip .next {
		margin-right: 0;
		background-position: 50%;
	}
	.menu-skip h3 {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	.menu-skip .pull-right {
		float: none !important;
	}
	.modal-lg {
		width: 100%;
		padding-right: 20px;
	}
	.dishes-container {
		padding: 20px 15px; 
	}
	.dishes-container li .price {
		position: relative;
		top: 0;
		left: auto;
		-webkit-transform: : translateX(0%) translateY(0%);
		-ms-transform: translateX(0%) translateY(0%);
		-o-transform: translateX(0%) translateY(0%);
		transform: translateX(0%) translateY(0%);
		float: right;
		width: 32px;
		right: 0;
		text-align: right;
	}
	.dishes-container .non-veg h3 {
		margin-top: 0;
	}
	.name-price {
		margin: 5px 0 20px;
	}
	
	
	
	
	
}

@media screen and (max-width:580px){
	
	.mings-slider {
		top: 240px;
	}
	.banner h1 {
		font-size: 35px;
	}
	.big-border {
		height: 160px;
		top: 175px;
	}
	
}

@media screen and (max-width:490px){
	
	.banner h1 {
		font-size: 35px;
	}
	.big-border {
		height: 160px;
		top: 130px;
	}
	.banner-wrapper .text {
		margin-bottom: 33%;
	}
	
}

@media screen and (max-width:399px){
	.big-border {
		height: 110px;
		top: 8em;
	}	
	.gallery-wrapper h2 {
		font-size: 24px;
	}
	.gallery-wrapper h2 span {
		display: none;
	}
	.gallery-wrapper h2:before {
		top: -28px;
		margin-left: 20px;
	}
}

@media screen and (max-width:420px){
		
	
}

@media screen and (max-width:380px){
	
	
}

@media screen and (max-width:340px){
	
	
}