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

/* ajustar conteúdo do centro */
@media screen and (max-width:1000px){
    .content{
        width: 98%;
    }
}

/* ajustar fonte do menu */
@media screen and (max-width:907px){
    #cssmenu > ul > li > a {
      padding: 18px 10px;
      font-size: 0.9em;
    }
}


/* responsive header */

@media screen and (max-width:600px){
	.logo{
		margin: 0px auto;
		width: 100%;
		float: none;
		text-align: center;
        margin-top: 20px;    
        height: 100px;
	}

    .btEmail{ float: none; margin: 0px auto; padding: 20px 0px; text-align: center; font-size: 1em; margin-bottom: 14px; }

    .group-tel{ width: 100%; text-align: center; display: block; }
    .redes-sociais{ width: 100%; text-align: center; margin: 10px auto; float: none; display: block; margin-top: 14px; }

    .group-top-menu{ width: 100%; }
    
    
    .status-bar-info p{ width: 85%; margin: 0px auto; font-size: 1em; } 
    .status-bar-info p b{ display: block; margin: 9px 0px; }

    #cssmenu{ 
    	width: 100%;
    	float: none; 
    }

    #cssmenu ul li{ float: none; }

    .big-box{ position:relative; margin-bottom: 60px; }

    .saiba-mais-secondary{ position: relative; margin-bottom: 40px; }

    .group-atestados a{ margin-bottom: 10px; }

    .img-profissional{ height: 300px; right: 0px; position: none; margin-top: 0px; }

    .title-big-icon{ font-size: 2em; }

    .box-left, .box-right{ width: 100%; }

    .group-franquias a{ margin-bottom: 12px; }

    .alt-section{ height: 500px; }


    h3{ font-size: 2em; }
    p{ text-align: justify; }
    .btn{ margin: auto auto; }
    .space-responsive{ margin-bottom: 50px; }
    h2{ font-size: 2.2em; }
    .diferenciais{ clear: both; margin-bottom: 30px; }
    .diferenciais li{ text-align: left; }
    h4{ font-size: 1.2em;  overflow: hidden;  height: 100%; }

    .img-missao, .img-visao, .img-valores, .img-pcmso, .img-ppra, .img-pcmat, .img-ltcat, .img-pgrss, .img-treinamentos, .img-ppp, .img-ambientais, .img-cipa, .img-admissionais,
    .img-periodicos, .img-retorno, .img-mudanca, .img-demissionais{ width: 100%; height: 300px; background-size: contain; }

    .img-missao, .img-visao, .img-valores, .img-ppra, .img-treinamentos, .img-ambientais, .img-periodicos, .img-mudanca{ margin-top: 40px; }

    .status-info{ padding: 0px; width: 100%; }
    .enviar{ float: none; margin: 10px auto; }
    .profissional{ display: none; }
    
    .footer ul li, .footer p, .footer a { font-size: 1em; }  
    .big-title{ font-size: 1.8em; text-align: center;}
    .img-caneca{ margin-top: 34px; }
    .group-icons .itens p{ font-size: 0.9em; }

    .group-icons .itens .big-tel{ font-size: 1.7em; }
    .tLeft, .tRight{  width: 100%; }

    .status-info{ margin-top: 40px; }
    .status-info h5{ text-align: left; font-size: 1.2em; }
    .group-infoCont{ margin: 0px; width: 100%; margin-top: 10px; }

    .icon-ideas{ float: none; margin: 0px auto; }

    .copy{ text-align: center; }

    .group-parceiros{ text-align: center; }

    .left .group-tel{ text-align: left; margin: 0px; margin-bottom: 10px; }
    .agendar{ float: none; margin: 0px auto; }
    .searchUnidade{ width: 95%; }
    .columnLeft, .columnLeft30, .columnLeft15, .meio, .columnRight, .columnTotal{ width: 100%; }
}

        
@media (min-width:601px) and (max-width:959px){

    .big-box{ position:relative; margin-bottom: 60px; }
}