html
	{
		-webkit-tap-highlight-color: rgba(170, 255, 0, 0.71);
		-webkit-text-size-adjust:none;
	}
	#nonFooter
	{
		overflow: hidden;
	}
	
	#widerContentSettings
	{
		width: auto;
		margin: 0 15px;
		padding-bottom: 20px;
	}
	#widerContent
	{
		margin: 0 15px;
	}
	.settingsMenu
	{
		width: auto;
		margin: 0 15px;
	}
	.settingsMenuItem
	{
		display: inline-block;
		width: 50%;
		float: left;
		padding: 11px 0;
	}
	.settingsMenuTitle
	{
		font-size: 20px;
		padding-left: 50px;
		
	}
	.menuIcon
	{
		font-size: 30px;
	}
	.myImagesFrame
	{
		margin: 10px 0px 5px;
		height: 260px;
		width: 200px;
		float: none;
		display: inline-block;
		border: 1px solid rgb(41,41,41);
		border-radius: 0px;
		box-shadow: none;
		
		transition: height 0.5s;
		-webkit-transition: height 0.5s;
		-moz-transition: height 0.5s;
	}
	
	.myImagesFrame:nth-of-type(4n-7)
	{
		margin-left: 0px;
	}
	
	.myImagesDisable .interactArea
	{
		display: block !important;
		opacity: 1 !important;
	}
	
	.myImagesDisable:hover .imageArea .myImagesItem
	{
		border: 0px !important;
	}
	
	.myImagesFrame:hover .interactArea
	{
		opacity: 1;
		overflow: visible;
		display: block;
	}
	
	.myImagesHover
	{
		margin: 10px 5px 0px !important;
		width: 200px !important;
		height: 125px;
	}
	
	.ui-selectee
	{
		border: 1px dashed grey;
	}
	
	.ui-state-highlight
	{
		border-color:#90F135;
		border-style: solid;
	}
	
	.ui-selecting
	{
		border-color: white;
	}
	
	.imageArea
	{
		float: left;
		position: absolute;
	}

	.myImagesItem
	{
		filter: none !important;
		-webkit-filter: none !important;
		-moz-filter: none !important;
		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		transform: scale(1) !important;
		border: 0px !important;
		position: static !important;
	}
	
	#total
	{
		width: 100%;
		left: 0px;
		z-index: 105;
		position: fixed;
		bottom: 0px;
		background: rgba(28,28,28, 0.95);
		box-shadow: 0px -1px 0px black;
		border-top: 1px solid rgba(197, 197, 197, 0.13);
		height: 40px;
		line-height: 40px;
		border-radius: 3px;
	}
	
	#total a
	{
		display: none !important;
	}
	
	#innerHeader
	{
		width: auto;
		margin: 0 15px;
		-webkit-transition: margin 0.5s;
		-moz-transition: margin 0.5s;
		transition: margin 0.5s;
	}
	#innerHeader img
	{
		float: none;
	}
	#innerHeader a.indexLink
	{
		//width: 50px;
		overflow: hidden;
		display: inline-block;
		position: absolute;
		-webkit-transition: width 0.5s;
		-moz-transition: width 0.5s;
		transition: width 0.5s;
	}
	
	.loginBox a.nav.left
	{
		max-width: 75px;
		padding-right: 0px;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-transition: max-width 0.5s;
		-moz-transition: max-width 0.5s;
		transition: max-width 0.5s;
	}
	
	.loginBox a.left.log.nav
	{
		padding-right: 15px;
	}
	
	#menuDrop .dropItem
	{
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	#saveImagesInner
	{
		margin: 0 15px;
		width: auto;
		padding: 0;
		height: 75px;
	}
	#uploadfiles
	{
		right: 0px;
		height: 45px;
		display: inline-block;
		line-height: 45px;
	}
	a.save
	{
		height: 45px;
		display: inline-block;
		line-height: 45px;
		font-size: 16px;
	}
	#controls .addMore #pickfiles, #controls.addMore
	{
		height: 45px;
		display: inline-block;
		line-height: 45px;
	}
	#contentContainer
	{
		margin: 0 auto;
		width: 100% !important;
	}
	#codesContent
	{
		width: auto;
		margin: 0 15px;
	}
	.codes
	{
		width: auto;
		clear: left;
		float: none;
	}
	
	.shareMode:before, .deleteMode:before
	{
		font-size: 28px;
		margin: 0 10px 0 0;
	}
	
	.rightCodesControll
	{
		margin-top: 0px;
	}
	.rightCodesControll .codes:nth-child(even)
	{
		margin-left: 0px;
	}

	
	.codesMore .codes:nth-child(odd)
	{
		margin-left: 0px;
	}
	
	.codesMore .codes
	{
		margin-left: 0px;
	}
	
	.codesMore
	{
		display: none;
		margin-top: 0px;
	}
	
	.headerText
	{
		font-size: 22px;
		padding-top: 4px;
	}
	
	a.bottomCode
	{
		display: block;
	}
	
	.settingsContent
	{
		margin-left: 0;
	}
	.settingsItemWrap
	{ 
		float: none;
		display: block;
		width: 100%;
	}

	.myImagesWrap
	{
		margin-left: 0;
	}
	.stickyBar
	{
		width: auto;
		left: 0px;
		box-sizing: border-box;
		position: relative;
		box-shadow: none;
		border-bottom-color: transparent;
	}
	.stickyBG, .stickyBar
	{
		background: transparent !important;
		box-shadow: none !important;
		border: 0px !important;
	}
	.stickyFooter
	{
		position: static;
	}
	.imagesControls
	{
		margin-left: 0;
	}
	#header
	{
		//height: 130px;
		height: 80px;
		overflow: visible;
	}
	#header img
	{
		margin: 17px 0 0 0;
	}
	#dropHint span
	{
		display: none;
	}
	#content
	{
		width: auto;
		margin: 0 15px;
	}
	#welcome
	{
		margin: 25px auto 0;
		-webkit-transition: margin 0.5s;
		transition: margin 0.5s;
		padding-top: 0px;
		width: 380px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 0;
	}
	#welcome h1
	{
		font-size: 26px;
		text-shadow: none;
		color: transparent;
		min-height: 60px;
		margin: 0 auto;
	}
	#welcome
	{
		margin-bottom: 120px;
	}
	.ital
	{
		display: none;
	}
	.upExtra
	{
		display: none;
	}
	h1 a#pickfiles
	{
		margin-top: 0px;
	}
	#welcome #pick_container, #welcome a#pickfiles
	{
		display: inline-block;
		text-align: center !important;
		box-sizing: border-box;
		padding: 10px 0;
	}
	#welcome a#pickfiles
	{
		width: 380px;
	}
	#welcome #pick_container, #welcome a#pickfiles:after
	{
		content: " to Upload";
	}
	#welcome a#pickfiles:before
	{
		content: "P  ";
		line-height: 0;
		font-family: "Pictos";
	}
	#welcome h2
	{
		font-size: 22px;
	}
	.previewPre
	{
		position: static;
		bottom: 50px;
		margin: 0 auto;
		left: auto;
	}
	#uploadContainer .imageHolder
	{
		float: left;
		position: absolute;
		left: 0px;
	}
	.fastCodesRel
	{
		clear: left;
		margin-left: 225px;
	}
	.preview .fastCodes
	{
		width: 100%;
	}
	#uploadContainer .preview
	{
		float: left;
		margin: 0px 0px 0px;
		width: 100%;
		height: 145px;
	}
	#uploadContainer .preview:nth-child(3n-7)
	{
		margin: 0px 0px 0px;
	}

	.preview p
	{
		font-size: 18px;
		margin-top: 48px;
		margin-left: 225px;
		padding-right: 75px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
		float: none;
		width: auto;
		white-space: nowrap;
	}
	
	.uploadDone .fastCodesRel p.type
	{
		display: block;
		padding-top: 12px;
	}
	
	.preview a.removeFile
	{
		bottom: none;
		top: 40px;
		right: 0px;
		opacity: 1;
		width: 60px;
		height: 60px;
		border-radius: 3px;
		border: 1px solid rgba(17, 17, 17, 0.3);
		box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.05);
		background-color: rgba(0, 0, 0, 0.1);
	}

	#uploadContainer .progressHolder
	{
		left: 100px;
		bottom: 15px;
	}
	#Footer
	{
		width: auto;
		background: none;
	}
	#footerLeft
	{
		float: none;
		text-align: center;
	}
	#footerRight
	{
		display: none;
	}
	.loginBox a.nav #pictos
	{
		font-size: 18px;
	}
	.loginBox a.small
	{
		padding: 0px 15px !important;
		font-size: 18px;
	}
	.loginBox a.nav
	{
		padding: 0px 13px;
		height: 60px;
		line-height: 60px;
		font-size: 20px;
		float: left;
	}
	.loginBox a.nav.signup:after
	{
		content: "" !important;
	}
	.loginBox
	{
		margin-top: 8px;
		height: 61px;
		max-width: 450px;
		
	}
	
	.loginBox #menuDrop
	{
		top: 61px;
	}
	.error
	{
		position: relative;
	}
	#err_close
	{
		position: absolute;
		right: -5px;
	}
	.formArea
	{
		margin-left: 20px;
		width: 100%;
		margin: 0;
		padding: 0 10px 0 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	ul.glance li
	{
		width: 100%;
		font-size: 18px;
		margin: 10px auto;
	}
	li.formList
	{ 
		height:68px;
	}
	li.formList label
	{
		font-size: 20px;
	}
	ul.formList
	{
		width: auto;
		display: block;
		line-height: 35px;
		margin: 10px 0 0px 5px;
	}
	li.formList
	{
		display: block;
	}
	
	.settingsFormContentLeft
	{
		width: 95px;
	}
	
	.settingsForm
	{
		float: none;
	}
	.sell
	{
		display: none;
	}
	.fullnail
	{
		display: none;
	}
	
	.rightCode
	{
		width: auto;
		display: block;
		float: none;
		padding-left: 240px;
		padding-right: 10px;
	}
	.rightCodesControll p
	{
		margin-top: 11px;
	}
	.leftCode
	{
		padding-right: 20px;
		width: 213px;
		position: absolute;
		left: 0px;
	}
	.codeBox
	{
		width: 100%;
	}
	.embedBox
	{
		width: 100%;
	}
	#codeServeList
	{
		width: auto;
		margin: 0;
	}
	#codeServeList li
	{
		margin: 0;
		padding: 10px 0px;
		width: auto;
		min-height: 180px;
		height: auto;
	}
	.formHeader
	{ 
		font-size:22px;
	}
	.formDesc
	{
		font-size: 12px;
	}
	#school
	{ 
		display: none;
		margin-top: 20px;
	}

	.awesome
	{
		font-size: 18px;
	}
	.formInput
	{
		width: auto !important;
	}
	#changeEmailFormArea
	{
		margin: 0;
	}
	
	#cookieMonster
	{
		bottom: 65px;
		border-bottom: 1px solid rgba(126, 134, 213, 0.13);
		border-radius:3px;
	}
	.footerFont
	{
		font-size: 14px;
	}
	.previewToggle a
	{
		font-size: 20px;
		padding: 0px;
	}
	#uploadInfo p, #uploadInfo a
	{
		font-size: 18px;
		
	}
	#uploadInfo a
	{
		padding-right: 0px;
		margin-right: 0px;
	}
	#uploadSettings
	{
		width: 100%;
		margin-top: 50px;
		position: static;
		background: none;
		clear: both;
		border-top: 0px;
		box-shadow: none;
	}
	
	.zindex
	{
		z-index: 60 !important;
		bottom: 0px !important;
	}
	
	.codeButtonShort
	{
		border: 0px;
		border-left: 1px solid rgba(200,200,200,0.2);
		color: rgba(255,255,255,1);
		opacity: 1;
		-webkit-transition: all 0.2s 0s;
		-moz-transition: all 0.2s 0s;
		box-shadow: -10px 0px 9px -5px rgb(41, 41, 41), inset 1px 0px 0px rgba(0,0,0,0.3);
	}
	.excellent, .excellent:visited
	{
		font-size: 22px !important;
		padding: 0 20px;
		line-height: 50px;
		height: 50px;
	}
	
	#leftEditControls input
	{
		height: 50px;
		line-height: 50px;
		font-size: 22px;
		padding: 0 20px;
	}
	
	#load
	{
		top: 75px;
	}
	
	#leftEditControls
	{
		height: 50px
	}
	#leftEdit
	{
		height: 60px;
		min-width: 150px;
	}
	.selectMode
	{
		height: 50px;
		line-height: 40px;
	}
	.imagesControls
	{
		height: 60px;
	}
	.sticky
	{
		margin-top: 0px;
		position: static;
		width: 100%;
		clear: left;
	}
	.stickyContainer
	{
		padding-top: 0px;
	}
	#leftEditTitle h1
	{
		font-size: 22px;
		line-height: 45px;
	}
	#socialShare
	{
		clear: left;
	}
	.embedWrap
	{
		width: 100%;
	}
	.codeServe
	{
		width: auto;
		padding-left: 235px;
		display: block;
		float: none;
		height: 125px;
	}
	.codeServeEmbed
	{
		width: auto;
		padding-top: 10px;
		float: none;
		padding-left: 240px;
		height: 150px;
	}
	.embedWrap:first-child
	{
		margin-bottom: 5px;
	}
	.textBox
	{
		width: 100%;
	}
	.all-images
	{
		width: auto;
		padding-left: 0px;
	}
	#consImg
	{
		position: absolute;
	}
	.extraNav .control a
	{
		line-height: 18px;
		width: 35px;
		height: 35px;
		font-size: 23px;
	}
	.extraNav .select, .extraNav .control
	{
		width: 34px;
		height: 34px;
		line-height: 25px;
	}
	
	#helpSection
	{
		padding: 0px 10px;
	}

	.extraList li
	{
		height: 35px;
		line-height: 35px;
	}
	
	.extraList img
	{
		top: 10px;
		left: 6px;
	}
	
	#recaptcha_image
	{
		float: left;
	}
	
	.interactArea
	{
		opacity: 1;
		left: 0px;
		bottom: 0px;
		width: 200px;
		height: 135px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		display: block;
		
		background: rgb(32, 32, 32);
	}
	
	.royalSlider
	{
		width: 200px !important;
		height: 136px;
	}
	
	.interactLinks, .interactInfo, .interactView
	{
		width: 200px;
		margin-left: 0px;
	}
	
	.interactInput
	{
		width: 185px;
		font-size: 16px;
	}
	
	.direct:before, .shared:before, .full:before, .interactView a
	{
		width: 60px;
	}
	
	.arrow_box_signup
	{
		display: none !important;
	}
	
	.welcome ul li
	{
		width: 100%;
	}
	
	.welcomeHead h1, .welcome h1 a
	{
		font-size: 18px;
	}
	
	.welcomeHead h1.logged:after
	{
		content:  ' welcome.';
	}
	
	.welcome p
	{
		padding-left: 15px;
	}
	
	#albumTitle h1
	{
		font-size: 26px;
	}
	
	#albumTitle h2
	{
		text-align: center;
	}
	
	#albumTitleBG, #albumTitleInner
	{
		background-size: cover;
	}
	
	.rsDefault .rsTabs
	{
		height: 35px;
	}
	
	.rsDefault .rsTab
	{
		width: 33.3%;
		font-size: 12px;
		height: 35px;
		line-height: 35px;
	}
	
	#albumTitle
	{
		min-height: 200px;
	}
	
	#albumTitle, #albumTitleContent, #albumTitle h1
	{
		-webkit-transition: all 0.35s;
		-moz-transition: all 0.35s;
		transition: all 0.35s;
	}
	
	#albumTitleContent
	{
		min-height: 150px;
	}
	
	#albumTitle h1
	{
		padding-top: 50px;
		
	}
	
	.previewWelcome
	{
		font-size: 22px;
	}
	
@media (min-width:600px) {

	#albumTitleBG, #albumTitleInner
	{
		background-size: cover;
	}

	#albumTitle h1
	{
		font-size: 42px;
		padding-top: 60px;
	}
	
	#albumTitle
	{
		min-height: 250px;
	}
	
	#albumTitleContent
	{
		min-height: 200px;
	}

  .loginBox a.nav.left
  {
  	max-width: 200px;
  	padding-right: 10px;
  }
  
  .nav.drop.left:before
  {
  	content: "";
  	font-family: "Pictos";
  	line-height: 0px;
  }
  
  #menuDrop .dropItem span
  {
  	display: inline;
  }
  
  #menuDrop .dropItem
  {
  	line-height: 30px;
  }
  
  #innerHeader a.indexLink
  {
  	width: 250px;
  	display: inline-block;
  	position: absolute;
  	height: 80px;
  }
  
  .welcome ul li
  {
  	width: 50%;
  }
  
  .welcomeHead h1
  {
  	font-size: 22px;
  }
}