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

    #instagram { margin-bottom: 40px; }
    #instagram ul li a { height: 140px; }

    .delivery .pizza-caixa { position: relative; right: auto; top: auto; margin-top: -50px; width: 100%; }

}

@media only screen and (min-width: 992px) {

    header .video-background { background: #000000; position: relative; width: 100%; height: 100%; z-index: -1;}
    header .video-background img { position: absolute; top: 50%; left: 50%; z-index: 99999; margin-left: -69px; margin-top: -75px; }
    header .video-background .grid-tile { background: url('../img/gridtile.png'); width: 100%; height: 100%; position: absolute; z-index: 2; }
    header .video-foreground { position: relative; width: 100%; height: 100vh; pointer-events: none; overflow: hidden; }
    header .video-foreground video { position: absolute; min-width: 100%; min-height: 100%; width: 100%; top: 0; left: 0; }

}

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

    body { font-size: 17px; }

    header { background: url('../img/bg-header.jpg') center center no-repeat; background-size: cover; height: 656px; }
    header .video-background { display: none; }

    header .navbar .delivery a.borda:after { width: 54px; }

    .bg-cardapio { background-position: right center; }

    #instagram ul li { width: 32%; float: left; padding: 0; margin: 1% 0; }
    #instagram ul li:nth-of-type(3n + 2) { margin-left: 1%; margin-right: 1%; }
    #instagram ul li a { height: 200px; }

}

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

    body { font-size: 16px; }

    .row { padding: 0 20px; }

    h3 { margin-top: 0; line-height: 1.2em; }
    h2 { margin-top: 30px; }
    h3 small { margin-top: 10px; }
    h4 { font-size: 20px; margin-bottom: 24px; }

    .bg-textura { padding: 37px 0; }
    .bg-forno { height: 418px; }
    .bg-cardapio { height: 575px; background-position: top center; background-size: cover; }

    header { height: 435px; }

    header .logo { bottom: 25px; }
    header .logo img { max-width: 230px; }

    header .navbar { bottom: auto; background: none; color: #000000; }
    header .navbar-toggle { position: relative; z-index: 100; }
    header .navbar-toggle.collapsed .icon-bar { background: #FFFFFF; }
    header .navbar-toggle .icon-bar { background: #000000; }
    header .navbar .navbar-collapse { height: 435px !important; background: #FFFFFF; margin-top: -50px; padding-top: 50px; float: right; }
    header .navbar .navbar-collapse li { margin: 12px 0; padding: 0 30px; font-size: 19px; }
    header .navbar .navbar-collapse li.social { margin-top: 40px; }
    header .navbar .navbar-collapse a { color: #000000; }

    .cardapio { padding: 0; }
    .cardapio-lista { float: left; margin-bottom: 43px; }
    .cardapio-lista h1 { background: #000000; margin: 0; padding: 30px 0 15px 0; margin-left: -5px; margin-right: -5px; }

    #instagram ul li { width: 49%; }
    #instagram ul li:nth-of-type(odd) { margin-right: 1%; margin-left: 0; }
    #instagram ul li:nth-of-type(even) { margin-left: 1%; margin-right: 0; }
    #instagram ul li a { height: 162px; }

    .contato p strong { width: 100%; float: left; }
    .contato .mapa { display: none; }

    .delivery .zonas { float: left; width: 100%; padding: 20px 0; }
    .delivery .zonas span { float: left; width: 100%; margin: 5px 0; }
    .delivery .zonas a { margin-top: 20px; }

    .parceiros { padding: 20px 0; }

    footer { height: auto; line-height: 1.8em; padding: 10px 0; }

    .fancybox-close { right: 0; }

}

@media only screen and (min-width: 420px) and (max-width : 767px) {

    .fotos-destacadas > div { width: 25%; }

    .fotos .foto { width: 50%; }

}

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

    .galeria { padding-bottom: 10px; }

    .fotos-destacadas { padding-bottom: 2px; margin-bottom: 20px; }
    .fotos-destacadas div { margin-bottom: 8px; }

    .fotos { padding: 0; float: left; }
    .fotos .foto { margin-left: -25px; padding: 0; width: calc(100% + 50px); }

}