.base {
	overflow    :hidden;
}

#head .logo img {
	width : 160px;
	max-width : 160px;
	object-fit: contain;
	margin:4px 0px 0px 4px;
}

@media screen and (max-width   :640px) {
	#head {
		height: 5rem;
	}
	#head .logo img{
		width: 118px!important;
		max-width: 118px!important;
		margin:2px!important;
		object-position: 0% 0%;
	}
}



@media screen and (max-width   :375px) {

	#head .logo img{
		width: 100px!important;
		max-width: 100px!important;
		margin:2px!important;
		object-position: 0% 0%;
	}

}

	@media screen and (max-height:740px) {
	
		#head .logo img {
			height: 2.7rem !important;
			margin: 4px;
		}
	}

#path div:nth-child(5) {
	max-width: 480px!important;
	width: 480px!important;
	
}
#path div:nth-child(6){
	max-width: 85px!important;
	width:85px!important;
}

#path div:nth-child(6) a{
	height:100%;
}

@media screen and (max-width:1200px) {
	#path div:nth-child(5) {
		max-width: 340px!important;
	}
}
/* @media screen and (max-width:1100px) {
	#path div:nth-child(5) {
		max-width: 280px!important;
	}
} */

@media screen and (max-width:1100px) {

	#path div:nth-child(3)  {
		max-width: 150px!important;
	}
	#path div:nth-child(3)  a{
		max-width: 150px!important;
	}

	#path div:nth-child(5) {
		max-width: 300px!important;
	}
}


@media screen and (max-width:870px) {

	#path div:nth-child(1) a:nth-child(1) {
		display: none;
	}

	#path div:nth-child(1) a:nth-child(2) {
		display: inline-block;
	}

	#path div:nth-child(3) a:nth-child(1) {
		display: none;
	}

	#path div:nth-child(3) a:nth-child(2) {
		display: inline-block;
	}

	#path div:nth-child(5) {
		max-width: 480px!important;
	}
}


@media screen and (max-width:870px) {


	#path div:nth-child(1) a:nth-child(1) {
		display: none;
	}

	#path div:nth-child(1) a:nth-child(2) {
		display: inline-block;
	}

	#path div:nth-child(3) a:nth-child(1) {
		display: none;
	}

	#path div:nth-child(3) a:nth-child(2) {
		display: inline-block;
	}

	#path div:nth-child(5) {
		max-width: 480px!important;
	}
}

@media screen and (max-width:800px) {
	#path div:nth-child(3) a:nth-child(1) {
		max-width: 380px!important;
	}

	#path div:nth-child(5) {
		max-width: 300px!important;
	}

}
@media screen and (max-height:740px) {
	div#path {
		top: 3.2rem!important;
	}
}

@media screen and (max-width:720px) {
	#path div:nth-child(3) a:nth-child(1) {
		max-width: 230px!important;
	}

	#path div:nth-child(5) {
		max-width: 300px!important;
	}

}

@media screen and (max-width:640px) {
	div#path {
		top: 3.2rem;
	}
	#path div:nth-child(3) a:nth-child(1) {
		max-width: 180px!important;
	}

	#path div:nth-child(5) {
		max-width: 290px!important;
	}
}

@media screen and (max-width:610px) {
	#path div:nth-child(5) {
		max-width: 140px!important;
	}
}


@media screen and (max-width:460px) {
	#path div {
		padding  : 0.2rem 0rem 0 0rem!important;
		font-size: 0.8rem!important;
	}

	#path div:nth-child(5) {
		max-width: 40px!important;
	}
	#path div:nth-child(6) {
		margin-right: 0.8rem!important;
	}
}

@media screen and (max-width:414px) {

	#path div:nth-child(5) ,#path div:nth-child(5) a{
		max-width: 160px!important;
	}
	#path div:nth-child(6) ,#path div:nth-child(6) a{
		max-width: 70px!important;
	}
}

@media screen and (max-width:380px) {
	#path div:nth-child(5) {
		max-width: 40px!important;
	}
}

@media screen and (max-width:375px) {


	#path div:nth-child(6) {
		margin-right: 0.1rem!important;
	}
	#path div:nth-child(5) {
		max-width: 120px!important;
	}
}

@media screen and (max-width:340px) {
	#head .logo img{
		margin-left:0px;
		margin-top:14px;
		width: 50px;
	}
	#path div:nth-child(5),#path div:nth-child(5) a{
		max-width: 80px!important;
	}
}
