@media (max-width :1199px) and (min-device-width :992px){
	
	/******** serving *******/

img.eight {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}	
	
}


@media (max-width :991px) and (min-device-width :768px){
	
.serving-row p {
    font-size: 17px;
}
	
	
	/******* banner **********/

.banner-text h1 {
    font-size: 50px;
}

	/******** serving *******/

img.eight {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
img.nine {
    margin: 20px 0px 0px 0px;
}
img.ten {
    margin: 20px 0px 0px 0px;
}


	/****** button *********/
	
.buttons {
    width: 100%;
}	
.button1 a {
    font-size: 23px;
}	
.button2 {
    width: 420px;
}
.button2 a {
    font-size: 23px;
}

}
@media (max-width :767px) and (min-device-width :280px){

.serving-row p {
    font-size: 17px;
}
	
	/******* banner **********/

.banner-text h1 {
    font-size: 50px;
}

	/******** buttons *******/
	
.buttons {
    width: 100%;
}
.button1 {
    margin: 0px auto 0px auto;
    width: 250px;
    float: none;
}	
.button1 a {
    padding: 0px 0px 0px 45px;
    font-size: 15px;
	line-height: 45px;
    background-position: left 10px center;
}
.button2 {
    margin: 20px auto 0px auto;
    width: 250px;
    float: none;
}
.button2 a {
    padding: 0px 0px 0px 28px;
    font-size:15px;
	line-height: 45px;
	background-position: left 10px center;
    background-size: 25px 20px;
}

	/*********serving *******/
	
.serving {
    padding: 22px 0px 0px 0px;
}
.serving-row h3 {
    font-size: 28px;
}

/******* gallery ****/
.gallery {
    margin: 32px 0px 0px 0px;
}
.gal2{
	margin:30px auto 0px auto;
}
	
	
	/******* footer ******/

.footer {
    padding: 28px 0px 30px 0px;
}
	
}