%PDF- %PDF-
Direktori : /home1/dimen328/libertysa.com.br/media/css/ |
Current File : //home1/dimen328/libertysa.com.br/media/css/responsive.css |
/* CSS Document Theme Name: Dimensão Grupo Theme URI: http://www.dimensaogrupo.com.br Author: Superteia Soluções para Internet Author URI: http://www.superteia.com.br/ Description: Estilização Responsiva para o site Dimensão Grupo Tags: dimensao, grupo dimensao, dimensao grupo, shelley macedo, fontend, responsivo, css, superteia Developer: Shelley Macedo (shelley.macedo@hotmail.com) Version: 1.0 -> 29 novembro 2017 /*** responsivo, crossbrowser *** / */ /* CSS Document */ @charset "utf-8"; /* IE */ .redes li a i, .contato li a i { padding-top:8px\0/; } .form-login input { width:94%\0/!important; } .btns-centro { padding-top:12px\0/ } #titulo, .contato li { display:flex\0/ } .ico { display:inline-flex\0/; padding-left:11px\0/ } @supports (-ms-ime-align:auto) { .redes li a i, .contato li a i { padding-top:8px; } .form-login input { width:94%!important } .btns-centro { padding-top:12px } #titulo, .contato li { display:flex } .ico { display:inline-flex; padding-left:11px } } /* Media */ @media (min-width:1921px) { #sliders { background:#1b1b1b } .banner { margin:auto } } @media (max-width:1200px) { .bloco-topo img { display:none } .menu .nav-item { padding: 0 3px!important; font-size: 80%; } .nav-item { font-size: 80%; } .menu .dropdown-menu { padding: 0 10px!important; min-width: auto!important; } .menu .btn-default:not(.btn-fk) { padding:3px!important; font-size:12px!important; white-space:normal!important; } .btn-default { padding:11px 8px!important; font-size:12px!important; white-space:normal!important; } } @media (max-width:1024px) { #destaque h2 { font-size:24px } .counter p , .postagem-descricao b, .contato li, .atendimento p { font-size:14px!important; } .bjqs-caption h3 { font-size: 2rem; line-height: 3rem; } .quadro p { text-align:left!important } #blocos-contato h3 { font-size: 18px!important; } .postagem-descricao {bottom: -170px; } } @media (max-width:991px) { .title { padding:1rem } .separadorV { background:none!important } .topo, #destaque { text-align: center; } .bloco-topo, .postagem-descricao b { padding:2px 0!important; } .postagem-descricao b { font-weight:bold!important; } .menu .btn-default:not(.btn-fk) { padding:4px!important } .btn-contato { margin:10px 0 0 } .well img { float:none!important; margin:0 auto 10px!important; display:table; } .well p, .well h4 { clear:both; display:block!important; text-align:center; font-size:96%!important; } .counter { margin: 1rem 0; } .noticias .postagem { margin:1rem 0; } #blocos-contato div.col-lg-4, #blocos-contato p { text-align:center!important; } #blocos-contato div.col-lg-4:nth-child(1) .borda, #blocos-contato div.col-lg-4:nth-child(2) .borda { border:none } .noticias { margin:0 } .menu .col-xl-2 { position: absolute; top: 0; left: 12%; z-index: 9; } .form-login .btn-cinza { margin-top:15px; } .volta-topo { bottom:5px!important; right:15px!important; } .menu .col-xl-2, .menu .col-xl-7 { max-width: 50%; } } @media (max-width:768px) { .bjqs-caption { bottom:5% } .breadcumbs li:first-child { margin-left: 10px!important; } } @media (max-width:680px) { .menu .col-xl-2 { width: auto; } .menu .col-xl-3 { float: right; position: absolute; right: 0; width: 60px; top: 0; } .btn-fk { padding: 12px!important; } .btn-fk:after { content:""!important; margin-left:0!important } .bjqs-caption h3 { font-size:1.25rem!important; line-height:100%!important } .bjqs-caption h4 { font-size:1rem!important; line-height:100%!important } .bjqs-caption h5 { font-size:.85rem!important; line-height:100%!important } .blocos3, .count3 { column-count: 1!important; padding: 1em!important; } .well, .count3 li { margin: 15px 0!important; width:100% } } @media (max-width:576px) { h1 { font-size:20px!important } .ajusta-p10 { padding: 1rem!important; } .contato li a { font-size:80%!important } .contato li a i, .bjqs-caption { display:none!important } .atendimento { margin-top:1rem!important } .postagem-descricao b { padding: 5px 0!important; } .comentarios { padding:1rem } .form-contato, .btn-envia { width: 100%!important; } .title h2 { font-size: 2rem!important; } .menu .col-xl-3 { top: -12px; } } @media (max-width: 319px) { .menu .col-xl-2 { font-size:90%!important; } * { line-height:1!important } }