/* Large desktop */
@media (min-width: 1200px) {
  .find-gr8-table{margin:2% auto 6% auto;text-align:center; max-width:602px; width:50%;}
   body{background-size: 1200px auto;}
  .wrapper{ background-size:1200px auto;}
  .wrapper-home{background-size: 1200px auto;}
 }

@media (min-width: 980px) and (max-width: 1199px) {
   body{background-size:100% auto;}
  .find-gr8-table{margin:2% auto 4% auto;text-align:center; max-width:601px; width:50%;}
  .discover-sticker{ height:180px!important;}
  .wrapper{ background-size:110% auto;}
  .wrapper-home{ background-size:110% auto;}
  .wrapper-detail { background-size:110% auto;}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
   body{background-size:100% auto;}
   .top-right-sec{ width:60%}
   .top-right-sec .search-area input[type=text]{ width:50%}
  .find-gr8-table{margin:2% auto 4% auto;text-align:center; max-width:600px; width:50%;}
  .wrapper{ background-size:100% 70px;}  
  .wrapper-home{ background-size:110% 160px;}
  .wrapper-discover { background-size:110% 160px;}
  .wrapper-detail { background-size:110% 160px;}
  .discover-sticker{ height:120px!important;}
  .picture-it-box .pictures ul li a img{ float:left; max-width:108px;width:100%}
  .restaurant-list .tab-strip .listing ul li a{font-size: 14px;line-height:16px;}
  .restaurant-list .tab-strip ul li a{font-size: 11px;line-height:16px; }
  .discover-area .menu ul li a{font-size: 12px;}
  .discover-area .hd{font-size: 24px;}  
  .btn-large{ width:200px;font-size: 12px;}  
  button.btn-make-a-reservation{height:40px; line-height:40px; font-size:22px;}
  .restaurent-detail .col-1 .picture-gal li a{display:block; padding:2px; margin-right:2px}
  .restaurent-detail .col-1 .info h2{font-size:20px;line-height:22px}
  .restaurent-detail .col-2 .tabs ul li a{font-size:10px}
  button.redbtn{font-size:20px;}
  .restaurent-detail button.greybtn{font-size:20px;}
  .reserved-people img {margin-top: 10%;}
  .reserved-people .digit-box {margin-left: 3%;}
  .reserved-date img {margin-top: 8%;}
  .reserved-date .digit {margin-left: 4%;}
  .reserved-time .digit-box {max-width: 23%;margin-left: 1%;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  body{background-size:100% auto;}
  .top-right-sec{ width:60%}
  .top-right-sec .search-area input[type=text]{ width:45%}
  .find-gr8-table{margin:2% auto 4% auto;text-align:center; max-width:605px; width:50%;}
 .wrapper{ background-size:100% 64px;} 
 .wrapper-home{ background-size:120% 145px;}
 .wrapper-discover { background-size:120% 66px;}
 .wrapper-detail { background-size:120% 66px;}
 .home-share{width:105px;}
 .home-share-btn{right:5px!important;top:6px!important;}
 .discover-sticker{ height:100px!important;}
 .picture-it-box .pictures ul li a img{ float:left; max-width:68px;width:100%}
 .restaurant-list .tab-strip .listing ul li a{font-size: 12px;line-height:16px;}
 .restaurant-list .tab-strip ul li a{font-size: 9px;line-height:16px; }
 .discover-area .menu ul li a{font-size: 12px;}
  .discover-area .hd{font-size: 22px;}
 .btn-large{ width:200px;font-size: 12px;}
  button.btn-make-a-reservation{height:35px; line-height:35px; font-size:18px;}
  .restaurent-detail .col-1 .picture-gal li a{display:block; padding:2px; margin-right:2px}
  .restaurent-detail .col-1 .info h2{font-size:18px;line-height:20px}
  .restaurent-detail .col-2 .tabs ul li a{line-height:37px;height:37px;font-size:9px}
  button.redbtn{font-size:18px;}
  .restaurent-detail button.greybtn{font-size:18px;}
  .reserved-people img {margin-top: 4%;}
  .reserved-people .digit-box {margin-left: 3%;}
  .reserved-date img {margin-top: 8%;}
  .reserved-date .digit {margin-left: 4%;}
  .reserved-time .digit-box {max-width: 23%;margin-left: 1%;}
  .reserved-time {min-width:300px;}
  #discover-cuisine-opts:before {width: 80%!important;}
  #discover-ocassion-opts:before {width:53%!important;}
  #discover-neighbour-opts:before{width:25%!important;}
  
  #discover-filter-ul li a{font-size:14px!important;}
 
}

@media (min-width: 492px) and (max-width: 745px) {
  .detail-share-btn{top:-37px;}
  
}
@media (min-width: 481px) and (max-width: 600px) {
  .restaurent-detail .col-1 {width:99%; float:left; margin-right:0px;}
  .restaurent-detail .col-2 {clear:both;width:99%; float:left}
  .detail-share-btn{top:0px;}
  .restaurent-detail .col-2 .tabs ul li a{line-height:47px;height:47px;font-size:11px}
  ul#city-menu{width:80px!important;}
}


 
/* Landscape phones and down */
@media (max-width: 480px) {
    body{background-size:100% 265px;}
   .top-right-sec{ width:63%}
   .whole-container{margin: 3px 1%;width: 98%;}
   .find-gr8-table{margin:2% auto 4% auto;text-align:center; max-width:602px; width:50%;}
   .wrapper{background-size: 100% 74px;} 
   .wrapper-home{ background-size:140% 95px;}
   .wrapper-discover { background-size:125% 72px;}
   .wrapper-detail { background-size:120% 95px;}
   .home-share{width:105px;}
   .home-share-btn{right:5px!important;top:6px!important;}
   .black-box{margin:0% 0.2%;}
  .top-right-sec .search-area input[type=text]{ width:36%;height:11px;margin-left:6px;}
  .top-right-sec #city{width:82px!important;}
  .top-right-sec a#city-button{font-size:10px;width:82px!important;}
  .discover-sticker{ height:90px!important;}
  .picture-it-box .pictures ul li a img{ float:left; max-width:60px;width:100%}
  .restaurant-list .tab-strip .listing ul li a{font-size: 8px;line-height:16px;}
  .restaurant-list .tab-strip ul li a{font-size: 7px;line-height:16px; }
  .discover-area .menu ul li a{font-size: 9px;}
  .discover-area .hd{font-size: 18px;}
  #discover-cuisine-opts:before {width: 97%!important;}
  #discover-ocassion-opts:before {width:62%!important;}
  #discover-neighbour-opts:before{width:38%!important;}
  
  
  .btn-large{ width:250px;font-size: 12px;}
  .discover-area .data-list .rec .pic{width:30%}
  .discover-area .data-list .rec .details{width:68%}
  .restaurent-detail .col-1 {width:99%; float:left; margin-right:0px;}
  .restaurent-detail .col-2 {clear:both;width:99%; float:left}
  button.btn-make-a-reservation{height:35px; line-height:35px; font-size:18px;}
  .restaurent-detail .col-1 .picture-gal li a{display:block; padding:2px; margin-right:2px}
  .restaurent-detail .col-1 .info h2{font-size:18px;line-height:20px}
  .restaurent-detail .col-2 .tabs ul li{width:33.3%;}
  .restaurent-detail .col-2 .tabs ul li a{line-height:40px;height:40px;font-size:10px;text-indent:-2px;}
  button.redbtn{font-size:16px;}
  .restaurent-detail button.greybtn{font-size:16px;}
  .reserved-people img {margin-top: 6%;}
  .reserved-people .digit-box {margin-left: 3%;}
  .reserved-date img {margin-top: 8%;}
  .reserved-date .digit {margin-left: 4%;}
  .reserved-time .digit-box {max-width: 23%;margin-left: 1%;}
  iframe#reserve-modalframe {width:310px;}
  .reserved-time {min-width:300px;}
  #discover-filter-ul li a{font-size:9px!important;}
  .detail-share-btn{top:0px;}
  ul#city-menu{width:80px!important;}
  .ui-selectmenu-menu li a{padding-left:1em;padding-right:1em;}
  
  
  
}

@media (min-width: 241px) and (max-width: 336px) {
  .detail-share-btn{top:-37px;}
}