/* =============================================== */
/* ======= BREAKPOINTS FOR RESPONSIVE SITE ======= */
 [class*="col-"] {width: 100%; float: left;}

/* [class*="menu-"] {width: 100%;} */

/* Extra small devices (phones, 600px and down) */					/* ============================= */
@media only screen and (orientation: portrait) and (max-width: 600px) {
	/* For mobile phones: */
	/*.col-mobile {width: 100%;}
		[class*="col-"] {float: left;}	*/
		
	.ocultar-mobile-portrait {display: none;}
	.show-mobile-portrait {display: block;}
	
	.menu-04-buttons {width:100%;}    
	.menu-05-buttons {width:100%;} 
	.menu-06-buttons {width:100%;}
	.menu-07-buttons {width:100%;} 
	.menu-08-buttons {width:100%;}
	
	/* .menu-buttons-mobile {min-width:100%;}  */
}	

@media only screen and (orientation: landscape) and (max-width: 600px) {
	.ocultar-mobile-landscape {display: none;}
	.show-mobile-landscape {display: block;}
	
	.menu-04-buttons {width:50%;}    
	.menu-05-buttons {width:50%;} 
	.menu-06-buttons {width:50%;}
	.menu-07-buttons {width:50%;} 
	.menu-08-buttons {width:50%;}
}	/* END Extra small devices (phones, 600px and down) */
/* =========================================================================================== */

/* Small devices (portrait tablets and large phones, 600px and up) */			/* ============================= */
@media only screen and (min-width: 600px) {

	.col-01 {width: 8.33%;}
	.col-02 {width: 16.66%;}
	.col-03 {width: 25%;}
	.col-04 {width: 33.33%;}
	.col-05 {width: 41.66%;}
	.col-06 {width: 50%;}
	.col-07 {width: 58.33%;}
	.col-08 {width: 66.66%;}
	.col-09 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	
	.ocultar-tablet-P {display: none;}
	
	.menu-04-buttons {width:50%;}    
	.menu-05-buttons {width:50%;} 
	.menu-06-buttons {width:33.33%;}
	.menu-07-buttons {width:28.57%;} 
	.menu-08-buttons {width:25%;}

}	/* END Small devices (portrait tablets and large phones, 600px and up) */ 
/* =========================================================================================== */
/* Medium devices (landscape tablets, 768px and up) */					/* ============================= */
@media only screen and (min-width: 760px) {

	.col-01 {width: 8.33%;}
	.col-02 {width: 16.66%;}
	.col-03 {width: 25%;}
	.col-04 {width: 33.33%;}
	.col-05 {width: 41.66%;}
	.col-06 {width: 50%;}
	.col-07 {width: 58.33%;}
	.col-08 {width: 66.66%;}
	.col-09 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	
	.ocultar-tablet-L {display: none;}
	
	.menu-04-buttons {width:50%;}    
	.menu-05-buttons {width:50%;} 
	.menu-06-buttons {width:33.33%;}
	.menu-07-buttons {width:28.57%;} 
	.menu-08-buttons {width:25%;}
	
} 	/* END Medium devices (landscape tablets, 768px and up) */
/* =========================================================================================== */
/* Large devices (laptops/desktops, 992px and up) */					/* ============================= */
@media only screen and (min-width: 992px) {

	.col-01 {width: 8.33%;}
	.col-02 {width: 16.66%;}
	.col-03 {width: 25%;}
	.col-04 {width: 33.33%;}
	.col-05 {width: 41.66%;}
	.col-06 {width: 50%;}
	.col-07 {width: 58.33%;}
	.col-08 {width: 66.66%;}
	.col-09 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
    
	.ocultar-desktop {display: none;}
    
	.menu-04-buttons {width:25%;}    
	.menu-05-buttons {width:20%;} 
	.menu-06-buttons {width:16.66%;}
	.menu-07-buttons {width:14.28%;} 
	.menu-08-buttons {width:12.5%;}
}	/* END Large devices (laptops/desktops, 992px and up) */

/* Extra large devices (large laptops and desktops, 1200px and up) */			/* ============================= */
@media only screen and (min-width: 1200px) {

	.col-01 {width: 8.33%;}
	.col-02 {width: 16.66%;}
	.col-03 {width: 25%;}
	.col-04 {width: 33.33%;}
	.col-05 {width: 41.66%;}
	.col-06 {width: 50%;}
	.col-07 {width: 58.33%;}
	.col-08 {width: 66.66%;}
	.col-09 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	
	.menu-04-buttons {width:25%;}    
	.menu-05-buttons {width:20%;} 
	.menu-06-buttons {width:16.66%;}
	.menu-07-buttons {width:14.28%;} 
	.menu-08-buttons {width:12.5%;}
}	/* END Large devices (laptops/desktops, 992px and up) */
}	/* END Extra large devices (large laptops and desktops, 1200px and up) */
/* =========================================================================================== */