@charset "utf-8";

/* 
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) and (max-width: 2000px) {
    
}

@media (max-width: 1199px) {
	
}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {

}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {

}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

@media (max-width: 991px) {
	header .container {
		width: 100vw !important;
		max-width: 100vw !important;
	}
	
	header .container .navbar {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	header nav li a {
		padding: 15px 30px !important
	}
	
	header nav li:first-child a {
		border-top: 1px solid #880000;
	}
	
	header nav li:last-child a {
		border-bottom: 1px solid #880000;
	}
	
	header nav li a:hover {
		background: #a73b5c !important;
		border-radius: 0px;
		border-top: none;
	}
	
	header nav li a i.icon-item-menu {
		display: inline-block;
		visibility: hidden;
	}
	
	.navbar-brand {
		padding-left: 26px;
		padding-top: 0px;
		padding-bottom: .2rem;
	}
	
	.navbar-toggler {
		padding-right: 36px;
	}
	
	header nav li a:hover .icon-item-menu {
		visibility: visible;
	}
	
	.navbar-collapse {
		margin-top: 0.325rem;
	}
	
	.separator-menu {
		display: none;
	}
	
	#nav-submenu-phase {
		display: none;
	}
	
	#nav-phase-constitution-1,
	#nav-phase-opening-2,
	#nav-phase-operations-3 {
		display: inline-block;
	}
	
	#nav-lnk-catalogo {
		text-align: left;
	}
	
	#nav-lnk-text {
		display: inline-block;
	}
	
	#nav-lnk-text-center {
		text-align: center;
	}
	
	#nav-lnk-text {
		display: none;
	}
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    
}

@media (max-width: 767px) {
	
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
*/
@media (min-width: 321px) and (max-width: 480px) {

}