@media only screen and (min-width:1025px)
{
    .mobmenu{ display: block !important;}
    
}

@media only screen and (max-width:1600px)
{
    .pizzeria p{ font-size: 40px; line-height: normal;}
    .pizzeria span{ font-size: 40px; line-height: normal;}
    .about h1{ font-size: 50px;}
    .about p{ font-size: 20px;}
    .aboutus{ padding: 45px;}
    .box h3{ font-size: 40px; line-height: normal; margin: 0 0 12px;}
    .box h4{ font-size: 32px; line-height: normal; margin: 0 0 20px;}
    .box p{ font-size: 16px; line-height: 26px;}
    .bufala p{ font-size: 16px;}
    .menubox span.title{ font-size: 28px; line-height: 55px;}
    .menulist h1{ font-size: 25px;}
    .allreview ul li.tripadv a img{ width: 70%;}
    .allreview ul li.yelp a img{ width: 112px;}
    .booklink strong{ font-size: 45px; line-height: 60px;}
    .callus img{ width: 100px; height: auto;}
    .callus a{ font-size: 26px;}
    .instatitle h1{ font-size: 45px;}
    .instatitle span{ font-size: 24px;}
    .footnav ul li a{ font-size: 30px;}
    .find ul li{ padding: 10px 0 0;}
    .find span{ font-size: 30px;}
    a.mailto{ font-size: 25px;}
    footer p{ font-size: 20px;}
    footer{ padding: 55px 0 35px;}
    

/*
    .menulist h1{ bottom: 16px;}
    .menuslider button{ bottom: -85px;}
*/
    
}

@media only screen and (min-width:1366px) and (max-width:1500px)
{
    .miami > img{ width: 70%; margin: 0 auto;}
}

@media only screen and (min-width:1025px) and (max-width:1365px)
{
    .miami > img{ width: 58%; margin: 0 auto;}
    .banner{ top: 5%;}
}


@media only screen and (min-width:1200px) and (max-width:1299px)
{
    .menucont ul li h6{ font-size: 16px;}
    .menucont ul li p{ font-size: 14px;}
    .menucont ul li{ margin: 0 0 12px;}
}

@media only screen and (max-width:1299px)
{
    
.menubox span.title {
    font-size: 21px;
    line-height: 48px;}
	.banner{ width: 970px;}
    nav ul li{ padding: 0 15px;}
    nav ul li a{ font-size: 15px;}
    .timevenue p{ font-size: 18px;}
    .timevenue a{ font-size: 18px;}
    .pizzeria img{ padding: 0; width: 300px; height: auto;}
    .pizzeria{ padding: 30px 90px;}
    .pizzeria p{ font-size: 35px; margin: 0;}
    .pizzeria span{ font-size: 35px;}
    .bufala h3{ font-size: 30px; line-height: 40px;}
    .allreview{ position: relative;}
    .allreview ul li.tripadv a img{ width: 222px;}
    .addr{ width: 80%;}
    .addr > img{ max-width: 100%; height: auto;}
    .addr ul li a{ font-size: 18px;}
    .addr ul li p{ font-size: 18px;}
    .btnwrap .buton{ font-size: 18px; width: 195px;}
    footer{ padding: 40px 0;}
    .find span{ font-size: 22px;}
    .find{ padding-left: 30px;}
    .footnav ul li a{ font-size: 22px;}
    .footnav ul li{ margin: 0 35px 0 0; padding: 5px 0;}
    a.mailto{ font-size: 18px; padding-top:5px; padding-bottom: 5px;}
    footer p{ font-size: 18px;}
    
    header .logo{ width: 175px;}
    a.booktable{ font-size: 18px; width: 160px;}
    header nav ul li{ padding: 0 12px;}
    header nav{ padding: 0 0 0 30px;}
    .social ul{ padding: 0 25px 0 0;}
    header nav ul li a{ font-size: 14px;}
    
}
@media only screen and (max-width:1024px)
{
    .bannerslider .slick-slide img{ height: 100vh !important; object-fit: cover;}
    header{ position: fixed; top: 0 !important; z-index: 9999999;}
    a.mobutton{ display: block;}
    a.mobutton.open span:first-child{transform: rotate(-52deg);position: relative;top: 15px;}
    a.mobutton.open span:nth-child(2){ display: none;}
    a.mobutton.open span:last-child{ transform: rotate(50deg); }
    .menuwrap { display: none;}
    .mobmenu{ clear: both; display: none; height: 100vh;}
    nav{ float: none; width: 100%; clear: both; padding: 0;}
    nav ul { float: none;}
    nav ul li{ float: none; width: 100%; text-align: center;}
    nav ul li a{ display: block; text-align: center;}
    .social{ text-align: center; float: none; width: 100%; clear: both;}
    .social ul{ float: none; width: 100%; text-align: center; padding: 0 0 30px;}
    .social ul li{ float: none; display: inline-block;}
    a.booktable{ float: none; margin: 0 auto; clear: both;}
    a.telno{ display: block; float: right; background: url(/web/20240823080220im_/https://www.flbmiami.com/wp-content/themes/FLB-theme/images/icon-tel.png) no-repeat center center; width: 39px; height: 39px; margin: 8px 20px 0 0;}
    header nav{ padding-left: 0;}
    
    .banner{ top: 130px; width: 600px;}
    .miami{ padding: 55px 60px 55px; margin: 0 0 20px;}
    .timevenue br{ display: block;}
    .timevenue p{ float: none; text-align: center; line-height: 30px;}
    .timevenue a{ float: none; text-align: center;}
    .timevenue a span{ display: none;}
    .pizzeria img{ margin: 0 auto; display: block;}
    .pizzeria p{ font-size: 38px;}
    .aboutslider{ float: none; width: 100%; position: relative;}
    .aboutus{ float: none; width: 100%;}
    .bufala{ width: 50%;}
    .weekslide{ width: 50%; }
    .box:before{ display: none;}
    .menulist{ padding: 25px;}
    .instatitle{ padding: 20px;}
    .instatitle h1{ font-size: 32px; line-height: 45px;}
    .instatitle span, .instatitle p{ font-size: 18px;}
    .btnwrap .buton{ width: 145px; font-size: 13px; line-height: 50px; height: 50px;}
    .find{ float: none; width: 100%; padding: 0 0 15px; text-align: center;}
    .find span{ display: block; text-align: center; float: none; margin: 0;}
    .find ul{ float: none; width: 100%; text-align: center;}
    .find ul li{ float: none; display: inline-block;}
    .footnav{ float: none; width: 100%;}
    .footnav ul { float: none; display: block;}
    .footnav ul li{ float: none; width: 100%; margin: 0; padding: 10px 0;}
    a.mailto{ display: table; margin: 10px auto;float: none;}
    footer p br{ display: block;}
/*    .dishes , .instafeed {height:585px;}*/
    
}

@media only screen and (max-width:350px)
{

.menubox span.title {
    font-size: 11px !important;
}
}

@media only screen and (max-width:767px)
{
    .banner{ width: 540px;}
    .bannerslider .slick-slide img{ height: 780px !important;}
    .pizzeria p{ font-size: 32px;}
    .aboutus{ padding: 30px;}
    .about{ padding: 20px;}
    .bufala{ float: none; width: 400px; margin: 0 auto; border-bottom: solid 3px #E52429;}
    .weekslide{ float: none; width: 100%;}
    .box{ padding: 0 40px;}
    .reservation{ padding: 50px 15px;}
    .dishes{ position: relative;}
    .menucont ul li h6{ font-size: 14px; line-height: normal;}
    .menucont ul li p{ font-size: 13px; line-height: 17px;}
    .menulist h1{ font-size: 18px;}
    .dishes .slick-slide img{ max-height: 500px; width: 100%; object-fit: cover;}
	.gallery-mobile {height: auto !important;}
    .menubox span.title:before {width: 25px;}
	
}

@media only screen and (max-width:599px)
{
    .menubox {border: 7px solid #fff;}
	.banner{ width: 400px;}
    .bannerslider .slick-slide img{ height: 700px !important;}
    .pizzeria{ padding: 30px;}
    .about h1{ font-size: 32px;}
    .about p{ font-size: 17px; line-height: 25px;}
    .menubox a img{ height: 215px;}
    .menubox span.title{ bottom: 0; left: 0; transform: none; -moz-transform:none; -webkit-transform:none; width: 100%; font-size: 14px; line-height: 40px; box-sizing: border-box; padding: 0 45px 0 15px;}
    .menubox span.title:before{ background-size: 15px auto;}
    .menulist{ right: 100%; left: auto;position: absolute; padding: 50px; height: 100vh; width: 100%;}
    .menubox.toggle_me a.open{ display: block;}
    .menucont{ height: auto !important;}
    .menulist{ width: 100%; position: fixed; left:100%; top: 0; height: 100vh; }
    .menubox.toggle_me .menulist{ display: block; position: fixed; width: 100%; height: 100vh;overflow: auto; background: #fff; left: 0; z-index: 9999999; padding-bottom: 0;}
    .menuslider{ height: 100vh;}
    .callus{ padding: 20px 10px;}
    .callus img{ width: 55px;}
    .callus a{ font-size: 17px;}
    .booklink strong{ font-size: 34px; line-height: 50px;}
    .dishes .slick-slide img{ height: 300px; width: 100%;}
    .allreview ul li.tripadv a img{ width: 180px;}
    .allreview ul li.yelp a img{ width: 97px;}
    .rewslider{ padding: 45px 80px;}
    .rewslider h3{ font-size: 25px; line-height: 35px;}
    .rewslider h4{ font-size: 25px; line-height: 35px;}
    .rewslider p{ font-size: 22px;}
    .reservation h2{ font-size: 35px; text-align: left; margin: 0 0 10px;}
    .reservation ul{ float: none; width: 100%;}
    .reservation ul li{ float: none; width: 100%; margin: 0 0 10px;}
    .reservation select{ height: 45px; font-size: 18px;}
    .reservation .iptex{ line-height: 45px; height: 45px; font-size: 18px;}
    .reservation{ height: 100%;}
    .reservation .submit{ height: 45px; font-size: 18px;}
    .reservation ul li:before{ right: 20px;}
    .menubox a.open{ position: static;}
    
    .otw-bare-bones-style h3 
    {
        font-size: 35px;
        text-align: left;
        margin: 0 0 10px;
    }
 
    .otw-input-wrap{ float: none; width: 100%;}
    .otw-date-wrap.otw-input-wrap .otw-reservation-date{ height: 45px;}
    .otw-button-wrap{ width: 100%;}
    .otw-button-wrap input[type="submit"]{ width: 100%; height: 45px;}
    .booklink.showtable a.bookingopen{ height: 335px;}
    
    body.stick{ overflow: hidden;}
    
}

@media only screen and (max-width:480px)
{
    header .logo{ width: 150px;}
    a.mobutton{ margin-right: 0px; width: 45px;}
    a.telno{ width: 30px; height: 30px; background-size: 100% 100%; margin: 14px 20px 0 0;}
    .banner{ width: 278px; top: 110px;}
    .miami{ padding: 0;}
    .bannerslider .slick-slide img{ height: 590px !important;}
    .pizzeria img{ max-width: 100%;}
    .pizzeria p{ font-size: 20px;}
    .pizzeria span { font-size: 28px;}
    .aboutus{ padding: 20px;}
    .bufala{ width: 100%; padding: 25px;}
    .weekslide{ padding: 30px;}
    .box{ padding: 0;}
    .weekslide .slick-next{ width: 30px;}
    .weekslide .slick-prev{ width: 30px;}
    .rewslider{ padding: 30px 50px;}
    .rewslider .slick-next{ right: 0;}
    .rewslider .slick-prev{ left: 0;}
    .rewslider h4{ font-size: 20px; line-height: 30px;}
    .rewslider p{ font-size: 17px;}
    .rewslider ul li{ margin: 0 4px 0 0;}
    .allreview ul li.tripadv a img{ width: 125px;}
    .allreview ul li.yelp a img{ width: 81px;}
    .callus a{ font-size: 14px;}
    .instatitle h1{ font-size: 25px; line-height: 40px;}
    .addr ul li{ padding: 20px 0; text-align: center;}
    .addr ul li img{ position: relative; margin: 0 auto 20px;}
    .allreview span{ font-size: 20px;}
    .addr > img{ margin: 0 auto !important;}
    .logo-delivery img{ margin: 0 auto !important;}
    .addr ul li p strong{ display: block;}
    .btnwrap .buton{ float: none; width: 100%; margin: 0 0 10px;}
    
    .otw-bare-bones-style h3{ font-size: 22px;}
    .booklink.showtable a.bookingopen{ height: 315px;}
    booklink.showtable{ padding: 50px 0 0;}
    .allreview ul li a   { height: 68px;}
}



@media screen and (min-device-width: 1024px) and (max-device-width: 1298px) { 

.menubox a img {
    height: 480px;
}


.menulist {
    height: 480px;
   
}


.menucont ul li h6 {
    font-size: 17px;
    line-height: 17px;
    color: #000;
    font-weight: 700;
    margin: 0 0 5px;
}


.menucont ul li p {
    font-size: 13px;
    line-height: 14px;
    color: #000;
    font-weight: 300;
    margin: 0;
}


}



@media screen and (max-height: 500px) {

.banner {
    top: 35px !important;
}

.timevenue {
    display: none;
}


header nav ul li {
    height: 40px;
}

}

/*
     FILE ARCHIVED ON 08:02:20 Aug 23, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:39:15 Oct 15, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.622
  exclusion.robots: 0.019
  exclusion.robots.policy: 0.008
  esindex: 0.008
  cdx.remote: 10.592
  LoadShardBlock: 75.799 (3)
  PetaboxLoader3.datanode: 61.286 (4)
  PetaboxLoader3.resolve: 60.648 (2)
  load_resource: 78.404
*/