/* For everything under 620, use icons for menu links */
@media only screen and (max-width: 1500px) {
	table#errorlogs .url {
		display:none;
	}
}

@media only screen and (max-width:850px) {
	#contacts .delete {
		display:none;
	}
}

@media only screen and (max-width: 650px) {
	#menu a {
		font-size:.85em;
		padding: 9px 10px 27px 10px;
	}

	.archivedate {display:none;}

	.user .actions a .edit, .user .email .email {
		display:none;
	}
	#ips .actions a .edit, #ips .actions a .delete, #ips .date, #contacts .ipAddress, #contacts .email span {
		display:none;
	}

}

@media only screen and (max-width: 450px) {
	#ips .duration {
		display:none;
	}
	.search_panel {
		width:100%;
	}
}

/*For everything under 470px, shrink the menu font (which is icons by this point) */
@media only screen and (max-width: 500px) {
	#contacts .read, #contacts .dateCreated .time{
		display:none;
	}
}




@media only screen and (max-width: 1023px) {
	#mastheadimg {
		height:181px;
		width:850px;
	}
	#maincontent, #menucontent, #recentphotos{
		max-width:850px;
	}
	#recentphotos #thumbnails a {
		padding:16px;
	}
	#galleries .gallery .gallerythumbs a {
		padding:7px;
	}
	table#errorlogs .delete, table#errorlogs .type, table#errorlogs .event {
		display:none;
	}

}
@media only screen and (max-width: 850px) {
	#mastheadimg {
		height:163.5px;
		width:768px;
	}
	#maincontent, #menucontent, #recentphotos{
		max-width:768px;
	}
	#recentphotos #thumbnails a {
		padding:10px;
	}
	#galleries .gallery .gallerythumbs a {
		padding:11px;
	}
	table#errorlogs .ip {
		display:none;
	}
	table#errorlogs td.message {
		max-width:300px;
	}
}
@media only screen and (max-width: 767px) {
	#menu ul {
		padding:none;
	}
	#menu a i {
		display:block;
		font-size:1.5em;
		padding-left:5px;
		padding-right:5px;
	}
	#menu a span {
		display:none;
	}

	a#admin_menu.dropdown-toggle::after {display:none !important;}
	a#user_menu.dropdown-toggle::after {display:none !important;}


	#mastheadimg {
		height:138px;
		width:650px;
	}
	#maincontent, #menucontent, #recentphotos{
		max-width:650px;
	}
	#recentphotos #thumbnails a {
		padding:10px;
	}
}
@media only screen and (max-width: 650px) {
	#mastheadimg {
		height:106.5px;
		width:500.5px;
	}
	#maincontent, #menucontent, #recentphotos{
		max-width:500px;
	}
	#recentphotos #thumbnails a {
		padding:6px;
	}
	#galleries .gallery .gallerythumbs a {
		padding:9px;
	}
	.modal-dialog   {
		margin:0;
		max-width:100% !important;
		height:100% !important;
	}
	.modal-content {
		height:100% !important;
	}
	table#errorlogs td.message {
		max-width:250px;
	}	
}

@media only screen and (max-width: 500px) {
	#mastheadimg {
		height:87.5px;
		width:414px;
	}
	#maincontent, #menucontent, #recentphotos{
		max-width:414px;
	}
	#recentphotos #thumbnails a {
		padding:7.5px;
	}
	#galleries .gallery .gallerythumbs a {
		padding:15px;
	}
	table#errorlogs td.message {
		max-width:200px;
	}	
}


@media only screen and (max-width: 480px) {
	table#errorlogs .message {
		display:none;
	}
	table#errorlogs .delete { 
		display:inline;
	}
}


/* iphone 6/7/8 plus*/
@media only screen and (max-width: 414px) {
	#mastheadimg {
		height:87.5px;
		width:414px;
	}
	#wrapper {
		max-width:414px;
	}
	#recentphotos #thumbnails a {
		padding:7.5px;
	}
	.formitem.button-group {
		text-align:center;
	}
	.user .name .name {
		display:none;
	}
	.user .name .username {
		display:block;
	}
	table#errorlogs td.message {
		max-width:150px;
	}
}

/*Pixel 2, Pixel 2 XL*/
@media only screen and (max-width: 411px) {
	#mastheadimg {
		height:87.5px;
		width:411.5px;
	}
	#wrapper {
		max-width:411px;
	}
	#recentphotos #thumbnails a {
		padding:7px;
	}
}

/* iphone 6/7/8/X - */
@media only screen and (max-width: 375px) {
	#mastheadimg {
		height:80px;
		width:375px;
	}
	#wrapper {
		max-width:375px;
	}
	#recentphotos #thumbnails a {
		padding:18px;
	}
	#galleries .gallery .gallerythumbs a {
		padding:8px;
	}
	.formitem.button-group button i {
		display:none;
	}

	.toast-container, .toast {
		max-width:100% !important;
		width:100% !important;
	}
	.toast-top-right {
		top:0;
		right:0;
	}
}

/*Galaxy S5*/
@media only screen and (max-width: 360px) {
	#mastheadimg {
		height:77px;
		width:360px;
	}
	#wrapper {
		max-width:360px;
	}
	#recentphotos #thumbnails a {
		padding:15px;
	}
	#galleries .gallery .gallerythumbs a {
		padding:6px;
	}
}


@media only screen and (max-width: 359px) {
	#mastheadimg {
		height:68px;
		width:320px;
	}
	#maincontent, #menucontent, #recentphotos{
		max-width:320px;
	}
	#recentphotos #thumbnails a {
		padding:9px;
	}
	#galleries .gallery .gallerythumbs a {
		padding:25px;
	}
}

/*iphone 5/SE*/
@media only screen and (max-width: 320px) {
	#mastheadimg {
		height:68px;
		width:320px;
	}
	#wrapper {
		max-width:320px;
	}
	#recentphotos #thumbnails a {
		padding:9px;
	}
}


.dropdown-menu>li {
	width:100%;
}
.dropdown-menu>li>a {
	background-color:#fff !important;
	text-align:left;
}
.dropdown-menu li a {
	background-color:#fff !important;
	text-align:left;
}
.dropdown-menu>li>a:hover {
	background: #d6d3c2 !important;
}