/* --- banner --- */
	#banner{
		background: url(../imagens/banners/banner-empresarial.jpg)no-repeat top center;
	    background-size: cover;
		height: 370px;
	}
	#banner h1{
		font-size: 47.34px;
		margin-bottom: 70px;
		letter-spacing: 2px;
	}

/* --- breacrumb --- */
	#breacrumb{
		background-color: #dcdcdc;
		height: 40px;
	}
	#breacrumb .container{
		padding-top: 10px;
		font-size: 14px;
	}
	#breacrumb .container p,
	#breacrumb .container a{
		color: #23253c;
		font-family: "Montserrat Regular";
	}
	#breacrumb .container .font-weight-bold{
		font-family: "Montserrat Bold";
	}

/* --- descricao --- */
	#descricao{
		min-height: 374px;
		height: 100%;
	}
	#descricao .row p{
		font-size: 14px;
		font-weight: 500;
    	color: #b9b9b9;
    	font-family: "Axiforma Regular";
		text-align: justify;
	}
	#descricao .row .imagem{
		background: url('../imagens/bg/bg-atuacao-03.jpg')no-repeat top;
		background-size: cover;	
		height: 400px;
	}
	#descricao .row .imagem img{
		margin-top: -1px;
		margin-left: -1px;
	}

	.div-adjust-width{
		flex: 0 0 55%;
    	max-width: 55%!important;
	}

	.container-width-adjust{
		max-width: 980px!important;
	}

	/*#descricao .descricao{
		padding: 140px 50px 110px 50px;
	}*/
	#descricao .text-primeira p{
		font-size: 16px;
		letter-spacing: 3px;
		opacity: .6;
	}
	#descricao .text-primeira h2{
		font-size: 40px;
		letter-spacing: 3px;
	}

	#descricao .card{
		width: 224px;
		margin-left: 9px;
		margin-right: 9px;
	}
	#descricao .card .imagem{
		background-color: var(--primeira-cor);
		height: 215px;
	}
	#descricao .card .imagem p{
		font-size: 18px;
		font-family: "trajan pro";
	}
	#descricao .card .descricao{
		background-color: #ededed;
		padding: 24px 18px;
		height: 215px;
	}
	#descricao .card .descricao p{
		font-size: 14.72px;
		line-height: 17px;
		color: #616161;
		opacity: .4;
		text-align: justify;
	}

/* --- profissionais --- */
	#profissionais {
		background-color: var(--primeira-cor);
	}
	#profissionais .text-left p{
		font-size: 14px;
		margin-left: 3px;
		opacity: .7;
		letter-spacing: 3px;
	}
	#profissionais .text-left h2{
		font-size: 35px;
		letter-spacing: 3px;
	}
	
	#profissionais .imagem{
		width: 290px;
	}
	#profissionais .imagem img{
		width: 100%;
		height: 260px;
		object-fit: cover;
		object-position: top;
	}
	#profissionais .imagem .box{
		background-color: #cdcdcd;
		position: absolute;
		width: 35px;
		height: 35px;
		z-index: 2;
	}
	#profissionais .imagem .text-center{
		background-color: #383838;
		height: 120px;
	}
	#profissionais .imagem .text-center p:first-child{
		font-size: 24px;
		font-family: "trajan bold";
		padding-top: 20px;
	}
	#profissionais .imagem .text-center span{
		font-size: 17.68px;
		position: relative;
		top: -6px;
		font-family: "trajan pro";
		opacity: 0.7;
	}
	#profissionais .imagem .text-center p.profissao{
		/*margin-left: 20px;*/
		font-size: 14px;
		/*margin-top: -6px;*/
		opacity: 0.6;
	}
	#profissionais .cardx{
		position: relative;
		min-height: 340px;
		margin-bottom: 20px;
	}
	#profissionais .descricao{
		/*max-width: 688px;
		width: 100%;
		min-height: 380px;
		height: 100%;
		background-color: #f2f2f2;
		padding: 25px 30px 25px 28px;
		margin-left: -6px;*/
		max-width: 404px;
    	min-height: 180px;
    	position: absolute;
    	bottom: 8%;
    	background-color: #cdcdcd;
    	padding: 45px 32px 30px 32px;
	}
	#profissionais .descricao p{
		/*font-size: 14px;
		color: #949494;
		opacity: .7;
		line-height: 20px;*/
		color: #353535;
    	opacity: .7;
    	line-height: 20px;
		text-align: justify;
	}
	#profissionais .descricao .media img{
		max-width: 30px;
	}
	#profissionais .descricao .media p{
		opacity: 1;
		margin-bottom: 8px;
	}

/* --- atuacao --- */
	#atuacao{
		/*min-height: 350px;*/
	}

	.ramo-bg-size{
		background-size: cover!important;
	}

	#atuacao .text-primeira p{
		font-size: 18px;
		opacity: .7;
		letter-spacing: 3px;
		color: #a2a2a2;
	}
	#atuacao .text-primeira h2{
		font-size: 45px;
		margin-top: -10px;
		letter-spacing: 3px;
	}

	#atuacao .civel,
	#atuacao .empresarial{
		
		background-size: cover;	
		filter: grayscale(100%);
		height: 178px;
	}
	#atuacao .civel .box,
	#atuacao .empresarial .box, #atuacao .empresarial-right .box-right{
		margin-left: auto;
		margin-right: auto;
		width: 70px;
		background-color: #d6d6d6;
		height: 178px;
		margin-top: 0px;
	}
	#atuacao .civel .box img,
	#atuacao .empresarial .box img{
		max-width: 50px;
	}
	#atuacao .civel .box span,
	#atuacao .empresarial .box span, #atuacao .empresarial-right .box-right span{
		position: absolute;
		font-size: 25px;
		font-family: "trajan bold";
		margin-top: -8px;
		color: #212529;
		transition: .5s;
	}
	#atuacao .civel .box span{
		margin-left: 40px;
	}
	#atuacao .empresarial .box span{
		margin-left: 80px;
    	width: 350px;
	}

	#atuacao .empresarial-right .box-right span{
		margin-left: -380px;
		top: 40%;
    	width: 350px;
	}

	.second-card-justify{
		justify-content: flex-end;
	}

	#atuacao .trabalhista{
		
		background-size: cover;	
		height: 178px;
		/*height: 100%;*/
		/*padding-top: 20px;*/
		/*padding-bottom: 20px;*/
	}
	#atuacao .trabalhista p,
	#atuacao .trabalhista a{
		color: #fff;
		opacity: .8;
	}
	#atuacao .trabalhista .box{
		margin-left: auto;
		margin-right: auto;
		width: 70px;
		background-color: #d6d6d6;
		height: 210px;
		margin-top: -15px;
	}
	#atuacao .trabalhista .box img{
		max-width: 50px;
		transition: .5s;
	}
	#atuacao .trabalhista .box span{
		position: absolute;
		font-size: 25px;
		font-family: "trajan bold";
		margin-top: -8px;
	}
	#atuacao .trabalhista .box span{
		margin-left: 40px;
		color: #fff;
		opacity: .8;
		transition: .5s;
	}
	#atuacao .trabalhista a{
		font-size: 18px;
		letter-spacing: 1px;
	}
	#atuacao .trabalhista a div{
		display: inline-block;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	/*#atuacao .civel:hover span,
	#atuacao .empresarial:hover span,
	#atuacao .trabalhista:hover span{
		transform: scale(1.1);
		transition: .5s;
	}*/

	/* --- --- */
	
	#atuacao .atuacao-4,
	#atuacao .atuacao-5{
		min-height: 350px;
	}
	#atuacao .atuacao-4{
		background: url('../imagens/bg/bg-atuacao-04.jpg')no-repeat bottom;
		background-size: cover;	
	}

	#atuacao .atuacao-5{
		background-color: #2f2f2f;
	}

	#atuacao .conteudo{
		margin-left: 25px;
	}
	#atuacao .conteudo p{
		font-size: 16px;
		opacity: .7;
		margin-top: -10px;
		text-align: justify;
	}
	#atuacao .conteudo h3{
		font-size: 40px;
		letter-spacing: 2px;
	}
	#atuacao .conteudo a div{
		margin-left: -10px;
		border-top: 1px solid white;
		width: 22px;
		display: inline-block;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	#atuacao .conteudo a{
		font-size: 18px;
		letter-spacing: 1px;
	}
	#atuacao .conteudo a:hover{
		text-decoration: underline!important;
	}

	.previ-text-adjust{
		width: 70%;
	}

	.previ-text-adjust p{
		color: #fff;
		font-size: 12px;
		font-weight: 600;
	}

	.direito-justify{
		flex-direction: column;
		justify-content: center;
	}

	.direito-margin{
		margin-top: 0px!important;
		margin-bottom: 0px!important;
	}

	.hifen-saiba-mais{
		margin-left: -10px;
	    border-top: 1px solid white;
	    width: 22px;
	    display: inline-block;
	    margin-bottom: 5px;
	    margin-right: 5px;
	}

	.box-direito-hover{
		z-index: 999;
		width: 100%;
	}

	.container-direito{
		width: 100%;
		display: flex;
		flex-direction: row;
	}

	.div-size{
		width: 50%;
		height: 100%;
		z-index: 999;
	}

	.container-resumo{
		width: 50%;
		height: 100%;
		position: absolute;
	    right: 0;
	    top: 0;
    	padding-top: 20px;
	    display: none;
	    z-index: 1000;
	}

	.alig-text{
		left: 0;
	}

	.title-align{
		left: 0;
	}

	.cards-text-align{
		margin-left: auto;
		margin-left: 14%;
	}

	.container-resumo a{
		background: none!important;
	}

	.container-resumo a p{
		width: 70%;
		height: 70%;
		color: #fff;
		opacity: .8;
		margin-right: auto;
		text-align: justify;
	}

	.box-direito-hover:hover{
		background: url('../imagens/bg/bg-atuacao-01.jpg')no-repeat center !important; 
		background-size: cover!important;
		filter: none!important;
		max-width: 100%!important;
		width: 100%!important;
		height: 178px;
		flex: none!important;
		position: relative;
	}

	.box-direito-hover:hover .div-size{
		background: none!important;
	}

	.box-direito-hover:hover .text-color span{
		color: #fff!important;
	}

	

	.box-direito-hover:hover .container-resumo{
		display: block;
	}


	/*Atuação mobile*/
	.atuacao-mobile{
		display: none;
		width: 90%;
		height: 200px;
		background: url('../imagens/bg/bg-atuacao-02.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		margin: 5px auto;
	}

	.content-atuacao-mobile{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.atuacao-text-config{
		font-size: 24px;
		color: #2d304d;
		font-family: "trajan pro";
	}
/* --- modal  --- */
	#modal_agendarReuniao .modal-dialog{
		max-width: 856px;
	}
	#modal_agendarReuniao .modal-content{
		height: 192px;
		font-family: "Axiforma Regular";
	}
	#modal_agendarReuniao .text-right .fechar{
		position: absolute;
		top: -18px;
		right: -20px;
		font-weight: bold;
		margin-top: 2px;
		margin-right: 6px;
		background-color: #dadada;
		padding: 3px 10px;
		border-radius: 50%;
		font-family: "trajan pro";
	}
	#modal_agendarReuniao input{
		border-radius: 0;
		height: 34px;
		border: 0px;
		background-color: #ebebeb;
		width: 383px;
	}
	#modal_agendarReuniao input.nome{
		width: 774px;
	}
	#modal_agendarReuniao ::placeholder{
		color: #303030;
		opacity: .4;
	}
	#modal_agendarReuniao button.btn{
		width: 100px;
		height: 30px;
		background-color: #24263e;
		color: #fff;
		font-size: 15px;
		margin-right: -4px;
	}
	#modal_agendarReuniao button.btn:hover{
		background-color: #fff;
		color: #24263e;
		border:1px solid #24263e;
	}
	
@media screen and (max-width: 1440px) {
	/* --- atuacao --- */
		#atuacao .civel .box span,
		#atuacao .empresarial .box span,
		#atuacao .trabalhista .box span{
			font-size: 30px;
			margin-top: -0px;
		}
		#atuacao .civel .box span{
			
		}
		#atuacao .empresarial .box span{
			margin-left: 80px;
			font-size: 16px;
		}
		#atuacao .trabalhista .box span{

		}
		/* --- --- */
		#atuacao .conteudo h3{
			font-size: 40px;
			letter-spacing: 0px;
		}

		#atuacao .empresarial .box span{
			width: 200px;
		}

		.container-resumo a p{
			font-size: 14px;
		}

}

@media screen and (max-width: 1024px) {
	/* --- atuacao --- */
		#atuacao .civel .box span,
		#atuacao .empresarial .box span,
		#atuacao .trabalhista .box span{
			font-size: 22px;
		}
		#atuacao .civel .box span{
			/*right: 28%;*/
		}
		#atuacao .empresarial .box span{
			
		}
		#atuacao .trabalhista .box span{
			/*margin-left: 50px;*/
		}

		.text-margin-left{
			margin-left: 10px!important;
		}
		/* --- --- */

		#atuacao .conteudo{
			margin-left: 20px;
		}
		#atuacao .conteudo h3{
			font-size: 38px;
			letter-spacing: 0px;
		}	
}

@media screen and (max-width: 768px) {
	/* --- banner --- */
		#banner{
			background: url(../imagens/banners/banner-empresarial.jpg)no-repeat top;
		    /*background-size: cover;*/
			height: 362px;
		}
		#banner h1{
			font-size: 47px;
			margin-bottom: 80px;
		}

	/* --- breacrumb --- */
		#breacrumb{
			height: 38px;
		}
		#breacrumb .container{
			font-size: 14px;
			/*padding-top: 10px;*/
		}
	
	/* --- descricao --- */
		#descricao .row .imagem{
			min-height: 374px;
		}
		#descricao .row .imagem img{
			margin-top: 0px;
			margin-left: 0px;
		}

		#descricao .text-primeira{
			margin-left: 20px;
		}
		#descricao .text-primeira p{
			font-size: 16px;
		}

		#descricao .card{
			width: 220px;
		}
		#descricao .card .descricao{
			padding: 24px 18px;
		}
		#descricao .card .descricao p{
			font-size: 14px;
		}

	/* --- profissionais --- */
		#profissionais .text-left h2{
			/*font-size: 45px;*/
			letter-spacing: 1px;
		}
		
		#profissionais .imagem img{
			/*width: 100%;*/
			height: 290px;
		}
		#profissionais .imagem .text-center span{
			font-size: 19px;
		}
		#profissionais .imagem .text-center p.profissao{
			font-size: 17px;
		}
		#profissionais .descricao{
			max-width: 395px;
			min-height: 415px;
			padding: 25px 30px 21px 28px;
		}
		#profissionais .descricao p{
			font-size: 16px;
			line-height: 30px;
		}

		#profissionais .descricao .objeto{
			display: none;
		}
		#profissionais .descricao .objeto:nth-child(-n+3){
			display: block;
		}
		#profissionais .descricao .media img{
			max-width: 30px;
		}

		#profissionais .imagem .text-center{
			height: 125px;
		}

		#profissionais .imagem .text-center p:first-child{
			padding-top: 10px;
		}

	/* --- atuacao --- */
		#atuacao .text-primeira{
			padding-left: 40px!important;
			padding-right: 0!important;
		}

		#atuacao .civel,
		#atuacao .empresarial{
			margin-bottom: 5px;
		}
		#atuacao .civel{
			max-width: 80%;
		}
		#atuacao .empresarial{
			max-width: 80%;
			margin-left: auto;
		}

		#atuacao .civel .box{
			margin-left: 40px!important;
			margin-right: auto;
			/*width: 70px;*/
			height: 220px;
			margin-top: -20px;
		}
		#atuacao .empresarial .box{
			margin-left: auto;
			/*width: 70px;*/
			height: 220px;
		}
		#atuacao .civel .box span,
		#atuacao .empresarial .box span{
			/*position: absolute;*/
			font-size: 30px;
			margin-top: -8px;
		}
		#atuacao .empresarial .box span{
			/*left: 17%;*/
			margin-left: -310px;
		}

		#atuacao .trabalhista{
			background: url('../imagens/bg/bg-atuacao-01.jpg')no-repeat center;
			background-size: cover;	
			min-height: 178px;
			height: 100%;
		}
		#atuacao .trabalhista p,
		#atuacao .trabalhista a{
			font-size: 14px;
		}
		#atuacao .trabalhista .box{
			margin-left: 10px!important;
			margin-right: auto;
			width: 70px;
			height: 210px;
			margin-top: -15px;
		}
		#atuacao .trabalhista .box img{
			max-width: 50px;
		}
		#atuacao .trabalhista .box span{
			font-size: 40px;
			margin-top: -8px;
		}
		#atuacao .trabalhista .descricao{
			margin-top: -70px;
			margin-bottom: 30px;
			margin-left: 170px!important;
		}
		#atuacao .trabalhista a{
			font-size: 18px;
			letter-spacing: 1px;
		}
		#atuacao .trabalhista a div{
			margin-left: 3px;
			margin-bottom: 5px;
			margin-right: 5px;
		}

		/* --- --- */

		#atuacao .atuacao-4,
		#atuacao .atuacao-5{
			/*min-height: 350px;*/
		}
		#atuacao .atuacao-4{
			background: url('../imagens/bg/bg-atuacao-04.jpg')no-repeat top;
			background-size: cover;
		}

		#atuacao .conteudo{
			margin-left: 25px;
		}
		#atuacao .conteudo h3{
			font-size: 38px;
			letter-spacing: 4px;
		}

		.div-size{
			width: 100%;
			background: url('../imagens/bg/bg-atuacao-01.jpg')!important;
			background-size: cover!important;
			background-repeat: no-repeat;
		}
		.text-color span{
			color: #fff!important;
		}

		.text-margin-left{
			margin-left: -45vw !important;
		}

		.cards-text-align{
			margin-left: 60%;
		}

		.container-resumo{
			width: 40%;
			display: block;
		}

		.container-resumo a p{
			width: 90%;
		}
	
	/* --- modal  --- */
		#modal_agendarReuniao .modal-dialog{
			max-width: 650px;
			width: 100%;
		}
		#modal_agendarReuniao .modal-content{
			min-height: 192px;
		}
		#modal_agendarReuniao input{
			height: 34px;
			max-width: 300px;
			/*width: 100%;*/
		}
		#modal_agendarReuniao input.nome{
			max-width: 608px;
			/*width: 100%;*/
		}
		#modal_agendarReuniao ::placeholder{
			font-size: 14px;
		}
		#modal_agendarReuniao button.btn{
			width: 80px;
			height: 30px;
			font-size: 14px;
			margin-right: -4px;
		}
}

@media screen and (max-width: 480px) {
	/* --- banner --- */
		#banner{
			height: 200px;
		}
		#banner h1{
			font-size: 23px;
			margin-bottom: 30px;
		}

		.div-adjust-width{
			max-width: 100%!important;
		}

	/* --- breacrumb --- */
		#breacrumb{
			height: 20px;
		}
		#breacrumb .container{
			font-size: 7px;
			padding-top: 6px;
		}

	/* --- missao visao valores --- */
		.missao-direction{
			flex-direction: column;
			align-items: center;
		}

		#descricao .card{
			width: 60%!important;
		}

		#descricao .card .descricao p{
			font-size: 14px;
			line-height: 20px;
		}

		#descricao .card .descricao{
			height: 250px;
		}
	/* --- descricao --- */
		#descricao .row p{
			font-size: 10px;
		}
		#descricao .row .imagem{
			min-height: 184px;
		}
		#descricao .row .imagem img{
			max-width: 33px;
			margin-top: 0px;
			margin-left: 0px;
		}

		#descricao .text-primeira{
			margin-left: 10px;
		}
		#descricao .text-primeira p{
			font-size: 10px;
		}
		#descricao .text-primeira h2{
			font-size: 20px;
		}

		#descricao .card{
			width: 114px;
			margin-left: 4px;
			margin-right: 4px;
		}
		#descricao .card .imagem{
			height: 90px;
		}
		#descricao .card .imagem img{
			max-width: 35px;
		}
		#descricao .card .imagem p{
			font-size: 10px;
		}
		#descricao .card .descricao{
			padding: 10px 14px;
		}
		#descricao .card .descricao p{
			font-size: 14px;
			line-height: 20px;
		}

	/* --- profissionais --- */
		#profissionais .text-left p{
			font-size: 10px;
		}
		#profissionais .text-left h2{
			font-size: 22px;
			letter-spacing: 1px;
		}
		
		#profissionais .imagem{
			width: 100%;
			height: 320px;
		}
		#profissionais .imagem img{
			height: 100%;
		}
		#profissionais .imagem .box{
			width: 40px;
    		height: 40px;
		}
		#profissionais .imagem .text-center{
			height: 50px;
		}
		#profissionais .imagem .text-center p:first-child{
			font-size: 18px;
		}
		#profissionais .imagem .text-center span{
			font-size: 10px;
		}
		#profissionais .imagem .text-center p.profissao{
			font-size: 10px;
		}
		#profissionais .cardx{
			min-height: auto;
			margin-bottom: 0px;
			display: flex;
    		flex-direction: column;
		}
		#profissionais .descricao{
			max-width: 100%;
			min-height: 160px;
			height: 100%;
			padding: 17px 20px 0px 20px;
			margin-left: 0px;
			margin-top: 55px;
			position: unset;
		}
		#profissionais .descricao p{
			font-size: 12px;
    		line-height: 20px;
		}

		#profissionais .descricao .media img{
			max-width: 20px;
		}
		#profissionais .descricao .media p{
			margin-bottom: 6px;
			margin-top: -5px;
		}

		#profissionais .imagem .text-center p.profissao{
			opacity: 1;
		}

		#profissionais .imagem .text-center p:first-child{
			padding-top: 0px;
		}
	/* --- atuacao --- */
		#atuacao .text-primeira{
			padding-left: 20px;
		}
		#atuacao .text-primeira p{
			font-size: 10px;
			letter-spacing: 1px;
		}
		#atuacao .text-primeira h2{
			font-size: 22px;
			margin-top: 0px;
		}

		#atuacao .civel,
		#atuacao .empresarial{
			height: 85px;
		}
		#atuacao .civel .box{
			margin-left: 30px!important;
			width: 44px;
			height: 110px;
			margin-top: -14px;
		}
		#atuacao .empresarial .box{
			margin-left: auto;
			margin-right: 30px!important;
			width: 44px;
			height: 110px;
			margin-top: -14px;
		}
		#atuacao .civel .box img,
		#atuacao .empresarial .box img{
			max-width: 30px;
		}
		#atuacao .civel .box span,
		#atuacao .empresarial .box span{
			font-size: 22px;
			margin-top: 0px;
		}
		#atuacao .empresarial .box span{
			margin-left: -180px;
		}

		#atuacao .trabalhista{
			background-size: cover;	
			min-height: 165px;
			height: 100%;
		}
		#atuacao .trabalhista p,
		#atuacao .trabalhista a{
			font-size: 10px;
		}
		#atuacao .trabalhista .box{
			margin-left: 10px!important;
			margin-right: auto;
			width: 34px;
			height: 112px;
			margin-top: -15px;
		}
		#atuacao .trabalhista .box img{
			max-width: 30px;
		}
		#atuacao .trabalhista .box span{
			font-size: 22px;
			margin-top: -8px;
		}
		#atuacao .trabalhista .descricao{
			margin-top: -120px;
			margin-bottom: 0px;
			margin-left: 90px!important;
		}

		/* --- --- */

		#atuacao .atuacao-4,
		#atuacao .atuacao-5{
			max-width: 100%!important;
			flex: none;
		}

		#atuacao .atuacao-5 img{
			max-width: 42px;
		}
		#atuacao .conteudo{
			margin-left: 10px;
		}
		#atuacao .conteudo p{
			font-size: 14px;
			margin-top: 0px;
		}
		#atuacao .conteudo h3{
			font-size: 24px;
			margin-top: 10px;
			letter-spacing: 0px;
			margin-bottom: 0px!important;
		}
		#atuacao .conteudo a div{
			margin-left: -5px;
			width: 10px;
			margin-bottom: 3px;
			margin-right: 0px;
		}
		#atuacao .conteudo a{
			font-size: 14px;
		}

		.previdenciario-direction{
			flex-direction: column;
		}

		.previ-text-adjust{
			width: 100%;
		}

		.atuacao-mobile{
			display: block;
		}

		.box-direito-hover{
			display: none;
		}

	/* --- modal  --- */
		#modal_agendarReuniao .modal-dialog{
			max-width: 400px;
			width: 100%;
		}
		#modal_agendarReuniao .modal-content{
			min-height: 192px;
		}
		#modal_agendarReuniao input{
			height: 30px;
			max-width: 180px;
			font-size: 10px;
		}
		#modal_agendarReuniao input.nome{
			max-width: 368px;
		}
		#modal_agendarReuniao ::placeholder{
			font-size: 10px;
		}
		#modal_agendarReuniao button.btn{
			width: 70px;
			height: 28px;
			font-size: 12px;
			margin-right: -4px;
		}
}

@media screen and (max-width: 405px) {
	/* --- descricao --- */
		#descricao .card{
			width: 105px;
			margin-left: 2px;
			margin-right: 2px;
		}

	/* --- profissionais --- */
		#profissionais .imagem{
			width: 100%;
		}
		#profissionais .descricao{
			max-width: 100%;
			margin-top: 90px;
		}
		#profissionais .cardx{
			min-height: auto;
			margin-bottom: 0px;
			display: flex;
    		flex-direction: column;
		}

		#profissionais .imagem .text-center{
			height: 80px;
		}
	/* --- atuacao --- */
		.atuacao-text-config{
			font-size: 20px;
		}

	/* --- modal  --- */
		#modal_agendarReuniao .modal-dialog{
			max-width: 350px;
			width: 100%;
		}
		#modal_agendarReuniao .modal-content{
			min-height: 192px;
		}
		#modal_agendarReuniao input{
			height: 30px;
			max-width: 155px;
			font-size: 10px;
		}
		#modal_agendarReuniao input.nome{
			max-width: 318px;
		}
		#modal_agendarReuniao ::placeholder{
			font-size: 10px;
		}
		#modal_agendarReuniao button.btn{
			width: 60px;
			height: 26px;
			font-size: 10px;
		}
}