@media only screen and (min-width: 992px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {


}

/* global for big screens > 768 */
@media only screen and (min-width: 768px) {
	#menu { display:none; }
	
	.slicknav_menu {
		display:none;
	}


}

/* global for all smaller screens <= 767... */
@media only screen and (max-width: 767px) {
	img { max-width: 100%; height:auto; }
	.finddevpic {max-width: 100%;}
	
	#menu { display:none; }
	
	.ismobile {display:block;}
	.isdesktop {display:none;}
	
	#learnOSlist {margin-left:0px;margin-top:20px;}
	
	#printlink {font-size:200%;}
	
	.slicknav_menu {
		display:block;
		background: #2E2125;
	}
	
	.slicknav_menu li {
	font-size: 22px;
	border-bottom: thin solid White;
	}
	
	.slicknav_menu .slicknav_menutxt {
		font-size: 22px;
	}
	
	.slicknav_nav a {
		color: #FFEEDE;
	}

	h1 {margin: 0px 0px 0px 10px; }
	
	#langbarwrapper {display:none;}
	
	#maincontent {width:100%;}
	
	#adminframe {
		margin: 0px 10px 10px 10px;
	}
	
	#langbar {
		width: 100%;
		height: 25px;
		padding: 0px 0px 0px 0px;
	}
	
	#garibarwrapper {width:100%;height:auto;}
	#garibarwrappernolangbar {width:100%;height:auto;}
	#garibar {width:100%;height:auto;}
	
	.garilogo {text-align:center;}
	#hdrnav {display:none;}
	
	#findlearn {width:100%;height:auto;font-size: 16px;}
	#finddevapps {float:none;text-align:center;padding:15px 0px 20px 0px;margin:0px 0px 0px 0px;}
	#learn {float:none;text-align:center;padding:0px 0px 15px 0px;}
	
	#hometaglinebarwrapper {width: 100%;height:auto;}
	#hometaglinebar {width: 100%;height:auto;padding:10px 0px 10px 0px;font-size:24px;}
	#vertline {display:none;}
	
	#selectorbox {display:none;}
	
	#dotarea {position: relative;width:100%;height:auto;top:0px;left:0px;}
	#dots {display:none;}
	#centertagline {font-size: 24px;margin:10px 0px 0px 0px;}
	
	#homecontent {
		width:100%;
		height: auto;
	}
	
	#homecentralcontent {position: relative;width: 100%;top: 0px;}
	
	#home3across {display:none;}
	
	#soonerorlater {
		width:auto;
		margin: 20px 10px 20px 10px;
	}

	#mmf-logo-home {
		position:relative;
		width:100%;
		top:0px;
		left:0px;
		text-align:center;
		padding: 50px 0px 10px 0px;
	}
	
	#runbymmf {
		width:auto;
		text-align: left;
		float: none;
		margin: 0px 10px 20px 10px;
	}
	
	#footerlinkswrapper {display:none;}
	#footerlinksbox {display:none;}
	#footercopyrightbox {
		width:100%;
		height:auto;
		text-align:center;
	}
	
	#designedby {display:none;}
	#copyrighttext {float:none;font-size:14px;}
	#termsservice {display:block;font-size:16px;margin: 20px 0px 0px 0px;}
	#privacy {display:block;font-size:16px;margin: 10px 0px 30px 0px;}
	
	#breadcrumbarea {
		width:100%;
		margin: 0px 0px 0px 0px;
		background: #ffffff;
	}
	#breadcrumblink {
		margin: 0px 20px 0px 10px;
	}
	
	#pgtitletext {display:none;}
		
	#contentbox {
		width:100%;
		height: auto;
		box-shadow: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		top: 0px;
		
	}
	
	#contentboxinner {
		width:auto;
		height: auto;
		margin: 0px 10px 0px 10px;
		padding: 10px 0px 1px 0px;
	}
	
	#findwrapper {
		position: relative;
		width:100%;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color:white;
	}
	
	#findwrapperinner {
		width:auto;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 1px 0px;
	}
	
	#searchbox {
		width: 100%;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		box-shadow: rgba(0,0,0, .5) 0px 0px 20px;
	}
	

	
	#searchbox.findphones {
		height: auto;
	}
	
	#searchboxinner {
		margin: 0px 0px 0px 10px;
	}
	
	#notab2 {display:none;}
	#tab1 {display:none;}
	#notab1 {display:none;}
	#tab2 {display:none;}
	
	#tab1mobile {
		display:block;
		position: relative;
		top: 0px;
		left: 0px;
		width: 40%;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
		background-color: #ffffff;
		z-index: 10;
		box-shadow: rgba(0,0,0, .3) 3px -5px 5px;
	}
	

	
	#tab2mobile {
		display:block;
		position: relative;
		float:right;
		top: 30px;
		left:0px;
		width: 50%;
		height: 100%;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 10px;
		background-color: #ffffff;
		z-index: 10;
		box-shadow: rgba(0,0,0, .2) -4px -8px 5px;
		
	}
	

	
	#hidebottomshadow2 {display:none;}
	
	#notab1mobilecontainer {
		position: relative;
		width:40%;
		height:100%;
		display:block;
		z-index: 0;
	}
	
	#notab1mobile {
	    position: relative;
		display:block;
		background-color: #dddddd;
		width:90%;
		height: 60px;
		padding: 3px 3px 3px 3px;
		margin: 0px 0px 11px 10px;
		border-radius: 6px;
		vertical-align:middle;
	}
	
	#notab2mobilecontainer {
		position: relative;
		float:right;
		width:50%;
		height:100%;
		display:block;
	}
	
	#notab2mobile {
	    position: relative;
		display:block;
		position: relative;
		background-color: #dddddd;
		width:90%;
		height: auto;
		padding: 3px 3px 3px 3px;
		margin-top: 5px;
		border-radius: 6px;
		vertical-align:middle;
	}
	

	
	.tabtopictext {margin-left:5px;}
	
	#undershadow1 {display:none;}
	#hidebottomshadow1 {display:none;}
	#undershadow2 {display:none;}
	
	
	#bestdevices {
		width:auto;
	}
	
	#dotdivider1,#dotdivider2 {display:none;}
	#dotdivider1-horizontal,#dotdivider2-horizontal {
		position: relative;
		display:block;
		
		top: 0px;
		left: 0px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#ortext-horizontal{
		position: absolute;
		display:inline;
		top: 17px;
		z-index: 1;
		color: white;
		font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
		font-size: 150%;
	}

	
	#phtabletlookup {
   		position: relative;
		top: 0px;
		left: 0px;
	}
	

	
	#alreadyknow {
		width:auto;
		padding-right:10px;
	}
	
	.bodytext {
		font-size: 18px;
	}
	
	input[type="checkbox"] {
      transform:scale(1.3, 1.3);
	  margin: 0px 10px 0px 10px;
    }
	input[type="radio"] {
      transform:scale(1.3, 1.3);
    }
	input[type="text"] {
      font-size: 125%;
	  width:95%;
    }
	input[type="password"] {
      font-size: 125%;
	  width:95%;
    }
	input[type="submit"] {
	background-color: #009558;
	height: auto;
	width: 90%;
	color: white;
	padding: 7px 10px 0px 10px;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 150%;
	border-radius: 6px;
	display: inline-block;

    }
	select{
      font-size: 110%;
    }
	
	.searchsubmit {
		width: 90%;
		height: auto;
		color: white;
		padding: 7px 5px 5px 5px;
	}
	
	#advancedfeaturesearch {
   		position: relative;
		top: 0px;
		left: 0px;
		padding: 0px 0px 40px 0px;
		width:auto;
		height:auto;
	}
	
	.searchsubmit250 {
		width: 90%;
	}
	
	
	#resultsbox {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
	}
	
	#resultarea ul li {
		min-width: 100%;
		max-width: 100%;
		height: 250px;
		margin: 20px 10px 20px 10px;
	}
	
	.deviceresultwrapper {
		position:absolute;
		bottom:0px;
		width:100%;
		font-weight:bold;
	}
	
	#searchboxcontent {
		max-width:230px;
		width:33%;
		margin-top:0px;
		right: 5px;
	}
	
	.appsforbox {
		width: auto;
		margin: 5px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
	}
	
	#appsummarybox {
		left:0px;
		width:100%;
	}

	
	.apppic {
		position:relative;
		top:0px;
		left:0px;
	}
	

	
	.appsprevnext2 {
		padding: 10px 15px 20px 5px;
		margin: 0px 10px 0px 10px;
		width: 90%;
	}
	
	#forgot {display:block;}
	#clickbox {
		display:block;
		width:auto;
		height:auto;
		background-color:#dddddd;
		padding: 5px 5px 5px 5px;
		margin: 5px 5px 5px 5px;
	}

	#noaccount{display:block;}
	
	.fieldbox {
		margin: 0px 0px 10px 0px;
		display:block;
	}
	
	.fieldboxlabel {
		margin: 0px 0px 0px 0px;
		width:auto;
		float:none;
	}
	
	.fieldboxselect {
		margin: 0px 0px 15px 0px;
		display:block;
	}
	
	.menubox {
		font-size:18px;
		line-height:22px;
		padding-left:0px;
	}
	

	.menuitem {
		margin: 0px 0px 10px 0px;
		list-style-type: none;
		list-style-image: none;
		background-color: #009558;
		height: auto;
		width: 95%;
		color: white;
		padding: 10px 10px 10px 10px;
		font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
		font-size: 125%;
		border-radius: 6px;
		display: block;
		text-align:center;
	}
	
	.menuitem.logout {
	    margin-top: 50px;
		background-color: #994444;
		display:block;
	}
	
	#adminframe .menubox .menuitem a:link, #adminframe .menubox .menuitem a:visited, 
	#adminframe .menuitem.logout a:link, #adminframe .menuitem.logout a:visited, #adminframe .menuitem.logout a:hover
	{
		color: white;
	}
	
	#applogout {display:none;}
	
	#appsbox {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
	}
	
	#appsarea ul li {
		width: 200px;
		height: 200px;
		margin: 5px 10px 20px 10px;
	}
	
	.appswrapper {
		position:absolute;
		bottom:0px;
		width:100%;
		font-weight:bold;
	}
	
	.applistpic{
		max-height: 125px;
	}
	
	#popupContact {
		width:90%;
		left:5px;
	}
	
	.verabove {
		display:inline-block;
		margin-bottom: 10px;
	}
	
	#cookietext {width: 90%;margin-right:10px;}

	
}
		
/* 480 - 767 */
@media only screen and (min-width: 480px) and (max-width: 767px){
	
	body {
		font-size: 16px;
	}

	#appbox {
		width: 60%;
		margin: 0px 10px 40px 10px;
		padding: 20px 10px 20px 10px;
	}
	
	.appsprevnext {
		padding: 10px 15px 20px 5px;
		margin: 0px 10px 0px 10px;
		width: 60%;
	}
	

	
}


/* 479 and smaller */
@media only screen and (max-width: 479px) {
	body {
		font-size: 16px;
	}
	
	#productdetailsarea {margin: 0px 0px 0px 10px;}
	
	#appbox {
		width: 90%;
		margin: 0px 10px 40px 10px;
		padding: 20px 10px 20px 10px;
	}
	
	#searchboxcontent {display:none;}
	#appsearchmsg {
		display:block;
		margin: 0px 5px 5px 5px;
		color: #880000;
	}
	
	.appsprevnext {
		padding: 10px 15px 20px 5px;
		margin: 0px 10px 0px 10px;
		width: 90%;
	}
}


