/*
Theme Name:     BBQ Child Theme
Theme URI:      http://www.royaltechbd.com
Description:    Child theme for BBQ
Author:         Mehdi Akram
Template:       bbq
Version:        1.0.7
*/

/* We must first include the original css from the parent theme */
@import url("../bbq/style.css");





/*Responsive by Mehdi Akram	*/
/*
Default Layout: 992px+ 
iPad landscape (1024px)
Kindle landscape (1024px)
*/
.socialandcall{}
.reservations{float:right; margin-top: 35px; width: 377px; font-family:'Times New Roman', Times, serif; font-size:20px; font-weight:bold;}
.social{float:right; margin-top:30px; width:140px; text-align: right; height:35px;}
.clicktocall{display:none;}.clicktocall img {  max-width: 180px;height: auto;}
table {margin: 0 auto;  width: inherit;}
.thumbnail {float: left;  width: 300px;}
.content_right {float: left;  width: calc(100% - 320px);  margin-left: 10px;}
.menuimage {height: auto;  width: 300px;}

.flexslider .slides img {height: auto;}
ul.three-col-grid img {height: auto;}
ul.four-col-grid img {height: auto;}


/*
Layout: 768px to 991px.
Tablet, Laptop & iPad portrait (768px)
*/
@media only screen  and (max-width: 1024px) {
.socialandcall {  margin: 0 auto;  width: 500px;}







}
/*
Layout: 600px to 767px.
Samsung Galaxy-Android Os landscape (685px),
Kindle portrait (600px)
*/
@media only screen and (max-width: 767px) {
.thumbnail {float: inherit;  width: 100%;  text-align: center;}
.content_right {float: inherit; width: 100%; margin-left: 0px;}







}
/*
Layout: 480px. to 599px
iPhone 3+4(480px) landscape
iPhone 5(568px) landscape
*/
@media only screen and (max-width: 599px) {
.social {
  float: none;
  height: 35px;
  margin: 12px auto;
  width: 100%;
  text-align: center;
}
.reservations {
  font-family: 'Times New Roman',Times,serif;
  font-size: 20px;
  font-weight: bold;
text-align: center;
width: 100%;
margin-top: 0;
display:none;
}
.clicktocall{
font-family: 'Times New Roman',Times,serif;
font-size: 18px;
font-weight: bold;
text-align: center;
width: 100%;
margin-top: 0;
display:block;
}



}
/*
Layout: 320px. to 479px 
iPhone 3+4+5 portrait (320px), 
Crappy Android landscape (320px),
Samsung Galaxy-Android Os portrait(380px) 
*/
@media only screen  and (max-width: 479px) {
.socialandcall {  margin: 0 auto;  width: 320px;}
.social {
  float: none;
  height: 35px;
  margin: 12px auto;
  width: 100%;
  text-align: center;
}
.reservations {
font-family: 'Times New Roman',Times,serif;
font-size: 15px;
font-weight: bold;
text-align: center;
width: 100%;
margin-top: 0;
display:none;
}

.clicktocall{
font-family: 'Times New Roman',Times,serif;
font-size: 20px;
font-weight: bold;
text-align: center;
width: 100%;
margin-top: 0;
display:block;
}





}