.pc{display: block;}
.mobile{display: none;}

@media (max-width: 600px) 
{
	.pc{display: none !important;}
	.mobile{display: block !important;}
	.centralizar{margin: 0 auto;}
	.cad .avatar{
		max-height: none !important;
		padding: 5px 100px !important;
	}
	.modal-dialog {
		margin: 50% 20px !important;
	}
	.topoMobile {
		padding: 23px 0 0;
	}
	.btnMobile {
		display: inline-block;
		cursor: pointer;
		background: #5cb98a;
		position: fixed;
		border-radius: 50%;
		padding: 12px 14px;
		top: 20px;
		right: 20px;
		box-shadow: 0px 0px 20px #0006;
		z-index: 9999999999;
	}
	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 5px;
		background-color: #171c36;
		margin: 6px 0;
		transition: 0.4s;
	}
	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
		transform: rotate(-45deg) translate(-9px, 6px) ;
	}
	.change .bar2 {
		opacity: 0;
	}
	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
		transform: rotate(45deg) translate(-8px, -8px) ;
	}
	.menuMobile{
		position: fixed;
		background: #000b;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 99999999;
		padding: 50px 0 15px;
		display: none;
	}
	.menuMobile .logado{
		margin: 0 auto;
	}
	.menuMobile .logado .logado2{
		max-width: 150px;
		border-radius: 50%;
		height: 150px;
		overflow: hidden;
		background: #fff;
	}
	.menuMobile .logado .logado2 img{
		display: block;
		margin: 0 auto;
		height: 100%;
		max-width: 100%;
	}
	.infoMobile {
		color: #fff;
		text-align: center;
		font-size: 11px;
		width: 100%;
		padding: 15px 0 0;
	}
	.infoMobile h6 {
		margin: 0;
		font-weight: 800;
	}
	.menuMobile ul {
		padding: 20px 0;
		margin: 0;
		text-align: center;
		height: 66%;
		overflow: auto;
		box-shadow: inset 0px 0px 9px #000;
	}

	.menuMobile ul li {
		display: inline-block;
		width: 40%;
		margin: 2px auto;
	}
	.menuMobile ul li > a, .menuMobile ul li > span {
		margin: 5px 0;
		background: #fff;
		width: 100%;
		padding: 20px 0;
	}
	.menuMobile ul > li > a > i{
		font-size: 30px;
		display: block;
		color: #5cb98a;
	}
	.menuMobile ul > li > a > span{
		color: #171c36;
		font-size: 11px;
		font-weight: 800;
	}
	.menuMobile ul li.config {
		display: block;
		width: 81%;
		margin: 0 auto;
	}
	.menuMobile ul li.config span.btnOpenSubmenu {
		display: block;
		width: 100%;
		border-radius: 5px;
	}
	.infoMobile i.fa-caret-down.active{
		transform: rotateX(180deg);
	}
	ul.subMobile {
		background: #fff;
		position: fixed;
		left: 15%;
		right: 15%;
		z-index: 99999;
		box-shadow: 0px 0px 30px #0009;
		height: auto;
		border-radius: 5px;
		display: none;
	}
	ul.subMobile li{
		display: block;
	}
	ul.subMobile li a{
		padding: 5px 0;
		background: none;
		color: #171c36;
		font-size: 13px;
		margin: 0;
	}
	ul.subMobile li a i{
		display: inline-block;
		font-size: 13px;
	}
	.copyrightMobile {
		position: fixed;
		bottom: 0;
		color: #171c36;
		left: 0;
		right: 0;
		background: #fff;
		text-align: center;
		font-size: 13px;
		padding: 10px 5px;
	}
	
	.copyrightMobile span {
		text-transform: uppercase;
		font-weight: 700;
		color: #5cb98a;
	}
	.copyrightMobile a {
		font-family: Impact;
		text-transform: capitalize;
		display: inline-block;
		width: fit-content;
		margin: 0;
		color: #000;
	}
	.conteudo {
		top: 35px !important;
		padding: 0 !important;
	}
	.tutores{
		padding: 0 !important;
	}
	.infoTop .btn a {
		display: inline-block !important;
		margin: 0 0 5px !important;
		width: fit-content !important;
	}
	.infoTop .btn {
		padding: 0 15px !important;
		text-align: left !important;
	}
	.btn-imprimir {
		background: #fd0 !important;
		font-size: 20px !important;
		margin: 0 !important;
	}
	.infoTop {
		margin: 0 0 10px;
	}
	.infoTop .search label button {
		right: 5px !important;
		padding: 7px 11px !important;
	}
	.modal {
		top: 20px !important;
		z-index: 999999 !important;
	}
	.noPaddingMob{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.navegador ul li a b {
		display: none;
	}
	.cad .line1 .titulo h3 {
		font-size: 16px !important;
	}
	a {
		margin: 0 !important;
	}
}
@media (min-width: 1400px) {
	.topo .perfil .perfil1 .avatar {
		width: 9.666667% !important;
	}
	.topo .perfil .perfil1 .avatar img {
		max-height: 45px !important;
	}
	.topo .logo img {
		width: 70% !important;
	}
	.topo .select {
		padding: 0px 15px !important;
	}
	.topo .logo{
		padding: 10px 115px 10px 15px;
	}
}
@media (min-width: 576px){
	.modal-dialog {
		max-width: 700px;
	}
}
@media (min-width:  1400px)
{
	.content {
		min-height: 890px;
	}
}
@media (min-width: 1260px) and (max-width: 1400px)
{
	.info .text h5 span {
		font-size: 22px !important;
	}
	.infoTop .btn a {
		font-size: 11px !important;
	}
	.infoTop .interage a {
		font-size: 16px !important;
	}
	td {
		font-size: 11px !important;
		white-space: normal !important;
	}
	td a {
		font-size: 13px;
		white-space: normal !important;
	}
	.infoTop .btn a {
		padding: 9px 15px !important;
	}
	.topo .select {
		padding: 0px 15px !important;
	}
	.cad .line1 .titulo h3 {
		font-size: 20px !important;
	}
	.nomedoresponsa {
		font-size: 11px !important;
	}
	.botoesImpHover a span {
		font-size: 12px !important;
		margin: 0 0 5px !important;
	}
	.botoesImpHover i {
		font-size: 13px;
		margin: 0 10px 0 0;
	}
	.botoesImpHover a {
		padding: 0;
	}
}
@media (min-width: 1100px) and (max-width: 1260px)
{
	.topo .perfil .perfil1 .text span {
		font-size: 11px !important;
	}
	.info .text h5 span {
		font-size: 22px !important;
	}
	.infoTop .btn a {
		font-size: 11px !important;
	}
	.infoTop .interage a {
		font-size: 16px !important;
	}
	td {
		font-size: 11px !important;
		white-space: normal !important;
	}
	td a {
		font-size: 13px;
		white-space: normal !important;
	}
	.infoTop .btn a {
		padding: 9px 15px !important;
	}
	.topo .select {
		padding: 0px 15px !important;
	}
	.sidebar ul li a i {
		font-size: 16px !important;
		width: 16px !important;
	}
	.sidebar ul li a {
		font-weight: 800 !important;
		font-size: 12px !important;
		border-radius: 0 !important;
	}
}
@media (min-width: 600px) and (max-width: 1100px)
{
	.sidebar ul li a {
		font-size: 10px !important;
	}
	td {
		white-space: normal !important;
	}
	.info .text h5 span {
		font-size: 20px !important;
	}
	.info .titulo h4 {
		font-size: 11px !important;
	}
	.info .text p {
		display: none;
	}
	.info .text small {
		display: none;
	}
	.info {
		height: 95px !important;
	}
	.nomedoresponsa {
		line-height: normal !important;
	}
	.botoesImpHover a span {
		display: none !important;
	}
	.dNone{
		display: none;
	}
	.navegador ul li a b {
		display: none;
	}
}