/************************************************************************************
 Desktop or laptop (Large
 *************************************************************************************/
@media only screen and (max-width: 1600px) { 
    html {}

    .tdMobile1400 {
        display: none !important;
    }      
}


/************************************************************************************
 Desktop or laptop (Medium)
 *************************************************************************************/
@media only screen and (max-width: 1400px) { 
    html {}

    .tdMobile1200 {
        display: none !important;
    }   
       
    .divBuscaCaixa {
        width: 120px;
    }

    .inputBusca {
        width: 115px;
    }     
    
}


/************************************************************************************
 Desktop or laptop (Small)
 *************************************************************************************/
@media only screen and (max-width: 1200px) { 
    html {}

    .tdMobile960 {
        display: none !important;
    }          
    
    .menuSuperior a.areaUsuario .nomeInvestidor,
    .menuSuperior a.areaUsuario ul li.pro
    {
        display:none;
    }   
   
    .hotlist
    {
        width: auto;    
    }

    .hotlist.left
    {
        float:none;
        margin-right: 0;  
    }

    .hotlist.right
    {
        float:none;
        margin-left: 0;
    }    
    
    .equipe-block
    {
        float:none;
        width:100%;
        margin: 30px 0;
        min-height: 50px;
    }
    
    #chartSize {
        position: absolute !important;
        right:30px;
        margin: 0px 0px;
    }   
    
    #Footer .areaRedesSociais
    {
        float:none;
    }  
    
    .MenuInferior {
        float:none;
        margin-bottom:20px;
    }  
       
    #rightBar,
    .menu_ajax a.giPremium
    {
        display:none;
    } 
    
    #topBar,
    #breakingNews
    {
        margin: 0 0 0 0;
    }     
       
    #areaConteudo
    {   
        margin: 0;
    }    
    
    .divStockguideWrapper,  
    #contentWrapper, 
    #divStockguideWrapperBloqueado,    
    .divResultadoStockguide,
    #contentWrapper #horizontal
    {
        right: 0 !important;
    }
    
    #chartContainer,
    #chartContainerBloqueado,
    .multi #chartContainer1,
    .multi #chartContainer2 
    {
        right: 4px !important;
    }    
    
    .areaHeader,
    #menuBar,
    .processando,
    .caixaMensagem,
    #Footer
    {
        margin: 0;  
    }                                    
}


/************************************************************************************
    Tablet (Portrait Orientation)
 *************************************************************************************/
@media only screen and (max-width: 1023px) {
    html {
        -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    }
     
    .innerContainer {
        min-width: 640px;
    }

    .divPublicacaoLista .PublicacaoItem,    
    .coluna-a .divPublicacaoLista .PublicacaoItem
    {
        margin: 0 auto 20px auto; 
    } 

    .coluna-a, 
    .coluna-b.show,
    .coluna-a-inner {
        float:none;
        margin:0 !important;
        width:100%;
    } 

    .coluna-b
    {
        display:none;
    } 
    
    .coluna-b.show
    {
        display:block;    
    }
       
    .coluna-suitability-a,
    .coluna-suitability-a-inner,
    .coluna-suitability-b {
        float:none;
        margin:0 !important;
        width:100%;
    }  

    .tdMobile750,
    .webpartArrobaBanner,
    .super_banner_1_728x90, 
    .arroba_banner_1_300x250, 
    .arroba_banner_2_300x250,
    .floater_dhtml {
        display:none !important;
    }          
    
    .mobile2
    {
        display: block !important;
    }
    
    .coluna-mensagem-exibe
    {
        display:block;
    }
    
    .coluna-mensagem-oculta
    {
        display:none;
    }    

    .wrapper2-inner{
        float: none;
    }

    .feature_wrapper h1
    {   
        font-size: 2.3em;
        line-height: 35px;
    }   
    
    .feature_wrapper h2
    {   
        font-size: 1.8em;
    }  
    
    .feature_wrapper h3
    {
        font-size: 1.6em;        
    }          
    
    .boxCadastro
    {
        display:none;
    }    

    .block 
    {
        min-height: 100px;
        width:100%;   
        float:none;
        margin: 20px 0;
    }       
    
    .capa h2
    {
        font-size:2.0em;
    }
    
    .capa h3
    {
        font-size: 1.4em;
    }         
    
    #home-header
    {
        text-align:center;
    }
    
    #home-header .imagem-destaque
    {
        position:relative;
        margin:0 auto;
    }  
    
    #home-header .depoimento
    {  
        padding: 0 0 0 0; 
        max-width: 100%;
    }    
    
    .cadastro-seta-right   
    {
        display:none;
    }  
    
    .coluna-feed-conteudo-inner {   
        margin-right:0px;
    }

    .coluna-feed-lateral {
        display:none;
    }                       
}


/************************************************************************************
  Mobile (Landscape)
 *************************************************************************************/

@media only screen and (max-width: 767px) {
    html {
    }

    .innerContainer {
        min-width: 350px;
    }

    h1 {
        font-size: 1.6em;
        margin: 15px 0;
    }

    .caixaCompra a.btnExtraExtraBig {
        padding: 15px;
        font-size: 24px;
        margin-top: 20px;
        width: 340px;
    }

    .column_3_parts {
        width: 100%;
    }

        .column_3_parts.col1,
        .column_3_parts.col2,
        .column_3_parts.col3 {
            float: left;
            margin-left: 0;
        }

    #barraHeader {
        margin-top: -65px;
    }    

    .gridlove-cover-area, .gridlove-cover {
        height: 200px;
    }

    .depoimentoBox {
        width: 100%;
        margin: 15px 0;
    }

        .depoimentoBox blockquote {
            height: auto;
            margin: 20px auto;
            max-width: 480px;
        }

    #countdown .box {
        padding: 5px;
        height: 60px;
        width: 60px;
        margin: 0 10px 20px 10px;
    }

    #countdown .valor {
        font-size: 3.0em;
        line-height: 1.1em;
    }

    #chartSize,
    #preZoom,
    #leftbar {
        display: none !important;
    }

    #chartContainer,
    #chartContainerBloqueado,
    .multi #chartContainer1,
    .multi #chartContainer2 {
        left: 0 !important;
    }

    .innerContainerLandingPage.alignRight,
    .innerContainerLandingPage.alignLeft {
        position: relative;
        right: auto;
        left: auto;
        width: auto;
    }

    .pilarBox {
        width: 100%;
        margin: 10px 0;
        text-align: left;
        vertical-align: middle;
        height: 100%;
    }

        .pilarBox img {
            float: left;
            width: 100px;
            margin: 5px 30px 30px 0px;
        }

    .faixaConteudo1 h3 {
        font-size: 1.4em;
    }

    .bodyLandingPage .amostra-gratis ul li {
        width: 40%;
    }

    .faixaConteudoImagem h1 {
        font-size: 1.5em;
    }

    .faixaConteudoImagem h2 {
        font-size: 1.4em;
    }

    .faixaConteudoImagem .webpart,
    .innerContainerLandingPage .webpartTransparente {
        padding: 10px;
    }

    .faixaConteudoImagem .innerContainerLandingPage {
        padding: 20px 10px;
    }

    .bodyLandingPage .destaqueImagem,
    .bodyLandingPage .destaqueImagemPequena {
        float: none;
        margin-right: 0;
    }

    .coluna-areacomentario-a,
    .coluna-areacomentario-b,
    .coluna-areacomentario-a-inner {
        float: none;
        margin: 0 !important;
        width: 100%;
    }

    .estatistica .contadorImage {
        margin: 0 auto;
    }

    .estatistica .contadorConteudo,
    .estatistica .contadorImage {
        float: none;
    }

    .estatistica .contadorConteudo {
        margin-top: 5px;
        text-align: center;
        line-height: 200%;
    }

    .menu_ajax .investidorNome {
        display: none;
    }

    .coluna-pesquisa-b,
    .menu_ajax li a.desktop,
    .menu_ajax li.desktop,
    .gi_op_o,
    .tdMobile480,
    .divBuscaResultadoBox {
        display: none !important;
    }

    .coluna-pesquisa-a,
    .coluna-pesquisa-a-inner {
        float: none;
        margin: 0 !important;
        width: 100%;
    }

    .perfil-menu li.mais ul {
        right: -1px;
        left: auto;
    }

    .desktop {
        display: none !important;
    }

    .areaHeader .divBusca,
    .areaHeader .divBusca.pro {
        left: 190px;
    }

    .areaHeader .divMenuSite {
        left: 0;
    }

    .divNotificacao {
        right: 5px;
    }

    #barraHeader .webpartConteudo {
        padding: 10px 0;
    }

    .chartTopBar .webpartConteudo,
    .stockguideTopBar .webpartConteudo {
        padding: 10px 15px;
    }

    .stockguideTopBar .toolbar,
    .chartTopBar .toolbar {
        top: 10px !important;
        right: 10px !important;
    }

    .nomeEstudo a.btnMenu:before,
    .nomeGrafico a.btnMenu:before {
        top: 20px;
    }

    .stockguideTopBar .nomeEstudo,
    .chartTopBar .nomeGrafico {
        margin-right: 180px;
    }

    #contentWrapper,
    #chartContainer,
    #chartContainerBloqueado,
    #divStockguideWrapperBloqueado,
    .multi #chartContainer1,
    .multi #chartContainer2 {
        top: 99px !important;
    }

    .innerContainerSmall,
    .innerContainerMedium,
    .innerContainerClean,
    .innerContainerLarge,
    .innerContainerLandingPage {
        padding: 0 10px;
    }

    .coluna-a .divPublicacaoLista .PublicacaoItem {
        margin: 0 auto 10px auto;
    }

    .divStockguideWrapper {
        top: 98px;
    }

    .areaConteudo-inner {
        margin: 10px;
    }

    #barraHeader {
    margin: -75px 10px 10px 10px;
    }

    .capa .como-funciona-img {
        display: none;
    }

    .capa .como-funciona-text {
        margin-right: 0;
    }

    .PublicacaoItem,
    .webpart,
    .webpartFiltro,
    .webpartArrobaBanner,
    .webpartSemFundo,
    .webpartSemPadding {
        margin: 0 0 10px 0;
    }

    .linkAlternativo {
        margin-top: 30px;
    }

    hr {
        margin: 10px 0;
    }

    .apb {
        margin-left: 0;
    }

    #areaConteudo.padding1,
    #areaConteudo.padding2 {
        padding-top: 0;
    }

    .areaConteudo-inner {
        min-height: 350px;
    }

    .menu_ajax li {
        padding: 0;
    }

    .wrapper2-inner {
        float: none;
    }

    #topBar.fixed {
        position: relative;
    }

    .novaPublicacao {
        top: 30px;
    }

    .wrapper1 {
        margin-top: 10px;
    }

    .wrapper1-inner {
        margin-left: 0;
    }

    .divisorLoginFB {
        line-height: 40px;
    }

    .botaoLoginFB {
        margin-top: 10px;
    }

    select,
    input[type=text],
    input[type="password"],
    textarea {
        font-size: 1.154em;
    }

    .btnSearch {
        width: 250px !important;
    }

    .footer-inner {
        padding: 0;
    }

    .MenuInferior ul li {
        padding-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .MenuInferior li a {
        display: block;
        text-decoration: none;
        padding: 10px 0px;
        margin: 0;
    }

    .MenuInferior ul li {
        text-transform: uppercase;
        font-size: 1.077em;
        float: none;
        margin: 0;
        border-bottom: 1px solid rgba(255,255,255,.1);
        line-height: 2.0em;
    }

    #Footer {
        position: relative;
    }

        #Footer .logo-ssl {
            float: none;
            margin: 0 0 20px 0;
        }

    .footer-menu,
    .footer-disclaimer {
        padding: 20px 10px;
    }

    .footer-bottom {
        padding: 15px;
    }

    .feature_wrapper .boxLogin {
        display: block;
    }

    .feature_wrapper .blockDestaque {
        margin: 20px 0;
    }

    .feature_wrapper .blockImageDestaque,
    .feature_wrapper .blockTextDestaque {
        margin: 10px 0;
        width: 100%;
    }

    .feature_wrapper .blockDestaque .right,
    .feature_wrapper .blockDestaque .left {
        float: none;
    }

    .feature_wrapper .blockVersao {
        width: 47%;
        min-height: 320px;
        margin: 15px 1.5%;
    }

    #Conteudo {
        min-height: 200px;
        padding: 0 0 20px 0;
    }

    .BarraTitulo {
        padding-right: 0;
        padding-left: 0;
    }

    .panel {
        background-color: transparent;
        padding: 0px;
        border: 0;
    }

    .CaixaTitulo {
        background-color: transparent;
        border-top: 0;
        width: 100%;
        margin: 0 0 15px 0;
        height: 26px;
    }

        .CaixaTitulo div.Titulo {
            font-weight: bold;
            padding: 5px 0 0 0;
        }

    .coluna-perfil-b-inner {   
        margin-left:110px;
    }

    .coluna-perfil-a .memberPhoto
    {
        height:80px;
        width:80px;
        top:-50px;
    }

    .tituloSecao td,
    .tituloSecao,
    .label,
    .lb {
        font-weight: normal;
        white-space: normal;
    }

    .menu_ajax li a.mobile {
        display: block !important;
    }

    .perfil-header {
        position: relative;
    }

    .mobile {
        display: block !important;
    }

    .coluna-window {
        margin: 0px auto 0 auto;
    }

    .filtroPesquisa {
        position: relative;
        float: none;
        margin-top: 0;
        width: 100%;
    }

    #Footer .memberPhoto {
        display: none;
    }

    .divVideoInner .VideoResumo {
        color: #fff;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .divVideoInner .VideoResumo .anexoTitulo {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .divVideoInner .VideoResumo .anexoConteudo {
            display: none;
        }

    .feature_wrapper .item {
        margin: 10px auto;
        width: 95%;
    }

        .feature_wrapper .item .image,
        .feature_wrapper .item .imagePremium {
            margin: 10px 3%;
            width: 37%;
        }

        .feature_wrapper .item .text {
            margin: 10px 3%;
            width: 47%;
        }

    .cotacao-box .cotacao {
        font-size: 1.6em;
    }

    .bodyLandingPage .destaqueImagem {
        max-width: 200px;
    }

        .bodyLandingPage .destaqueImagem .seloGarantia {
            bottom: -20px;
            right: -60px;
            width: 70%;
        }

    .depoimentoBox {
        margin: 20px 0;
    }

    .faixaConteudo, .faixaConteudo1, .faixaConteudo2, .faixaConteudo3 {
        padding: 20px 10px;
    }

    .caixaCapturaEmail.large input {
        margin-bottom: 10px;
    }

    .caixaCapturaEmail .seta-right,
    .caixaCapturaEmail .seta-left,
    .caixaCompra .seta-right,
    .caixaCompra .seta-left {
        display: none;
    }

    .caixaCompra {
        margin: 20px 0;
        width: auto;
    }

    .perfil-info {
        float: none;
    }

    .perfil-titulo {
        float: none;
        display: block;
    }


    .perfil-botao {
        float: none;
        margin: 10px 0 5px 0;
    }

    .webpart,
    .course-wrapper-inner {
        padding: 15px;
    }

    #spanStockGuideHoraConsulta {
        display: none;
    }

    .btnExtraExtraBig {
        font-size: 18px;
        font-weight: bold;
        height: auto;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
        padding: 14px 14px;
    }

    a.btnExtraExtraBig {
        padding: 15px 20px;
    }

    .caixaCapturaEmail .btnExtraExtraBig {
        font-size: 25px;
        padding: 20px 30px;
    }

    .caixaCompra .btnExtraExtraBig {
        font-size: 20px;
        padding: 20px;
    }

    a.btnFull {
        font-size: 1.8em;
    }

    .coluna-squeeze-a,
    .coluna-squeeze-b,
    .coluna-squeeze-a-inner {
        float: none;
        margin: 0 auto !important;
        width: 100%;
    }

    .coluna-feed-a {
        display: none;
    }

    .coluna-feed-b-inner {
        margin-left: 0px;
    }

    .areaHeader .MenuMobile {
        display: inline-block;
        margin-top: 10px;
    }

    .divLogoSuperior {
        text-align: center;
        left:35px;
    }

    .areaHeader .divMenuSuperior {
        left: 0px;
        top: 165px;
        float:none;
        display:none;
    }

    .areaHeader .divMenuSuperior ul.menuSuperior {
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
        box-shadow: 0 3px 5px rgba(0,0,0,.1);
        border-top:2px solid #f9a504;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;
    }

    .areaHeader .divMenuSuperior ul.menuSuperior li a{
        padding: 9px 10px;
    }

    .areaHeader .divMenuSuperior ul.menuSuperior li
    {
        background-color:#fff;
        display:block;
        float:none;
        width:200px;
    }

    .areaHeader .divMenuSuperior ul.menuSuperior li ul
    {
        top:-2px;
        left:200px;
    }

    .areaHeader .menuSuperior #liDestaqueGoPro
    {
        display:none;
    }
}

/************************************************************************************
    Mobile (Portrait)
 *************************************************************************************/

@media only screen and (max-width: 479px)  {
    html {}
    
    .column-1,
    .column-2,
    .column-3
    {
        float:none;   
    }   

    #liSeguidor,
    #liMensagem,
    #libuttonLupa
    {
        display:none;
    }
    
    .course-wrapper {
        width: 100%;    
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;        
    }

    #barraHeader {
        margin-top: -55px;
    }      
    
    .gridlove-cover-area, .gridlove-cover {
        height: 150px;
    }       
    
    .capa h2
    {
        font-size:1.6em;
    }
    
    .form-cadastro .webpart,
    .form-login .webpart
    {
        padding: 20px;
    }          
    
    a.btnFull
    {
        font-size: 1.5em;
    }  
    
    
    .forma-pagamento,
    .pagamento-seguro
    {
        float:none;
        display:block;
        margin: 10px auto;
    }       
    
    .pagamento-seguro
    {   
        font-size: 12px;
    }  
    
    .exitLink
    {
        font-size: 1.4em;  
    }          
    
    .caixaCompra a.btnExtraExtraBig
    {
        padding: 15px;
        font-size: 18px;
        width:260px; 
    }   
    
    .btnSubtitulo
    {  
        margin-top: 10px;        
        font-size: 15px;
    }      
    
    #countdown .box
    {
        padding: 5px;  
        height: 45px;
        width: 45px;    
        margin: 0 5px 10px 5px;                   
    }

    #countdown .valor
    {
        font-size: 2.0em;
        line-height: 1.1em;
    }

    #countdown .texto
    {
        font-size: 0.6em; 
    }    
    
    .capa h3
    {
        font-size: 1.3em;
    }        

    #topBar,
    .barraHeader,
    .innerContainer {
        min-width: 280px;
    }  
    
    .btnExtraExtraBig {    
        font-size: 14px;
        font-weight: bold;
        height: auto;
        margin-right: 10px;
        margin-bottom: 10px;
        display:inline-block;
        padding:11px 19px;
    }

    a.btnExtraExtraBig {
        padding:10px 15px;
    }      
      
    .form-login .btnBig, 
    .form-cadastro .btnBig, 
    .form-small .btnBig
    {
        padding: 0 !important;   
    }  
       
    .listaNome,
    .listaBotao
    {
        float:none;
        display:block;
    }
       
    .bodyLandingPage .amostra-gratis ul li
    {
        width: 90%;    
    }     
    
    .coluna-perfil-main-a,
    .coluna-perfil-main-a-inner,
    .coluna-perfil-main-b,
    .coluna-perfil-main-acao-a-inner,
    .coluna-perfil-main-acao-b    
    {
        float:none;
        margin:0 !important;
        width:100%;
    }        
     
    .feature_wrapper .item .image,
    .feature_wrapper .item .imagePremium,    
    .feature_wrapper .item .text
    {
        margin:10px 0;
        width:100%;
    }   
    
    .feature_wrapper .blockVersao {
        width:100%;
        float:none;
        margin: 25px 0;
        min-height:50px;
    }         

    .tipoCompartilhamento,
    .tdMobile320 {
        display: none !important;
    }   

    .btnSearch {
        width:180px !important;
    } 
    
    a.curtir,
    a.comentar,
    a.compartilhar,
    a.seguir
    {
        margin-right:4px;
    }    
    
    .ulCotacao li {
        padding: 5px 15px 2px 0;
        text-align: right;
    }    
   
    .control-label, 
    .form-large .control-label,
    .form-extra-large .control-label {
        float: none;
        text-align: left;
        width: 100%;
    }
    
    .controls span.disclaimer
    {
        display: block;     
    }
   
    .controls, 
    .form-large .controls,
    .form-extra-large .controls {
        margin-left: 0;
    }

    .form-actions, 
    .form-large .form-actions,
    .form-extra-large .form-actions {
        padding-left: 0;
    }

    .apb {
        margin-left:0;
    }
   
    .graficoIndice 
    {
        float:left;
        padding-top:10px;
    }  
    
    .feature_wrapper .block,
    .feature_wrapper .blockPremium     
    {
        float:none;
        width:100%;
        margin-right:0;
        margin-bottom: 40px;
        max-width:none;
    } 
    
    .feature_wrapper .block .boxText
    {        
        margin-right:0;   
    } 
    
    .resumoIbovespa .cotacao-box 
    {
        position:relative;
    }
    
    .graficoPeriodo 
    {
        margin-top:20px;
    }
    
    .estatisticaBox .contadorLabel
    {
        font-size:0.8em;   
    }

    .estatisticaBox .contadorValor
    {
        font-size:1.2em;     
    }     
    
    .barraHeader .cotacao-box 
    {
        float:left;
        text-align:left;
    }     
    
    .divBuscaCaixa 
    {
        width: 75px;
    }

    .inputBusca {
        width: 65px;
    }  
    
    .caixaCapturaEmail input[type="email"]
    {
        width:238px;
    }    
    
    .caixaCapturaEmail
    {
        width: 260px;     
    } 
    
    .caixaCapturaEmail a.btnVermelho
    {
        width:215px; 
    }
    
    .caixaCapturaEmail input[type="submit"]
    {
        width:260px; 
    }  
    
    #home-header
    {
        font-size:0.9em;
    }    
    
    .welcomePhoto img
    {
        max-width: 100px;
    }              
}

@media only screen and (max-width: 380px)  
{   
    .divBuscaCaixa 
    {
        width: 65px;
    }
    
    a.btnFull
    {
        font-size:1.2em;
        line-height: 150%;        
    }

    .inputBusca {
        width: 55px;
    }     
    
    .btnPrivacidade
    {
        display:none !important;
    }   
    
    .webpart,
    .course-wrapper-inner
    {
        padding: 10px;
    }
    
    .btnExtraBig
    {
        font-size: 15px;
    }
    
    .areaHeader .btnAmarelo   
    {
        display:none;
    }    
    
    .login-facebook .seta 
    {
        left: 30px;
    }

    .login-facebook .botao {
        left: 120px;
    }    
    
    .caixaCapturaEmail a.btnExtraExtraBig,
    .caixaCompra a.btnExtraExtraBig
    {
        width:auto; 
    }      
}

/************************************************************************************
 Menu Superior em baixas resoluções
 *************************************************************************************/
@media only screen and (max-height: 750px) {

    #divMenu .menuSuperior li .separador {
        display: none;
    }

    #divMenu .menuSuperior li ul li {
        height: 1.8rem;
    }
}