/* =========================
   Desktop First Media Queries
   ========================= */
.header-logo-container{
	padding: 0 0 0 160px;
}
.header-logo-container .logo-details{
 display: flex;
 flex-direction: column;
 padding: 7px;
}
 
 @media only screen and (max-width: 1400px) {
	.header-logo-container{
		padding: 0 0 0 120px;
	}
}
 
@media only screen and (max-width: 1200px) {
.header-logo-container{
		padding: 0 0 0 90px;
	}
}

 
@media only screen and (max-width: 992px) {
	.header-logo-container{
		padding: 0 0 0 0px;
	}
	.header-logo-container .logo-details {
		position: absolute;
	    left: 90px; 
	    top: 50%;
        transform: translateY(-50%);
        line-height: 20px;
	}
}

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

.header-logo-container .logo-details {
		 font-size: 12px;
	}
}

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

}

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

}

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

} 


/*@media only screen and (max-width: 1600px) {

 }
 @media only screen and (max-width: 1500px) {}
 @media only screen and (max-width: 1400px) {}
 @media only screen and (max-width: 1366px) {}
 @media only screen and (max-width: 1300px) {}
 @media only screen and (max-width: 1199px) {}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {}*/


 /* Extra Small Devices (Mobile) */
@media only screen and (min-width: 320px) {

}

/* Small Devices (Large Mobile) */
@media only screen and (min-width: 480px) {

}

/* Tablets */
@media only screen and (min-width: 768px) {

}

/* Small Laptops */
@media only screen and (min-width: 992px) {

}

/* Desktops */
@media only screen and (min-width: 1200px) {

}

/* Large Screens / TV */
@media only screen and (min-width: 1400px) {

}