/* ==========================================================================
   
   medias querys para responsive design

   DO MENOR PARA O MAIOR (DO CELULAR PARA O PC)

   ========================================================================== */

/* SMARTPHONES */
@media screen and (max-width:500px){
    .logo{ margin: 10px auto; width: 232px; height: 83px; float: none; }
    .header{ position: relative; height: 100%; text-align: center; padding: 0px; } 
    .header .content{ padding: 0px; margin: 0px; }
    #md{ display: none;  }
    .columnMenu{ margin: 0px; padding: 0px; max-width: 100%; clear: both; margin-top: 25px; }
    .gBts{ float: none; }
    #slider1_container{ margin-top: 0px; padding: 0px; display: none; }
    .cartao-solidariedade{ min-height: 200px; background-position: center; background-size: cover; }
    .cartProxiMed{ position: relative; float: none; margin: 0px auto; clear: both; }
    /* .img-clinica{ position: relative; top: 40px; } */
    .ver-mais{ float: none; width: 500px; margin: 0px auto; margin-bottom: 40px; }
    #cartao .column-3{ margin-bottom: 30px; } 
    .progresso .content .row{ padding: 0px 20px; }
    .sliderResp{ display: block; }
   .imgGirl{ display: none; } 
   .column-6 { width: 100%; }
   .groupRedes{ right: 5px; }
   .sliderFixed{ margin-top: 0px; }
   .iFormGoogle{ height: 3660px; }

    ul.lst.presencial{ text-align: left; }
    ul.lst.presencial li{ display: block; }

   .chamada .p2 h3{ text-align: center; }
   .chamada .p2 p{ text-align: center; }
   .btDrAovivo{ text-align: center; margin: auto auto; }

   .beneficios{ background-image: none; } 

   .barTop a{ display: block; margin: 14px auto; float: none; width: 100px; }
   #examesEspecialidades article{ max-width: 250px; margin: 0px auto; }
   .chamada article{ max-width: 250px; margin: 0px auto; }

   .chamada .p2 #menu-principal{ width: 230px; margin: 5px auto; }

   .chamada h3.th3{ font-size: 1.3em; margin-bottom: 40px; text-align: center; }

   .tabAgenda .row{ display: none; }
   .tabAgenda li{ width: 100%; display: inline-block; }

   .carrinho{ top: 500px; left: 10px; width: 50px; height: 80px; }
   .carr{ font-size: 0.5em; }

   .sliderFixed p{ font-size: 2em; }

   .groupSegmentos .groupLst{ width: 380px; }

   .has-detail{ font-size: 1.4em; text-align: center; }
   .chamada h3{ font-size: 1.5em; }
   .groupSegmentos .groupLst{ padding: 30px; float: none; width: 64%; }
   .exspe{ font-size: 0.7em; width: 70%; }

   .groupSegmentos{ text-align: center; }
   .iconParc{ margin: 0px auto; padding: 0px; float: none; margin-right: 150px; }
   .lst-segmentos{ width: 100%; font-size: 0.9em; }

   #cartao .subTitle{ width: 100%; float: none; }

   #cartao .column{ padding-bottom: 30px; }

   #cartao .ver-mais{ max-width: 220px; }
   #cartao .saiba-mais{ margin-left: 40px; }

    /* paddings */
    #quem-somos, #agenda-medica, #cartao, #cartao-desconto, .informativos, #cartao-desconto, .contato, 
    .infos, .orcament, .beneficios{ position: relative; padding: 40px 20px; }

    #cartao-desconto p{ width: 100%; }

    .footer{ text-align: center; }
    .footer h5{ text-align: center; margin-top: 30px; }
    .lst-footer{ margin-top: 20px; text-align: center; }
    .lst-footer a{ display: block; text-align: center; }
    .icon-ideas{ display: block; text-align: center; float: none; margin: 12px auto; }
    .copy{ text-align: center; }
    .beneficios p{ padding: 5px; width: 98%; }
    .obs{ text-align: justify; padding: 20px; font-size: 0.7em; }

    .is-footer .lst li a{ font-size: 0.6em; padding: 3px; }
    .is-footer p{ font-size: 0.6em; }

    .servico{ width: 100%; }

    .contentMax{ height: 220px; }
    .btCookies{ margin-top: 20px; padding: 12px 30px; clear: both; float: none; margin: 20px auto; }
    .cookies{ margin-left: 20px; float: left; width: 70%; padding: 20px 20px; }
	.cookies span{ font-size: 0.7em; line-height: 16px; }

    /* .slider p{ font-size: 1.1em; }
    .lstCarousel li{ font-size: 0.9em; } */
}

/* TABLETTES */
@media (min-width:501px) and (max-width: 959px){
    .logo{ margin: 10px auto; width: 232px; height: 83px; float: none; }
    #slider1_container{ margin-top: 0px; padding: 0px; }
    .cartProxiMed{ float: none; margin: 20px auto; }
    .gBts{ float: none; }
    .barTop a{ display: block; margin: 14px auto; float: none; width: 100px; } 
    .columnMenu{ margin: 0px; padding: 0px; max-width: 100%; clear: both; margin-top: 25px; }
    .progresso .content .row{ padding: 0px 20px; }
    .column-6 { width: 100%; }
    .cartao-solidariedade{ min-height: 200px; background-position: center; background-size: cover; }
    .cartSolidariedade{ clear: both; float: none; margin: 40px auto; }
    .img-clinica{ position: relative; top: 40px; }
    .imgGirl{ display: none; }

    .beneficios p{ width: 100%; }
    .chamada h3{ font-size: 1.7em; }

    .tabAgenda .row{ display: none; }
    .tabAgenda li{ display: block; }

    #cartao .subTitle{ width: 100%; float: none; }

    .chamada .p2 h3{ text-align: center; }
	.chamada .p2 p{ text-align: center; }
	.btDrAovivo{ text-align: center; margin: auto auto; }

    .carrinho{ top: 500px; left: 10px; width: 50px; height: 80px; }
    .carr{ font-size: 0.5em; }

    .sliderFixed{ margin-top: 0px; }

    .status-info .column{ width: 30%; float: left; }
    .status-info .column .group-infoCont p{ font-size: 0.9em; }
    .status-info .column .group-infoCont a{ font-size: 0.8em; }

    #quem-somos .column{ float: none; display: block; width: 100%; } 

    .contentMax{ height: 220px; }
    .btCookies{ margin-top: 20px; padding: 12px 30px; clear: both; float: none; margin: 20px auto; }
    .cookies{ margin-left: 20px; float: left; width: 70%; padding: 20px 20px; }
	.cookies span{ font-size: 0.7em; line-height: 16px; }

    /* paddings */
    #quem-somos, #agenda-medica, #cartao, #cartao-desconto, .informativos, #cartao-desconto, .contato, 
    .infos, .orcament, .beneficios, #examesEspecialidades{ position: relative; padding: 40px 20px; }
}

@media (min-width:1024px){
    .contentMax{ height: 160px; }
    .btCookies{ margin-top: 20px; padding: 12px 30px; max-width: 220px; }
    .cookies{ margin-left: 20px; float: left; width: 80%; padding: 20px 20px; }
	.cookies span{ font-size: 0.8em; line-height: 25px; }
    header .content{ padding: 0px 20px; }
    .columnMenu{ margin: 0px auto;  }
    .logo{ float: left; margin-top: 0px; }
}