/*
 *   Mediascreen
 *   Copyright (C) 2016 OPS Empresas
 *   http://www.opsempresas.com.br
**/

#header .header-menu-link {display: none;}
#header #menu {display: none;}

img, picture, video, embed {max-width: 100%; max-height: 100%;}

@-moz-document url-prefix() {  
  img {   
    max-width: 100%; 
    max-height: 100%;
  }
}

/*TV*/
@media screen and (min-width: 1921px) and (max-width: 9000px) {
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}    
}

/*TV*/
@media screen and (min-width: 1367px) and (max-width: 1920px) {
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}    
}

/*DESKTOP PEQUENOS E DESKTOP GRANDES*/
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    #container{width:100%;}
    
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}
    
    #header #contHeader .logo {margin: 0 auto 0;}
    #header #contHeader #navigation {margin: 13px auto 0 auto;}
    
    #header #boxpainel {height: 491px; overflow: hidden;}
    
    /*INICIO*/
    #inicio-content #conteudo {width: 98%;}
    
    #inicio-content #boxinfo #conteudo {width: 98%; max-width: 1161px;}
    #inicio-content #boxinfo #conteudo li {width: 31.5%; max-width: 369px; float: left; display: inline-block; margin: 0 0.8% 25px 1%;}
    
    #inicio-content #boxreserva #conteudo {width: 98%;}
    
    /*CSS PADRÃO*/
    #padrao-content {width: 98%;}
    
    /*ACOMODAÇÕES*/
    #acomodacoes-content {width: 98%;}
    
    #acomodacoes-content #conteudo .boxfotos li {width: 23%; max-width: 300px; height: 178px; margin: 0 1% 14px 1%; overflow: hidden;}
    #acomodacoes-content #conteudo .maisfotos li {width: 23.8%;}
}

/*DESKTOP PEQUENOS*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
    #container{width:100%;}
    
    #dhtml {width: 90%; max-width: 410px; height: auto; left: 34%; top: 30px;}
    #dhtml .boxinfodhtml {width: 100%; border: none;}
    #dhtml .boxinfodhtml .bannerpizza {width: 100%;}
    
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}
    
    #header #contHeader .logo {margin: 0 auto 20px;}
    #header #contHeader #navigation {margin: 22px auto 0 auto;}
    
    #header #boxpainel {height: 391px; overflow: hidden;}
    
    /*INICIO*/
    #inicio-content #conteudo {width: 98%;}
    
    #inicio-content #boxinfo #conteudo {width: 98%;}
    #inicio-content #boxinfo #conteudo li {width: 31.5%; max-width: 369px; float: left; display: inline-block; margin: 0 0.8% 25px 1%;}
    #inicio-content #boxinfo #conteudo li:last-child {margin-right: 0;}
    #inicio-content #boxinfo #conteudo li a #bg-i {display: block;}
        
    #inicio-content #boxreserva #conteudo {width: 98%;}
    
    /*CSS PADRÃO*/
    #padrao-content {width: 98%;}
    
    /*ACOMODAÇÕES*/
    #acomodacoes-content {width: 98%;}
    
    #acomodacoes-content #conteudo .boxfotos li {width: 23%; max-width: 300px; height: 142px; margin: 0 1% 14px 1%; overflow: hidden;}
    #acomodacoes-content #conteudo .maisfotos li {width: 23.8%;}
    
    /*SERVIÇOS*/
    #servicos-content {width: 98%;}
}

/*TABLET VERTICAL E DESKTOP PEQUENOS*/
@media screen and (min-width: 768px) and (max-width: 959px) {
    #container{width:100%;}
    
    #dhtml {width: 90%; max-width: 410px; height: auto; left: 30%; top: 30px;}
    #dhtml .boxinfodhtml {width: 100%; border: none;}
    #dhtml .boxinfodhtml .bannerpizza {width: 100%;}
    
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}
    
    #header #contHeader .logo {margin: 0 auto 0px;}
    #header #contHeader #navigation {margin: 21px auto 0 auto;}
        
    #header #contHeader {width: 98%;}
            
    #header #boxpainel {height: 311px; overflow: hidden;}
    
    /*INICIO*/
    #inicio-content #conteudo {width: 98%;}
    
    #inicio-content #boxinfo #conteudo {width: 98%;}
    #inicio-content #boxinfo #conteudo li {width: 32%; max-width: 369px; float: left; display: inline-block; margin: 0 2% 25px 0;}
    #inicio-content #boxinfo #conteudo li:last-child {margin-right: 0;}
    #inicio-content #boxinfo #conteudo li a #bg-i {display: block;}
    
    #inicio-content #boxreserva #conteudo {width: 98%;}    
    #inicio-content #boxreserva #conteudo .tlt {font-size: 60px;}
    #inicio-content #boxreserva #conteudo .tel {font-size: 60px;}
    #inicio-content #boxreserva #conteudo .tel i {font-size: 40px;}
            
    /*CSS PADRÃO*/
    #padrao-content {width: 98%;}
    
    /*ACOMODAÇÕES*/
    #acomodacoes-content {width: 98%;}
    
    #acomodacoes-content #conteudo .boxfotos li {width: 23%; max-width: 300px; height: 113px; margin: 0 1% 14px 1%; overflow: hidden;}
    #acomodacoes-content #conteudo .maisfotos li {width: 23.8%;} 
    
    /*SERVIÇOS*/
    #servicos-content {width: 98%;}
    
    #servicos-content #conteudo .boxfotos li {width: 31.3%; float: left; margin: 0 1% 14px 1%;}  
}

/*CELULAR HORIZONTAL E TABLET VERTICAL*/
@media screen and (min-width: 480px) and (max-width: 767px) {
    #header #contHeader .logo {width: 195px;height: 138px;margin-top: 0;margin-bottom: 71px;}
    #header #contHeader .logo2 {width: 195px; height: 138px; margin-top: 0; margin-bottom: 90px;}
                
    #dhtml {width: 90%; max-width: 410px; height: auto; left: 10%; top: 30px;}
    #dhtml .boxinfodhtml {width: 100%; border: none;}
    #dhtml .boxinfodhtml .bannerpizza {width: 100%;}
    
    #header #boxpainel2 {height: 159px;}
    
    #header #contHeader #navigation {display: none;}
    
    #header .header-menu-link {width: 95%;height: 27px;line-height: 27px;display: block;position: absolute;top: 162px;margin: 0 0 0 3%;font-size: 20px;color: #402000;}
    #header .header-menu-link .seta {width: 30px; height: 27px; float: left; margin: 0 11px 0 0; background: url(../images/png/setamenu2.png) no-repeat;}
    #header .header-menu-link:hover .seta {background-position: -30px 0;}
    #header .header-menu-link:hover {color: #324300;}    
    
    #header #menu {width: 100%; height: auto; position: absolute; top: 210px; display: none; background: #EEE;}
    #header #menu li {width: 50%; height: 36px; float: left; background: #EEE;}
    #header #menu li a {height: 36px; line-height: 36px; padding-left: 16px; display: block; font-size: 15px; color: #402000;}
    #header #menu li a:hover {color: #324300;}
    
    #header #boxpainel {height: 155px; overflow: hidden;}
    
    /**/
    #footer .copy {box-sizing: border-box; padding: 0 15px; font-size: 14px;}
    
    /*INICIO*/
    #inicio-content #conteudo {width: 97%;}
    #inicio-content #conteudo .boxbemvindo .tlt {font-size: 64px;}
    
    #inicio-content #boxinfo #conteudo {width: 97%;}
    #inicio-content #boxinfo #conteudo li {width: 100%; max-width: 369px; float: none; display: table; margin: 0 auto 25px auto;}
    #inicio-content #boxinfo #conteudo li:last-child {margin-right: auto;}
    #inicio-content #boxinfo #conteudo li a #bg-i {display: block;}
    
    #inicio-content #boxreserva #conteudo {width: 97%;}
    #inicio-content #boxreserva #conteudo .tlt {font-size: 60px;}
    #inicio-content #boxreserva #conteudo .tel {font-size: 60px;}
    #inicio-content #boxreserva #conteudo .tel i {font-size: 40px;}
    
    #inicio-content #boxreserva #conteudo .boxbtn {width: 100%; max-width: 593px; margin-top: 0;}
    #inicio-content #boxreserva #conteudo .boxbtn .txt {width: 100%; float: none; display: inline-block; font-size: 23px; text-align: center;}
    #inicio-content #boxreserva #conteudo .boxbtn .btn {float: none; display: table; margin: 15px auto 0 auto;}
    
    #inicio-content #conteudo .boxcontato .tlt {font-size: 64px;}
    
    /*CSS PADRÃO*/
    #padrao-content {width: 97%;}
    #padrao-content #conteudo .tlt {font-size: 64px;}
    
    /*ACOMODAÇÕES*/
    #acomodacoes-content {width: 97%;}
    #acomodacoes-content #conteudo .tlt {font-size: 64px;}
    
    #acomodacoes-content #conteudo .textoPadrao .responsive-container {float: none; display: block; margin: 0 auto 20px;}
    
    #acomodacoes-content #conteudo .boxfotos li {width: 48%; max-width: 300px; height: 144px; margin: 0 1% 14px 1%; overflow: hidden;}
    #acomodacoes-content #conteudo .maisfotos li {width: 23.8%;}  
    
    /*SERVIÇOS*/
    #servicos-content {width: 97%;}
    #servicos-content #conteudo .tlt {font-size: 64px;}
    
    #servicos-content #conteudo .boxfotos li {width: 100%; float: none; margin: 0 auto 25px auto;}  
}

@media screen and (min-width: 667px) and (max-width: 767px) {    
    #dhtml {left: 25%;}   
        
    /**/
    #inicio-content #boxinfo #conteudo li {width: 32%; max-width: 369px; float: left; display: inline-block; margin: 0 2% 25px 0;}
    #inicio-content #boxinfo #conteudo li:last-child {margin-right: 0;}
    #inicio-content #boxinfo #conteudo li a #bg-i {display: block;}
    
    /**/
    #acomodacoes-content #conteudo .boxfotos li {width: 32%; max-width: 300px; height: 134px; margin: 0 0.6% 14px 0.7%; overflow: hidden;}
    
    #acomodacoes-content #conteudo .textoPadrao .responsive-container {width: 48%; float: right; display: inline-block; margin: 0 0 20px 20px;}
    
    /**/
    #servicos-content #conteudo .boxfotos li {width: 32%; max-width: 300px; float: left; margin: 0 0.6% 25px 0.7%;}  
}

/*CELULAR VERTICAL*/
@media screen and (min-width: 319px) and (max-width: 479px) {
    #header #contHeader .logo {width: 195px;height: 105px;margin-top: 0;margin-bottom: 51px;}
    #header #contHeader .logo2 {width: 195px; height: 105px; margin-top: 0; margin-bottom: 90px;}
    
    #dhtml {width: 98%; max-width: 410px; height: auto; left: 1%;}
    #dhtml .boxinfodhtml {width: 100%; border: none;}
    #dhtml .boxinfodhtml .bannerpizza {width: 100%;}
    
    #header #boxpainel {height: 126px;}
    #header #boxpainel2 {height: 126px;}
    
    #header #contHeader #navigation {display: none;}
    
    #header .header-menu-link {width: 95%;height: 27px;line-height: 27px;display: block;position: absolute;top: 19vh;margin: 0 0 0 3%;font-size: 20px;color: #402000;}
    #header .header-menu-link .seta {width: 30px; height: 27px; float: left; margin: 0 11px 0 0; background: url(../images/png/setamenu2.png) no-repeat;}
    #header .header-menu-link:hover .seta {background-position: -30px 0;}
    #header .header-menu-link:hover {color: #324300;}    
    
    #header #menu {width: 100%;height: auto;position: absolute;top: 27vh;display: none;background: #EEE;}
    #header #menu li {width: 50%; height: 36px; float: left; background: #EEE;}
    #header #menu li a {height: 36px; line-height: 36px; padding-left: 16px; display: block; font-size: 15px; color: #402000;}
    #header #menu li a:hover {color: #324300;}
            
    /**/
    #footer .copy {box-sizing: border-box; padding: 0 15px; height: auto; font-size: 13px; line-height: 160%;}
    
    /*INICIO*/
    #inicio-content #conteudo {width: 97%;}
    #inicio-content #conteudo .boxbemvindo .tlt {font-size: 40px;}
    
    #inicio-content #boxinfo #conteudo {width: 97%;}
    #inicio-content #boxinfo #conteudo li {width: 100%; max-width: 369px; float: none; display: table; margin: 0 auto 25px auto;}
    #inicio-content #boxinfo #conteudo li:last-child {margin-right: auto;}
    #inicio-content #boxinfo #conteudo li a #bg-i {display: block;}

    
    #inicio-content #boxreserva #conteudo {width: 97%;}
    #inicio-content #boxreserva #conteudo .tlt {font-size: 60px;}
    #inicio-content #boxreserva #conteudo .tel {font-size: 40px;}
    #inicio-content #boxreserva #conteudo .tel i {font-size: 20px;}
    
    #inicio-content #boxreserva #conteudo .boxbtn {width: 100%; max-width: 593px;}
    #inicio-content #boxreserva #conteudo .boxbtn .txt {width: 100%; float: none; display: inline-block; font-size: 23px; text-align: center;}
    #inicio-content #boxreserva #conteudo .boxbtn .btn {float: none; display: table; margin: 15px auto 0 auto;}
    
    #inicio-content #conteudo .boxcontato .tlt {font-size: 40px;}
    
    /*CSS PADRÃO*/
    #padrao-content {width: 97%;}
    #padrao-content #conteudo .tlt {font-size: 40px;}
    
    #padrao-content #conteudo .vForms1 .campo {font-size: 16px;}
    
    /*ACOMODAÇÕES*/
    #acomodacoes-content {width: 97%;}
    #acomodacoes-content #conteudo .tlt {font-size: 40px;}
    
    #acomodacoes-content #conteudo .boxfotos li {width: 48%; max-width: 300px; height: 94px; margin: 0 1% 14px 1%; overflow: hidden;}
    
    #acomodacoes-content #conteudo .btn {width: 100%; max-width: 293px; font-size: 25px;}
    
    #acomodacoes-content #conteudo .textoPadrao .responsive-container {float: none; display: block; margin: 0 auto 20px;}
    
    #acomodacoes-content #conteudo .maisfotos li {display: block; float: none; margin: 0 auto 0;}
    #acomodacoes-content #conteudo .maisfotos li a {margin-bottom: 35px;}
    
    #acomodacoes-content #conteudo .textoPadrao #bg-i2 {float: none; display: block; margin: 0 auto 10px auto;}
    
    /*SERVIÇOS*/
    #servicos-content {width: 97%;}
    #servicos-content #conteudo .tlt {font-size: 40px;}
    
    #servicos-content #conteudo .boxfotos li {width: 100%; float: none; margin: 0 auto 25px auto;}
}