@media only screen and (min-width: 300px) and (max-width:599px) {
    /* For smartphones: */

 #specialMessage-outer {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:10px;
		padding-right:10px;
	}
	
	#outer-mark {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:10px;
		padding-right:10px;
	}	
	
	#outer-items div.row  img {
		width:25% !important;
		height:auto !important;		
	}
	
	.item1, .item2, .item3, .item4 {
    	height: auto;
	}
	

	#item1, #item2, #item3, #item4 {
    	margin-top: 1em;
	}
	


	div.folhetos-monaf  .span4{
		width:60% !important;
		margin-left:20% !important;
		margin-right:20% !important;
		float:none;
		clear:both;
		margin-bottom:30px;
		padding-bottom:10px;
		border-bottom: 1px solid #af2139;
	}
	
	#outer-footer {
		margin-top:50px !important;
		margin-bottom:10px !important;
		padding:10px 10px 10px 10px !important;
	}
	#logo {
		position: absolute;
		display: inline-block;
		width: 50%;
		z-index: 9999;
	}
	#logo img {
		width:45%;
		height:auto;		
	}
	
	#contactos {
		width:60%;
		font-size:0.85em;	
		margin-top:0px;
		margin-left: 5%;
		padding:5px;
		font-size:0.9em;
	}
	
	#pesquisa{
		width:60%;
		margin-left: 45%;
		margin-top:-20px;
		margin-bottom:10px;
	}
	
	#menu-outer {
    	background-color: #7c6e65 !important;
	}
	
	#navigation {
		padding:0 !important;
		margin:0 !important;		
	}

	ul.monaf_menu {
		margin:0 !important;
		padding:0 !important;	
	}
	
	ul.monaf_menu > li {
		display: block;
		float: none !important;
		border-bottom:  1px solid rgba(102,102,102,0.5)  !important;
		border-left: none !important;
		border-right: none !important;
		width: 100% !important;
		text-align: center !important;
		min-height: 1.75em !important;
		position: relative !important;
		clear:both !important;
		height:auto !important;
		background-color:#7c6e65;
		padding:0 !important;
		margin:0 !important;
		text-align:center !important;
	}	
	
	ul.monaf_menu > li > a {
		position:relative !important;
		float:left !important;
		height:auto !important;
		min-height: 1.75em;
		display:compact !important;
		clear:none !important;
	}	
	
	
	ul.monaf_menu > li .fa {
		width: auto;
		position: relative;
		display: inline-block;
		margin-top: 5px;
		margin-left: 0%;
		color: rgba(255,255,255,1) !important;
	}

	ul.monaf_menu .fa-caret-down {
		float:left !important;
		clear:right !important;
		width:auto !important;
		top:2px;
	}
	
	ul.monaf_menu > li > a div.menu-container-pos {
		position: relative;
		width: auto;
		padding-bottom: 0px;
	}	
	
	
	ul.monaf_menu > li > a:hover{
		background-color: transparent !important;
	}
	
	ul.monaf_menu > li > ul {
		width:100% !important;
		padding-top: 10px;
		margin: 0 !important;
	}

	
	#slideshow-outer {
		display:none;		
	}
	
	#specialMessage-outer h1 {
		font-size: 1.2em;
		font-weight:400;
	}
	
	.topsentence_type_a h1 {
		font-size: 1.2em;
		font-weight:400;		
	}	
	
	.planos_previdencia_module h1 {
		font-weight: 500;
		font-size: 1.1em;
	}
	
	#mod-search-searchword {
		background-color: #ffffff;
		border-radius: 0;
		border-top: 1px solid rgba(175,33,57,0.43);
		border-bottom: 1px solid rgba(175,33,57,0.43);
		border-right: 0px solid rgba(175,33,57,0.43);
		border-left: 1px solid rgba(175,33,57,0.43);
		height: 1.15em;
		padding-right: 0px !important;
		margin-right: 0px !important;
		width:170px;
	}
	
	.planos_previdencia_module ul li {
		padding-bottom: 10px;
		border-bottom: 1px solid #cfcfcf;
		padding-top: 10px;
		padding-left: 0px;
		margin-left:-20px;
	}
	
	.planos_previdencia_module .rest-tile {
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
		font-size: 0.8em;
		color: #414141;
		padding-left: 2px;
	}	

	.planos_previdencia_module .circle-number {
		border-radius: 25px;
		border: 4px solid #af2139;
		width: 28px !important;
		height: 25px !important;
		display: inline-block;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		font-size: 1.15em;
		color: #414141;
		padding-top: 3px;
	}
	
	
	.planos_capitalizacao_module h1 {
		font-weight: 500;
		font-size: 1.1em;
	}	
	
	

	.planos_capitalizacao_module ul li {
		padding-bottom: 10px;
		border-bottom: 1px solid #cfcfcf;
		padding-top: 10px;
		padding-left: 0px;
		margin-left:-20px;
	}
	
	.planos_capitalizacao_module .rest-tile {
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
		font-size: 0.8em;
		color: #414141;
		padding-left: 2px;
	}	

	.planos_capitalizacao_module .circle-number {
		border-radius: 25px;
		border: 4px solid #0072bc;
		width: 28px !important;
		height: 25px !important;
		display: inline-block;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		font-size: 1.15em;
		color: #414141;
		padding-top: 3px;
	}	
	
	.page-header h2 {
		font-weight: 600;
		font-size: 1.25em;
		padding-top: 20px;
		margin-left: 0px;
		line-height: 1em;
	}
	
	.orgaos-sociais .inner-holder > h1 {
		font-weight: 600;
		font-size: 1.25em;
		border-bottom: 1px dotted rgba(175,33,57,1);
		line-height:1em;
	}

	.orgaos-sociais .inner-holder > div {
		width:100%;
		float: none;
		padding: 0%;
		margin-bottom:25px;
		padding-bottom:5px;
	}	
	
	.orgaos-sociais .inner-holder > div:nth-child(3n+0) {
		border-bottom: none !important;		
	}
	
	.orgaos-sociais .inner-holder > div  img{
		float: left;
		padding-right:10px;
		margin-top:20px;
		margin-bottom:15px;
	}	
	
	div.item-page h1 {
		font-weight: 600;
		font-size: 1.25em;
		color: 414141;
	}
	
	h3 {
		font-weight: 600 !important;
		font-size: 1.1em !important;
		line-height:1em !important;
	}
	
	h2 {
		font-weight: 600;
		font-size: 1.15em;
		line-height:1em !important;		
	}
	
	div.colunas-4 {
		width: 100% !important;
		padding: 0 !important;
		float: none!important;
		clear: both !important;
		margin-bottom:-8px !important;
	}
		
		
	.blog_planos_previdencia-capitalizacao .topsentence_type_a h1 {
		margin-left: 0px !important;
		border: none;
	}
	
	.blog_planos_previdencia-capitalizacao .subheading-category {
		font-size: 1.20em;
		font-weight: 600;
	}	
	
	.blog_planos_previdencia-capitalizacao-title .rest-tile {
		font-weight: 600;
		margin-left: 40%;
		margin-top: -38px;
		float: left;
		width: 60%;
	}
	
	.blog_planos_previdencia-capitalizacao-link {
		padding-bottom: 10px;
		margin-bottom: 50px !important;;
	}	
	
	.in-planos-previdencia-capitalizacao .topsentence_type_a h1 {
		padding-top: 30px;
		margin-left: 0px;
		border: none;
	}
	
	.in-planos-previdencia-capitalizacao .page-header .rest-tile {
		font-weight: 400;
		border-top: none;
		border-bottom: none;
		padding-top: 15px;
		padding-bottom: 5px;
		margin-left: 0;
		margin-top: 0px;
		float: none !important;;
		clear:both !important;
		width: 100%;
		display:inline-block !important;
	}
	
	.in-planos-previdencia-capitalizacao .red-type .page-header .circle-number {
		float: none;
	}	
	
	.in-planos-previdencia-capitalizacao .page-header h2 {
		border-top: 1px solid #7c6e65;
		border-bottom: 1px solid #7c6e65;
		margin-top:20px;
		padding-top:5px;
	}	
	
	.in-planos-previdencia-capitalizacao div.pull-left.item-image {
	padding-top: 0px;
	width: 100%;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	}
	
	.in-planos-previdencia-capitalizacao .planos-previdencia-capitalizacao-text {
		width: 100%;
		float: none;
		margin: 0;
	}	
	
	.in-planos-previdencia-capitalizacao .planos-previdencia-capitalizacao-text .inner-holder {
		padding-left: 0px;
	}	
	
	#simuladores_texto h1 {
		font-size: 1.25em;
		font-weight: 600;
	}
	
	.simulador-widget h1 {
		height: auto;
		font-size:1.0em !important;
		margin-bottom: 30px !important;
		padding-bottom:5px !important;
	}
	
	.simulador-widget h1::before {
		padding-bottom: 40px;
	}
	
	.half-select {
		width: 90% !important;
		float: none !important;
		display: inline-block !important;
		margin-top:0px;
		padding:0px;
	}
	
	.simulador-widget .label-left {
		margin-top: 0px;
		margin-left:0px !important;
		float:none !important;
		text-align:left !important;
	}	
	
	.clear-div {
		clear: both !important;
		display:none !important;
	}
	
	.simulador-widget .label-left-quota {
		margin-top: 0px;
		margin-right: 10px;
	}
	
	.in-planos-previdencia-capitalizacao .item-page p {
	    text-align: left;
		padding-top: 0px;
		margin-top: 0px;
	}
	
	.blog-type-A h2 .subheading-category {
		font-weight: 600;
		font-size: 1.25em;
	}
	
	.blog-type-A h2 {
		margin-left: 0px !important;
		margin-top: 50px !important;
		font-size:1.15em !important;
		font-weight:600 !important
	}
	
	.footer-1 > ul > li {
		font-weight: 600;
		font-size: 0.9em;
		line-height: 1.0em;
	}
	
	.with-image-top .noticias .subheading-category {
		font-weight: 600;
		font-size: 1.25em;
	}
	
	.with-image-top .noticias h2 {
		font-weight: 600 !important;
		font-size: 1.0em !important;
		line-height: 1.0em;
	}	
	
	.with-image-top .page-header h2 {
		padding-top: 20px;
	}
	
	
	.noticias_hp_module h1 {
		font-weight: 600;
		font-size: 1.25em;
		padding-bottom: 0px;
		margin-bottom: 15px;
	}	
	
	.folhetos-monaf h1 {
		font-weight: 600;
		font-size: 1.25em;
		padding-bottom: 0px;
		margin-bottom: 15px;
  }
  
    .container {
      padding-top:0;
      padding-bottom:0;
      padding-left:20px;
      padding-right:20px;
      margin:0;
    }

    body {
      padding:0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
    }
  
  .blog-type-A .page-header h2 {
      margin-left: 0px !important;
      margin-right: 0px !important;
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      padding-bottom: 5px;
  }  
  
}


@media only screen and (min-width: 600px) and (max-width: 767px) {
    /* For tablets: */
	 #specialMessage-outer {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:10px;
		padding-right:10px;
	}
	
	#outer-mark {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:10px;
		padding-right:10px;
	}	
	
	#outer-items div.row  img {
		width:15% !important;
		height:auto !important;		
	}
	
	.item1, .item2, .item3, .item4 {
    	height: auto;
	}
	
	div.folhetos-monaf  .span4{
		width:32%;
		padding-right:1.25%;
		float:left;		
	}
	
	#outer-footer {
		margin-top:50px !important;
		margin-bottom:10px !important;
		padding:10px 10px 10px 10px !important;
	}
	
	#logo img {
		width:45%;
		height:auto;		
	}
	
	#contactos {
		width:75%;
		font-size:0.75em;		
	}
	
	#pesquisa{
		width:75%;
		margin-bottom:30px;
	}
	
	#menu-outer {
    	background-color: #7c6e65 !important;
	}

	#navigation {
		padding:0 !important;
		margin:0 !important;		
	}

	ul.monaf_menu {
		margin:0 !important;
		padding:0 !important;	
	}
	
	ul.monaf_menu > li {
		display: block;
		float: none !important;
		border-bottom:  1px solid rgba(102,102,102,0.5)  !important;
		border-left: none !important;
		border-right: none !important;
		width: 100% !important;
		text-align: center !important;
		min-height: 1.75em !important;
		position: relative !important;
		clear:both !important;
		height:auto !important;
		background-color:#7c6e65;
		padding:0 !important;
		margin:0 !important;
		text-align:center !important;
	}	
	
	ul.monaf_menu > li > a {
		position:relative !important;
		float:left !important;
		height:auto !important;
		min-height: 1.75em;
		display:compact !important;
		clear:none !important;
	}	
	
	
	ul.monaf_menu > li .fa {
		width: auto;
		position: relative;
		display: inline-block;
		margin-top: 0px;
		margin-left: 0%;
		color: rgba(255,255,255,1) !important;
	}

	ul.monaf_menu .fa-caret-down {
		float:left !important;
		clear:right !important;
		width:auto !important;
		top:2px;
	}
	
	ul.monaf_menu > li > a div.menu-container-pos {
		position: relative;
		width: auto;
		padding-bottom: 0px;
	}	
	
	
	ul.monaf_menu > li > a:hover{
		background-color: transparent !important;
	}
	
	ul.monaf_menu > li > ul {
		width:100% !important;
	}
	
	.in-planos-previdencia-capitalizacao .page-header .rest-tile {
		font-weight: 400;
		margin-left: 35%;
		width: 65%;
		font-size: 0.55em !important;
	}	
	
	.in-planos-previdencia-capitalizacao .topsentence_type_a h1 {
		margin-left: 0px;
		border: none;
	}	
	
	#outer-items #item1, #outer-items #item2, #outer-items #item3, #outer-items #item4 {
		width:49%;
		padding-right:1%;
		float:left;
		height:450px;
		margin-bottom:10px;
	}
	
	.item1, .item2, .item3, .item4 {
    	height: 450px !important;
	}
	
	.blog_planos_previdencia-capitalizacao .topsentence_type_a h1 {
		padding-top: 30px;
		margin-left: 0px;
		border: none;
	}
	
	.page-header h2 {
		margin-left: 0px;
	}
	
	.in-planos-previdencia-capitalizacao div.pull-left.item-image {
		width: 100%;
		clear:both;
	}	
	
	.in-planos-previdencia-capitalizacao .planos-previdencia-capitalizacao-text {
		width: 100%;
		float: none;
		clear:both;
	}
	
	.in-planos-previdencia-capitalizacao .planos-previdencia-capitalizacao-text .inner-holder {
		padding-left: 0px;
	}
	
	.blog-type-A h2 {
		margin-left: 0px !important;
	}
  
    .container {
      padding-top:0;
      padding-bottom:0;
      padding-left:20px;
      padding-right:20px;
      margin:0;
    }

    body {
      padding:0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
    } 
  
  .blog-type-A .page-header h2 {
      margin-left: 0px !important;
      margin-right: 0px !important;
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      padding-bottom: 5px;
  }  
  
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	ul.monaf_menu > li {
		display: block;
		float: none !important;
		border-bottom:  1px solid rgba(102,102,102,0.5)  !important;
		border-left: none !important;
		border-right: none !important;
		width: 100% !important;
		text-align: center !important;
		min-height: 1.75em !important;
		position: relative !important;
		clear:both !important;
		height:auto !important;
		background-color:#7c6e65;
		padding:0 !important;
		margin:0 !important;
		text-align:center !important;
	}	
	
	ul.monaf_menu > li > a {
		position:relative !important;
		float:left !important;
		height:auto !important;
		min-height: 1.75em;
		display:compact !important;
		clear:none !important;
	}	
	
	
	ul.monaf_menu > li .fa {
		width: auto;
		position: relative;
		display: inline-block;
		margin-top: 0px;
		margin-left: 0%;
		color: rgba(255,255,255,1) !important;
	}

	ul.monaf_menu .fa-caret-down {
		float:left !important;
		clear:right !important;
		width:auto !important;
		top:2px;
	}
	
	ul.monaf_menu > li > a div.menu-container-pos {
		position: relative;
		width: auto;
		padding-bottom: 0px;
	}	
	
	
	ul.monaf_menu > li > a:hover{
		background-color: transparent !important;
	}
	
	
	ul.monaf_menu > li > ul {
		width:100% !important;
	}

	
	.page-header h2 {
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 2.0em;
		color: rgba(175,33,57,1);
		text-transform: uppercase;
		padding-top: 50px;
		margin-left: 0px;
	}	
	
	.blog_planos_previdencia-capitalizacao-title .rest-tile {
		color: #414141;
		font-weight: 600;
		font-size:0.75em !important;
		border-top: 1px solid #7c6e65;
		border-bottom: 1px solid #7c6e65;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 32%;
		margin-top: -38px;
		float: left;
		width: 68%;
	}	
	
	.blog_planos_previdencia-capitalizacao .topsentence_type_a h1 {
		padding-top: 30px;
		margin-left: 0px;
		border: none;
	}
	
	.in-planos-previdencia-capitalizacao .page-header .rest-tile {
		font-weight: 400;
		margin-left: 25%;
		width: 75%;
		font-size: 0.8em !important;
	}

	#outer-items #item1, #outer-items #item2, #outer-items #item3, #outer-items #item4 {
		width:49%;
		padding-right:1%;
		float:left;
		/*height:550px;*/
		margin-bottom:10px;
		margin-left:0px;		
	}
	
	.item1, .item2, .item3, .item4 {
    	/*height: 550px !important;*/
	}
	

	ul.monaf_menu {
		display: inline-block;
		width: 100%;
		padding: 0 !important;
		margin-bottom: 10px;
		margin-left: 40px;
		margin-right: 0;
		margin-top: 10px;
	}
	
	.in-planos-previdencia-capitalizacao .topsentence_type_a h1 {
		margin-left: 0px;
	}	
	
	.planos_previdencia_module .rest-tile {
		font-weight: 600;
		font-size: 0.75em;
	}
	
	.planos_capitalizacao_module .rest-tile {
		font-weight: 600;
		font-size: 0.75em;
	}
	
	.in-planos-previdencia-capitalizacao .page-header .rest-tile {
		margin-left: 28%;
		width: 72%;
		font-size: 0.7em !important;
	}
	
	.in-planos-previdencia-capitalizacao div.pull-left.item-image {
		padding-top: 80px;
		width: 35%;
		margin: 0;
	}
	
	.in-planos-previdencia-capitalizacao .planos-previdencia-capitalizacao-text {
		width: 65%;
		float: left;
		margin: 0;
	}
	
	#simuladores_1, #simuladores_2, #simuladores_3	{
		width:100% !important;
		margin:0 !important;
		float:none !important;
		clear: both  !important;
	}
	
	.blog-type-A h2 {
		margin-left: 0px !important;
	}
	
	.simuladores-article-page .span6 {
		width:100% !important;
		float:none !important;	
		clear:both !important;
		margin:0 !important;
	}
	
	#contactos {
		margin-left: 25% !important;
		width: 75% !important;
	}
	
	#pesquisa {
		clear:left !important;
		margin-left: 25% !important;
		width: 75% !important;
		text-align: right;
		padding-bottom:20px;
		padding-right:20px;
	}	
	

		
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	.in-planos-previdencia-capitalizacao .page-header .rest-tile {
		font-weight: 400;
		margin-left: 25%;
		width: 75%;
		font-size: 0.8em !important;
	}
	
	.blog_planos_previdencia-capitalizacao-title .rest-tile {
		margin-left: 24%;
		width: 76%;
	}
	
	.simulador-widget h1 {
		font-size: 0.9em !important;
		font-weight: 600 !important;
	}
	
	.half-select {
		width: 96% !important;
		float: left !important;
		display: inline-block !important;
	}
	
	#header-outer #contactos {
		margin-left: 18%;
		font-size:0.8em !important;
		width:45%;
	}
	
	ul.monaf_menu > li:hover > ul {
		display:inline-block;
		position:absolute;
		z-index:9999;
		width:100%;
		margin-top:0px;
		margin-left:-50%;
		margin-right:0px !important;
		padding-top:20px;
		padding-left:0px !important;
		padding-right:0px !important;
	}	
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	ul.monaf_menu > li {
		font-size:0.85em !important;
		width: 111px !important;
	}
	
	ul.monaf_menu > li > ul > li {
		font-size: 1.0em !important;
		font-weight:600 !important;
	}	
	
	ul.monaf_menu > li:hover > ul {
		display:inline-block;
		position:absolute;
		z-index:9999;
		width:100%;
		margin-top:0px;
		margin-left:-50%;
		margin-right:0px !important;
		padding-top:20px;
		padding-left:0px !important;
		padding-right:0px !important;
	}	
}

@media only screen and (min-width: 1201px)  {
	ul.monaf_menu > li:hover > ul {
		display:inline-block;
		position:absolute;
		z-index:9999;
		width:100%;
		margin-top:0px;
		margin-left:-50%;
		margin-right:0px !important;
		padding-top:20px;
		padding-left:0px !important;
		padding-right:0px !important;
	}	
}