/*--------------------------------------------------------------
	Media Queries Override CSS
-------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px){
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px){
	
}

/* Extra Small And Small devices */
@media (max-width: 767.98px){
	
	.facility-flex{display: block;}
	.facility-flex>div{flex:none;}
}

@media (min-width:768px){
	/* - MAP -*/
	.facility-flex>div{width: 24.5%; align-self: flex-start;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px){}

@media (max-width: 991.98px){
	.mappin{display: none;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px){
	/* CORP PINS */
	#sharonville-oh-cp{left: 655px;top:468px;}
	
	/* TECH PINS */
	#sharonville-oh-tc{left: 657px;top:470px;}
	#bedford-park-il-tc{left: 587px;top:432px;} 
	#chilton-wi-tc{left: 582px;top:390px;}  
	#nampa-id-tc{left: 162px;top:400px;} 
	#sterling-ct-tc{left: 827px;top:375px;} 
	#bristol-pa-tc{left: 787px;top:420px;}  
	#detroit-mi-tc{left: 657px;top:410px;}
	#springfield-ma-tc{left: 822px;top:365px;}
	#grand-rapids-mi-tc{left: 625px;top:405px;}
	#vancouver-bc-tc{left:90px;top:265px;}
	#mississauga-on-tc{left: 710px;top:375px;}
	#montreal-qc-tc{left: 795px;top:305px;}
	
	
	/* MANUFACTURING PINS */
	#sharonville-oh-ma{left: 657px;top:470px;}
	#bedford-park-il-ma{left: 585px;top:432px;} 
	#chilton-wi-ma{left: 580px;top:390px;} 
	#eldrige-ia-ma{left: 545px;top:440px;} 
	#hamilton-oh-ma{left: 654px;top:470px;}
	#nampa-id-ma{left: 160px;top:400px;} 
	#salt-lake-city-ut-ma{left: 220px;top:475px;} 
	#shelbyville-in-ma{left: 630px;top:475px;}
	#sterling-ct-ma{left: 825px;top:375px;} 
	#tacoma-wa-ma{left: 95px;top:305px;} 
	#nashville-tn-ma{left: 635px;top:550px;}
	
	
	/* WAREHOUSE PINS */
	#bristol-pa-wh{left: 785px;top:420px;} 
	#chicago-il-wh{left: 595px;top:430px;}
	#cincinnati-oh-wh{left: 654px;top:477px;}
	#detroit-mi-wh{left: 655px;top:410px;}
	#ftlupton-co-wh{left: 335px;top:485px;}
	#franklin-oh-wh{left: 657px;top:470px;}
	#hansen-id-wh{left: 185px;top:425px;}
	#indianapolis-in-wh{left: 625px;top:470px;}
	#louisville-ky-wh{left: 645px;top:505px;}
	#pittsburg-pa-wh{left: 720px;top:435px;}
	#springfield-ma-wh{left: 820px;top:365px;}
	#sunnyside-ca-wh{left: 80px;top:515px;}
	#london-on-wh{left: 690px;top:385px;}
	#calgary-ab-wh{left: 240px;top:270px;}
	#winnipeg-mb-wh{left: 445px;top:290px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px){}

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


/* FACILITY MAP */
#facility-map{margin-top: 30px;}

#locations{margin-top: 25px;}

#locations table{margin-top: 2px;}
#locations table thead{background: #c5c6c6;}
#locations table th{font-size: 15px;font-family: 'Montserrat', sans-serif;color:#58595b;font-weight: bold;border-color:#c5c6c6 !important;}
#locations table td{font-size: 15px;font-family: 'Montserrat', sans-serif;color: rgb(88, 89, 91);font-weight:500;padding-left: 15px !important;height: 32px;}

#locations table tr.maprow{transition: .3s ease;}
#locations table tr.maprow.active,
#locations table tr.maprow:hover{cursor: pointer;;}
#locations table tr.maprow.active td,
#locations table tr.maprow:hover td{color:white;background-color:#1a467f !important}
#locations table tr.bottom-row td{color:#c5c6c6 !important;border:#c5c6c6;background:#c5c6c6;height: 30px;}

.table-striped>tbody>tr:nth-of-type(even){background-color: #e6e7e8;}
.table-striped>tbody>tr:nth-of-type(odd){background-color: white;}

.column-head{text-align: center;padding:10px 0;font-family: 'Montserrat', sans-serif;color:white;font-weight: bold;}
.column-head.corporate{background-image: linear-gradient(to right, #0684b4, #29aae2);}
.column-head.technical{background-image: linear-gradient(to right, #64449b, #765ba7);}
.column-head.manufacturing{background-image: linear-gradient(to right, #006f3a, #049348);}
.column-head.warehouse{background-image: linear-gradient(to right, #871b1d, #d8242a);}

#map{position: relative;}
.mappin{position: absolute;}
.mappin.bounce{animation: bounce 1s infinite;z-index: 50px !important;}

.mappin.corp{z-index:20;width: 25px;height: auto;}
.mappin.tech{z-index:5;width: 20px;height: auto;}
.mappin.manu{z-index:10;width: 20px;height: auto;}
.mappin.ware{z-index:15;width: 20px;height: auto;}


@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}