/*
CSS programado pelo departamento técnico da WB Web - Marketing Digital
E-mail: atendimento@wbweb.com.br - Site: www.wbweb.com.br
Em: 02/10/2018
Cliente: Urnas Palmeiras
Site:
*/

/* Geral  - viewport 1260 */
@media screen and (max-width: 1260px) {
    .container{width:95%;}
}

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

}

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

}

/* Geral  - viewport 1080 */
@media screen and (max-width: 1080px) {
    /* Posição 3 - Form */
    #posicao3 .form1.llform001 .f1_cidades {width: 72% !important;}
    /*  */
    .pd.content .detalhes {width: 100%;margin: 0 auto 20px;}
    .pd.content .pd_container .pd_tamanho {width: 100%;}
    .pd.content .pd_container .pd_tamanho > div {margin-bottom: 20px;}
    .pd_modulo .custom a {margin: 30px auto;width: 100%;}
    /* Página Interna - Solicite Orçamento */
    #pg-int-orcamento {width: 95%;}
    .form1.llform001 .f1_cidades {width: 82% !important;}
}

/* Geral  - viewport 1024 */
@media screen and (max-width: 1024px) {
    /* Geral - Posições */
    #posicao3,#posicao4,#posicao6,#posicao8,#posicao9{padding:60px 0;}
    
    /* Posição 3 - Banner */
        #posicao3 > div {align-items: unset;}
        #posicao3 .custom_title {text-align: justify;}
        #posicao3 .moduletable_title {width: 48%;}
        #posicao3 h1 {font-size: 2.5em;}
        h2, #posicao6 .moduletable h2{font-size: 2em;}
    /* posição 5 - Botão */
        #posicao5 .custom a {width: 100%;}
    /* Posição 6 - A empresa */
        #posicao6 .moduletable {width: 50%;}
}

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

}

/* Geral  - viewport 960 */
@media screen and (max-width: 960px) {
    /* Página Interna - Solicite Orçamento */
    .form1.llform001 .f1_cidades {width:78% !important;}
}

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

}

/* Geral  - viewport 900 */
@media screen and (max-width: 900px) {
    /* Posição 2 - Logo - Main Menu */
        .moduletable_logo {margin: 0 auto 25px;}
        .moduletable_menu {width: 70%;margin: 0 auto;}
    /* Posição 3 - Banner */
        #posicao3 .moduletable_form1 {width: 384px;}
        #posicao3 .form1.llform001 .f1_cidades {width: 68%!important;}
    /* Posição 6 - A Empresa */
        #posicao6 {background-position: center center;padding:0;width: 100%;}
        #posicao6 .moduletable h2 {color:#FFF; text-align:center;}
        #posicao6 .moduletable {width: 90%;padding:60px 5%;background-color: rgba(0,0,0,0.8);color: #FFF;text-align: justify;}
        #posicao6 .custom a {margin: 55px auto 0;}
        #posicao6 .custom a:hover {border: 2px solid #FFF;background-color:rgba(255,255,255,0.5);color:#FFF;}
}

/* Geral  - viewport 850 */
@media screen and (max-width: 850px) {
    /* Páginas Internas - Produtos - Content */
        .pd.content {width: 80%;}
        .pd.content .pd_container {padding: 0 1%;}
}

/* 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) {
    /* Geral - Posições */
    #posicao3,#posicao4,#posicao8,#posicao9{padding:40px 0;}
    
    /* Posição 3 - Banner */
        #posicao3 .moduletable_title, #posicao3 .moduletable_form1{width: 47%;}
    /* Posição 5 - Botão */
        #posicao5 {padding: 75px 0;}
    /* Posição 6 - A Empresa */
        #posicao6 .moduletable {width: 90%;padding:40px 5%;}
    /* Posição 7 */
        #posicao7 {height: auto;}
        #posicao7 .p7_endereco {background-image: unset;margin:0;padding: 13px 11%;bottom: 0;width:78%;background-color:#83BD26;text-align: center;}
        #posicao7 .p7_endereco p {width: 100%;}
        .p7_endereco .fa-map-marker{font-size: 30px;margin: 0;}
    /* Posição 8 - Form Contato */
        #posicao8 .form2 {width: 100%;}
    
    /* Página Interna - Solicite Orçamento */
    .form1.llform001 .f1_cidades {width:78% !important;}
}

/* Geral  - viewport 768;
iPad Air - 768 x 1024 */
@media screen and (max-width: 768px) {
    /* Posição 3 */
    #posicao3 .form1.llform001 .f1_estados {width: 100% !important;float:none!important;}
    #posicao3 .form1.llform001 .f1_cidades {width: 100% !important;}
    
    /* Páginas Internas - Orçamento */
    #pg-int-orcamento .form1.llform001 .f1_estados {width: 100% !important;}
    .form1.llform001 .f1_cidades {width: 100% !important;}
    .form1.llform001 select {padding: 10.5px 0 10.5px 4.5% !important;}
    .form1.llform001 button {width: 100%;}
}

/* Geral  - viewport 736 */
@media screen and (max-width: 736px) {
    /* Posição 1 */
        #posicao1 .custom {width: 100%;float: none;}
    /* Posição 3 - Banner */
        #posicao3 h2 {margin: 20px 0;}
        #posicao3 .moduletable_title, #posicao3 .moduletable_form1 {width: 80%;margin: 0 auto 20px;text-align: center;}
        #posicao3 .form1.llform001 button, .form2.llform001 button{float: none;width: 100%;}
    /* Posição 4 - Produtos */
        #posicao4 .cck-w100 .cck-w25 {width: 49%;margin-bottom: 20px;}
    /* Página Interna - Produtos */
        .blog.pg_produtos .items-row {justify-content: space-between;}
        .blog.pg_produtos .items-row > div {width: 49%;margin: 0 0 20px!important;}
        .pd.content {margin: 0 auto 15px;width: 100%;}
}

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

/* Geral  - viewport 667 */
@media screen and (max-width: 667px) {
    /* Geral - Posições */
    #posicao3,#posicao4,#posicao8,#posicao6 .moduletable, #posicao9{padding:25px 0;}
    
    /* Geral */
        #posicao3 h1, #posicao4 h2, #posicao6 .moduletable h2, #posicao8 h2{margin-bottom: 25px;}
    /* Posição 2 - main menu */
        .moduletable_menu {width: 100%;margin: 0 auto;}
    /* Posição 3 - Banner */
        #posicao3 h1 {font-size: 2em;}
        #posicao3 .moduletable_title, #posicao3 .moduletable_form1 {width: 100%;margin: 0;}
        #posicao3 .form1.llform001 input, .form1.llform001 select {width: 100%!important;padding: 10.5px 0 10.5px 4%!important;}
    /* Posição 4 - Produtos */
        #posicao4 .cck-w25 {width: 45%;margin-bottom: 15px;}
    /* Posição 5 - Botão */
        #posicao5{padding:55px 0;}
        #posicao5 .custom a {font-size: 2em;}
    /* Posição 6 - A Empresa */
        /* Posição 6 - A Empresa */
        #posicao6 .moduletable {width: 90%;padding:25px 5%;}
        #posicao6 .custom a {margin: 0 auto;}
    /* Posição 8 - Form Contato */
        .form2.llform001 .f3_inputs {width: 100%;float: none;}
        .form2.llform001 .f2_textarea {width: 100% !important;float: none !important;}
    /* Páiginas Interna - Produtos - Content */
        .pd.content .detalhes{width: 100%;text-align:justify;}
        .pd.content .detalhes ul li{margin-bottom: 9px;}
        .pd.content .pd_container .pd_tamanho{margin: 0 auto;}
    /* Footer */
        #footer {padding: 20px 3%;}
    /* Página Interna - A Empresa */
        .ce_container .aempresa_mvv {flex-direction: column;align-items: center;margin: 40px 0 0;}
        .ce_container .aempresa_mvv > div {width:96%;text-align: center;margin: 0 auto 32px;}
}

/* Geral  - viewport 640 */
@media screen and (max-width: 640px) {
    /* Posição 5 - Botão */
        #posicao5 .custom a {width:98%;border-radius: 0;}
    /* Posição 9  - Acesso Rápido */
        #posicao9 .p9_contatos > p .fa {font-size: 26px;color: #95BC3B;display: block;margin: 0 auto 5px;}
        #posicao9 .p9_contatos > p .fa-map-marker {width: 15px;}
    /* Páginas Internas */
        .pd_modulo .custom a {font-size: 2em;}
}

/* Geral  - viewport 603;
Galaxy Nexus 7 - 603 x 966 */
@media screen and (max-width: 603px) {
    /* Posição 1 - Contatos */
        #posicao1 .custom {width: 100%;float: none;}
}

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

/* Geral  - viewport 568;
Kindle Fire HD 7" - 533 x 853 */
@media screen and (max-width: 568px) {
    /* Posição 1 - Contatos */
        #posicao1 {display: none;}
    
    /* Posição 9 */
        #posicao9 .p9_contatos > p:last-child {width: 95%;margin: 0 auto;}
}

/* Geral  - viewport 533 */
@media screen and (max-width: 533px) {
    /* Páginas Internas - Produtos */
        .pd_modulo .custom a {font-size: 1.5em;}
}

/* Geral  - viewport 480;
Galaxy Note 4 - 480 x 853 */
@media screen and (max-width: 480px) {
    /* Posição 7 - Mapa */
        #posicao7 .p7_endereco {background-image: unset;width: 90%;padding: 12px 5%;background-color: #83bd26;}
}

/* Geral  - viewport 414;
iphone 6 Plus - 414 x 736 */
@media screen and (max-width: 414px) {
    /* Geral */
        #posicao3 h1, h2, #posicao5 .custom a,#posicao6 .moduletable h2{font-size: 1.7em;}
    /* posição 2 - Main Menu */
        #posicao2 {padding: 5px 0;}
        .moduletable_logo {margin: 0 auto;position: relative;width:55%;}
        .moduletable_logo img{width:100%;}
        .moduletable_menu {width:75%;margin: 0 auto;position: absolute;top: 0;left: 0;z-index:99;}
        #nav > a {width:3.5em!important;height:3.5em!important;}
    /* Posição 3 - banner */
        .form2.llform001 .llform001 > div {padding: 0!important;}
    /* posição 4 - Produtos */
        #posicao4 .pd.item{padding: 9px 2%;background-color: #f1f1f1;border-radius: 5px;}
        .pd.item img{border-radius:5px;}
        .pd.item .pd_img img {width: 99%;padding: 15px 0;background-color: #FFF;border: 1px solid #ccc;}
        .pd.item .pd_img {text-align: center;}
        #posicao4 .cck-w100 .cck-w25 {width: 100%;}
    /* Form Contato */
        .form2.llform001 input, .form2.llform001 textarea {margin: 0 0 10px !important;}
    /* Posição 9 - Acesso Rápido */
        .fa-map-marker {width: 30px;}
    /* Página Interna - Produtos */
        .blog.pg_produtos .items-row > div {width: 100%;}
        .blog.pg_produtos .ce_container{padding-bottom: 0;}
        #pg_int .pd.intro.item.content{padding: 0;background-color: transparent;border-radius: unset;}
        .pd.intro.item .pd_img img{border: none;}
}

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

}

/* Geral  - viewport 384;
Lumia 920 - 384 x 640 */
@media screen and (max-width: 384px) {
    /* Páginas Internas - Produtos */
    .pd_modulo .custom a {font-size: 1.2em;width: 95%;}
}

/* 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) {
    #posicao3 .custom_title {text-align: justify;}
    .form1.llform001 #f1_estados {padding-left: 9px !important;}
}