@media only screen
and (min-width: 320px)
and (max-width: 667px) {
	.hide-for-desktop {
		display: block;
	}

	.hide-for-mobile {
		display: none !important;
	}

	#mylife-menu {
		border-radius: 0;
	}

	#wide-player {
		background-color: #FFFFFF;
	}

	.container {
		width: auto;
	}

	#mylife-menu .search {
		width: 123px;
	}

	#mylife-menu .search input {
		padding: 3px 0px 3px 20px;
	}

	#mylife-menu .mobile-text-title a {
		display: block;
		position: absolute;
		left: 67px;
		top: 7px;
		font-size: 20px;
		color: #1A72AF;
	}

	#navbar {
		height: auto;
		margin: 15px 0px;
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 5px;
	}

	#navbar .big-text {
		display: none;
	}

	#navbar .site-search {
		display: none;
	}

	#navbar a {
		padding: 3px 0px 3px 0px;
		height: auto;
		font-size: 14px;
		line-height: normal;
		margin-left: 15px;
	}

	#navbar a.selected {
		border-bottom: 4px solid #1A72AF;
	}

	#navbar div.mobile-arrow {
		display: block;
		position: absolute;
		right: 15px;
		top: 0px;
		background-color: #F1812F;
		color: #FFFFFF;
		padding: 3px;
		text-align: center;
		border-radius: 10px;
	}

	#wide-player #player {
		float: none;
		width: 100%;
	}

	#player video {
		height: 200px;
	}

	#wide-player #other-videos {
		float: none;
		height: auto;
		overflow-y: auto;
	}

	#other-videos .video {
		width: 100%;
	}

	.container .col1 {
		width: 100%;
	}

	.videos-container .video {
		position: relative;
		overflow: hidden;
		float: none;
		width: 100%;
		margin-right: 0px;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #CCCCCC;
	}

	.videos-container .video:last-of-type {
		border-bottom: 0px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.videos-container .video .artwork {

		float: left;
		width: 168px;
		height: 107px;
	}

	.videos-container .video .info {
		overflow: hidden;
		padding-left: 10px;
	}

	.videos-container-ordered .video .artwork {
		width: 140px;
	}

	.videos-container-ordered .video .position {
		display: none;
	}

	.container > .site-search {
		margin: 0px auto;
		margin-bottom: 5px;
	}

	.container > .site-search input {
		padding: 7px 40px 7px 10px;
	}

	footer {
		font-size: 11px;
	}

	#wide-player #right-column {
		height: auto;
	}
}

/* MOBILE AND IPAD */

@media only screen
and (min-width: 0px)
and (max-width: 968px) {
	#mylife-menu a {
		display: none;
	}

	#mylife-menu a.logo,
	#mylife-menu .mobile-text-title a {
		display: block;
	}

	#mylife-menu .search {
		right: 61px;
	}

	#mylife-menu .user {
		right: 35px;
		width: 22px;
		height: 22px;
		font-size: 12px;
		padding-top: 4px;
	}

	#mylife-menu .mobile-menu {
		display: block;
		width: 22px;
		height: 22px;
		font-size: 12px;
		padding-top: 5px;

		position: absolute;
		top: 7px;
		right: 5px;
		background-color: #F5792B;
		border-radius: 50%;
		color: #FFFFFF;
		text-align: center;
	}

	.container.mobile-padding {
		margin-left: 10px;
		margin-right: 10px;
	}

	#navbar.mobile-padding {
		margin-left: 10px;
		margin-right: 10px;
	}

	.container .col2 {
		display: none;
	}

	.container .col1 {
		float: none;
		width: auto;
	}

	#wide-player #right-column {
		display: none;
	}
}

@media only screen
and (min-width: 667px)
and (max-width: 968px) {

	.container {
		width: auto;
	}

	#wide-player #player {
		width: 492px;
	}

	#wide-player #right-column {
		display: block;
	}

	#navbar.mobile-padding {
		overflow: hidden;
	}
}