.cmr_ic{
	background: url(/img/icons/menu_icon/cameras.svg);
}
.lns_ic{
	background: url(/img/icons/menu_icon/lenses.svg);
}
.snd_ic{
	background: url(/img/icons/menu_icon/sound.svg);
}
.lght_ic{
	background: url(/img/icons/menu_icon/light.svg);
}
.grp_ic{
	background: url(/img/icons/menu_icon/stab.svg);
}
.drn_ic{
	background: url(/img/icons/menu_icon/drones.svg);
}
.othr_ic{
	background: url(/img/icons/menu_icon/other.svg);
}
.stff_ic{
	background: url(/img/icons/menu_icon/staff.svg);
}
.dlv_ic{
	background: url(/img/icons/menu_icon/delivery.svg);
}



.cmr:hover, .lns:hover, .snd:hover, 
.lght:hover, .grp:hover, .drn:hover, 
.othr:hover, .stff:hover, .dlv:hover{
	background-color: #eb4941;
}










@media only screen and (min-width: 0px) {

	.menu_wrp {
		display: grid; 
		grid-template-columns: repeat(12,1fr);
		grid-template-rows: 50px min-content;
		height: 50px;

	}




	.m_itm_wrp{
		grid-column: 1/13;
		display: none;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(3, 0px);
		z-index: 10;
		transition: 300ms;
	}





	.cmr{
		grid-column: 1/2;
		grid-row: 1/1;
	}
	.lns{
		grid-column: 2/3;
		grid-row: 1/1;
	}
	.snd{
		grid-column: 3/4;
		grid-row: 1/1;
	}
	.lght{
		grid-column: 1/2;
		grid-row: 2/2;
	}
	.grp{
		grid-column: 2/3;
		grid-row: 2/2;
	}
	.drn{
		grid-column: 3/4;
		grid-row: 2/2;
	}
	.othr{
		grid-column: 1/2;
		grid-row: 3/3;
	}
	.stff{
		grid-column: 2/3;
		grid-row: 3/3;
	}
	.dlv{
		grid-column: 3/3;
		grid-row: 3/3;
	}


	.cmr, .lns, .snd, 
	.lght, .grp, .drn, 
	.othr, .stff, .dlv{

		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: repeat(2, min-content);
		background-color: black;
		align-content: center;
		justify-items: center;
		border-top: 1px solid white;
		grid-row-gap: 5px;


	}

	.lns, .snd, .grp, 
	.drn, .stff, .dlv{
		border-left: 1px solid white;
	}


	


	.cmr_ic, .lns_ic, .snd_ic, 
	.lght_ic, .grp_ic, .drn_ic, 
	.othr_ic, .stff_ic, .dlv_ic{

		display: none;
		grid-column: 1/2;
		grid-row: 1/1;

		background-repeat: no-repeat;
		background-position-y: 100%;
		transition: 200ms;

		min-height: 40px;
		min-width: 40px;

	}

	


	.cmr_ttl, .lns_ttl, .snd_ttl, 
	.lght_ttl, .grp_ttl, .drn_ttl, 
	.othr_ttl, .stff_ttl, .dlv_ttl{

		display: none;
		grid-column: 1/2;
		grid-row: 2/2;
		color: white;
		user-select: none;
	}



	.m_ftr_wrp{

		grid-column: 1/4;
		grid-row: 4/4;

		display: none;
		grid-template-columns: 100%;
		grid-template-rows: repeat(6, 0px);
		background-color: black;
		border-top: 1px solid white;
		height: 0px;
		transition: 300ms;
	}


	.abt_us{
		grid-row: 1/1;
	}

	.trms{
		grid-row: 2/2;
	}
	.reg{
		grid-row: 3/3;
	}
	.plc_dt{
		grid-row: 4/4;
	}
	.pb_argr{
		grid-row: 5/5;
		border-bottom: 1px solid white;
	}

	.abt_us:hover, .srvc:hover, .trms:hover, 
	.reg:hover, .plc_dt:hover, .pb_argr:hover{
		background-color: #eb4941;
	}


	.abt_us, .srvc, .trms, 
	.reg, .plc_dt, .pb_argr{
		grid-column: 1/2;
		border-bottom: 1px solid white;
		
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 100%;
		align-items: center;
		padding-left: 0.7rem;
		user-select: none;

	}


	.abt_us>a, .srvc>a, .trms>a, 
	.reg>a, .plc_dt>a, .pb_argr>a{
		display: none;
		color: white;
		white-space: nowrap;
		align-self: center;
	}






} 




















@media only screen and (min-width: 1250px) {



	.menu_wrp {
		
		display: grid;          
		grid-template-columns: repeat(19, min-content);
		grid-template-rows: 100px;
	    align-items: start;    
	    height: 100px;
	}




	.m_itm_wrp{
		grid-column: 2/19;
		grid-row: 1/1;
		display: grid;
		grid-template-columns: repeat(9, 100px);
		grid-template-rows: 100px;
		z-index: 10;
		transition: unset;
	}


	.cmr, .lns, .snd, 
	.lght, .grp, .drn, 
	.othr, .stff, .dlv{
		
		grid-row: 1/1;

		display: grid;
		
		grid-template-columns: 100%;
		grid-template-rows: repeat(2, min-content);
		background-color: unset;
		align-content: center;
		justify-items: center;
		border-top: none;
		border-left: none;
		grid-row-gap: 5px;


	}


	.cmr, .lns, .snd, 
	.lght,.grp, .drn, 
	.othr, .stff {
		
		border-left: none;

	}


	.cmr::after, .lns::after, .snd::after, 
	.lght::after,.grp::after, .drn::after, 
	.othr::after, .stff::after {
		content: "";
		border-left: 1px solid white;
		height: 60%;
		position: absolute;
		align-self: center;
		justify-self: end;
		

	}




	.cmr{
		grid-column: 1/2;
	}
	
	.lns{
		grid-column: 2/3;
	}
	
	.snd{
		grid-column: 3/4;
	}
	
	.lght{
		grid-column: 4/5;
	}
	
	.grp{
		grid-column: 5/6;
	}
	
	.drn{
		grid-column: 6/7;
	}
	
	.othr{
		grid-column: 7/8;
	}
	
	.stff{
		grid-column: 8/9;
	}
	
	.dlv{
		grid-column: 9/10;
	}

	.cmr_ic, .lns_ic, .snd_ic, 
	.lght_ic, .grp_ic, .drn_ic, 
	.othr_ic, .stff_ic, .dlv_ic{

		display: grid;
		

	}

	


	.cmr_ttl, .lns_ttl, .snd_ttl, 
	.lght_ttl, .grp_ttl, .drn_ttl, 
	.othr_ttl, .stff_ttl, .dlv_ttl{

		display: grid;
		
	}









}