/*---------------------------------------------------------------------
Large Desktop: > 1200px ;
-----------------------------------------------------------------------*/
@media (min-width:1200px){
	.logo-white {display: none;}
}

/*---------------------------------------------------------------------
Normal Desktop: 992px ;
-----------------------------------------------------------------------*/
@media (min-width:992px) and (max-width:1200px){
	.logo-white {display: none;}
}

/*---------------------------------------------------------------------
Tablet desktop :768px
-----------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:991px){
	.logo-white {display: none;}
}

/*---------------------------------------------------------------------
Large Mobile: 575px
-----------------------------------------------------------------------*/
@media only screen and (min-width:575px) and (max-width:767px){
	.logo-color {display: none;}
}

/*---------------------------------------------------------------------
Small Mobile: 320px
-----------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:574px){
	.header_fixed .logo-color {display: block;}
	.header_fixed .logo-white {display: none;}
	.logo-color {display: none;}
}

/*---------------------------------------------------------------------
iPhone X
-----------------------------------------------------------------------*/
@media only screen 
and (min-device-width:375px) 
and (min-device-height:812px) 
and (-webkit-device-pixel-ratio:3)
and (orientation:portrait){
	
	.logo-color {display: none;}
	.header_fixed .logo-color {display: block;}
	.header_fixed .logo-white {display: none;}
}