/***************************
** CUSTOM CSS By Mailtec **
***************************/

/* Footer Principal workaround for contacts only 
@media only screen and (min-width: 60em){*/
  
.footer-single {
  margin:0 100px;
  /*float:none;
  width: 50%;*/
  display:inline;
}

/*}*/

/* CSS When MEGA MENU only has 3 columns */
.smaller .nav-drop {
  width:100%;
}
.xsmaller .nav-drop {
  width:100%;
}

@media only screen and (min-width:61.313em) {
  .smaller .nav-drop {
    left:16% !important;
    width:65% !important;
  }
  .xsmaller .nav-drop {
    left:16% !important;
    width:50% !important;
  }
}

/* Extra Small and Small Mega Menu media queries */
@media screen and (max-width:982px) {
  .smaller .nav-drop .mega-menu-section-wrap {
    width:100% !important;
  }
  .xsmaller .nav-drop .mega-menu-section-wrap {
    width:100% !important;
  }
}

/* Small Mega Menu*/
.smaller .nav-drop .mega-menu-section-wrap {
  width:33%;
}

/* Extra small Mega Menu*/
.xsmaller .nav-drop .mega-menu-section-wrap {
  width:50%;
}

/* Pesquisa de Objectos Style + media screens */
.objects {
  border-radius:0px !important;
  box-shadow:none !important;
  height:37px !important;
  padding:5px 15px !important;
}
.objects:hover, .objects:focus {
  border-radius:0px !important;
  box-shadow:none !important;
  top:0 !important;
}

@media only screen and (max-width:30em) {
  .xsmall-11 {
    width:83.33333%;
  }
  .xsmall-1 {
    width:16.66667%;
  }
}

/* Hides Volume div on "Peso e Dimensões.html" to be shown later. */
.volume {
  display:none;
}

/* Alterações para aumentar tamanho do logotipo */
/* Mobile Version */
.page-header .brand a img {
  height:41px;
  width:106px;
}

@media only screen and (min-width:61.313em) {
  .page-header .brand-bar {  /* logotipo wrapper*/
    width:30%; 
  }
  .page-header .brand { /* logotipo*/
    padding:0;
  }
  .right-off-canvas-menu { /*Separadores */
    width:70%;
  }
  .page-header .brand a img {  /* logotipo img */
    height:90px;
    width:224px;
  }
} /*end media screen*/

/* TOOLS element fix when only 2-3 items*/
@media only screen and (min-width:61.313em) {
  .home-cards #toolbox, .home-cards .card-skin {
    min-height:initial;
  }
}

/*logo fix*/
.page-header .brand a img {
    height: 45px;
    width: 120px
}

@media only screen and (min-width: 61.313em) {
    .page-header .brand a img {
        height:95px;
        width: 280px
    }
}​