/* ------------------------------
handheld styles
------------------------------ */

@media all and (max-width: 740px) {
	#currentlocationtitle {
	display:none;
	}

}

@media all and (max-width: 520px)/*,
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
     only screen and (min-resolution: 192dpi) and (max-width: 1024px),
      only screen and (min-resolution: 2dppx) and (max-width: 1024px)*/ {

	.rightside img {
	max-height:300px;
	max-width:100%;
	}

	#mainnav ul {
	margin-left:0px;
	}

	

	.screensize-computer {
	display:none;
	}
	
	.screensize-handheld {
	display:block;
	}
	
	#header-logo-name {
	margin-left:0px;
	}
	
	#header-logo-name img {
	width:100px;
	padding-top:5px;
	}
	
	#header-logo img {
	/*width:35px;*/

	}
	
	#friend-icons {
	width:95%;
	}
	
	#the-log {
	width:100%;
	border:none;
	}
	
	.log-item {
	width:90%;
	margin:10px auto;
	/*background-color:yellow;*/
	text-align: left;
	padding:10px;
	min-height:50px;
	}
	
	.log-item-trip-name {
	font: bold 15px Georgia, Serif;
	margin: 0 0 5px 0;
	color: #003388;
	}
	
	.days-til-trip {
	font-size:25px;
	}
	
	.lightbox {
	width:100%; 
	}
	
	#main-blank {

	width:calc(100% - 2px); /*remove two for border*/
	}
	
	.form-row {
		padding:5px 0;
	}
	
	.form-label {
		padding-left: 5%;
	}
	
	#photodescription {
		width:200px;
	}
	
	#photodate {
		width:70px;
	}
	
	.trip {
	
	}
	
	#the-budget {
	width:100%;
	}
	
	#welcome-content
	{
	width:100%;
	}
	
	#welcome-message {
	width:90%;
	margin: 0 auto;
	}
	
	#itinerary-submenu {
	padding-left: 0px;
	padding-top: 10px;
	width:100%;
	}
	
	#trip-members {
	padding-right: 10px;
	/*padding-top: 10px;*/
	margin-top:-98px;
	}
	
	#title-img img {
	width:30px;
	min-height:22px;
	}
	
	#itinerary-dates {
	margin-left:-40px;
	margin-top:-5px;
	}
	
	#trip-members-list {
	display:none;
	}
	
	.featherlight-content {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
  	

	/* important:  dimensions or positioning here! */
	}
	
	#itinerarydetails-content {
	max-width:480px;
	}
	
	#shannybug-sites {
	width:100%;
	}
	
	
	.shannybug-site {
	float:none;
	margin: 0 auto;
	margin-bottom:5px;
	}
	
	.location-album {
	float:none;
	margin: 0 auto;
	margin-bottom:5px;
	width:calc(100% - 2px);
	height:303px;
	}
	
	.location-album-img-holder {
	min-height:283px;
	}
	
	.location-album-img {
	max-height:280px;
	}
	
	#page-wrap {
	width:100%;
	padding:0px;
	margin: 0 auto;
	float:left;
	}
	
	#currentlocation {
	padding-top:0px;
	}
	
	.media-img {
		max-width:100%;
		max-height:390px
	}
	
	
	#login-form-holder {
	width:90%;
	min-height:120px;
	}
	
	#ec-list {
	width:90%;
	}
	
	#home-list {
		width:100%;
	}
	
	.home-list-item {
		width:calc(100% - 12px);
	}
	
	#nav-friend-location
	{
		margin-top:-53px;
	}
	
	#nav-friend li {
		padding: 0 5px;
	}
	
	#nav-friend-menu {
		display:none;
	}
	
	#nav-friend-menu-icons {
		display:block;
	}
	
	/*********** flags *************/
#geographic-regions-title {
min-width:calc(100% - 10px);
max-width:calc(100% - 10px);
}

}

@media all and (max-width: 320px) {
	/* itinerarydetails */
	#displayNotes {
	width:100%;
	padding-left:0px;
	text-align:left;
	}
	
	#htmlNotes {
	width:100%;
	padding-left:0px;
	margin-left:0px;
	}
	
	#notes {
	width:100%;
	}
	
	#depart-start-time {
	width:auto;
	}
	
	
	
	#depart-end-time {
	width:auto;
	}
	
	#ii-detail-leftInfo {
	width:auto;
	padding-left:1%;
	}
	
	#ii-icon-name {
	font-size: 12px;
	}
	
	#ii-icon img {
	height:30px;
	}
	
	#depart-info {
	padding-top:0px;
	}
	
	#depart-title-container {
	/*width:auto;
	min-height:0px;
	float: left; width: 20%; text-align: right;min-height:50px;padding-top:12px;*/
	}
	
	#form-buttons {
	padding-bottom:15px;
	}
	
	#ii-detail-rightInfo {
	width:100%;
	}
	
	.ii-detail-rightInfo-row {
	width:100%;
	padding-left:0px;
	}
	
	.ii-row-label {
	padding-left:1%;
	}
	
	#ii-icon-inline {
	display:inline;
	}
	
	#nameSpan {
	/*display:none;*/
	}
	
	#main-blank {
	width:99%;
	}
	
	.featherlight-content {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
  	

	/* important:  dimensions or positioning here! */
	}
	
	#itinerarydetails-content {
	max-width:280px;
	}
	
	.title-3 {
	font-size:12px;
	}
	
	#nav-friend li {
	font-size:12px;
	}
	
	.location-title {
	font-size:12px;
	}
	
	#login-form-holder {
	min-height:140px;
	}
	
	#nav-friend-menu {
		display:none;
	}
	
	#nav-friend-menu-icons {
		display:block;
	}
}