/*****************
								      // -----------------
								      // FOR MOBILE PHONE 
								      // _________________
								      // *****************/


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


	html, body {
		font-size: 16px;
		font-family: Outfit, sans-serif;
	}


	.logoTop {
		width: 300px;
		margin: 0px auto;
		display: block;
	}	
	

}


								      /*****************
								      // -----------------
								      // FOR MOBILE PHONE LANDSCAPE
								      // _________________
								      // *****************/


@media only screen and (max-width: 740px) and (orientation: landscape) {





}




								      /*****************
								      // -----------------
								      // FOR TABLET PORTRAIT
								      // _________________
								      // *****************/
								      
								      
@media only screen and (min-width: 600px) and (orientation: portrait) {
 







}








								      /*****************
								      // -----------------
								      // FOR TABLET LANDSCAPE
								      // _________________
								      // *****************/


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){



}



								      /*****************
								      // -----------------
								      // FOR 320PX SCREENS PORTRAIT
								      // _________________
								      // *****************/

  @media (max-device-width: 320px)
  and (orientation: portrait) {
  

}




								      /*****************
								      // -----------------
								      // IPHONE X PORTRAIT
								      // _________________
								      // *****************/



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { 









}




								      /*****************
								      // -----------------
								      // IPHONE X LANDSCAPE
								      // _________________
								      // *****************/
								      
								      


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 



}



								      /*****************
								      // -----------------
								      // IPAD PRO 12.9 PORTRAIT
								      // _________________
								      // *****************/

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {





}




								      /*****************
								      // -----------------
								      // IPAD PRO 12.9 LANDSCAPE
								      // _________________
								      // *****************/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {





}