/*========================================================================================
=========================================| 1680PX |======================================== |1680PX|
========================================================================================*/
/* @media (max-width: 105em){} */

/*========================================================================================
=========================================| 1400PX |======================================== |1400PX|
========================================================================================*/
/* @media (max-width: 87.50em){} */

/*========================================================================================
=========================================| 1366PX |======================================== |1366PX|
========================================================================================*/
/* @media (max-width: 85.42em) {} */

/*========================================================================================
=========================================| 1280PX |======================================== |1280PX|
========================================================================================*/
/* @media (max-width: 80em) {} */

/*========================================================================================
=========================================| 1024PX |======================================== |1024PX|
========================================================================================*/
@media (max-width: 64em) {
/*===============================================
====================| HEADER |=================== | HEADER |
===============================================*/
	/*====| HEADER / GERAL |====*/
	.main_header { background-color: var(--white); }

	/*====| HEADER / LOGO |====*/
	.main_header_logo {
		padding: 20px;
		order: 2;
	}
	/*====| HEADER / MENU |====*/
	.main_header_nav { 
		flex-basis: 15%;
		order: 2;
	}
	.main_header_nav nav ul {
		display: none;
		text-align: center;
		flex-direction: column;		
		width: 100%;
		position: absolute;
		left: 0;
		margin-top: 44px;
		padding: 15px 20px;
		background-color: var(--black);
		z-index: 9999;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.main_header_nav nav ul li a {
		display: block;
		padding: 12px 18px;
	}
	.main_header_nav nav ul li a:hover{
		color: var(--white);
		opacity: 1;
		background-color: var(--black-00);
		color: var(--white);
	}
	/*====| MENU MOBILE |====*/
	.menu_mobile { display: block; }
	.menu_mobile {
		color: var(--white);
		font-size: 2.4em;
		cursor: pointer;
		line-height: 0.788em;
		color: var(--black-00);
	}
	.menu_mobile::before {
		top: 0;
		margin-right: 0;		
	}
	/*====| CONTACT HEADER |====*/
	.main_header_contact {
		flex-basis: 100%;
		padding: 10px 40px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

/*===================================================
=====================| SLIDE |=======================
===================================================*/
	.main_slide { width: 100%; }
	.main_slide .slider-wrapper .controls { bottom: 5px; }
	.main_slide .slider-wrapper .controls span{
		width: 30px;
		height: 30px;
		padding: 5px;
		margin-right: 2px;
	}

/*===============================================
===================| ARCHIVE |=================== | ARCHIVE SERVICES |
===============================================*/
	.archive_service { position: static; }
	.archive_service_left { width: 100%; }

	.archive_service_right {
		width: 100%;
		padding: 0;
		right: 0;
		position: static;
	}

	.archive_service_right header {
		width: 100%;
		display: inline-block;  
		justify-content: space-between;
		align-items: stretch;
	}

	.archive_service_right header .left {
		width: 100%;
		padding: 40px 12px;
		margin-bottom: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		justify-content: center;
		display: inline-block;
	}
	.archive_service_right header .left h2 {
		font-size: 1.2em;
		font-weight: 600;
		margin: 0 0 40px 0;
	}


/*===============================================
====================| FOOTER |=================== | FOOTER |
===============================================*/
	.footer-box > .footer_box:nth-child(1){
		flex-basis: calc(100%);
		margin-bottom: 20px;
	}
	.footer_box { flex-basis: calc(50% - 20px); }
	.footer-box > .footer_box:nth-child(2) { flex-basis: calc(50% - 20px); }

}

/*========================================================================================
=========================================| 880PX |======================================== |880PX|
========================================================================================*/
@media (max-width: 55em){

/*===============================================
====================| INDEX |==================== | MASPEC |
===============================================*/
	.home-maspec { flex-direction: column; }
	.home-maspec-img { display: none; }
	.home-maspec-info { width: 100%; }

/*===============================================
====================| INDEX |==================== | SERVIÇOS |
===============================================*/
	.hsc-list.flex-3 {
		flex-basis: calc(50% - 15px);
		margin: 7.5px;
	}

/*===============================================
=====================| PAGE |====================
===============================================*/
	.page-content { padding: 20px; }

/*===============================================
=====================| PAGE |==================== | ABOUT |
===============================================*/
	.page_about_vision_list.flex-3 {
		flex-basis: 100%;
		margin: 7.5px;
	}




}




/*========================================================================================
=========================================| 768PX |======================================== |768PX|
========================================================================================*/
/* @media (max-width: 48em){} */

/*========================================================================================
=========================================| 640PX |======================================== |640PX|
========================================================================================*/
@media (max-width: 640px){

/*===============================================
==================| PARCEIROS |==================
===============================================*/
.apc-box.flex-4 { flex-basis: calc(50% - 15px); }


/*===============================================
====================| INDEX |====================
===============================================*/
	.home-maspec-info h2 { font-size: 2.4em; }

	.hm-list { padding: 40px 0; }
	.hm-list p { font-size: .9em; }

/*===============================================
====================| INDEX |====================
===============================================*/
	.hs-cabecalho h3 { font-size: 1.2em; }

	.hs-cabecalho h4 { font-size: 1.4em; }

	.hsc-list.flex-3 {
		flex-basis: 100%;
		margin: 7.5px;
	}


/*===============================================
====================| FOOTER |=================== | FOOTER |
===============================================*/
	.footer_box {
	flex-basis: 100%;
	margin: 20px 0;
	}
	.footer-box > .footer_box:nth-child(2){ flex-basis: 100%; }

}

/*========================================================================================
=========================================| 480PX |======================================== |480PX|
========================================================================================*/
@media (max-width: 30em){
/*===============================================
====================| HEADER |=================== | HEADER |
===============================================*/
	/*====| HEADER / GERAL |====*/
	.main_header { background-color: var(--white); }

	/*====| HEADER / MENU |====*/
	.main_header_nav { flex-basis: 15%; }

/*===================================================
====================== SLIDE ========================
===================================================*/
	.main_slide { width: 100%; }
	.main_slide .slider-wrapper .paginator li span{ display: none; }
	.main_slide .slider-wrapper .controls { bottom: 5px; }
	.main_slide .slider-wrapper .controls span{
		width: 20px;
		height: 20px;
		padding: 5px;
		margin-right: 2px;
	}
	.main_slide .slider-wrapper .controls span.next{ background-size: 80%; }
	.slider-wrapper .controls span.prev{ background-size: 80%; }

/*===============================================
====================| INDEX |==================== | MASPEC |
===============================================*/
	.home-maspec-info h2 { font-size: 1.8em; }

	.home-maspec-info-box { flex-direction: column; }

/*===============================================
====================| FOOTER |=================== | COPYRIGHT |
===============================================*/
	.footer_copy p { padding: 15px 0; }
	.footer_copy p { line-height: 1.5em; }

/*===============================================
==================| PARCEIROS |==================
===============================================*/
.apc-box.flex-4 { flex-basis: calc(100%); }

}

/*========================================================================================
=========================================| 320PX |======================================== |320PX|
========================================================================================*/
/* @media (max-width: 20em){} */