/* 
    Document   : responsive_jcarousel
    Created on : 10/Out/2013, 11:15:01
    Author     : adrianodias
    Description:
        Purpose of the stylesheet follows.
*/

@media all{
#wrapper{
  width: 100% !important;
}
}

@media only screen and (max-width: 979px) {

  #block-search-form{
    display: none;
  }

  #top-menu {
    float:left;
  }
  
  .titulo-eventos{
    display: none!important;
  }
  
  #primary-menu {
    height: 80px;
  }
  
  #page-title h1 {
    max-width: 780px;
  }
  
  .node-type-member .ds-2col-fluid > .group-right,
  .node-type-protocolo .ds-2col-fluid > .group-right {
    max-width: 520px;
}
  
}


/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {

  #block-search-form {
    display: block;
    float: right;
    margin-right: 40px;
  }

  #top-menu{
    float:left;
  }
  
  .titulo-eventos{
    display: none!important;
  }  /*evita titulos do carousel sairem fora*/
  .view-destaques-home .jcarousel-item .view-projetos-titulo{
    width: 169px;
  }
  
  /*evita titulos do carousel sairem fora*/
  .view-destaques-home .jcarousel-item .view-projetos-titulo{
    width: 169px;
  }
  
  #page-title h1 {
  	max-width: 525px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  #block-search-form{
    display: none;
  }
  
  #top-menu{
    float:left;
  }
  
   #header{
    min-height: 130px;
  }
  #logo{
    float: none;
    position: relative;
    min-height: 90px;
  }
  
  .titulo-eventos{
    display: none!important;
  }
  
  .ds-row5-left, .ds-row5-right{
    width: 100%;
  }
  
   /*evita titulos do carousel sairem fora*/
  .view-destaques-home .jcarousel-item .view-projetos-titulo{
    width: 162px;
  }
         
  .node-type-member .ds-2col-fluid > .group-right,
  .node-type-protocolo .ds-2col-fluid > .group-right {
    max-width: 240px;
}
  
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  
  #block-search-form{
    display: none;
  }
  
  /*Fica so as redes sociais no top-social*/
  li.ts-mail, li.ts-phone, li.ts-flickr{
    display: none!important;
  }
  
  #header{
    min-height: 130px;
  }
  #logo{
    float: none;
    position: relative;
    min-height: 90px;
  }
  .titulo-eventos{
    display: none!important;
  }
  
  #slider a span{
    font-size: 70%;
  }
  
  #block-widget-widget-flickr{
    height: 240px;
  }

  .ds-row2-left, .ds-row2-right, .ds-row5-left, .ds-row5-right{
    width: 100%;
  }
  .ds-row5-right .field-item {
    width: 100%;
  }
  .ds-row5-right .field-item img{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
    /*evita titulos do carousel sairem fora*/
  .view-destaques-home .jcarousel-item .view-projetos-titulo{
    width: 180px;
  }
  
  #page-title h1{
    text-align: left;
  }
  
  .node-type-member .ds-2col-fluid > .group-right,
  .node-type-protocolo .ds-2col-fluid > .group-right {
    max-width: 240px;
}
  
}