ok
Mini Shell
@media only screen and (min-width: 1500px)
{
/* HEADER */
header .menu .navbar ul li a{ line-height:70px; padding: 15px !important; }
header .menu .navbar ul li a:hover,
header .menu .navbar ul li a:focus,
header .menu .navbar .active a,
header .menu .nav .open > a,
header .menu .nav .open > a:hover,
header .menu .dropdown-menu li a:hover{ padding: 15px 15px 11px 15px !important; }
header .menu .navbar-nav > li > .dropdown-menu a{ line-height:40px !important; }
/* HOME BANNER */
.home-banner h2{ font-size:48px !important; }
.home-banner .text-full{ width:75%; padding:10%; }
.home-blog .box{ max-height:250px; }
.home-blog .box.plus{ max-height:530px; }
.blog .col-md-8,
.blog-interno .col-md-8{ padding:0; }
.blog .box,
.blog-interno .box{ padding:0 45px 0 0; }
}
@media only screen and (min-width: 1200px)
{
/* HEADER */
header .menu .brand{ float:left; text-align:center; margin:12px 15px 0 0; }
header .brand img{ height:100%; line-height:100px; }
header ul.nav li.dropdown:hover ul.dropdown-menu, header .collapse{ display: block; }
header .navbar .navbar-collapse{ height: auto !important; padding:0 !important; }
header .navbar ul li a{ padding:15px; line-height:70px; }
header .menu .navbar-nav > li > .dropdown-menu a{ line-height:40px; }
header .menu .navbar-header,
header .top-contatos .pull-right .fa-whatsapp,
header .top-contatos .pull-right .fa-envelope{ display: none; }
/* TITLE */
.title-max h1{ font-size:36px; }
.title-max h2{ font-size:24px; }
/* HOME BANNER */
.home-banner .image.left{ width:50%; float:left; position:relative; }
.home-banner .image.right{ width:50%; float:right; position:relative; }
.home-banner .text-duplo{ padding:10% 5% !important; }
.home-banner h2{ font-size:32px; }
.home-banner p{ font-size:20px; }
.home-banner a.more{ font-size:16px; }
.home-banner .text-full{ width:75%; padding:7% 10%; }
.home-banner .text-full h2{ font-size:36px; }
.home-banner .text-full p{ font-size:22px; }
/* HOME */
.home-sobre{ padding: 60px 80px; font-size:18px; }
.home-sobre .text{ margin-bottom:30px; }
.home-agenda .tab-content .row{ padding:20px; }
.home-agenda .data{ font-size:24px; }
.home-agenda .local{ font-size:24px; }
.home-clientes .carousel{ padding:0 120px; }
.home-blog{ padding:60px 0; }
.home-depoimentos .depoimento{ width:80%; margin-left:10%; }
.home-voluntario{ padding:70px 0; }
/* PAGES BANNER */
.pages-banner{ color:#fff; padding:100px 0; }
.pages-banner h1{ font-size:50px; font-weight:500; }
.pages-banner h2{ font-size:24px; font-weight:400; }
/* PRODUTOS */
.produtos{ padding-bottom:70px; }
.produtos .sidebar{ margin-bottom:70px; }
/* PROJETOS SOCIAIS */
.projetos-sociais{ margin-bottom:70px; }
/* PILULAS FRATERNAS */
.pilulas-fraternas .frase{ padding:60px; }
.pilulas-fraternas .frase h4{ font-size:44px; }
.pilulas-fraternas .pilulas p{ padding:0 100px; }
/* BLOG */
.blog .image{ max-height:300px; }
.blog .box{ margin-bottom:60px; }
/* MODAL */
.modal.fade .modal-dialog{ width:60% !important; max-width:60%; }
/* FOOTER */
footer{ padding:60px 0 0 0 !important; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
/* HEADER */
header .menu .brand{ float:left; text-align:center; margin:15px 15px 15px 0; }
header .brand img{ height:auto !important; line-height:60px; max-width: 130px !important; }
header ul.nav li.dropdown:hover ul.dropdown-menu,header .collapse{ display: block; }
header .navbar .navbar-collapse{ height: 70px !important; padding:0 !important; }
header .navbar ul li a{ padding:10px 11.5px; line-height:47px; font-weight:600 !important ; }
header .navbar-nav > li > .dropdown-menu a{ line-height:50px !important; }
header .menu .navbar-header,
header .top-contatos .pull-right .fa-whatsapp,
header .top-contatos .pull-right .fa-envelope{ display: none; }
/* TITLE */
.title-max h1{ font-size:32px; }
.title-max h2{ font-size:24px; }
/* HOME BANNER */
.home-banner .image.left{ width:50%; float:left; position:relative; }
.home-banner .image.right{ width:50%; float:right; position:relative; }
.home-banner .text-duplo{ padding: 7% 5% !important; }
.home-banner h2{ font-size:26px; }
.home-banner p{ font-size:18px; }
.home-banner a.more{ font-size:16px; }
.home-banner .text-full{ width:85%; padding:9% 10%; }
.home-banner .text-full h2{ font-size:32px; }
.home-banner .text-full p{ font-size:20px; }
/* HOME */
.home-sobre{ padding: 60px 0; font-size:18px; }
.home-sobre .text{ max-width: 50%; -ms-flex: 50%; flex: 50%; margin-bottom:30px; }
.home-agenda .tab-content .row{ padding:20px; }
.home-agenda .data{ font-size:24px; }
.home-agenda .local{ font-size:24px; }
.home-clientes .carousel{ padding:0 120px; }
.home-blog{ padding:60px 0; }
.home-depoimentos .depoimento{ width:80%; margin-left:10%; }
.home-voluntario{ padding:70px 0; }
.home-voluntario .col-lg-2{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
/* PAGES BANNER */
.pages-banner{ color:#fff; padding:60px 0; }
.pages-banner h1{ font-size:40px; font-weight:500; }
.pages-banner h2{ font-size:22px; font-weight:400; }
/* PRODUTOS */
.produtos{ padding-bottom:70px; }
.produtos .sidebar{ margin-bottom:70px; }
/* PROJETOS SOCIAIS */
.projetos-sociais{ margin-bottom:70px; }
/* PILULAS FRATERNAS */
.pilulas-fraternas .frase{ padding:60px; }
.pilulas-fraternas .frase h4{ font-size:44px; }
.pilulas-fraternas .pilulas p{ padding:0 100px; }
/* BLOG */
.blog .box{ margin-bottom:30px; padding:0 !important; }
/* MODAL */
.modal.fade .modal-dialog{ width:60% !important; max-width:60%; }
/* efeito Animação */
.animate-effect, .anim-section, .animate{ opacity:1 !important; }
/* FOOTER */
footer{ padding:60px 0 0 0 !important; }
footer .ft-social{ -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; }
footer .links{ padding: 0 0 30px 20px !important; }
footer .links h2{ font-size: 24px !important; }
footer .links a{ font-size:15px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
/* HEADER NAV */
header .top-contatos .pull-left{ display:none; }
header .menu .brand{ position:absolute; top:0px; margin:10px; }
header .menu .navbar{ width: 50%; margin: 0 0 0 auto; height:52px; }
header .menu .navbar .navbar-header{ border-radius:5px; padding:5px 0; border:solid 1px #333; margin:5px 0 5px auto; }
header .menu .navbar .navbar-collapse.in{ overflow-y:hidden; }
header .menu .navbar .nav{ display:block !important; }
header .menu .navbar .collapsing{ display:none; }
header .menu .navbar .collapse.show { display:block; position:absolute; background:#fff; top:52px; z-index:10; right:-25px; padding:0 25px; }
header .menu .navbar ul li a .fa-caret-down{ float:none; }
header .menu .navbar ul li a{ height:50px; line-height:50px; font-weight:600; padding:0px 15px; text-align:left; }
header .menu .navbar ul li a i{ float:right; line-height: 50px; padding-right:0px !important; }
/* TITLE */
.title-max h1{ font-size:32px; }
.title-max h2{ font-size:20px; }
/* HOME BANNER */
.home-banner .image.left{ width:50%; float:left; position:relative; }
.home-banner .image.right{ width:50%; float:right; position:relative; }
.home-banner .text-duplo{ padding:5%; }
.home-banner h2{ font-size:22px; }
.home-banner p{ font-size:16px; }
.home-banner a.more{ line-height:35px !important; padding:0 15px !important; font-size:14px; }
.home-banner .text-full{ width:95%; padding:5% 10%; }
.home-banner .text-full h2{ font-size:28px; }
.home-banner .text-full p{ font-size:20px; }
/* HOME */
.home-sobre{ padding:60px 0; font-size:18px; }
.home-sobre .text{ max-width:100%; -ms-flex:50%; flex:50%; }
.home-agenda .tab-content .row{ padding:15px 0; }
.home-agenda .data{ font-size:20px; line-height:22px !important; }
.home-agenda .data i{ font-size:30px !important; }
.home-agenda .local{ font-size:20px; }
.home-agenda .local i{ font-size:40px !important; padding:0 15px 0 0 !important; }
.home-clientes .carousel{ padding:0 60px; }
.home-blog{ padding:60px 0; }
.home-blog .box img { width: auto !important; }
.home-voluntario{ padding:60px 0; }
.home-voluntario .col-md-3{ max-width:27%; -ms-flex:27%; flex:27%; }
.home-depoimentos .depoimento{ width:80%; margin-left:10%; }
/* PAGES BANNER */
.pages-banner{ color:#fff; padding:60px 0; }
.pages-banner h1{ font-size:40px; font-weight:500; }
.pages-banner h2{ font-size:22px; font-weight:400; }
/* SOBRE */
.sobre h1{ margin-top:30px; }
.sobre-galeria{ max-height: 205px; overflow: hidden; }
.sobre-galeria img{ width:25% !important; }
/* PRODUTOS */
.produtos{ padding-bottom:60px; }
.produtos .sidebar{ margin-bottom:60px; }
/* PROJETOS SOCIAIS */
.projetos-sociais{ margin-bottom:60px; }
.projetos-sociais .max{ max-width:100%; -ms-flex:100%; flex:100%; }
.projetos-sociais .left.max,
.projetos-sociais .right.max{ padding:0px; }
/* PILULAS FRATERNAS */
.pilulas-fraternas .frase{ padding:40px; }
.pilulas-fraternas .frase h4{ font-size:38px; }
.pilulas-fraternas .pilulas p{ padding:0 60px; }
/* BLOG */
.blog .box{ margin-bottom:30px; padding:0 !important; }
.blog .image{ max-height:200px; }
/* MODAL */
.modal.fade .modal-dialog{ width:80% !important; max-width:80%; }
/* efeito Animação */
.animate-effect, .anim-section, .animate{ opacity:1 !important; }
/* FOOTER */
footer{ padding:60px 0 0 0 !important; }
footer form{ margin-top:30px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px)
{
a.top{ padding: 5px 15px !important; }
/* HEADER NAV */
header .menu .brand{ padding:10px 0; }
header .top-contatos .pull-left{ display:none;}
header .menu .navbar{ width: 50%; margin: 0 0 0 auto; height: 80px; float: right; }
header .menu .navbar .navbar-header{ border-radius:5px; padding:5px 0; border:solid 1px #333; margin:5px 0 5px auto; }
header .menu .navbar .navbar-collapse.in{ overflow-y:hidden; }
header .menu .navbar .nav{ display:block !important; }
header .menu .navbar .collapsing{ display:none; }
header .menu .navbar .collapse.show { display:block; position:absolute; background:#fff; top:80px; z-index:10; right:-25px; padding:0 25px; }
header .menu .navbar ul li a .fa-caret-down{ float:none; }
header .menu .navbar ul li a{ height:50px; line-height:50px; font-weight:600; padding:0px 15px; text-align:left; }
header .menu .navbar ul li a i{ float:right; line-height: 50px; padding-right:0px !important; }
/* TITLE */
.title-max h1{ font-size:32px; }
.title-max h2{ font-size:20px; }
/* HOME BANNER */
.home-banner .text-duplo{ top:auto !important; }
.home-banner .image.left,
.home-banner .image.right{ width:100%; max-height:250px; float:none; position:relative; }
.home-banner .text-duplo.left{ width:100% !important; padding:8%; }
.home-banner .text-duplo.right{ width:100% !important; padding:8%; bottom:0 !important; }
.home-banner h2{ font-size:22px; }
.home-banner p{ font-size:16px; }
.home-banner a.more{ line-height:35px !important; padding:0 15px !important; font-size:14px; }
.home-banner .text-full{ width:100%; padding:4% 8%; }
.home-banner .text-full h2{ font-size:26px; }
.home-banner .text-full p{ font-size:18px; }
/* HOME */
.home-sobre.title-max h1{ margin:30px 0; }
.home-sobre img{ margin-bottom:30px; }
.home-agenda{ padding:60px 0 0 0 !important; }
.home-agenda .nav-tabs{ height:75px; overflow:hidden; padding:0 15px; }
.home-agenda .tab-content .row{ margin-bottom: 30px; }
.home-agenda .data{ font-size:22px; text-align: left !important; }
.home-agenda .local{ line-height: 24px; font-size: 22px; }
.home-agenda .detalhes{ margin:20px 0; }
.home-agenda .detalhes a{ margin-bottom: 15px; display: block; }
.home-clientes .carousel img{ width:60% !important; }
.home-blog{ padding:60px 0; }
.home-blog .box{ max-height:250px !important; }
.home-blog .box .text{ padding: 40px 15px 15px 15px !important; }
.home-blog .box .text p{ display:none; }
.home-blog .box.plus .text h3{ margin:0px !important; }
.home-voluntario{ padding:60px 0; }
.home-voluntario h3{ line-height: 20px; min-height: 60px; }
.home-depoimentos .depoimento{ width:80%; margin-left:10%; }
/* PAGES BANNER */
.pages-banner{ color:#fff; padding:60px 0; }
.pages-banner h1{ font-size:40px; font-weight:500; }
.pages-banner h2{ font-size:22px; font-weight:400; }
/* SOBRE */
.sobre h1{ margin-top:30px; }
.sobre .box img{ margin-bottom:30px; }
.sobre-galeria{ max-height: 205px; overflow: hidden; }
.sobre-galeria img{ width:33.33% !important }
/* ENTIDADES */
.entidade .apoio img{ margin-bottom:30px; }
/* FALANGE DO BEM */
.falange h2{ font-size:28px !important; }
.falange .box img{ margin-bottom:30px; }
/* PRODUTOS */
.produtos{ padding-bottom:60px; }
.produtos .sidebar{ margin-bottom:60px; }
/* PROJETOS SOCIAIS */
.projetos-sociais{ margin-bottom:60px; }
.projetos-sociais .max{ max-width:100%; -ms-flex:100%; flex:100%; }
.projetos-sociais .left.max,
.projetos-sociais .right.max{ padding:0px; }
/* PILULAS FRATERNAS */
.pilulas-fraternas h3{ font-size:28px !important; }
.pilulas-fraternas .frase h4{ padding:30px; }
.pilulas-fraternas .apoio img{ margin-bottom:40px; }
/* BLOG */
.blog .box{ margin-bottom:30px; padding:0 !important; }
.blog .box a h3{ font-size:20px !important; margin:0 0 15px 0 !important; }
.blog .image{ max-height:120px; }
.entidade hr{ display:none !important; }
.entidade .block{ margin: 20px 0; border-bottom: dashed 2px #aaa; }
/* MODAL */
.modal.fade .modal-dialog{ width:100%; max-width:100%; margin: 0px auto; }
.modal-body{ padding:15px; }
.modal-header{ padding:5px 20px; }
/* efeito Animação */
.animate-effect,
.anim-section,
.animate{
opacity:1 !important;
}
/* FOOTER */
footer{ padding:0px !important; }
footer h2{ margin-top:30px; }
footer .links{ padding:0px !important; border:none !important; }
}
@media only screen and (max-width: 575px)
{
a.top{ padding: 5px 15px !important; }
/* HEADER NAV */
header .top-contatos{ padding:10px 0 !important; }
header .top-contatos .pull-right{ float:none; text-align:center; }
header .top-contatos .pull-right .traducao { float:none !important; border:none !important; margin-left:0 !important; padding-left:0 !important; }
header .top-contatos .pull-left{ display:none;}
header .menu{ position: relative; padding:0 10px; }
header .menu .brand img{ position: absolute; height:50px !important; margin:10px 0; top:0px; }
header .menu .navbar{ width:210px; height: 70px; margin: 0 0 0 auto; float: right; }
header .menu .navbar .navbar-header{ border-radius:5px; padding:5px 0; border:solid 1px #333; margin:5px 0 5px auto; }
header .menu .navbar .navbar-collapse.in{ overflow-y:hidden; }
header .menu .navbar .nav{ display:block !important; }
header .menu .navbar .collapsing{ display:none; }
header .menu .navbar .collapse.show { display:block; position:absolute; background:#fff; top:70px; z-index:10; right:-10px; padding:0 20px; }
header .menu .navbar ul li a .fa-caret-down{ float:none; }
header .menu .navbar ul li a{ height:50px; line-height:50px; font-weight:600; padding:0px 15px; text-align:left; }
header .menu .navbar ul li a i{ float:right; line-height: 50px; padding-right:0px !important; }
/* TITLE */
.title-max h1{ font-size:28px; }
.title-max h2{ font-size:18px; }
/* HOME BANNER */
.home-banner .text-duplo{ top:auto !important; }
.home-banner .image.left,
.home-banner .image.right{ width:100%; max-height:250px; float:none; position:relative; }
.home-banner .text-duplo.left{ width:100% !important; padding:5%; }
.home-banner .text-duplo.right{ width:100% !important; padding:5%; bottom:0 !important; }
.home-banner h2{ font-size:18px; }
.home-banner p{ font-size:16px; }
.home-banner a.more{ line-height:35px !important; padding:0 15px !important; font-size:14px; }
.home-banner .text-full{ width:100%; padding:4% 8%; }
.home-banner .text-full h2{ font-size:20px; }
.home-banner .text-full p{ font-size:16px; }
.home-banner .full{ width:auto !important; max-height:300px; text-align:center; }
.home-banner .full img{ width:200%; margin-left:-50%; }
/* HOME */
.home-sobre.title-max h1{ margin:30px 0; }
.home-sobre img{ margin-bottom:30px; }
.home-agenda{ padding:60px 0 0 0 !important; }
.home-agenda i{ display:block; float:none !important; padding:0 !important; font-size:30px !important; margin-bottom:15px; }
.home-agenda .nav-tabs{ height:75px; overflow:hidden; padding:0 15px; }
.home-agenda .tab-content .row{ margin-bottom: 30px; }
.home-agenda .data{ padding-left:15px !important; }
.home-agenda .data,
.home-agenda .local{ font-size:22px; text-align:center !important; line-height:22px !important; }
.home-agenda .data span,
.home-agenda .local span{ font-size:16px !important; }
.home-agenda .detalhes{ margin:20px 0; }
.home-agenda .detalhes h3{ font-size:22px !important; font-weight:700 !important; }
.home-agenda .detalhes a{ margin-bottom: 15px; display: block; }
.home-clientes .carousel img{ width:60% !important; }
.home-blog{ padding:60px 0; }
.home-blog .box{ max-height:250px !important; }
.home-blog .box .text{ padding: 40px 15px 15px 15px !important; }
.home-blog .box .text h3{ font-size:20px !important; }
.home-blog .box .text p{ display:none; }
.home-blog .box.plus .text h3{ margin:0px !important; }
.home-clientes a.more,
.home-blog a.more,
.home-produtos a.more,
.home-voluntario a.read{ font-size:16px !important; padding:0 15px !important; }
.home-produtos a h3{ margin-bottom:30px; }
.home-produtos a.more{ margin-top:0px !important; }
.home-voluntario{ padding:60px 0; }
.home-voluntario h3{ line-height: 20px; }
.home-voluntario img{ width:70% !important; }
.home-voluntario a.read{ margin-bottom:30px; }
.home-depoimentos .depoimento{ width:80%; margin-left:10%; }
/* PAGES BANNER */
.pages-banner{ color:#fff; padding:60px 0; }
.pages-banner h1{ font-size:28px; font-weight:600; }
.pages-banner h2{ font-size:20px; font-weight:400; }
/* SOBRE */
.sobre h1{ margin-top:30px; font-size:28px !important; }
.sobre .box img{ margin-bottom:30px; }
.sobre-galeria{ max-height: 240px; overflow: hidden;}
.sobre-galeria img{ width:50% !important; margin:0px !important; }
/* ENTIDADES */
.entidade .apoio img{ margin-bottom:30px; }
/* FALANGE DO BEM */
.falange h2{ font-size:28px !important; }
.falange .box img{ margin-bottom:30px; }
/* PRODUTOS */
.produtos{ padding-bottom:60px; }
.produtos .sidebar{ margin-bottom:60px; }
/* PROJETOS SOCIAIS */
.projetos-sociais{ margin-bottom:60px; }
.projetos-sociais{ max-width:100%; -ms-flex:100%; flex:100%; }
.projetos-sociais .left,
.projetos-sociais .right{ padding:0px; }
/* PILULAS FRATERNAS */
.pilulas-fraternas h3{ font-size:28px !important; }
.pilulas-fraternas .frase h4{ padding:30px; }
.pilulas-fraternas .apoio img{ margin-bottom:40px; }
.pilulas-fraternas .form h4{ padding:0 15px; }
/* BLOG */
.blog .box{ margin-bottom:30px; padding:0 !important; }
.blog .box a h3{ font-size:20px !important; margin:0 0 15px 0 !important; }
.blog .image{ max-height:100px; }
/* MODAL */
.modal.fade .modal-dialog{ width:100%; max-width:100%; margin: 0px auto; }
.modal-body{ padding:15px; }
.modal-header{ padding:5px 20px; }
/* efeito Animação */
.animate-effect,
.anim-section,
.animate{
opacity:1 !important;
}
/* FOOTER */
footer{ padding:0px !important; }
footer h2{ margin-top:30px; }
footer .links{ padding:0px !important; border:none !important; }
}
Zerion Mini Shell 1.0