@media screen and (max-width: 1200px) {
	body {min-width: 0;}
	
	 .wrapper {
		width: auto; padding: 0 10px;
	  }
	
/* ############################################################################
								MENU MOBILE (passar para o general css)
############################################################################ */
	body #mobile-menu-switch, body.resize-header.truncated #mobile-menu-switch{background: url(../images/toggle-menu-mobile.png) no-repeat center center; width:40px; height: 40px; position: fixed; right: 10px; top:10px; z-index: 1010; transition: all 1s ease;}
	body.resize-header #mobile-menu-switch {right: 10px; top:30px;}
	#mobile-menu {background-color:#9560a6 ; width:280px; height: 100%; position: fixed; top:0; right:-280px; overflow-y: auto; z-index: 1011;transition: all 0.5s ease;}
	#mobile-menu a {color:#fff; padding: 20px; display: block; border-bottom:solid 1px #a26db3; font-weight: 700;}
	#mobile-menu li.active a {background:#814e92;}
	#mobile-menu .secpages {background:#814e92;  height: 0; overflow: hidden; transition: all 0.5s ease;}
	#mobile-menu .secpages.open {height: auto; overflow: visible;}
	#mobile-menu .secpages a {padding: 10px 20px; border-bottom: none; font-weight: 300; }
	#mobile-menu .secpages li.active a {font-weight: 700;}
	
	
/* ############################################################################
								MENU
############################################################################ */	
	header .bot .wrapper {padding: 0;}
	header .bot .wrapper nav a {font-size: 12px;}
	
/* ############################################################################
								HOME
############################################################################ */
	body.home #general-container .left-container {width: 70%}
	body.home #general-container .right-container {width: 30%;}
	.pub a img {width: 100%}
	
	
	#form-accession {width: 80%; margin: 0 auto;}

/* ############################################################################
								FOOTER
############################################################################ */
	footer .top .box {width: 25%;}
	#footer-newsletter .box {width: 100%}
}

@media screen and (max-width: 1023px) {
	
	form .label {font-size: 10px;}
	
/* ############################################################################
								Quem somos
############################################################################ */
	#history-container .list {width: auto; padding: 0 30px;}
	#team-list .section li {width: 33%;}
	.inside-wrapper-b {width: auto;}
	
/* ############################################################################
								Porque a Afp
############################################################################ */
	#services-list-container .list .item:nth-child(2n+1) .description {padding-right:50px;}
	#services-list-container .list .item:nth-child(2n) .description {padding-left: 50px;}
	#why-us-list .item .inside-wrapper-b {padding:30px 10px; }
	#protocols-list li {width: 45%;}
	
/* ############################################################################
								Associates
############################################################################ */
	#associates-search-container .content .left, #associates-search-container .content .right {width:50%;}
	#associates-search-container form .box {width: 50%;}
	#associates-search-container form .box:first-child {padding-right: 10px}
	#associates-search-container form .box select {width:100%;}
	
/* ############################################################################
								Noticias
############################################################################ */
	.grid-item .title a {font-size: 18px; line-height: 22px;}
	.grid-item .date {font-size: 12px;}
	.grid-item .content .description{font-size: 14px; line-height: 18px;}
	
/* ############################################################################
								FOOTER
############################################################################ */
	footer .top .wrapper {flex-wrap: wrap; padding: 40px;}
	footer .top .logo {margin-bottom: 0;}
	footer .top .box {flex: auto; width: 50%;}
	footer .top .box:nth-child(3) {width: 100%; margin-top:40px; padding-top: 40px; border-top: solid 1px #CCC }
	
}

@media screen and (max-width: 768px) {
	body, body.resize-header {padding-top: 100px; min-height: 0;}
	body, body.truncated {padding-top: 60px;}
	h2, h2 * {font-size: 30px; line-height: 33px;}

	header.resize-header .top {height: 100px;}
	header .top, header.truncated .top {height:60px}
	header .bot, header .right-top, header .right-mid {display: none;}
	header .top .wrapper .right {width: 50%; margin-right: 50px}
	#top-search .text {width:100%}
	
	#mobile-menu-switch {display: block!important;}
	#mobile-menu {display: block!important}
	#mobile-menu.active {right:0;}
	
	.inside-wrapper {width: 450px;}
	
	.grid-item.highlight {width: 100%;} 
	
	
  .grid-item {
    width: 50%;
  }
	
	#home-banner .content {margin: 0 100px;}
	.pub a span {width: 20px; height: 20px; background-size: cover; }
	
	#home-news .list {flex-direction: column;}
	#home-news .box-news {width: 100%; padding-right: 15px;  margin-right: 15px; border-right: solid 1px #BCBEC0;}
	
	footer .top {padding: 40px 20px;}
	footer .bot {padding: 20px;}
	
	#formations-inside {width: 60%}
	#formations-outside {width: 30%}
	
	#form-accession .box-name {padding: 0; width:100%;}
	#form-accession .box-infarmed {width: 50%; padding-left: 0; padding-right: 20px;}
	#form-accession .box-alvara {padding: 0; width: 50%;}
	#form-accession .box-phone {width: 50%; padding-right: 20px; }
	#form-accession .box-email {width: 50%; padding-left: 0; padding-right: 0;}
	#form-accession .box-contactname {width:100%;padding-left: 0;}
	
	#associates-search-container form {flex-direction: column;}
	#associates-search-container form .box {width:100%;}
	#associates-search-container form .box:first-child {padding: 0;}
	#associates-results .item {padding: 15px 0; flex-direction: column; align-items: flex-start;}
	#associates-results .item *{font-size: 12px; line-height: 15px;}
	#associates-results .item .name, #associates-results .item .location {width: 100%; max-width: 100%; justify-content: flex-start; margin: 0;}
	#associates-results .item .name {font-weight: 800;}
	
	
	#terms-container .wrapper {width: 80%; margin: 0 auto;}

}

@media screen and (max-width: 600px) {
	
	h1, h1 * {font-size: 30px; line-height: 33px;}
	h2, h2 * {font-size: 20px; line-height: 23px;}
	h4 {margin-bottom: 10px;}
	#general-container {padding: 40px 0;}
	#general-container h2 {width: auto}
	.inside-wrapper {width: 80%;}
	
	  .grid-item {
		width: 100%;
	  }
	
/* ############################################################################
								HOME
############################################################################ */
	#home-banner {height:300px;}
	#home-banner .content {margin: 0 40px;}
	.swiper-button-prev {left:10px;}
	.swiper-button-next {right:10px;}
	body.home #general-container .wrapper {flex-direction: column;}
	body.home #general-container .wrapper .left-container {width: 100%; padding: 0;}
	body.home #general-container .wrapper .right-container {width: 100%; padding: 0;}
	#home-news .box-news {padding: 0 0 20px 0 !important; border-right:none !important; margin-bottom: 20px; border-bottom: solid 1px #BCBEC0;}

	/* ############################################################################
								QUEM SOMOS
############################################################################ */
	#history-container .list {padding: 0 10px;}
	#history-container .list ul li, #history-container .list li:nth-child(2n) {flex-direction: column}
	#history-container .list .left, #history-container .list .center, #history-container .list .right {width: 100%;}
	#history-container .list .center {display: flex; flex-direction: column-reverse; align-items: center; align-content: center;}
	#history-container .list .title {text-align: center;}
	#history-container .list .center .line {width: 100%; left:0;}
	#history-container .list .center .line span {background:#f6f2f6; border: none; width: 2px;}
	#history-container .list ul li:first-child .center {flex-basis: auto;}
	#history-container .list ul li:first-child .center .line {display: none;}
	#history-container .list .right {top: 0; padding-bottom: 15px;}
	#history-container .list li:nth-child(2n) .right {text-align: left;}
	
	#our-mission-container .list .item {padding: 0;}
	#our-mission-container .list .item br {display: none;}
	#our-mission-container .list .item .icon-box {margin-bottom: 10px;}
	
	#statutes-list .accordion-content table td {display: block; width: 100%; padding: 0; margin-bottom: 30px;}
	.accordion-container .accordion-content {padding: 30px 0;}
	#statutes-list .accordion-content * {line-height: 24px;}
	#statutes-list .accordion-content p {margin-bottom: 15px;}
	
	#team-list .section li {width: 100%;}
	
	
/* ############################################################################
								PORQUE A AFP
############################################################################ */
	#services-list-container .list {flex-direction: column;}
	#services-list-container .list .item {width: 100%; margin-bottom: 30px;}
	#services-list-container .list .item:last-child {margin-bottom: 0;}
	#services-list-container .list .item:nth-child(2n+1) .description, #services-list-container .list .item .description, #services-list-container .list .item:nth-child(2n) .description {padding: 0; padding-bottom: 30px; border: none;border-bottom: solid 1px #BCBEC0; }
	#services-list-container .list .item:last-child .description {border: none;}
	
	#why-us-list .item {margin-bottom: 30px;}
	#why-us-list .item:nth-child(2n) {margin-bottom: 60px;}
	#why-us-list .item .right {display: none;}
	#why-us-list .item .inside-wrapper-b, #why-us-list .item:nth-child(2n) .inside-wrapper-b {flex-direction: column;}
	#why-us-list .left, #why-us-list .right {width: auto; margin-top: -60px; top:0;}
	
	.container-3-cols ul {flex-direction: column;}
	.container-3-cols ul li {width: 100%; margin-bottom: 30px;}
	#form-accession .box-zipcode, #form-accession .box-parish, #form-accession .box-phone, #form-accession .box-infarmedcode, #form-accession .box-infarmed, #form-accession .box-alvara, #form-accession .box-district {width: 100%; padding: 0;}
	#form-accession .box-local, #form-accession .box-county, #form-accession .box-email, #form-accession .box-contactname {width: 100%; padding: 0;}
	#protocols-list li {width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #BCBEC0; }
	#protocols-list li:last-child {border-bottom: none;}
	
/* ############################################################################
								FORMATIONS
############################################################################ */
	#formations-list {flex-direction: column; justify-content: flex-start;}
	#formations-inside, #formations-outside {width: 100%;}
	#formations-inside {margin-bottom: 30px;}
	#formations-inside .item, #formations-outside .item {background: #F5F2F6; padding: 20px; margin-bottom: 10px; }
	#formations-inside .item:not(:last-child), #formations-outside .item:not(:last-child) {border-bottom:none;}
	#formations-inside .title, #formations-inside .title a {font-size: 20px; line-height: 23px;}
	#formations-inside .date {font-size: 16px; line-height: 20px;}
	#formation-actions {flex-direction: column;}
	#formation-actions a {width: 100%;}
	#subscribe-formation h3 {margin: 0 0 30px;}
	#subscribe-formation .text {margin: 0;}
	#subscribe-formation .content {padding-top: 30px;}
	#subscribe-formation .box-nif {width: 100%; padding: 0;}
	#subscribe-formation .box-address {width: 100%; padding: 0}
	
	/* ############################################################################
								ASSOCIATES
############################################################################ */
	#associates-search-container .content {flex-direction: column;}
	#associates-search-container .content .left {width:100%; padding: 0}
	#associates-search-container .content .right {display: none;}
	#associates-search-container form {margin-bottom: 30px;}
	#associates-search-container form select {width: 100%;}
	#associates-results .item {flex-direction: column; }
	#associates-results .item .name, #associates-results .item .location {width: 100%; max-width: 100%; justify-content: flex-start; margin: 0;}
	#associates-results .item .name {font-weight: 800;}
	
	
/* ############################################################################
								NEWS
############################################################################ */
	#news-filters select {width: 100%}
	#news-list .item .title {margin-bottom: 10px;}
	#news-list .grid-item {margin-bottom: 10px;}
	#news-detail .content, #formations-detail .content {flex-direction: column; justify-content: flex-start;}
	#news-detail .content .left, #formations-detail .content .left, #news-detail .content .right, #formations-detail .content .right {width:100%; padding: 0;}
	#news-detail .content .left, #formations-detail .content .left {margin-bottom: 20px;}
	#news-detail .description, #formations-detail .description {padding-top: 10px;}
	
/* ############################################################################
								NEWS
############################################################################ */
	#contacts-container .content {flex-direction: column; justify-content: flex-start;}
	#contacts-container .content .left, #contacts-container .content .right {width: 100%;}
	#contacts-container .content .left {margin-bottom: 30px;}
	

	
/* ############################################################################
								FOOTER
############################################################################ */
	footer .top .wrapper {flex-direction: column; padding: 20px;}
	footer .top .wrapper .box {width:100%; padding-right: 0; margin-bottom: 20px;}
	footer .top .box:nth-child(3) {margin-top:0; padding-top: 20px;}
	footer .bot ul {flex-direction: column; align-items: center; border-top:solid 1px #bcbec0; padding-top: 20px;}
	footer .bot ul li {margin-bottom: 10px;}
	footer .bot ul li a {font-size: 12px;}
}

@media screen and (max-width: 480px) {

	.grid-item.highlight .content {padding: 0;}
	.grid-item .title a {font-size: 14px; line-height: 17px;}
	.grid-item .content .description {font-size: 12px; line-height: 15px;} 
}