@media all and (min-width: 1900px) and (max-width: 5000px){

.wrapper { width: 1753px; background: #151515 url(images/left-bg.png) repeat-y left top; }

.content { width: 1520px;  margin: 10px 0px 0px -240px;
padding: 0px 0px 0px 250px; }

.left { width: 200px;float: left;
position: relative;
z-index: 2;
overflow: hidden;
height: auto; }

.thumbs li { margin: 0 2px 4px 2px; padding: 2px; }

.gallery { padding: 5px 0 2px 5px; }

.gallery ul li { margin: 0 3px 3px 0; padding: 2px; } 

}

@media all and (min-width: 1580px) and (max-width: 1899px){

.wrapper { width: 1563px; background: #151515 url(images/left-bg.png) repeat-y left top; }

.content {width: 1300px;
margin: 10px 0px 0px -240px;
padding: 0px 0px 0px 250px; }

.left { width: 200px; float: left;
position: relative;
z-index: 2;
overflow: hidden;
height: auto;  }

}

@media all and (min-width: 1260px) and (max-width: 1579px) {

.wrapper { width: 1143px; background: #151515; }

.content { width: 800px; margin: 0; }

.left { width: 300px; float: right; margin: 0; }

.gallery { padding: 9px 0 2px 9px; }

.gallery ul li { margin: 0 7px 7px 0; }

} 

@media all and (min-width: 1004px) and (max-width: 1259px){

.wrapper { width: 980px; background: #151515; }

.wrapper2 { background-image: none; }

.content { width: 960px; padding: 10px 8px; margin: 0; }

.thumbs li { margin: 0 3px 6px 3px; padding: 2px; }

.left { width: 960px; padding: 10px 8px; margin: 0; }

.thumbs {margin: 0px 100px;}

.gallery { padding: 7px 0 3px 7px; }

.gallery ul li { margin: 0 4px 4px 0; padding: 2px; }

.left-top ul li, .left-top ul li.second { margin: 0 2px 4px 2px; padding: 2px; }

.right-top ul li, .right-top ul li.second { margin: 0 7px 15px 8px; }

.paysites { margin-bottom: 14px; }

.paysites ul li { width: 20%; float: left; }

.paysites ul > :last-child { border-bottom: 1px dashed #cccccc; }

.bravoporn { width: 336px; float: left; }

.bravoporn ul li { width: 158px; margin: 0 10px 0 0; }

.bravoporn .center { width: 326px !important; }

.ins { margin: 0 10px 0 0; } 

}

@media all and (min-width: 780px) and (max-width: 1003px) {

html { background: #151515; }

.wrapper { width: 776px; background: #151515; border: 0; }

.wrapper2 { background-image: none; border: 0; }

.header { text-align: center; }

.header .logo { width: 440px; min-height: 33px; margin: 0 auto; float: none; text-align: left; }

.header .menu { width: 540px; margin: 0 auto; float: none; }

.header .menu ul, .header .menu ul li { border: 0; }

.header .menu ul li { height: 34px; line-height: 34px; background-position: 10px 8px !important; }

.header .menu ul li:hover { background-color: transparent; }

.header .menu form { margin-top: 5px; }

.content { width: 760px; padding: 10px 8px; margin: 0; }

.thumbs li { margin: 0 2px 4px 2px; padding: 2px; }

.left { width: 760px; padding: 10px 8px; margin: 0; }

.right { width: 760px; padding: 10px 8px; }

.right .banner { margin: 0 10px 10px 0; } 

.gallery { padding: 5px 0 3px 5px; }

.gallery ul li { margin: 0 2px 2px 0; padding: 2px; }

.left-top ul li, .left-top ul li.second { margin: 0 2px 3px 1px; padding: 2px; }

.right-top ul li, .right-top ul li.second { margin: 0 4px 7px 3px; }

.paysites { margin-bottom: 14px; }

.paysites ul li { width: 20%; float: left; font-size: 14px; }

.paysites ul > :last-child { border-bottom: 1px dashed #cccccc; }

.join-premium { margin: 0 6px 0 0; }

.ins { margin: 0 6px 0 0; } 

}

@media all and (min-width: 620px) and (max-width: 779px) {

html { background: #151515; }

.wrapper { width: 620px; background: #151515; border: 0; }

.wrapper2 { background-image: none; border: 0; }

.header { text-align: center; }

.header .logo { width: 440px; min-height: 33px; margin: 0 auto; float: none; text-align: left; }

.header .menu { width: 540px; margin: 0 auto; float: none; }

.header .menu ul, .header .menu ul li { border: 0; }

.header .menu ul li { height: 34px; line-height: 34px; background-position: 10px 8px !important; }

.header .menu ul li:hover { background-color: transparent; }

.header .menu form { margin-top: 5px; }

.content { width: 600px; padding: 10px; margin: 0; }

.left { width: 600px; padding: 10px; margin: 0; }

.thumbs {margin: 0px 30px;}

.gallery { padding: 9px 0 3px 9px; }

.gallery ul li { margin: 0 6px 6px 0; }

.left-top ul li, .left-top ul li.second { margin: 0 2px 4px 2px; padding: 4px; }

.right-top ul li, .right-top ul li.second { margin: 0 3px 5px 2px; }

.paysites { margin-bottom: 14px; }

.paysites ul li { width: 20%; float: left; font-size: 12px; }

.paysites ul > :last-child { border-bottom: 1px dashed #cccccc; }

.join-premium { display: none; }

.ins { display: none; } 

}

@media all and (min-width: 460px) and (max-width: 619px) {

html { background: #151515; }

.wrapper { width: 420px; background: #151515; border: 0; }

.wrapper2 { background-image: none; border: 0; }

.header { text-align: center; }

.header .logo { width: 406px; min-height: 33px; margin: 0 auto; float: none; text-align: left; background: none; }

.header .logo h1 { margin-left: 0; }

.header .logo p { text-align: right; }

.header .menu { width: 404px; margin: 0 auto; float: none; }

.header .menu ul, .header .menu ul li { border: 0; }

.header .menu ul li { height: 34px; line-height: 34px; background-image: none !important; padding: 0 10px 0 0; }

.header .menu ul li:hover { background-color: transparent; }

.header .menu form { margin-top: 5px; }

.content { width: 400px; padding: 10px; margin: 0; }

.left { width: 400px; padding: 10px; margin: 0; }

.thumbs li {width: 180px;}
.thumbs li img {
float: left;
width: 180px;
height: auto;
}

.gallery { padding: 7px 0 1px 7px; }

.gallery ul li { margin: 0 6px 6px 0; }

.left-top ul li, .left-top ul li.second { margin: 0 2px 4px 2px; padding: 4px; }

.right-top ul li, .right-top ul li.second { width: 120px; margin: 0 2px 5px 3px; padding: 3px; }

.right-top ul li a img { width: 120px; height: 160px; }

.paysites { margin-bottom: 14px; }

.paysites ul li { width: 50%; float: left; }

.paysites ul > :last-child { border-bottom: 1px dashed #cccccc; }

.join-premium { margin: 0 10px 0 0; }

.ins { margin: 0 10px 0 0; } 

.sort { float: left; }

}

@media all and (min-width: 300px) and (max-width: 459px) {

html { background: #151515; }

.wrapper { width: 300px; background: #151515; border: 0; }

.wrapper2 { background-image: none; border: 0; }

.header { text-align: center; }

.header .logo { width: 300px; min-height: 33px; margin: 0 auto; float: none; text-align: center; background: none; }

.header .logo h1 { float: none; margin: 0 auto; }

.header .logo p { float: none; margin: 3px auto; text-align: center; }

.header .menu { width: 300px; margin: 0 auto; float: none; text-align: center; }

.header .menu ul { width: 300px; text-align: center; margin: 0 auto; }

.header .menu ul, .header .menu ul li { border: 0; }

.header .menu ul li { display: inline; float: none; height: 34px; line-height: 34px; background-image: none !important; padding: 0 5px 0 5px; }

.header .menu ul li:hover { background-color: transparent; }

.header .menu ul li a { font-size: 12px; }

.header .menu form { margin: 2px 25px 14px 25px; }

.header .menu input[type=text] { width: 211px; }

.welcome { font-size: 10px; }

.content { width: 300px; padding: 10px 0; margin: 0; }

.left { width: 300px; padding: 10px 0; margin: 0; }

.thumbs li {width: 280px;}
.thumbs li img {float: left;width: 280px;height: auto;}

.gallery { padding: 6px 0 0 6px; }

.gallery ul li { margin: 0 6px 6px 0; padding: 2px; }

.gallery ul li a img { width: 135px; height: 188px; }

.paysites { margin-bottom: 14px; }

.paysites ul li { width: 50%; float: left; font-size: 14px; }

.paysites ul > :last-child { border-bottom: 1px dashed #cccccc; }

.join-premium { margin: 0 6px 0 0; }

.ins { margin: 0 6px 0 0; } 

.sort { float: left; }

}