.desktop{display: block}
.mobile{display: none}

.carousel_mobile{display: none}


@media all and (max-width: 860px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
 only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
 only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
 only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
 only screen and (min-resolution: 192dpi) and (max-width: 1024px), 
 only screen and (min-resolution: 2dppx) and (max-width: 1024px) {


.desktop{display: none}
.mobile{display: block}


/* menu top */

div.menu_top > ul > li:hover > a {
  border-bottom: 10px solid transparent;
}



  div.menu_top {
    width: auto;
  }
  div.menu_top.align-center ul {
    text-align: left;
  }
  div.menu_top.align-right > ul > li {
    float: none;
  }
  div.menu_top ul {
    width: auto;
  }

  div.desktop,
  div.menu_top .submenuArrow,
  div.menu_top #indicatorContainer {
    display: none;
  }
  div.menu_top > ul {
    height: auto;
    display: block;
  }
  div.menu_top > ul > li {
    float: none;
  }
  div.menu_top li,
  div.menu_top > ul > li {
    display: none;
  }
  div.menu_top ul ul,
  div.menu_top ul ul ul,
  div.menu_top ul > li:hover > ul,
  div.menu_top ul ul > li:hover > ul,
  div.menu_top.align-right ul ul,
  div.menu_top.align-right ul ul ul,
  div.menu_top.align-right ul > li:hover > ul,
  div.menu_top.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  div.menu_top ul .has-sub::after {
    display: none;
  }
  div.menu_top ul li a {
    padding: 12px 20px;
  }
  div.menu_top ul ul li a {
    border: 0;
    background: #fff;
    width: auto;
    padding: 8px 35px;
  }
  div.menu_top.align-right ul ul li a {
    text-align: left;
  }
  div.menu_top ul ul li:hover > a {
    background: #f8f8f8;
    color: #222;
  }
  div.menu_top ul ul ul a {
    padding: 8px 50px;
  }
  div.menu_top ul ul ul ul a {
    padding: 8px 65px;
  }
  div.menu_top ul ul ul ul ul a {
    padding: 8px 80px;
  }
  div.menu_top ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  div.menu_top > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  div.menu_top #menu-button > a {
    padding: 14px 20px;
  }
  div.menu_top ul.open li,
  div.menu_top > ul.open > li {
    display: block;
  }
  div.menu_top > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  div.menu_top ul ul::after {
    display: none;
  }
  div.menu_top #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #63a5f0;
    border-bottom: 2px solid #63a5f0;
    right: 20px;
    top: 15px;
  }
  div.menu_top #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #63a5f0;
    right: 20px;
    top: 25px;
  }
  div.menu_top ul.open #menu-button::after,
  div.menu_top ul.open #menu-button::before {
    border-color: #fff;
  }
/* end menu_top */



div.row,
div.centralize,
div.separator
{
    width: 97%
}


div.border_menu_segment,
div.border_menu_news,
div.border_menu_pauta,
div.border_menu_top {
    width: 100%;
}



div.row div.logo_top, div.row div.social{
    margin: 20px 0 0 0
}

div.logo_top,
div.logo_top a{
    width: 250px;
    height: 85px;
}



div.logo_top{
    float: left;
    background: transparent url('img/logo-mobile.png') no-repeat top left
}

div.logo_top a{
    display: block

}

div.row div.social div.row ul li a.lang_br{
    margin: 0
}

div.centralize div.row div.menu_segment ul,
div.centralize div.row div.toggle,


div.expand.footer_shadow{
    background: transparent;
    margin: 0 
}


div.row.news_mobile{display: block}

div.row.news.noMargin div.title,
div.row.pauta.noMargin div.title{
    font-size: 20px;
    margin: 0
}


div.row div.left, div.row div.right,
div.row div.right div.video div.row{
    width: 100%
}

   div.row div.right div.video div.videoList,
   div.row div.right div.video div.videoList iframe,
   div.row div.right div.video  div.videoList + div.videoList iframe,
   div.row div.right div.video  div.videoList + div.videoList + div.videoList iframe
   {
        width: 100%;
   }


   div.row div.right div.video  div.videoList + div.videoList,
   div.row div.right div.video  div.videoList + div.videoList + div.videoList{
       width: 49%;
       display: none
   }


div.row.tallk div.left div.title, 
div.row.tallk div.right div.title,
div.row.tallk div.left,
div.row.tallk div.right{width: 100%}

div.row.tallk div.left div.text.address2{
    border-right: 0 none
}
div.row.tallk div.left div.text.address1 address ul li,
div.row.tallk div.left div.text.address2 address ul li{

    display: inline;
    margin: 0 10px 0 0;
    float: left

}
div.row.tallk div.left div.text.address1{padding: 25px 20px 0 0}
div.row.tallk div.left div.text.address2{
    padding: 25px 20px 0 0;
    border-right: 1px solid #ccc;
    height: auto 
    }
div.row.tallk div.left div.text.address2 {
    border-right: none; 
}


div.centralize div.row_interna_left,
div.centralize div.row_interna_right
{
    width: 100%;
}


div.text img{
max-width: 100%
}


form#form_contact div.row
{
    width: 100%;
}

form#form_contact div.row div.grid1,
form#form_contact div.row div.grid2,
form#form_contact div.row div.grid3,
form#form_contact div.row div.grid4,
form#form_contact div.row div.grid5
{
    width: 48% 
}

form#form_contact div.row div.grid6
{
    width: 98%
}

div.row.list_news ul
{
    margin-left: 0
}

div.row.list_news ul li 
{
    width: 48%;
    margin: 0 0 10px 10px
}

div.row.list_news ul li a img{
   width: 100% 
}





div.row_interna_left.spotlight_gallery img
{
    width: 100%;
    height:auto
}


div.row_interna_left.list_gallery div.left img,
div.row_interna_left.list_gallery div.right img
{
    width: 100%;
    height: auto
}


div.row_interna_left.list_gallery div.left,
div.row_interna_left.list_gallery div.right
{
    width: 48%;    
}



div.centralize div.row_interna_right div.menu
{
    width: 100%;
    margin: 10px 0 0 0;
    float:left
}


/*  */
}


@media (max-width: 760px)
{

    div.expand.banner{ display: none }
}

@media (max-width: 580px)
{

form#form_contact div.row div.grid1,
form#form_contact div.row div.grid2,
form#form_contact div.row div.grid3,
form#form_contact div.row div.grid4,
form#form_contact div.row div.grid5
{
    width: 98% 
}


div.row.list_news ul li 
{
    width: 80%;
}




div.row_interna_left.list_gallery div.left,
div.row_interna_left.list_gallery div.right
{
    width: 98%;    
}



}


@media (max-width: 610px) {
    
div.row div.social,
div.row div.social div.row{
    width: 100%;
    float: left
}



div.row div.social div.row ul {
    float: left;
}

div.row div.social div.row.search_top form input{
    width: 78%
}

div.row div.social div.row.search_top form input.btn{
    width: 18%
}



}



@media (max-width: 450px) {


div.row.news_mobile div.list_news{
    width: 90%;
    float: none;
    margin: 0 auto
}


   div.row div.right div.video  div.videoList + div.videoList,
   div.row div.right div.video  div.videoList + div.videoList + div.videoList{
       width: 100%;
       height: 284px;
       float: left
   }

div.row div.right div.video  div.videoList + div.videoList iframe,
   div.row div.right div.video  div.videoList + div.videoList + div.videoList iframe
   {
       height: 284px;
   }


div.row.news_mobile div.list_news + div.list_news{
    display: none
}



div.row.list_news ul li 
{
    width: 100%
}











}