/*
 *   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) {
    
}

/*DESKTOP PEQUENOS E DESKTOP GRANDES*/
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    #container{width:100%;}  
    
    /*INICIO*/    
    #inicio-content #conteudo {width: 98%;}
    
    #inicio-content #boxparceiros #conteudo .owl-demo .item {width: 17%; height: auto; margin: 0 1.6% 48px 1.5%;}
    #inicio-content #boxparceiros #conteudo .owl-demo .item:last-child {margin: 0 1% 49px 1%;}
    
    /*ERRO 404*/
    #erro-content #conteudo {width: 98%;}
    
    #erro-content #conteudo .infouser {width: 30.9%; float: left; display: inline-block; margin: 0 1.2% 25px 1.2%;}
    
    #erro-content #conteudo .owl-demo .item {width: 17%; max-width: 210px; height: auto; margin: 0 1.5% 48px 1.5%;}
    
    /*BLOG*/
    #blog-content #conteudo .boxtodos {width: 65%;}
    
    #blog-content #conteudo .boxlateral {width: 32%; margin-left: 35px;}
    
    /*LATERAL*/
    #lateral-content .boxbusca .bgbusca {width: 96%;}
    
    #lateral-content .infouser .descricao {width: 96%;}
}

/*DESKTOP PEQUENOS*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
    #container{width:100%;}
    
    #header #contHeader {width: 98%;}
    
    #header #contHeader .boxicon {margin: -179px 68px 0 0;}
    
    #header #contHeader .logo {float: none; display: block; margin: 0 auto 0 auto;}
    
    /*FOOTER*/
    #footer #contFooter {width: 98%;}
    
    #footer #contFooter .copy {margin: 25px 0 0 170px;}
    
    #footer #contFooter .boxface {margin: 18px 41px 0 0;}
    
    /*INICIO*/    
    #inicio-content #conteudo {width: 98%;}
        
    #inicio-content #boxarea #conteudo .boxservicos li {width: 15.6%; max-width: 180px; float: left; margin: 0 5.5% 42px 0;}
    
    #inicio-content #boxparceiros #conteudo .owl-demo .item {width: 17%; height: auto; margin: 0 1.6% 48px 1.5%;}
    #inicio-content #boxparceiros #conteudo .owl-demo .item:last-child {margin: 0 1% 49px 1%;}
    
    /*ERRO 404*/
    #erro-content #conteudo {width: 98%;}
    
    #erro-content #conteudo .infouser {width: 31.3%; float: left; display: inline-block; margin: 0 1% 25px 1%;}
    
    #erro-content #conteudo .owl-demo .item {width: 17.5%; max-width: 210px; height: auto; margin: 0 1.2% 48px 1.3%;}
    
    #erro-content #conteudo .textoPadrao2 li {width: 48%; height: 288px;}
    
    /*BLOG*/
    #blog-content #conteudo {width: 98%;}
    
    #blog-content #conteudo .boxtodos {float: none; display: block; margin: 0 auto 0 auto;}
        
    #blog-content #conteudo .boxlateral {float: none; display: block; margin: 0 auto 40px auto;}
    
    /*LATERAL*/
    #lateral-content .boxbusca {margin-top: 40px;}
}

/*TABLET VERTICAL E DESKTOP PEQUENOS*/
@media screen and (min-width: 768px) and (max-width: 959px) {
    #container{width:100%;}
    
    #header #contHeader {width: 98%;}
    
    #header #contHeader .header-menu-link {margin: 76px 0 0 0;}
    #header #contHeader #menu {margin-top: 119px; left: 0;}
    
    #header #contHeader .boxicon {margin: -179px 0 0 0;}
    
    #header #contHeader .logo {float: none; display: block; margin: 0 auto 0 auto;}
    
    /*FOOTER*/
    #footer #contFooter {width: 98%;}
    
    #footer #contFooter .copy {margin: 25px 0 0 20px;}
    
    #footer #contFooter .boxface {margin: 18px 20px 0 0;}
    
    /*INICIO*/    
    #inicio-content #conteudo {width: 98%;}
    
    #inicio-content #boxarea #conteudo .boxservicos li {width: 18%; max-width: 180px; float: left; margin: 0 2.5% 42px 0;}
    
    #inicio-content #boxarea #conteudo .btn {padding:40px;}
    
    #inicio-content #boxparceiros #conteudo .owl-demo .item {width: 18%; height: auto; margin: 0 1% 48px 1%;}
    #inicio-content #boxparceiros #conteudo .owl-demo .item:last-child {margin: 0 1% 49px 1%;}
    
    /*ERRO 404*/
    #erro-content #conteudo {width: 98%;}
    
    #erro-content #conteudo .infouser {width: 31.3%; float: left; display: inline-block; margin: 0 1% 25px 1%;}
    #erro-content #conteudo .infouser .descricao {font-size: 16px;}
    
    #erro-content #conteudo .owl-demo .item {width: 17.5%; max-width: 210px; height: auto; margin: 0 1.2% 48px 1.3%;}
    
   #erro-content #conteudo .textoPadrao2 li {width: 100%; height: auto;}
    
    /*BLOG*/
    #blog-content #conteudo {width: 98%;}
    
    #blog-content #conteudo .boxtodos {float: none; display: block; margin: 0 auto 0 auto;}
        
    #blog-content #conteudo .boxlateral {float: none; display: block; margin: 0 auto 40px auto;}
    
    /*LATERAL*/
    #lateral-content .boxbusca {margin-top: 40px;}
    
    #galeria-content #conteudo .galeria .maisfotos {
    width: 90%;
    /* max-width: 300px; */
    /* max-height: 300px; */
    line-height: 60%;
    display: block;
    margin: 0 auto 40px auto;
    background-size: contain;
    overflow: hidden;
}
}

/*CELULAR HORIZONTAL E TABLET VERTICAL*/
@media screen and (min-width: 480px) and (max-width: 767px) {
    #header #contHeader {width: 98%; height: 250px; padding-bottom: 10px;}
    
    #header #contHeader .header-menu-link {margin: 226px 0 0 0;}
    #header #contHeader #menu {margin-top: 269px; left: 0;}
    
    #header #contHeader .boxicon {margin: 0 0 11px 0;}
    
    #header #contHeader .logo {width: 100%; max-width: 501px; height: 160px; float: none; display: block; margin: 0 auto 10px auto; background-position: top;}
    
    /*FOOTER*/
    #footer #contFooter {width: 98%; height: 105px;}
    
    #footer #contFooter .copy {max-width: inherit; margin-left: 0; font-size: 15px;}
    #footer #contFooter .boxface {float: none; display: block; margin: 18px auto 0 auto;}
    
    /*INICIO*/    
    #inicio-content #conteudo {width: 98%;}
    
    #inicio-content #boxarea #conteudo .boxservicos {max-width: 440px;}
    #inicio-content #boxarea #conteudo .boxservicos li {float: left; margin: 0 4.5% 42px 4.5%;}
    #inicio-content #boxarea #conteudo .boxservicos li:last-child {float: none; display: table; margin: 0 auto 42px auto;}
    
    #inicio-content #boxarea #conteudo .btn {padding:80px;}
    
    #inicio-content #boxparceiros #conteudo .owl-demo {max-width: 440px;}
    #inicio-content #boxparceiros #conteudo .owl-demo .item {margin: 0 1.1% 48px 1.1%;}
    #inicio-content #boxparceiros #conteudo .owl-demo .item:last-child {margin-left: 115px; margin-right: 115px;}    
    
    #inicio-content #boxparceiros #conteudo .boxcarousel  {max-width: 250px;height: 160px; margin-left: 142px;}    
    
    #inicio-content #conteudo #fale {width: 100%; max-width: 440px; display: block; margin-top: 70%;}
    #inicio-content #conteudo #fale .vForms1 .campo {width: 93%;}
    #inicio-content #conteudo #fale .vForms1 #telefone {width: 40%;}
    #inicio-content #conteudo #fale .vForms1 #email {width: 43%;}

    #inicio-content #conteudo #fale .vForms1 .sucesso {width: 100%!important; background-size: contain!important;}
    #inicio-content #conteudo #fale .vForms1 .erro {width: 100%!important; background-size: contain!important;}
    #inicio-content #conteudo #fale .vForms1 .incorreta {width: 100%!important; background-size: contain!important;}
    #inicio-content #conteudo #fale .vForms1 .carregando {width: 100%!important; background-size: contain!important;}
    
    
    #inicio-content #boxarea #conteudo .infouser1 {width: 100%;max-width: 400px;height: auto;float: left;margin: 0 200px 25px 1.9%;} 
    #inicio-content #boxarea #conteudo .infouser {width: 100%;max-width: 200px;height: 239px;float: left;margin: 0 134px 2px 1.9%;}
    #inicio-content #boxarea #conteudo .infouser #bg-lateral {width: 100%;max-width: 150px;max-height: 150px;line-height: 60%;display: block;margin: 0 0 0 0;background-size: contain;overflow: hidden;}
    #inicio-content #boxarea #conteudo .infouser #bg-lateral #img {width: 100%;height: 100px;text-align: center;vertical-align: middle;}
    #inicio-content #boxarea #conteudo .infouser #bg-lateral #img* {vertical-align: middle;}
    #inicio-content #boxarea #conteudo .infouser .descricao {width: 100%;height: 130px;line-height: 120%;float: right;margin: -90px -115px 0 0;font-family: 'CasualSerif-Italic';font-size: 18px;color: #666;text-align: center;}
    #inicio-content #boxarea #conteudo .infouser .descricao i {font-family: 'CasualSerif';font-size: 20px;color: #666;text-align: -webkit-center;}

        #galeria-content #conteudo .galeria .maisfotos {
    width: 90%;
    /* max-width: 300px; */
    /* max-height: 300px; */
    line-height: 60%;
    display: block;
    margin: 0 auto 40px auto;
    background-size: contain;
    overflow: hidden;
}
    
    /*ERRO 404*/
    #erro-content #conteudo {width: 98%;}
    
    #erro-content #conteudo .infouser {float: none; display: block; margin: 0 auto 0 auto;}
    #erro-content #conteudo .infouser .descricao {margin-bottom: 25px;}
    
    #erro-content #conteudo .owl-demo .item {width: 31.3%; max-width: 210px; height: auto; margin: 0 1% 48px 1%;}
    
    #erro-content #conteudo .textoPadrao2 li {width: 100%; height: auto;}
    
    /*BLOG*/
    #blog-content #conteudo {width: 98%;}
    
    #blog-content #conteudo .boxtodos {margin-bottom: 40px;}
    #blog-content #conteudo .boxtodos .boxnot .not {width: 96%; float: none; display: block; margin: 0 auto 19px auto;}
        
    #blog-content #conteudo .boxlateral {float: none; display: block; margin: 0 auto 40px auto;}
}

@media screen and (min-width: 667px) and (max-width: 767px) {
    #header #contHeader {height: 184px; padding-bottom: 0;}
    
    #header #contHeader .header-menu-link {margin: 76px 0 0 0;}
    #header #contHeader #menu {margin-top: 119px; left: 0;}
    
    #header #contHeader .boxicon {margin: -189px 0 0 0;}
    
    #header #contHeader .logo {max-width: 340px; height: 184px; background-position: center;}
    
    /*FOOTER*/
    #footer #contFooter {width: 98%; height: 74px;}
    
    #footer #contFooter .copy {width: 70%; max-width: 468px;}
    
    #footer #contFooter .boxface {float: right; display: inline-block; margin: 18px 0 0 0;}
    
    /**/
    #inicio-content #boxarea #conteudo .boxservicos {max-width: 630px;}
    #inicio-content #boxarea #conteudo .boxservicos li {float: left; margin: 0 2.3% 42px 2.4%;}
    #inicio-content #boxarea #conteudo .boxservicos li:nth-child(4) {float: left; margin: 0 0 42px 115px;}
    #inicio-content #boxarea #conteudo .boxservicos li:last-child {float: right; margin: 0 115px 42px 0;}
    
    #inicio-content #boxarea #conteudo .btn {padding:120px;}
    
    #inicio-content #boxparceiros #conteudo .owl-demo {max-width: 630px;}
    #inicio-content #boxparceiros #conteudo .owl-demo .item {width: 18%; height: auto; margin: 0 1% 48px 1%;}
    #inicio-content #boxparceiros #conteudo .owl-demo .item:last-child {margin: 0 1% 49px 1%;}
    
    #inicio-content #boxparceiros #conteudo .boxcarousel  {max-width: 200px;height: 160px; margin-left: 90px;}    
    
    #inicio-content #conteudo #fale {max-width: 582px;}
    #inicio-content #conteudo #fale .vForms1 .campo {width: 95%;}
    #inicio-content #conteudo #fale .vForms1 #telefone {width: 241px;}
    #inicio-content #conteudo #fale .vForms1 #email {width: 273px;}
    
    /**/
    #erro-content #conteudo .infouser {width: 48%; float: left; display: inline-block; margin: 0 1% 25px 1%;}
    #erro-content #conteudo .infouser .descricao {margin-bottom: 0;}
    
    #erro-content #conteudo .owl-demo .item {width: 23%; max-width: 210px; height: auto; margin: 0 1% 48px 1%;}
    
    #erro-content #conteudo .textoPadrao2 li {width: 100%;height: auto;}
    
        #galeria-content #conteudo .galeria .maisfotos {
    width: 90%;
    /* max-width: 300px; */
    /* max-height: 300px; */
    line-height: 60%;
    display: block;
    margin: 0 auto 40px auto;
    background-size: contain;
    overflow: hidden;
}
    
    
}

/*CELULAR VERTICAL*/
@media screen and (min-width: 320px) and (max-width: 479px) {
    #header #contHeader {width: 98%; height: 240px; padding-bottom: 10px;}
    
    #header #contHeader .header-menu-link {margin: 174px 0 0 0;}
    #header #contHeader #menu {margin-top: 217px; left: 0;}
    
    #header #contHeader .boxicon {margin: 0 0 11px 0;}
    
    #header #contHeader .logo {width: 100%; max-width: 501px; height: 108px; float: none; display: block; margin: 0 auto 10px auto; background-position: top;}
    
    /*FOOTER*/
    #footer #contFooter {width: 98%; height: 125px;}
    
    #footer #contFooter .copy {max-width: inherit; margin-left: 0;}
    #footer #contFooter .boxface {float: none; display: block; margin: 18px auto 0 auto;}
    
    /*INICIO*/    
    #inicio-content #conteudo {width: 98%;}
    
    #inicio-content #boxarea #conteudo .tlt {margin-left: 10px;}
    #inicio-content #boxarea #conteudo .boxservicos li {float: none; display: table; margin: 0 auto 42px auto;}
    #inicio-content #boxarea #conteudo .boxservicos li:last-child {margin-right: auto;}
    
    #inicio-content #boxparceiros #conteudo .tlt {font-size: 36px;}
    #inicio-content #boxparceiros #conteudo .owl-demo {max-width: 210px;}
    #inicio-content #boxparceiros #conteudo .owl-demo .item:last-child {margin-right: 41px;}
    #inicio-content #boxparceiros #conteudo .boxcarousel  {max-width: 200px;height: 160px; margin-left: 90px;}    
    
    #inicio-content #conteudo #fale {width: 100%; max-width: 300px; margin-top: 90%; display: block;}
    #inicio-content #conteudo #fale .vForms1 .campo {width: 90%;}
    #inicio-content #conteudo #fale .vForms1 #telefone {width: 90%;}
    #inicio-content #conteudo #fale .vForms1 #email {width: 90%; float: left;}

    #inicio-content #conteudo #fale .vForms1 .sucesso {width: 100%!important; background-size: contain!important;}
    #inicio-content #conteudo #fale .vForms1 .erro {width: 100%!important; background-size: contain!important;}
    #inicio-content #conteudo #fale .vForms1 .incorreta {width: 100%!important; background-size: contain!important;}
    #inicio-content #conteudo #fale .vForms1 .carregando {width: 100%!important; background-size: contain!important;}
    
    #inicio-content #boxarea #conteudo .btn {padding:30px;}
    
    #inicio-content #boxarea #conteudo .infouser1 {width: 100%;max-width: 400px;height: auto;float: left;margin: 0 200px 25px 1.9%;} 
    #inicio-content #boxarea #conteudo .infouser {width: 100%;max-width: 150px;height: 239px;float: left;margin: 0 134px 2px 1.9%;}
    #inicio-content #boxarea #conteudo .infouser #bg-lateral {width: 100%;max-width: 150px;max-height: 150px;line-height: 60%;display: block;margin: 0 0 0 0;background-size: contain;overflow: hidden;}
    #inicio-content #boxarea #conteudo .infouser #bg-lateral #img {width: 100%;height: 100px;text-align: center;vertical-align: middle;}
    #inicio-content #boxarea #conteudo .infouser #bg-lateral #img* {vertical-align: middle;}
    #inicio-content #boxarea #conteudo .infouser .descricao {width: 100%;height: 130px;line-height: 120%;float: right;margin: -90px -115px 0 0;font-family: 'CasualSerif-Italic';font-size: 18px;color: #666;text-align: center;}
    #inicio-content #boxarea #conteudo .infouser .descricao i {font-family: 'CasualSerif';font-size: 20px;color: #666;text-align: -webkit-center;}

    
    /*ERRO 404*/
    #erro-content #conteudo {width: 98%;}
    #erro-content #conteudo .tlt {font-size: 36px;}
    
    #erro-content #conteudo .infouser {float: none; display: block; margin: 0 auto 0 auto;}
    #erro-content #conteudo .infouser .descricao {margin-bottom: 25px;}
    
    #erro-content #conteudo .textoPadrao2 li {width: 100%; height: auto;}
        
    #erro-content #conteudo .owl-demo .item {width: 31.3%;max-width: 210px;height: auto;margin: 0 1% 0 1%;}
    
    #erro-content #conteudo .textoPadrao2 li .boxico {width: 100%;height: 100%;float: left;margin-right: 28px;display: table;}

    #erro-content #conteudo .textoPadrao2 li .boxico .ico01,
    #erro-content #conteudo .textoPadrao2 li .boxico .ico02,
    #erro-content #conteudo .textoPadrao2 li .boxico .ico03, 
    #erro-content #conteudo .textoPadrao2 li .boxico .ico04,
    #erro-content #conteudo .textoPadrao2 li .boxico .ico05, 
    #erro-content #conteudo .textoPadrao2 li .boxico .ico06, 
    #erro-content #conteudo .textoPadrao2 li .boxico .ico07, 
    #erro-content #conteudo .textoPadrao2 li .boxico .ico08, 
    #erro-content #conteudo .textoPadrao2 li .boxico .ico09, 
    #erro-content #conteudo .textoPadrao2 li .boxico .ico10 {width: 100%;height: 100px;float: left;margin-right: 28px;margin-bottom: 30px;}
    /*BLOG*/
    #blog-content #conteudo {width: 98%;}
    
    #blog-content #conteudo .boxtodos {margin-bottom: 40px;}
    #blog-content #conteudo .boxtodos .boxnot .not {width: 96%; float: none; display: block; margin: 0 auto 19px auto;}
        
    #blog-content #conteudo .boxlateral {float: none; display: block; margin: 0 auto 40px auto;}
    
    /*LATERAL*/
    #lateral-content .boxbusca .bgbusca {width: 96%;}
    #lateral-content .boxbusca .bgbusca input[type=text] {width: 65%;}
    
    #lateral-content .infouser .descricao {width: 96%;}
    
        #galeria-content #conteudo .galeria .maisfotos {
    width: 90%;
    /* max-width: 300px; */
    /* max-height: 300px; */
    line-height: 60%;
    display: block;
    margin: 0 auto 40px auto;
    background-size: contain;
    overflow: hidden;
}
}