/*
@package HTM24

################################################################
########### HTM THEME FRONTEND:  ht-style-mobile.css
################################################################


Media screen syntax examples
-------------------------

On screens that are 992px or less, set the background color to blue
@media screen and (max-width: 992px) {
  body {
    background-color: blue;
  }
}

Use the (max-width: ..) and (min-width: ..) values to set a minimum width and a maximum width
@media screen and (max-width: 900px) and (min-width: 600px) {
  body {
    background-color: olive;
  }
}



MOBILE DEVICE OPTIMIZATION 3.0
-------------------------

NB: #DOUBLE same screen sizes by width but different by height
		we actually include these for very specific css adaptation
		as they also count as most common used mobile resolution

		#Each /mobilecss/ file incl. landscape media screen settings

		# _00 = in dev or already deployed and optimized


RESOL. MATRIX WxH
...................

_00	3840x2160	| 4k ultra hd
_01	1920x1080	| 1080p hd
_02	1280x720	| 720p hd
		03 	1024x1336	| ipad pro 12.9"
		04 	834x1112	| ipad pro 10.5"
		05	800x1280	| kindle fire hdx / nexus10
		06	768x1024	| ipad / ipad mini
		07	600x960		| nexus7
	DOUBLE 08	414x896		| iphone xr/xs max
	DOUBLE 09	414x846		| galaxy note 9
_10	414x736		| iphone 6/7/8 plus
_11	375x812		| iphone x/xs
_12	375x667		| iphone 6/7/8 + iphone 12 pro
		13	360x740		| galaxy s9/s9+
_14	360x640		| galaxy s5
_15	320x568		| iphone 5/se
	DOUBLE 16	320x480		| random (smallest)
_17 280x653   | galaxy fold (xsmall)

*/


/*Load all device specific styles*/

@import url("/wp-content/plugins/ht-manage/custom/mobilecss/00-w-3840x2160-4k-ultra-hd.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/01-w-1920x1080-1080p.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/02-w-1280x720-720p.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/03-p-1024x1336-ipad-pro-12-9-inch.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/04-p-834x1112-ipad-pro-10-5-inch.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/05-p-800x1280-kindle-fire-hdx-nexus-10.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/06-p-768x1024-ipad-ipad-mini.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/07-p-600x960-nexus-7.css");
	/*DOUBLE @import url("/wp-content/plugins/ht-manage/custom/mobilecss/08-p-414-896-iphone-xr-xs-max.css");*/
	/*DOUBLE @import url("/wp-content/plugins/ht-manage/custom/mobilecss/09-p-414x896-galaxy-note-9.css");*/
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/10-p-414x736-iphone-6-7-8-plus.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/11-p-375x812-iphone-x-xs.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/12-p-375x667-iphone-6-7-8-12pro.css");
	/*DOUBLE @import url(""/wp-content/plugins/ht-manage/custom/mobilecss/13-p-360x740-galaxy-s9-s9plus.css");*/
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/14-p-360x640-galaxy-s5.css");
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/15-p-320x568-iphone-5-se.css");
	/*DOUBLE @import url("/wp-content/plugins/ht-manage/custom/mobilecss/16-p-320x480-random-small.css");*/
@import url("/wp-content/plugins/ht-manage/custom/mobilecss/17-p-280x653-galaxyfold-xsmall.css");