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

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: 1367px) and (max-width: 1920px) {
    #header #menu {display:none}
    #footer #meio .box .face {display:none}
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}
    #header #boxnav .tel {display: none;}
}

/*DESKTOP PEQUENOS E DESKTOP GRANDES*/
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    #header #menu {display:npne}
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}    
    #header #boxnav .tel {display: none;}
}

/*DESKTOP PEQUENOS*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
    #header #menu {display:none}
    #footer #meio .box .face {display:none}
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}
    #header #boxnav .tel {display: none;}
    
    #header #contHeader {width: 98%;}
    
    /*footer*/
    #footer #meio {width: 98%;}
    
    /**/
    #conteudo .tlt {width: 99%;}
    
    #conteudo .textoPadrao {width: 98%;}
    
    #conteudo .maisfotos li {width: 22.2%;}
    
    /*inicio*/
    #inicio-content .boxprodutos .bgprod li {width: 30.3%; margin-bottom: 20px;}
    
    /*contato*/
    #contato-content #conteudo .vForms1 {width: 54%; margin-right: 10px;}
    #contato-content #conteudo .boxfale {margin-left: 15px;}
    
    /*projetos*/
    #pacotes-content #conteudo #imgs li {width: 19.3%;}

    #pacotes-content #conteudo .boxprod .cat .tltCat {width: 55%;}
}

/*TABLET VERTICAL E DESKTOP PEQUENOS*/
@media screen and (min-width: 768px) and (max-width: 959px) {
    #header #menu {display:none}
    #footer #meio .box .face {display:none}
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}
    #header #boxnav .tel {display: none;}
    
    #header #contHeader {width: 98%;}
    
    /*footer*/
    #footer #meio {width: 98%;}
    
    /**/    
    #conteudo .tlt {width: 99%;}
    
    #conteudo .textoPadrao {width: 98%;}
    
    #conteudo .maisfotos li {width: 22.2%;}
    
    /*inicio*/
    #inicio-content #conteudo .boxempresa .tl {font-size: 28px;}
    #inicio-content #conteudo .boxempresa .desc {width: 65%;}

    #inicio-content #conteudo .boxcalendario .tl {font-size: 40px;}
    #inicio-content #conteudo .boxcalendario .desc {width: 91.7%; margin: 27px 0 0 15px;}

    #conteudo .textoPadrao .imgPrinc {max-width: 100px;}
        
    #inicio-content .boxprodutos .bgprod {width: 100%; max-width: inherit; height: auto; margin: 27px auto; display: table; float: none;}
    #inicio-content .boxprodutos .bgprod .tl {width: 91.7%; margin-left: 15px;}
    #inicio-content .boxprodutos .bgprod .tl .bnt {margin-right: 0;}   
    #inicio-content .boxprodutos .bgprod li {width: 30.2%; margin-bottom: 20px;}
    #inicio-content .boxprodutos .bgprod li a .responsive-container {box-sizing: border-box;}
    
    /*contato*/
    #contato-content #conteudo .vForms1 {width: 45%; margin-right: 10px;}
    #contato-content #conteudo .boxfale {margin-left: 15px;}
    
    /*pacotes*/
    #pacotes-content #conteudo #imgs li {width: 19.3%;}

    #pacotes-content #conteudo .boxprod .cat .tltCat {width: 46%;}
    
}

/*CELULAR HORIZONTAL E TABLET VERTICAL*/
@media screen and (min-width: 480px) and (max-width: 767px) {
    .desktopmedia {display: none;}
    
    #header #boxnav #navigation {display: none;}
    #header #contHeader {display: none;}
    
    #header #boxnav .logo {width: 120px;display: block;margin: 0 auto;float: none;height: 70px;background:  url(../images/png/logo.png) center no-repeat;background-size:contain; }
    
    #header #boxnav  {width: 100%;height: auto;display: inline-block;float: left;margin: 0 0 0;}
    #header #boxnav .tel {width: 95px;height: 36px;line-height: 120%;display: inline-block;float: right;font-family: 'CenturyGothic-Bold';font-size: 13px;color: #fff;/* text-align: right; */position: absolute;top: 30px;right: 0;}   
    #header #boxnav .tel span {background: url(../images/png/iconWhats.png) 1px 0px;background-size: contain;width: 20px;height: 20px;/* float: left; *//* position: absolute; */margin: 0 2px 0  10px;display: inline-block;}
    #header #boxnav .tel i {font-size: 12px}

    #header #contHeader .navsup {width: 199px;height: 32px;display:  none;}
    #header #contHeader .navsup li {width: 39px; height: 32px;}
        
    #header .header-menu-link {width: 36px;height: 29px;line-height: 29px;display: block;margin: 0 0 0 3%;position:  absolute;top: 20px;}
    #header .header-menu-link i {font-family:'CenturyGothic-Regular';font-size: 13px;color: #FFFFFF;display:  block;clear:both;font-weight:bold;} 
    #header .header-menu-link .seta {width: 28px;height: 22px;background: url(../images/png/setamenu.png) no-repeat;display:  block;margin:  0 auto;}
    #header .header-menu-link:hover .seta {background-position: -28px 0;} 
    #header .header-menu-link:hover i {color:#362b6d;}
        
    #header #menu {width: 100%;height: auto;float: left;margin-top: 75px;display: none;position: relative;z-index: 2;}
    #header #menu li:first-child {border-top:1px solid #fff}
    #header #menu li {width: 100%;height: 36px;float: left;background: #d32725;border-bottom: 1px solid #fff;}
    #header #menu li a {height: 36px; line-height: 36px; padding-left: 16px; display: block; font-family: 'deliciousbold_italic'; font-size: 15px; color: #FFF;}
    #header #menu li a:hover {background: #362b6d;}    


    #header #boxnav {position: fixed;z-index: 3;}
    
    /*footer*/
    #footer #meio {width: 98%;}
    
    /**/
    #content #breadcrumb {display: none;}
    
    #conteudo .textoPadrao {width: 85%;}
    
    #conteudo .maisfotos li {width: 30.5%;}
    
    #conteudo .textoPadrao .imgPrinc {float: none; display: block; margin: 0 auto 21px;}
    
    /*inicio*/    
    #inicio-content #conteudo .boxempresa {width: 95%;/* max-width: 300px; */height: 320px;display: block;float: none;margin: 25px auto;overflow: hidden;height: auto;}
    #inicio-content #conteudo .boxempresa .tl {width: 100%;font-size: 33px;height: 70px;line-height: 60px;margin-bottom: 10px;text-align:  center;}
    #inicio-content #conteudo .boxempresa .sub {width: 300px;}
    #inicio-content #conteudo .boxempresa .desc {width: 180px; height: 200px;}
    #inicio-content #conteudo .boxempresa .bnt {margin: 20px auto;float: none;display: table;}
    
    #inicio-content #conteudo .boxcalendario {width: 95%;/* max-width: 300px; */height: 272px;display: block;float: none;margin: 20px auto;}
    #inicio-content #conteudo .boxcalendario .tl {font-size: 50px;}
    #inicio-content #conteudo .boxcalendario .imgcalendario {display: none;}
    #inicio-content #conteudo .boxcalendario .desc {width: 91.7%;margin: 27px 0 0 15px;font-size: 20px;}
    #inicio-content #conteudo .boxcalendario .bnt {margin: 20px auto;float: none;display: table;}
    
    #inicio-content .boxprodutos {background: url(../images/jpg/imgmeio.jpg) top center repeat;}
    #inicio-content .boxprodutos .bgprod {width: 100%; max-width: 300px; height: auto; margin: 27px auto; display: table; float: none;}
    #inicio-content .boxprodutos .bgprod .tl {width: 91.7%; margin-left: 15px;}
    #inicio-content .boxprodutos .bgprod .tl .bnt {margin-right: 0;}    
    #inicio-content .boxprodutos .bgprod li {width: 96%; margin-bottom: 20px;}
        
    /*contato*/    
    #contato-content #conteudo .vForms1 {width: 95%; max-width: 470px; display: block; float: none; margin: 20px auto;}
    
    #contato-content #conteudo .boxfale {width: 95%; float: none; display: block; margin: 0 auto; padding-top: 15px;}
    
    /*orcamento*/
    #orcamento-content #conteudo .vForms1 {width: 95%; max-width: 470px;}
    
    /*pacotes*/
    #pacotes-content #conteudo #imgs li {width: 27.4%;}

    #pacotes-content #conteudo .boxprod {width: 90%;display: block;float: none;margin: 20px auto 0;}
    #pacotes-content #conteudo .boxprod .cat .imgPrincipal {width: 50%;}
    #pacotes-content #conteudo .boxprod .cat .tltCat {width: 47%;}

    .callbacks_nav.prev{width:40px;height:40px;top:30%!important;}
    .callbacks_nav.next{width:40px;height:40px;top:30%!important;}

       #footer #meio .box .face {margin:0 auto;display:block;height:30px;width: 160px;font-family:'CenturyGothic-Regular';color:#fff;}
    #footer #meio .box .face span {float: left;width:30px;height:30px;background:url(../images/png/icon04.png) center no-repeat;margin-top:  -5px;}
    #footer #meio .box .end {margin:0 0 7px 0;}

    #blog-content #conteudo {width: 90%;margin-bottom:20px; }
    #blog-content #conteudo .imgprincnot {height: 200px;}
    #blog-content #conteudo .boxtexto h2 {font-size: 22px}
    #blog-content #conteudo .imgprincnot .infopainel {height:130px;}
    #blog-content #conteudo .imagemBlog320px {height:400px!important;}
    #blog-content #conteudo .imgprincnot .infopainel .titulop {font-size:20px;margin-top: 10px;}
    #blog-content #conteudo .maisnoticias {width: 50%;margin: 0 auto;float: none;display: block;}
    #blog-content {margin:90px auto 0; }
    #erro-content {margin:50px auto 0;}
    #pacotes-content {margin:50px auto 0;}
    #contato-content {margin:50px auto 0;}
    
}

@media screen and (min-width: 667px) and (max-width: 767px) {
    /**/

    /**/
    #conteudo .maisfotos li {width: 22.2%;}
    
    #conteudo .textoPadrao .imgPrinc {width: 48%; float: right; display: inline-block; margin: 0 auto 21px 22px;}
    
    /**/
    #contato-content #conteudo .vForms1 {width: 48%; display: inline-block; float: right; margin-right: 10px;}
    #contato-content #conteudo .boxfale {width: 45%; display: inline-block; float: left; margin-left: 15px;}
    #contato-content #conteudo .boxfale .txt {font-size: 13px;}
    
    /**/
    #pacotes-content #conteudo #imgs li {width: 19.3%;}
    
}

/*CELULAR VERTICAL*/
@media screen and (min-width: 320px) and (max-width: 479px) {
    .desktopmedia {display: none;}
    #header #boxnav #navigation {display: none;}
    
    #header #boxnav .logo {width: 120px;display: block;margin: 0 auto;float: none;height: 70px;background:  url(../images/png/logo.png) center no-repeat;background-size:contain; }
    
    #header #boxnav  {width: 100%;height: auto;display: inline-block;float: left;margin: 0 0 0;}
    #header #boxnav .tel {width: 88px;height: 36px;line-height: 120%;display: inline-block;float: right;font-family: 'CenturyGothic-Bold';font-size: 12px;color: #fff;/* text-align: right; */position: absolute;top: 30px;right: 0;}   
    #header #boxnav .tel span {background: url(../images/png/iconWhats.png) 1px 0px;background-size: contain;width: 20px;height: 20px;/* float: left; *//* position: absolute; */margin: 0 2px 0  10px;display: inline-block;}
    #header #boxnav .tel i {font-size: 12px}
    #header #boxnav .tel:hover {color:#000;}

    #header #contHeader .navsup {width: 199px;height: 32px;display:  none;}
    #header #contHeader .navsup li {width: 39px; height: 32px;}
    
    #header .header-menu-link {width: 36px;height: 29px;line-height: 29px;display: block;margin: 0 0 0 3%;position:  absolute;top: 20px;}
    #header .header-menu-link i {font-family:'CenturyGothic-Regular';font-size: 13px;color: #FFFFFF;display:  block;clear:both;font-weight:bold;} 
    #header .header-menu-link .seta {width: 28px;height: 22px;background: url(../images/png/setamenu.png) no-repeat;display:  block;margin:  0 auto;}
    #header .header-menu-link:hover .seta {background-position: -28px 0;} 
    #header .header-menu-link:hover i {color: #362b6d;}
        
    #header #menu {width: 100%;height: auto;float: left;margin-top: 75px;display: none;position: relative;z-index: 2;}
    #header #menu li:first-child {border-top:1px solid #fff}
    #header #menu li {width: 100%;height: 36px;float: left;background: #d32725;border-bottom: 1px solid #fff;}
    #header #menu li a {height: 36px; line-height: 36px; padding-left: 16px; display: block; font-family: 'deliciousbold_italic'; font-size: 15px; color: #FFF;}
    #header #menu li a:hover {background: #362b6d;}
    


    #header #boxnav {position: fixed;z-index: 3;}
    /*footer*/
    #footer #meio .box .tel {text-align: center;font-size: 17px;}
    #footer #meio .box .end {font-size: 14px;text-align: center;line-height: 150%;margin-bottom: 20px;}
    #footer #meio .copy {font-size: 11px;}
    
    /**/
    #content #breadcrumb {display: none;}
    
    #conteudo .textoPadrao {width: 90%;}
    
    #conteudo .maisfotos li {display: block; float: none; margin: 0 auto 0;}
    #conteudo .maisfotos li a {margin-bottom: 35px;}
    
    #conteudo .textoPadrao .imgPrinc {float: none; display: block; margin: 0 auto 21px;}
    
    /*inicio*/    
    #inicio-content #conteudo .boxempresa {width: 100%;max-width: 300px;height: 320px;display: block;float: none;margin: 25px auto 0;overflow: hidden;height: auto;}
    #inicio-content #conteudo .boxempresa .tl {width: 97%;font-size: 27px;height: 70px;line-height: 33px;margin-bottom: 10px;text-align: center;}
    #inicio-content #conteudo .boxempresa .sub {width: 300px;}
    #inicio-content #conteudo .boxempresa .desc {width: 180px; height: 200px;}
    #inicio-content #conteudo .boxempresa .bnt {margin: 20px auto;float: none;display: table;}
    
    #inicio-content #conteudo .boxcalendario {width: 100%; max-width: 300px; height: 272px; display: block; float: none; margin: 25px auto;}
    #inicio-content #conteudo .boxcalendario .tl {font-size: 40px;}
    #inicio-content #conteudo .boxcalendario .imgcalendario {display: none;}
    #inicio-content #conteudo .boxcalendario .desc {width: 91.7%; margin: 27px 0 0 15px;}
    #inicio-content #conteudo .boxcalendario .bnt {margin: 20px auto;float: none;display: table;}
    
    #inicio-content .boxprodutos {background: url(../images/jpg/imgmeio.jpg) top center repeat;margin: 10px 0 0 0;}
    #inicio-content .boxprodutos .bgprod {width: 100%; max-width: 300px; height: auto; margin: 27px auto; display: table; float: none;}
    #inicio-content .boxprodutos .bgprod .tl {width: 100%;margin: -25px 0 0 0;text-align:  center;font-size: 55px;height: 80px;}
    #inicio-content .boxprodutos .bgprod .tl .bnt {margin-right: 0;}    
    #inicio-content .boxprodutos .bgprod li {width: 96%; margin-bottom: 20px;}
    
    /*contato*/    
    #contato-content #conteudo .vForms1 {width: 95%; max-width: 340px; display: block; float: none; margin: 34px auto 0;}
    #contato-content #conteudo .vForms1 #cidade {width: 100%;}
    #contato-content #conteudo .vForms1 #telefone {width: 100%;}
    #contato-content #conteudo .vForms1 #numero {width: 100%;}
    #contato-content #conteudo .vForms1 #data {width: 100%;}
    
    #contato-content #conteudo .boxfale {width: 280px;height: auto;display: block;float: none;margin: 0 auto;}
    #contato-content #conteudo .vForms1 #enviar{margin-bottom:30px;}
    #contato-content #conteudo .boxfale .txt {font-size: 12px;}
    
    /*orcamento*/
    #orcamento-content #conteudo .vForms1 {width: 95%; max-width: 340px;}
    #orcamento-content #conteudo .vForms1 #cidade {width: 100%;}
    #orcamento-content #conteudo .vForms1 #telefone {width: 100%;}
    #orcamento-content #conteudo .vForms1 #numero {width: 100%;}
    #orcamento-content #conteudo .vForms1 #data {width: 100%;}
    
    /*pacotes*/
    #pacotes-content #conteudo #imgs li {width: 100%; float: none; display: block; margin: 0 auto 25px; }
    #pacotes-content #conteudo #imgs .cat .responsive-container {max-width: inherit;}
    #pacotes-content #conteudo #imgs .cat .tltCat {box-sizing: border-box; width: 100%; padding: 0 7px; margin-right: 0;}
    #pacotes-content #conteudo #imgs .cat .txtCat {box-sizing: border-box; width: 100%; padding: 0 7px; margin-right: 0;}
    #pacotes-content #conteudo #imgs .cat .txtCat a {margin-bottom: 10px;}

    #pacotes-content #conteudo .boxprod .cat {width: 100%; max-width: 370px; height: auto; display: block; float: none; margin: 0 auto 0 auto;}
    #pacotes-content #conteudo .boxprod .cat .tltCat {width: 100%; margin-left: 0;}
    #pacotes-content #conteudo .boxprod .cat .btn {margin-bottom: 63px;}    

    #pacotes-content #conteudo {width: 100%;}
    #pacotes-content #conteudo .tlt {font-size: 34px;}
    #pacotes-content #conteudo .tlt #breadcrumb {display: none;}
    #header #contHeader {display: none}
    
    .callbacks_nav.prev { width: 40px;height: 40px; top:30%!important;}
    .callbacks_nav.next { width: 40px;height: 40px;top:30%!important;}

    #footer .copy {margin: 0;line-height: 19px;}
    #footer #meio .box .face {margin:0 auto;display:block;height:30px;width: 160px;font-family:'CenturyGothic-Regular';color:#fff;}
    #footer #meio .box .face span {float: none;width:30px;height:30px;background:url(../images/png/icon04.png) center no-repeat;margin: 0 auto 0;display:  block;clear:  both;}

    #conteudo .textoPadrao {margin-top:50px;}
    #erro-content {margin:50px auto;}
    #pacotes-content {margin:50px auto;}
    #blog-content {margin:50px auto;}
    #contato-content {margin:50px auto;}
    #pacotes-content #conteudo .txt {width: 90%}

    #blog-content #conteudo {width: 90%;margin-bottom:20px; }
    #blog-content #conteudo .imgprincnot {height: 200px;}
    #blog-content #conteudo .boxtexto h2 {font-size: 22px}
    #blog-content #conteudo .imgprincnot .infopainel {height:130px;}
    #blog-content #conteudo .imagemBlog320px {height:400px!important;}
    #blog-content #conteudo .imgprincnot .infopainel .titulop {font-size:20px;margin-top: 10px;}
    #blog-content #conteudo .maisnoticias {width: 85%;margin: 0 auto;float: none;display: block;}
    
    #blog-content {margin:90px auto 0; }    
    #header #contHeader {min-height: unset;height: 80px;}    
}