/* --- Touch/Mobile Only styles that need to be hidden --*/
#touch-nav a, #touch-search a, #touch-menu, h1#global-logo-m, #touch-search .global-search-form {display: none;}

/* remove Maps & Accessories and Support drop down menus */
li#primary-maps-etc .dropdown, li#primary-support .dropdown {display: none;}

/* --- Styles for smaller screens (iPad portrait view up to fixed width grid)--- */
@media screen and (min-width:768px) and (max-width: 939px){
	#global-header-wrapper .dropdown {width: 768px;}
	#header-primary-nav .w-icon li {margin-left: 6px; margin-right: 6px;}
	#header-primary-nav {margin-top: 5px!important;}
	#header-primary-nav h2 {font-size: 1.3em;}
	#header-primary-nav .dropdown.w-icon li, #global-nav-utility-tier li {font-size: 14px;}
	#header-primary-nav .dropdown li, #header-primary-nav .dropdown.w-icon li span {font-size: 12px;}
	#header-primary-nav .dropdown li a {line-height: 1.5em;}
	#header-primary-nav > li {margin-left: 0;}
	#header-primary-nav > li h2 {font-size: 1.25em;}
	#header-primary-nav > li h2 span {font-size: 11px;}
	#global-header-wrapper #menu-devices.dropdown li a {line-height: 2em;}
	#header-primary-nav .mega ul {margin-bottom: 7px;}
	li#primary-devices .dropdown {left: -420px;}
	li#primary-explore .dropdown {left: -316px;}
	#header-primary-nav #menu-explore.active-navigation::before {left: 307px;}
	#header-primary-nav #menu-explore.active-navigation::after {left: 310px;}
	#header-primary-nav #menu-devices.active-navigation::before {left: 412px;}
	#header-primary-nav #menu-devices.active-navigation::after {left: 415px;}
	.row>[class*="span"]{float:left;margin-left:16px;}
	.container, .span24 {width: 768px;} 
	.span1   { width:  16px; }
	.span2   { width:  49px; }
	.span3   { width: 81px; }
	.span4   { width: 114px; }
	.span5   { width: 147px; }
	.span6   { width: 179px; }
	.span7   { width: 212px; }
	.span8   { width: 245px; }
	.span9   { width: 277px; }
	.span10  { width: 310px; }
	.span11  { width: 343px; }
	.span12  { width: 375px; }
	.span13  { width: 408px; }
	.span14  { width: 441px; }
	.span15  { width: 473px; }
	.span16  { width: 506px; }
	.span17  { width: 539px; }
	.span18  { width: 571px; }
	.span19  { width: 604px; }
	.span20  { width: 637px; }
	.span21  { width: 669px; }
	.span22  { width: 702px; }
	.span23  { width: 735px; }
	.span3rd {width:256px;}
	.row > .offset1  { margin-left:  49px;}
	.row > .offset2  { margin-left:  81px;}
	.row > .offset3  { margin-left: 114px;}
	.row > .offset4  { margin-left: 147px;}
	.row > .offset5  { margin-left: 179px;}
	.row > .offset6  { margin-left: 212px;}
	.row > .offset7  { margin-left: 245px;}
	.row > .offset8  { margin-left: 277px;}
	.row > .offset9  { margin-left: 310px;}
	.row > .offset10 { margin-left: 343px;}
	.row > .offset11 { margin-left: 375px;}
	.row > .offset12 { margin-left: 408px;}
	.row > .offset13 { margin-left: 441px;}
	.row > .offset14 { margin-left: 473px;}
	.row > .offset15 { margin-left: 506px;}
	.row > .offset16 { margin-left: 539px;}
	.row > .offset17 { margin-left: 571px;}
	.row > .offset18 { margin-left: 604px;}
}

/* --- styles for mobile/touch friendly devices & screen widths --- */
@media screen and (max-width:767px) {
	.container {width: 100%;}
	.row {margin: 0 auto;}
	.row>[class*="span"]{float:none;margin-left:0; width: 100%;}
	#global-header-wrapper, #global-footer {display: none;}
	#global-header, #global-header-wrapper {margin-bottom: 0;}
	#global-header-wrapper {padding-top: 4em;}
	input.global-search-text {display: none;}
	#touch-nav a{ top: 12px; left: 8px; width: 33px; height: 31px;
		position: absolute; display: block; z-index: 3;
		background-color:#007cc3;
		background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') 6px 7px no-repeat, 
		-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,124,195)), color-stop(1, rgb(0,151,227)) );
		background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') 6px 7px no-repeat
		-webkit-linear-gradient(top,  rgb(0,124,195) 0%, rgb(0,151,227) 100%); /* Chrome10+,Safari5.1+ */
		background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') 6px 7px no-repeat
		-moz-linear-gradient(top,  rgb(0,124,195) 0%, rgb(0,151,227) 100%); /* FF3.6+ */
		background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') 6px 7px no-repeat
		-o-linear-gradient(top,  rgb(0,124,195) 0%, rgb(0,151,227) 100%); /* Opera 11.10+ */
		background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') 6px 7px no-repeat
		-ms-linear-gradient(top,  rgb(0,124,195) 0%, rgb(0,151,227) 100%); /* IE10+ */
		background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') 6px 7px no-repeat
		linear-gradient(to bottom,  rgb(0,124,195) 0%, rgb(0,151,227) 100%); /* W3C */	  
		text-indent: -9999px;}
	#touch-search {display: none;}	
	#touch-search a {width: 32px; height: 32px; padding: 0 0 0 .5em; color: #fff; display: block; border: 1px solid #aab200;
		position: absolute; top: 12px; right: 8px; z-index: 3;}
	#content {z-index: 1; position: relative; top: 0; bottom: 0; left: 0; overflow: hidden; 
		box-shadow: -3px 0px 5px rgba(0,0,0,.25); background-color: #fff;}
	.show-nav #content {position: fixed;}
	#touch-menu {position: absolute; top: -1px; left: 0; z-index: 1; width: 100%; display: block; min-height: 100%;
		background: #282828;
		background: -moz-linear-gradient(top,  rgba(20,20,20,0.85) 0%,rgba(12,12,12,.95) 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top,  rgba(20,20,20,0.85) 0%,rgba(12,12,12,.95) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(20,20,20,0.85) 0%,rgba(12,12,12,.95) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(20,20,20,0.85) 0%,rgba(12,12,12,.95) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(20,20,20,0.85) 0%,rgba(12,12,12,.95) 100%); /* W3C */
		}
	#touch-search .global-search-form {position: absolute; top: -500px; left: 0; width: 100%; display: block;
		background: #888; padding: 1em; z-index: 4;}	
	h1#global-logo-m {padding: .1em; width: 120px; height: 40px; display: block; text-indent: -9999em; position: relative; top: 3px; margin: 0 auto;
		background: 0 0 no-repeat url("//static.garmincdn.com/com.garmin/ui/images/navigation-global/garmin_logo_on_w.png"); margin-bottom: 12px;}
	#touch-menu ul {padding: .85em .5em .9em 1em; margin: 0 1em 0 -.25em; border-top: 1px dotted #888;}
	#touch-menu ul#login-state li {background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') no-repeat 2px -26px; height: 16px;
	padding-left: 23px; line-height: .95em; }
	#touch-menu li#cart {background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') no-repeat 0 -50px; height: 16px; }
	#touch-menu ul li{list-style: none; line-height: 1.75em; color: #cfcfcf; font-size: 16px; font-weight: bold;}
	#touch-menu ul li a {color: #efefef;}
	#touch-menu ul li ul {padding: .25em 0em .25em .7em; margin-left: -.6em;
		background: #181818;
		background: -moz-linear-gradient(top,  rgba(10,10,10,0.85) 0%,rgba(2,2,2,.85) 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top,  rgba(10,10,10,0.85) 0%,rgba(2,2,2,.85) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(10,10,10,0.85) 0%,rgba(2,2,2,.85) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(10,10,10,0.85) 0%,rgba(2,2,2,.85) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(10,10,10,0.85) 0%,rgba(2,2,2,.85) 100%); /* W3C */}
	#touch-menu ul li ul.secondary-menu.explore-dropdown {margin-top: .25em; margin-bottom: .25em; border-bottom: 1px dotted #888;}	
	#touch-menu ul li ul.secondary-menu.explore-dropdown li{ padding-left: 23px; height: 14px; line-height: .95em; margin: .65em 0;}
	#touch-menu ul li ul.secondary-menu.explore-dropdown li#road-link {background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') no-repeat 2px -70px;}
	#touch-menu ul li ul.secondary-menu.explore-dropdown li#sports-link {background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') no-repeat 2px -84px;}
	#touch-menu ul li ul.secondary-menu.explore-dropdown li#trail-link {background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') no-repeat 2px -98px;}
	#touch-menu ul li ul.secondary-menu.explore-dropdown li#go-link {background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') no-repeat 2px -112px;}
	#touch-menu ul li ul.secondary-menu.explore-dropdown li#water-link {background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') no-repeat 2px -126px;}
	#touch-menu ul li ul.secondary-menu.explore-dropdown li#air-link {background: url('//static.garmincdn.com/gdc/temporary-files/rwd/mobile-icon-sprite.png') no-repeat 2px -140px;}
	#touch-menu ul li.country-selector.has-menu {margin-bottom: -14px;}
	.country-selector a {padding-left: 23px!important;}
}