/*BIG PC*/
/*TABLET*/
@media screen and (min-width: 1400px){
header,menu,#gallery,article,footer{
padding-left:10%;
padding-right:10%;
}
}

/*TABLET*/
@media screen and (max-width: 1280px){

header,menu,#gallery,article,footer{
padding-left:1em;
padding-right:1em;
}
}


/*MOBILE*/
@media screen and (max-width: 960px){
.show-on-mobile{
display:block;
}
header aside div,header .logo,article div .item-image{
display:none;
}
header .focus,footer aside#copy{
display:block;
}
article div div,#gallery main,#gallery aside,footer aside{
width:100%;
}

article div div:not(.page-header) ul, article div div:not(.visform) ul {
margin-left: -3em;
}

article .item-page,article .visforms-form,article .blog,article .search{
background-image:none;
}

.visform fieldset .captchacode,.visform fieldset #recaptcha_response_field{
width:calc(100% / 2);
}
.visform fieldset .visCSSinput{
width:100%;
}
.blog .items-row{
width:100%;
padding:0.5em 0;
}
.blog .items-row:nth-child(3n-1){
margin-left:0;
}
#gallery main section div p{
max-width:calc(100% - 2em);
left:1em;
}
article div div img{
width:100%;
}

/*MOBILE MENU & SEARCH HIDDEN*/
menu{
display:none;
}
header main{
width:100%;
}
header .logo, header main #logo-mfo, body.mfhsaude #logo-mfo, body.mfoseguros #logo-mfo, #logo-mfhsaude, #logo-mfoseguros{
width:auto;
display: block;
max-height: none;
max-width: 100%;
margin-bottom: 0;
opacity: 1;
}
#logo-mfhsaude, #logo-mfoseguros, body.mfhsaude #logo-mfo, body.mfoseguros #logo-mfo{
display: none;
}
.mfhsaude #logo-mfhsaude, .mfoseguros #logo-mfoseguros{
display: block;
}
header main img.focus{
max-height:none;
}
header main div{
width:50%;
float:left;
}
header aside{
clear:both;
}
header .mobile-menu img{
width:calc(100% / 3);
padding:0.5em;
margin-top:1.2em;
}
.search-box,.language-switcher{
float:left;
padding:0.5em 0;
margin:0;
}
menu ul li{
clear:both;
width:100%;
}
menu ul li ul{
display:block;
clear:both;
position:relative;
overflow:auto;
}
form div {
padding: 0 !important;
}
  #gallery, #ssds{display:none;}
footer aside{
min-height: 0em; 
}
  footer #footer-6 td{
    text-align:center !important;
  }
  article div{
    font-size: 0.75em;}
    h2{width:200% !important;
  }
  article div div:not(.page-header) p, article div div:not(.visform) p {

    width: 100%;
    margin-left: 0%;
  }
  article div div:not(.page-header) img.pull-left {
     width: 100%; 
     margin-left: 0%;
    float: none;}
}