/*** for ipad tablts***/
@media only screen and (max-width:550px),(max-width:650px),(max-width:760px), (max-width:980px), (max-width:100%) {
img{width:100%; display:block;}
select {-webkit-appearance:none;}
body{font-size:15px;}
#main{width:98%; float:left; margin:20px 1%;}

/*** HEADER ****/
.logo{line-height:10px; padding:10px 0 20px 0}
.logo img{
	max-width: 100%;
    margin: 0 auto;
    width: 198px;
    width: auto;
    height: auto;
}

/*** FOOTER ****/
.footer{padding:15px 5%;}
.footer h4{ font-size:18px;}
.footer_content{width:25%; float:left; padding:0;}
.rest_hrs{width:40%; padding:0 5%;}
.rest_hrs ul li{line-height:normal;}
.online_order{font-size:18px; line-height:normal;}
.online_order a{height:auto; padding:15px 0;}
.online_order .payImage img {max-width: 150px; display: initial;}

/*** BANNER ***/
.banner_text{width:90%; height:auto; padding:20px 5%; margin-top:0; background:rgba(0,0,0,0.1); font-size:15px;}
.banner_text h1{font-size:24px;}
.banner_text ul li{width:72%; float:left; padding:0 3% 0 0;}
.banner_text ul li:last-child{ width:25%; text-align:center; font-size:16px; line-height:normal;}
.banner_text ul li a{height:auto; width:100%; padding:15px 0}
.banner_img{height:auto;}

.home_content{width:94%; padding:20px 3%;}

.about_restaurant{ width:65%; float:left; padding:0 5% 0 0;}
.about_restaurant h2{padding:0 0 10px 9%; width:91%; font-size:22px;}
.about_restaurant .text_holder{width:91%;padding:0 0 0 9%;}

.reviews_rating{ width:30%;}
.reviews_rating_text ul li img{float:left;}

}

/*** FOR MOBILE BROWERS ***/
@media only screen and (max-width:300px), (max-width:320px),(max-width:400px), (max-width:450px), (max-width:500px){
img{width:100%; display:block;}
body{font-size:13px;}

/*** FOOTER ****/
.footer_content{width:100%; float:left; padding:15px 0;}
.connect_withus{padding:20px 0;}
.connect_withus h3{padding:0 0 10px 0;}
.rest_hrs{width:100%; padding:15px 0; border-bottom:1px solid #ccc;}
.copyright_text br{display:none;}
.copyright_text p{margin:0; padding:0;}

/*** BANNER ***/
.banner_text h1{font-size:20px;}
.banner_text ul li{width:100%; padding:0;}
.banner_text ul li:last-child{ width:100%;}
.banner_text ul li a{width:70%; padding:15px 0}

.about_restaurant{ width:100%; padding:0 0 15px 0; border-bottom:1px solid #ccc;}
.about_restaurant h2{padding:0 0 10px 10%; width:90%; font-size:20px;}
.about_restaurant .text_holder{width:90%;padding:0 0 0 10%;}

.reviews_rating{ width:80%; padding:15px 10%;}
.reviews_rating_text ul li img{float:left;}

}