/*CSS programado pelo departamento técnico da WB Web - Marketing Digital
E-mail: atendimento@wbweb.com.br - Site: www.wbweb.com.br
Em:
Cliente:
Site:
*/
/* Geral  - viewport 1380 */
@media screen and (min-width:1380px) {
    .container{width: 95vw;margin: 0 auto;}
}

/* Geral  - viewport 1280 */
@media screen and (max-width: 1280px) {
    .container{width:95vw;margin: 0 auto;}
}

/* Geral  - viewport 1260 */
@media screen and (max-width: 1260px) {}

/* Geral  - viewport 1220 */
@media screen and (max-width: 1220px) {}

/* Geral  - viewport 1150 */
@media screen and (max-width: 1150px) {
    /* Posição 6 - Formulário */
    #posicao6 {padding: 35px 2%;width: 96%;margin: 0;}
    #posicao6 h2 {margin: 0 0 5px;padding: 12px 0 12px 70px;width: 100%;}
    #posicao6 form {margin: 0;width: 80%;}
    
    /* Geral - Posições */
    #bg_posicao8,#bg_posicao9,#bg_container-conheca,#bg_posicao12,
    #bg_posicao13,#bg_container-bottom,#footer {padding: 35px 0;}
    
    /* Posição 12 */
    #posicao12 h2 {margin-bottom: 35px;}
}

/* Geral  - viewport 1080 */
@media screen and (max-width: 1080px) {}

/* Geral  - viewport 1024 */
@media screen and (max-width: 1024px) {
    /* Posição 9 */
    #posicao9 .moduletable {flex-wrap: wrap;}
    #posicao9 h2 {width: 300px;margin-bottom: 35px;}
    #posicao9 form {width: 100%;}
    #form_nv {width: 100%;flex-wrap: wrap;}
}

/* Geral  - viewport 1000 */
@media screen and (max-width: 1000px) {
    /* Posição 1 & Posição 4 */
    #posicao1,#posicao4 {display: none;}
    
    /* Posição 2 */
    #posicao2 {position: unset;width: 150px;margin: 10px auto 0;}
    
    /* Posição 3 - Main Menu */
    #posicao3 {float: none;margin-left: 0;width: 100%;}
    
    /* Posição 5 - Banner */
    #bg_posicao5 {background-position: top center;padding:135px 0;}
    #posicao5 h1 {margin: 0;padding-left: 13px;width: 382px;}
    
    /* Posição 7 */
    #posicao7 {padding: 35px 0;}
    
    /* Posição 14 */
    #posicao14 iframe {height: 380px;width: 100%;}
}

/* Geral  - viewport 960 */
@media screen and (max-width: 960px) {
    /* Posição 7 */
    #posicao7 .cck-w100 .cck-fl {float: none;width: 30%;}
    #posicao7 .sv.item {flex-wrap: wrap;}
    #posicao7 .sv.item .sv_img {width: 84px;margin: 0 auto;}
    #posicao7 .sv.item .sv_container {width: 100%;}
    #posicao7 .sv.item .sv_container h3 {margin-bottom: 10px;text-align: center;}
    #posicao7 .sv.item .sv_container p {text-align:justify;}
    
    /* Posição 12 */
    #posicao12 .cck-w100 .cck-w25 {width: 24%;float: none;}
    .cl.item img{width:100%;}
}

/* Geral  - viewport 950 */
@media screen and (max-width: 950px) {}

/* Geral  - viewport 900 */
@media screen and (max-width: 900px) {
    /* Posição 15 */
    #posicao15 {width: 100%;margin-bottom: 35px;}
    #logo_bottom {margin:0 auto 15px;}
    #contato_bottom div {margin-bottom: 10px;height: auto;text-align:center;}
    #contato_bottom div .fa {float: none;width:100%;margin: 0;}
    #contato_bottom div p {float: none;width:100%;}
    
    /* Páginas Internas - Quem Somos */
    .pg_quemsomos .ce_content.container {padding-bottom: 35px;}
    .pg_quemsomos .fulltext .pg_qs_bx {margin: 0;}
    .pg_quemsomos .fulltext .pg_qs_bx:first-child,
    .pg_quemsomos .fulltext .pg_qs_bx:last-child{flex-direction: column-reverse;}
    .pg_quemsomos .fulltext .pg_qs_bx > div:nth-child(2) {padding: 0;}
    .pg_quemsomos .fulltext .pg_qs_bx > img {width: 95vw;margin: 0 auto;}
    .pg_quemsomos .fulltext .pg_qs_bx > div {width: 95vw;padding: 0;margin: 10px auto 0;}
}

/* Geral  - viewport 850 */
@media screen and (max-width: 850px) {
    /* Posição 10 */
    #posicao10 {float: none;width: 100%;}
    #posicao10 h2 {margin-bottom: 35px;}
    #posicao10 .custom div:nth-child(2) p {text-align:justify;}
    #posicao10 .p10-button {padding: 15px 0;width: 171px;}
    
    /* Posição 11 */
    #posicao11 {float: none;width: 100%;padding:35px 0 0;background-image: unset;}
    #posicao11 h2 {height: auto;margin: 0 0 35px;width: 100%;text-align: center;}
    #posicao11 .p11-button {border: none;padding: 15px 0;width: 275px;margin: 0 auto;display: block;}
    
    /* Páginas Intrnas - Certilões e Links */
    .pg_certidoes-links .ce_container ul li {width: 100%;}
}

/* Geral  - viewport 800;
Galaxy Tab 2 10.1 - 800 x 1280;
Kindle Fire HD 8.9" - 800 x 1280 */
@media screen and (max-width: 800px) {
    /* Posição 6 */
    #posicao6 form {width: 100%;}
    
    /* Posição 9 */
    #posicao9 h2 {background-image: unset;padding: 0;width: 100%;text-align: center;}
    #form_nv input {padding: 15px 2%;width: 96%;margin: 0 0 10px;}
    #nv_enviar {margin: 0 auto;}
    #nv_enviar button {padding: 15px 0;}
    
    /* Posição 13 */
    #form_ct input, #form_ct select {margin-bottom: 10px;padding: 15px 2%;width: 96%;}
    #form_ct #ct_uf {width: 99px;}
    #form_ct #ct_cidade {width: 81%;}
    #ct_enviar button{padding: 15px 0;}
    
    /* páginas Internas */
    .page-header {padding: 70px 0;}
    .page-header h1, .page-header span {font-size: 2em;}
    
    /* Páginas Internas - Blog */
    .bl_pes_mob {display: block;}
    .nt.item.intro.content .bl_content {margin:0 auto 35px;width: 100%;}
    .nt.item.intro.content .bl_modulo {margin:0 auto;width: 100%;}
    .bl_modulo .moduletable.pes:first-child {display: none;}
}

/* Geral  - viewport 785;
Xaumi Pocophone - 785 x 305 */
@media screen and (max-width: 785px) {}

/* Geral  - viewport 768;
iPad Air - 768 x 1024 */
@media screen and (max-width: 768px) {
    /* Posição 6 */
    #posicao6 form > div {width: 100%;}
    #posicao6 form input, #posicao6 form select {width: 94%;}
    #posicao6 form #sp_uf {width: 15%;}
    #posicao6 form #sp_cidade {width: 75%;}
    #posicao6 form .button-bar {margin: 0 auto;}
    #posicao6 form .button-bar #resposta {padding: 17px 0;}
    #posicao6 form .button-bar button {padding: 17px 0;}
}

/* Geral  - viewport 736 */
@media screen and (max-width: 736px) {
    /* Posição 7 */
    #posicao7 .cck-w100 {margin: 0;}
    #posicao7 .cck-w100 .cck-fl {width: 98%;margin: 0 auto 10px;background-color: #EFEFEF;padding: 10px 1%;}
    
    /* Posição 8 */
    #posicao8 .cck-fl {width: 70%;margin: 0 auto 10px;background-color: #FFF;padding: 10px 1%;}
    .nt.item .art_metadesc {text-align: justify;}
    
    /* Páginas Internas - Blog */
    .pg_noticias .items-row {margin-bottom: 0;}
    .pg_noticias .items-row > div {width: 70%;margin: 0 auto 15px;}
}

/* Geral  - viewport 732 */
@media screen and (max-width: 732px) {
    /* Posição 2 */
    #posicao2 {width: 130px;margin: 7px auto;}
    #posicao2 .moduletable {position: relative;z-index: 102;}
  
    /* Posição 3 */
    #posicao3 .moduletable_menu{position: absolute;top: 0;left: 0;width:320px;z-index: 101;}
    #posicao3 .menu_menu {display: none;}
    #posicao3 .menu_menu li {font-size: 1.1em;padding: 0;}
    #posicao3 .menu_menu li a:hover, #posicao3 .menu_menu .current.active a {color: #000;background-color:#FFF;}
}

/* Geral  - viewport 667 */
@media screen and (max-width: 667px) {
    /* Posição 5 - Banner */
    #bg_posicao5 {padding: 70px 0;}
    #posicao5 h1 {padding-left: 15px;width: 290px;font-size: 2em;}
    
    /* Geral H2 */
    #posicao6 h2,#posicao7 h2,#posicao8 h2,#posicao9 h2,#posicao10 h2,
    #posicao11 h2,#posicao12 h2,#posicao13 h2,#posicao16 h2,#posicao17 h2 {font-size: 1.7em;}
    
    #posicao7 h2,#posicao8 h2,#posicao10 h2,#posicao12 h2 {height:50px;}
    #posicao7 h2::after,#posicao8 h2::after,#posicao10 h2::after,#posicao12 h2::after {margin: 14px 0 0;}
    
    #posicao13 h2 {margin-bottom: 0;}
    
    /* Footer */
    #posicao16, #posicao17 {width: 100%;text-align: center;margin: 0 auto 15px;}
    #posicao18 {margin: 0 auto;}
    
    /* Páginas Internas serviços */
    .blog.pg_servicos .items-row.cols-2 .span6 {padding: 20px 1%;width: 98%;}
    .blog.pg_servicos > .container {padding-bottom: 35px;}
}

/* Geral  - viewport 640 */
@media screen and (max-width: 640px) {
    /* Páginas Interna - Contato */
    #form_fc {width: 100%;}
    #form_fc select {width: 100%;float: none;}
    #form_fc #fc_cidade {width: 98%;float: none;}
    #form_fc textarea {width: 97.5%;}
}

/* Geral  - viewport 603;
Galaxy Nexus 7 - 603 x 966 */
@media screen and (max-width: 603px) {
    /* Posição 6 & 13 */
    #form_ct #ct_cidade {width: 77%;}
    
    #posicao9 form input {padding: 17.5px 2%;width: 100%;box-sizing: border-box;}
    
    #posicao13 form input, #posicao13 form select {margin-bottom: 10px;padding: 17px 2%;width: 100%;box-sizing: border-box;}
    #posicao13 form #ct_uf {width: 100%;}
    #posicao13 form #ct_cidade {width: 100%;}
  
  .nt.content .fulltext table {width: 100%;}
}

/* Geral  - viewport 600;
Kindle Fire - 600 x 1024 */
@media screen and (max-width: 600px) {}

/* Geral  - viewport 568; */
@media screen and (max-width: 568px) {
    /* Geral H2 */
    #posicao6 h2,#posicao7 h2,#posicao8 h2,#posicao9 h2,#posicao10 h2,
    #posicao11 h2,#posicao12 h2,#posicao13 h2,#posicao16 h2,#posicao17 h2 {font-size: 1.5em;}
    
    #posicao7 h2,#posicao8 h2,#posicao10 h2,#posicao12 h2 {height:50px;}
    #posicao7 h2::after,#posicao8 h2::after,#posicao10 h2::after,#posicao12 h2::after {margin: 18px 0 0;}
    
    /* Posição 6 & 13 */
    #form_sp #sp_cidade, #form_ct #ct_cidade {width: 76%;}
    
    #posicao7 .sv.item .sv_container h3 {font-size: 1.3em;font-weight: 600;}
    
    /* Posição 8 */
    #posicao8 .cck-fl {width: 98%;}
    .nt.item .art_title {font-size: 1.3em;font-weight: 600;}
    
    /* Páginas Internas - Blog */
    .pg_noticias .items-row > div {width: 98%;}
    
    /* Footer */
    #footer{width: 95vw;margin: 0 auto;}

    /* Página Interna - Agenda de Obrigações */
    .item-page.pg_agendaobrigacao .ce_container .fulltext ul{}
    .item-page.pg_agendaobrigacao .ce_container .fulltext ul li{text-align: center;}
}

/* Geral  - viewport 533 */
@media screen and (max-width: 533px) {
    /* Posição 6 & 13 */
    #form_sp #sp_cidade, #form_ct #ct_cidade {width: 74%;}
    
    .item-page.pg_agendaobrigacao .ce_container .fulltext ul {padding-left: 0;margin-left: 0;}
    .item-page.pg_agendaobrigacao .ce_container .fulltext ul li {flex-direction: column;padding: 0 0 7px;}
    .item-page.pg_agendaobrigacao .ce_container .fulltext ul li:not(:last-child) {margin-bottom: 15px;}
    .item-page.pg_agendaobrigacao .ce_container .fulltext ul li > strong {width: 100%;margin: 0 0 10px;}
}

/* Geral  - viewport 480;
Galaxy Note 4 - 480 x 853 */
@media screen and (max-width: 480px) {
    /* Posição 6 & 13 */
    #form_sp #sp_cidade, #form_ct #ct_cidade {width: 72%;}
}

/* Geral  - viewport 414;
iphone 6 Plus - 414 x 736 */
@media screen and (max-width: 414px) {
    /* Posição 6 & 13 */
    #form_ct #ct_uf,#sp_uf{width: 100%;}
    #form_sp #sp_cidade, #form_ct #ct_cidade {width: 96%;}
    /* Posição 10 */
    #posicao10 .custom div:nth-child(1) {float: none;margin: 0 0 10px;width: 100%;}
    #posicao10 .p10-button {margin: 0 auto;}
    /* Posiçã0 12 */
    #posicao12 .cck-w100 {flex-wrap: wrap;}
    #posicao12 .cck-w100 .cck-w25 {width: 210px;float: none;margin: 0 auto 10px;}
}

/* Geral  - viewport 412;
Nexus 6 - 412 x 690 */
@media screen and (max-width: 412px) {}

/* Geral  - viewport 384;
xaumi pocophone - 393 x 729 */
@media screen and (max-width: 393px) {
    /* Página Interna - Certidões e Links */
    .pg_certidoes-links .ce_container ul li a:hover:before{content:"";color: #FFF;}
    .pg_certidoes-links .ce_container ul li a:hover:after{content:"";color: #FFF;}
}

/* Geral  - viewport 384;
Lumia 920 - 384 x 640 */
@media screen and (max-width: 384px) {}

/* Geral  - viewport 375;
Iphone 6 - 375 x 667 */
@media screen and (max-width: 375px) {}

/* Geral  - viewport 360;
Galaxy S6, Galaxy Note II - 360 x 640;
Xperia Z3 - 360 x 598 */
@media screen and (max-width: 360px) {}

/* Geral  - viewport 320;
Iphone 5 - 320 x 568;
Iphone 4 - 320 x 480*/
@media screen and (max-width: 320px) {
    /* Posição 3 */
    #posicao3 .moduletable_menu{width:100%;}
}