@media (min-width:1440px) and (max-width:1920px) {
	body {
		max-width:1680px !important;
		text-align:center !important;
		margin:auto !important;
		background-color:rgb(230,230,230);
		border-left:1px solid rgb(210,210,210);
		border-right:1px solid rgb(210,210,210);
	}
	footer > .container-fluid {
		background-color:rgb(195,210,225) !important;
	}
	.container-fluid {
		max-width:1680px !important;	
		background-color:#FFF;
		padding-right:60px;
  		padding-left:60px;
  		margin-right: auto;
  		margin-left: auto;
	}
	#mySidenav , #menu-fechado {
		display: none;
	}
}






@media (min-width:1200px) and (max-width:1439px) {
	.container-fluid {
		padding-right:50px;
  		padding-left:50px;
  		margin-right: auto;
  		margin-left: auto;
	}
	#mySidenav , #menu-fechado {
		display: none;
	}
}





/* LG */
@media (min-width:992px) and (max-width:1199px) {
	.container-fluid {
  		width:100%;
  		padding-right:30px;
  		padding-left:30px;
  		margin-right: auto;
  		margin-left: auto;
	}
	#mySidenav , #menu-fechado {
		display: none;
	}
}





/* MD */
@media (min-width:768px) and (max-width:991px) {
	.container-fluid {
  		width:100%;
  		padding-right:20px;
  		padding-left:20px;
  		margin-right: auto;
  		margin-left: auto;
	}
	#navbar {
		display:none;
	}
	#menu-fechado {
		background-color:rgb(35,75,110);
		color:rgb(255,255,255);
		padding:6px 20px 10px 20px;
		border-radius:4px;
		font-weight:600;
		line-height:20px;
		font-size:14px;
		z-index:999;
		position:absolute;
		top:10px;
		left:10px;
	}
	ul {
		list-style:none;
		margin:30px 0 0 0;
		padding:0;
	}
	ul > li > a {
    	float: left !important;
		width:100% !important;
		border-bottom:1px solid rgba(255,255,255,.2) !important;
		color:rgb(255,255,255);
		padding:10px 10px 10px 30px !important;
	}
	ul > li:hover > a {
		background-color:rgba(255,255,255,.1);
		color:rgb(255,255,255);
		text-decoration:none;
	}
	ul > li > ul {
		display:none;
	}
	ul > li:hover > ul {
		display:block;
	}
	ul > li > ul > li > a {
		color:rgba(255,255,255,.3);
	}
	.logo {
		padding-top:20px !important;
		padding-bottom:30px !important;
		width:350px !important;
	}
	header {
		border-bottom:1px solid rgb(140,165,185) !important;
	}
	#box-ouvidoria-capa {
		margin-top:60px;
	}
}





/* SM */
@media (min-width:576px) and (max-width:767px) {
	.container-fluid {
  		width:100%;
  		padding-right:30px;
  		padding-left:30px;
  		margin-right: auto;
  		margin-left: auto;
	}
	#navbar {
		display:none;
	}
	#menu-fechado {
		background-color:rgb(35,75,110);
		color:rgb(255,255,255);
		padding:6px 20px 10px 20px;
		border-radius:4px;
		font-weight:600;
		line-height:20px;
		font-size:14px;
		z-index:999;
		position:absolute;
		top:10px;
		left:10px;
	}
	ul {
		list-style:none;
		margin:30px 0 0 0;
		padding:0;
	}
	ul > li > a {
    	float: left !important;
		width:100% !important;
		border-bottom:1px solid rgba(255,255,255,.2) !important;
		color:rgb(255,255,255);
		padding:10px 10px 10px 30px !important;
	}
	ul > li:hover > a {
		background-color:rgba(255,255,255,.1);
		color:rgb(255,255,255);
		text-decoration:none;
	}
	ul > li > ul {
		display:none;
	}
	ul > li:hover > ul {
		display:block;
	}
	ul > li > ul > li > a {
		color:rgba(255,255,255,.3);
	}
	.logo {
		padding-top:20px !important;
		padding-bottom:30px !important;
		width:350px !important;
	}
	header {
		border-bottom:1px solid rgb(140,165,185) !important;
	}
	#box-ouvidoria-capa {
		margin-top:60px;
	}
	#box-documento-capa {
		margin-top:110px;
	}
	#icones-midia-rodape {
		margin-top:-60px;
	}
	#solicitacoes {
		width:100% !important;
		float:left !important;
		padding-bottom:50px !important;
	}
	#solicitacoes a {
		width:32% !important;
		float:left !important;
		margin-left:2% !important;
		padding-bottom:10px !important;
	}
	#solicitacoes a:nth-of-type(1) {
		margin-left:0 !important;
	}
	#solicitacoes a:nth-of-type(4) {
		margin-left:17% !important;
	}
}





/* COL */
@media (min-width:421px) and (max-width:575px) {
	.container-fluid {
  		width:100%;
  		padding-right:20px;
  		padding-left:20px;
  		margin-right: auto;
  		margin-left: auto;
	}
	#navbar {
		display:none;
	}
	#menu-fechado {
		background-color:rgb(35,75,110);
		color:rgb(255,255,255);
		padding:6px 20px 8px 20px;
		border-radius:4px;
		font-weight:600;
		line-height:15px;
		font-size:14px;
		z-index:999;
		position:absolute;
		top:10px;
		right:10px;
	}
	ul {
		list-style:none;
		margin:30px 0 0 0;
		padding:0;
	}
	ul > li > a {
    	float: left !important;
		width:100% !important;
		border-bottom:1px solid rgba(255,255,255,.2) !important;
		color:rgb(255,255,255);
		padding:10px 10px 10px 30px !important;
	}
	ul > li:hover > a {
		background-color:rgba(255,255,255,.1);
		color:rgb(255,255,255);
		text-decoration:none;
	}
	ul > li > ul {
		display:none;
	}
	ul > li:hover > ul {
		display:block;
	}
	ul > li > ul > li > a {
		color:rgba(255,255,255,.3);
	}
	.logo {
		padding-top:10px !important;
		padding-bottom:20px !important;
		width:340px !important;
	}
	header {
		border-bottom:1px solid rgb(140,165,185) !important;
	}
	#box-ouvidoria-capa {
		margin-top:60px;
	}
	#box-documento-capa {
		margin-top:60px;
	}
	#icones-midia-rodape {
		margin-top:-60px;
	}
	#solicitacoes {
		width:100% !important;
		float:left !important;
		padding-bottom:50px !important;
	}
	#solicitacoes a {
		width:32% !important;
		float:left !important;
		margin-left:2% !important;
		padding-bottom:10px !important;
	}
	#solicitacoes a:nth-of-type(1) {
		margin-left:0 !important;
	}
	#solicitacoes a:nth-of-type(4) {
		margin-left:17% !important;
	}
}





/* COL */
@media (max-width:420px) {
	.container-fluid {
  		width:100%;
  		padding-right:20px;
  		padding-left:20px;
  		margin-right: auto;
  		margin-left: auto;
		min-width:320px;
		overflow-x:none
	}
	#navbar {
		display:none;
	}
	#menu-fechado {
		background-color:rgb(35,75,110);
		color:rgb(255,255,255);
		padding:6px 20px 8px 20px;
		border-radius:4px;
		font-weight:600;
		line-height:15px;
		font-size:14px;
		z-index:999;
		position:absolute;
		top:10px;
		right:10px;
	}
	ul {
		list-style:none;
		margin:30px 0 0 0;
		padding:0;
	}
	ul > li > a {
    	float: left !important;
		width:100% !important;
		border-bottom:1px solid rgba(255,255,255,.2) !important;
		color:rgb(255,255,255);
		padding:10px 10px 10px 30px !important;
	}
	ul > li:hover > a {
		background-color:rgba(255,255,255,.1);
		color:rgb(255,255,255);
		text-decoration:none;
	}
	ul > li > ul {
		display:none;
	}
	ul > li:hover > ul {
		display:block;
	}
	ul > li > ul > li > a {
		color:rgba(255,255,255,.3);
	}
	.logo {
		padding-top:20px !important;
		padding-bottom:30px !important;
		width:280px !important;
	}
	header {
		border-bottom:1px solid rgb(140,165,185) !important;
	}
	#box-ouvidoria-capa {
		margin-top:60px;
	}
	#box-documento-capa {
		margin-top:60px;
	}
	#icones-midia-rodape {
		margin-top:-30px;
		text-align:center !important;
	}
	#solicitacoes {
		width:100% !important;
		float:left !important;
		padding-bottom:50px !important;
	}
	#solicitacoes a {
		width:32% !important;
		float:left !important;
		margin-left:2% !important;
		padding-bottom:10px !important;
	}
	#solicitacoes a:nth-of-type(1) {
		margin-left:0 !important;
	}
	#solicitacoes a:nth-of-type(4) {
		margin-left:17% !important;
	}
}