@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1040px) {
	.clips4sale .model {
		max-width:500px;
		margin:0;
	}
	.shop .thumb {
		width:17%;
		margin:0 0.2%;
	}
	.shop .thumb img {
		width:100%;
		max-width:100%;
		height:auto;
	}
}
@media only screen and (max-width: 1000px) {
	header {
		height:auto;
		padding-bottom:60px;
	}
	header .logo {
		margin:20px 0 0 36px;
	}
	header .description {
		font-size:15px;
		margin:40px 36px 0 36px;
	}
	header .shadowleft {
		display:none;
	}
	header .shadowright {
		display:none;
	}
	.clips4sale {
		padding-top:0;
	}
	.clips4sale .model {
		max-width:50%;
		margin-left:-50px;
		margin-top:70px;
	}
	.clips4sale .model img {
		width:100%;
		max-width:100%;
		height:auto;
		margin:0;
	}
	.clips4sale .clips {
		width:49%;
		margin-bottom:30px;
	}
	.clips4sale .thumb img {
		width:100%;
		max-width:100%;
		height:auto;
	}
	.clips4sale .thumb {
		max-width:47%;
		margin:0;
	}
	.contact form textarea {
		width:auto;
		max-width:497px;
	}
}
@media only screen and (max-width: 780px) {
	header .logo {
		width:190px;
		height:98px;
		background-size:190px;
	}
	header .description {
		font-size:13px;
		line-height:17px;
		margin:50px 36px 0 36px;
		width:auto;
		padding:2px 20px;
	}
	header .loginbttn {
		width:90px;
		height:68px;
		font-size:10px;
		line-height:12px;
	}
	header .loginbttn a {
		background-size:30px;
		width:74px;
		height:27px;
		padding:25px 0 0 0;
		top:34px;
		right:-29px;
	}
	h1.videochat .join-text {
		text-align:center;
		width:100%;
		margin-bottom:20px;
	}
	h1.videochat a {
		margin:0;
	}
	.webcam {
		height:auto;
		text-align:center;
	}
	.webcam h1 {
		text-align:center;
		margin:0;
		padding:0;
	}
	.webcam h1 p {
		margin-top:10px;
	}
	.webcam h1 img {
		display:block;
		margin:0 auto;
		padding-right:80px;
	}
	.webcam h2 {
		margin:10px auto 0 auto;
		display:block;
		text-align:center;
	}
	.webcam a.join {
		margin:0 auto 20px auto;
		display:inline-block;
	}
	.webcam img.webcambg {
		width:100%;
		max-width:100%;
		height:auto;
		top:100px;
		display:none;
	}
	h1.more {
		width:400px;
		font-size:36px;
		margin:0 auto 30px auto;
	}
	h1.more .clickhere a {
		top:43px;
	}
	.contactbox {
		margin-top:-200px;
	}
	.rectangleanim {
		margin:20px;
	}
	h1.joinhead {
		margin:0 20px 50px 20px;
	}
	.joinbox .offerbox ul {
		font-size:16px;
	}
	.warntext {
		max-width:100%;
		margin-right:20px;
		margin-left:20px;
		text-align:center;
		position:relative;
		z-index:1;
	}
	.warntext p {
		text-shadow:1px 1px 0 #FFFFFF;
	}
	.warntext ul {
		margin:0 0 20px 0;
	}
	.warnmodel img {
		position:absolute;
		width:150px;
		height:auto;
		z-index:0;
		top:10px;
		right:10px;
	}
	.latest .box .playicon img{width: 70px;}
}
@media only screen and (max-width: 720px) {
	footer nav {
		margin:0;
		font-size:14px;
		line-height:18px;
	}
	footer nav span {
		display:none;
	}
	footer nav a {
		display:block;
		margin:0;
	}
	footer nav a:last-child {
		margin:0 0 10px 0;
	}
	footer p {
		margin-right:10px;
	}
	.joinbox {
		display:block;
	}
	.joinbox .offerbox {
		max-width:100%;
		display:block;
		margin:0 20% 20px 20%;
	}
}
@media only screen and (max-width: 650px) {
	header {
		padding-bottom:35px;
	}
	header .description {
		margin-top:10px;
	}
	h1.videochat a p {
		margin-top:-9px;
	}
	h1.videochat {
		font-size:24px;
	}
	.latest .box p.date {
		bottom:25px;
	}
	.latest .box p.duration {
		background-position:left;
		padding-left:25px;
		text-align:left;
		left:15px;
	}
	.latest .box .title {
		margin-bottom:70px;
	}
	.latest.photos .box p.date {
		bottom:0;
	}
	.latest.photos .box {
		width:43%;
		display:inline-block;
		vertical-align:top;
	}
	.clips4sale {
		background:none;
	}
	.clips4sale .model {
		display:none;
	}
	.clips4sale .clips {
		text-align:center;
		width:100%;
		display:block;
		margin:0 auto 30px auto;
	}
	.shop .button {
		text-align:center;
		margin:20px 0 0 0;
	}
	.shop .thumb.fix {
		display:none;
	}
	.shop .shop-wrap {
		flex-wrap:wrap;
		margin-left:10px;
		margin-right:10px;
	}
	.shop .thumb {
		flex:1 33%;
		margin:5px;
	}
}
@media only screen and (max-width: 570px) {
	header {
		margin-bottom:270px;
		height:300px;
	}
	header .logo {
		margin:200px 0 0 36px;
	}
	header img.headbg {
		width:600px;
		max-width:600px;
		height:560px;
		position:absolute;
		z-index:0;
		bottom:0;
		right:-20px;
	}
	header .description {
		position:absolute;
		top:350px;
		margin-left:40px;
		margin-right:40px;
	}
	header .loginbttn {
		right:10px;
		top:5px;
	}
	header .loginbttn a {
		top:34px;
		right:-29px;
	}
	h1.videochat {
		font-size:36px;
		background:none;
		box-shadow:none;
		margin:0;
		padding:30px 0 0 0;
	}
	h1.videochat a p {
		margin-top:-2px;
	}
	h2.title.lastphoto {
		display:block;
		margin:60px 0 0 0
	}
	h2.title {
		margin:0 auto;
		display:block;
		text-align:center;
	}
	.latest.videos .box {
		width:98%;
		display:block;
		border-spacing:inherit;
		margin:20px 0;
	}
	.latest .box p.duration {
		background-position:right;
		padding-left:0;
		text-align:right;
		left:auto;
	}
	.latest .box p.date {
		bottom:0;
	}
	.latest .box .title {
		margin-bottom:40px;
	}
	.latest.videos {
		margin:0 20px;
		display:inline-block;
		border-spacing:inherit;
	}
	.latest.photos {
		margin:0 0 20px 0;
		display:inline-block;
		border-spacing:inherit;
	}
	.latest.photos .box {
		width:40%;
		display:inline-block;
		border-spacing:inherit;
		margin:10px 0 0 0;
	}
	a.more {
		margin:0 3% 0 0;
	}
	.mosaic {
		margin-right:10px;
		margin-left:10px;
	}
	.mosaic h1.title {
		font-size:28px;
		width:280px;
		margin:0 auto 20px auto;
	}
	.contact form textarea {
		width:247px;
	}
	.bttmbnnr h1 {
		width:300px;
		font-size:48px;
		line-height:48px;
	}
	.bttmbnnr h1 small {
		display:block;
		line-height:20px;
		margin:10px 0 0 0;
	}
	#wrap.joinpage header {
		margin-bottom:20px;
	}
	#wrap.joinpage header .description {
		display:none;
	}
	h1.joinhead {
		line-height:30px;
	}
	h1.joinhead small {
		display:block;
		margin:0;
	}
	.warnhead img {
		margin:20px 0 0 0;
	}
}
@media only screen and (max-width: 520px) {
	.webcam h1 {
		font-size:28px;
	}
	.webcam h1 small {
		font-size:14px;
	}
	.webcam h1 img {
		width:120px;
		height:auto;
		padding-right:50px;
	}
	.webcam h2 {
		font-size:18px;
	}
	.webcam a.join {
		margin:0 auto 20px auto;
		display:inline-block;
	}
	.mosaic .grid {
		width:92%;
		margin-bottom:4%;
	}
	h1.more {
		width:290px;
		font-size:32px;
		margin:0 auto;
	}
	h1.more .clickhere a {
		top:40px;
	}
	/*.shop .thumb.fix {
		display:none;
	}
	.shop .thumb {
		width:45%;
		margin:0;
		padding:0;
	}*/
	.shop h1.title {
		width:300px;
		font-size:38px;
		margin:20px auto;
	}
	.contact h1.title {
		width:250px;
		margin:10px auto 0 auto;
		font-size:24px;
	}
	.contact p {
		margin:10px;
	}
	.contact h1.title p {
		width:24px;
		height:14px;
		background-size:24px;
		margin:10px 10px 0 10px;
	}
	.contactbox {
		margin-right:10px;
		margin-left:10px;
		margin-top:-150px;
	}
	.joinbox .offerbox {
		margin:0 10% 20px 10%;
	}
	.warnhead img {
		margin:20px 0 0 0;
		width:180px;
		height:auto;
	}
}
@media only screen and (max-width: 514px) {
	.latest .box .playicon img{width: 90px;}
}
@media only screen and (max-width: 380px) {
	header {
		margin-bottom:340px;
	}
	header .logo {
		margin:200px 0 0 5px;
	}
	.latest.photos {
		margin:0 20px 20px 20px;
	}
	.latest.photos .box {
		width:98%;
	}
	.webcam a.join {
		font-size:28px;
	}
	.webcam h1 small {
		width:200px;
		display:block;
		line-height:20px;
		margin:0 auto;
	}
	.webcam a.join span {
		font-size:36px;
	}
	.shop .thumb p {
		font-size:12px;
	}
	.contactbox {
		margin-top:-100px;
	}
	footer p {
		text-align:center;
		margin:0 10px;
	}
	.warnhead img {
		margin:20px 0 0 -40px;
	}
	.warnhead .icon {
		margin:10px 0 0 10px;
	}
	.warntext ul {
		margin-left:20px;
		margin-right:20px;
	}
	.warntext p {
		margin-right:20px;
		margin-left:20px;
	}
	.warntext {
		margin-right:0;
		margin-left:0;
	}
}