:root {
	--header-size: 40px;
}
@media screen and (max-width: 768px){
	.actioncenter .matchmaker .content {display: block;}
	.actioncenter .matchmaker .content .match {max-width: 100%; width: 100%; box-sizing: border-box; margin: 5px 0;}
	.actioncenter .matchmaker .content .match .img {width: 60px; height: 60px;}
	.actioncenter .new_notifications.show {display: block;}
	aside {display: none; height: calc(100vh - var(--header-size)); width: 100%; overflow-x: hidden; overflow-y: auto; position: absolute; right: 0; top: var(--header-size); z-index: 4; background-color: var(--gray-eee); box-sizing: border-box; padding: 15px 15px 60px 15px;}
	aside .dating {margin-left: 0;}
	#body {display: block; width: 100%; max-width: 100%; padding-top: var(--header-size); box-sizing: border-box; overflow-x: hidden; min-height: 100vh;}
	.desktoponly {display: none!important;}
	.discussion .info {padding-left: 0;}
	.discussion .lastposts { margin: 10px 0 30px 0; max-width: 100%;}
	.discussion .lastposts .row {grid-template-columns: minmax(150px, 1fr) minmax(20px,120px); grid-template-areas: "title title" "creator last-auth" "creator last-date";}
	.discussion .lastposts .row > div {padding: 0 10px;}
	.discussion .lastposts .row .col1 {padding-top: 5px;}
	.discussion .lastposts .row .col3 {color: var(--gray-555); font-size: 8pt;}
	.discussion .legend {margin: 50px 0 20px 10px;}
	.discussion .topic {margin: 0 0 30px 20px;}
	.dsforms .list th:nth-child(2) {width: 100px;}
	.dsforms .list td:nth-child(2) span.g {width: 16px; height: 16px;}
	.dsforms .list td:nth-child(3),.dsforms .list th:nth-child(3) {display: none;}
	.dsforms .rating-star {width: 15px!important;}
	.dsforms table.form tbody {display: inline-block; width: 100%;}
	.dsforms table.form tr {display: flex; flex-wrap: wrap;}
	.dsforms table.form td {width: 100%; flex: auto; height: auto; border:0!important; border-bottom: 1px solid var(--gray-ccc)!important; border-left: 1px solid var(--gray-ccc)!important; border-right: 1px solid var(--gray-ccc)!important;}
	.dsforms table.form th {width: 100%; flex: auto; border:0!important; border-left: 1px solid var(--gray-ccc)!important; border-right: 1px solid var(--gray-ccc)!important;}
	.dsforms table.form tr:nth-of-type(1) th {border-top: 1px solid var(--gray-ccc)!important;}
	.filter_is_active {padding-bottom: 35px; background-position: 10px 35px;}
	.filter_is_active .button {top: 5px;}
	.filter_is_active .text {display: block;}
	header {height: var(--header-size);}
	header > .content {width: 100%; display: block;}
	header > .content a.asideMenu {background-image: url('img/icons/header/asidemenu.svg'); float: right;}
	header > .content a.bigbutton {background-position: center; background-size: 80%; display: block; width: var(--header-size); height: var(--header-size);}
	header > .content a.navMenu {background-image: url('img/icons/header/navmenu.svg'); float: left; background-size: 80%;}
	header > .content a.toHome {float: none; margin: auto auto;}
	header > .content a.user {float: right; background-size: cover; border: 3px solid var(--main-color); box-sizing: border-box; border-radius: 6px;}
	header > .content .sections {float: none; margin: auto auto; position: relative; top: -10px;}
	header > .content .right {width: 40px; text-align: left; position: absolute; top: 20px; right: 5px;}
	.homepage .topflex {display: grid;}
	.homepage .topflex > .user .pie, .homepage .topflex > .user .photo {display: none;}
	.homepage .topflex > .user .verified {text-align: left; margin: 0 0 35px 0;}
	.chat_aside_div {width: 100%;}
	.chat_aside .users .user .buttons {visibility: visible;}
	.klub .status {background-image: url(''); padding: 20px; margin-bottom: 50px;}
	.klub .status .title, .klub .status .values {padding-right: 20px;}
	.loginpage .about {position: static; order: 2;}
	.loginpage .about:before, .loginpage .about:after {content: normal;}
	.loginpage .container {grid-template-columns: 1fr; padding-top: 20px;}
	.loginpage .rightpanel {order: 1;}
	.loginpage .rightpanel .login {box-shadow: none;}
	.loginpage .rightpanel .login .links a {padding-top: 10px; padding-bottom: 10px;}
	.menuunderheader .container {width: 100%;}
	.menuunderheader .usermenu {top: var(--header-size); width: 100%;}
	.menuunderheader .usermenu .menu .item {padding: 15px 10px; font-size: 14pt;}
	.miniforms .table .personal {display: inline-block;}
	.miniforms .table .personal tr {display: flex; flex-wrap: wrap;}
	.miniforms .table .personal td {width: 100%; flex: auto; height: auto; border:0!important; border-bottom: 1px solid var(--gray-ccc)!important; border-left: 1px solid var(--gray-ccc)!important; border-right: 1px solid var(--gray-ccc)!important;}
	.miniforms .table .personal th {width: 100%; flex: auto; border:0!important; border-left: 1px solid var(--gray-ccc)!important; border-right: 1px solid var(--gray-ccc)!important;}
	.miniforms .table .personal tr:nth-of-type(1) th {border-top: 1px solid var(--gray-ccc)!important;}
	.miniforms .swipe {border: 1px solid var(--gray-888); background-color: var(--gray-eee); padding: 5px 10px 5px 60px; color: var(--gray-555); border-radius: 50px; display: inline-block; background-image: url('img/icons/forms/swipe.svg'); background-size: 30px; background-position: 10px; margin-bottom: 10px;}
	.miniforms .swipe.wide {visibility: hidden;}
	.miniforms .swipediv {display: grid!important; grid-template-columns: 1fr 40px; gap: 30px; margin-bottom: 15px; align-items: center;}
	.miniforms .swipediv .filter {display: inline-block; width: 30px; height: 30px; background-size: contain; background-image: url('img/icons/filter/filter.svg');}
	.miniforms .swipediv .swipe {margin-bottom: 0;}
	.miniforms .table.tableminiper > div {width: 100%;}
	nav {display: none; height: calc(100vh - 60px); max-height: calc(100vh - 60px); width: 100%; overflow-x: hidden; position: absolute; left: 0; z-index: 4; background-color: var(--gray-eee); box-sizing: border-box; padding: 15px;}
	nav a, nav a:hover {text-decoration: none!important;}
	nav a.toHome, nav a.closeMenu {border: 1px solid var(--gray-aaa); border-radius: 5px; font-size: 14pt; background-color: var(--white); padding: 10px 10px 10px 60px; color: var(--gray-333); margin-bottom: 15px; background-image: url('img/icons/menu/toHome.svg'); background-position: 20px; background-size: 24px;}
	nav a:active {background-color: var(--link-color); color: var(--white)!important;}
	nav.msgnav {display: grid; grid-template-rows: 60px 30px 1fr; width: 100%; padding: 10px 0 0 0;}
	nav .bdsmlifelogo {background-color: var(--main-color); background-size: auto 80%; background-position: center; height: 30px; margin: -15px -15px 15px -15px; background-image: url('img/logonobk.svg');}
	nav .group {border-right: 1px solid var(--gray-aaa); border-radius: 5px;}
	nav .group a {font-size: 14pt; border-bottom: 1px solid var(--gray-aaa);}
	nav .group a:last-of-type {border-bottom: 0;}
	nav .menuRow1 {display: grid; grid-gap: 15px; grid-template-columns: 1fr 60px;}
	nav .menuRow1 .closeMenu {background-image: url('img/icons/menu/close.svg'); padding: 10px; background-position: center;}
	nav .profile {border: 1px solid var(--gray-aaa); border-radius: 5px; font-size: 14pt; background-color: var(--white); padding: 5px 10px 5px 60px; color: var(--gray-333); width: 100%; height: auto; position: relative;}
	nav .profile span.img1 {top: 6px; left: 15px;}
	nav .profile .title {display: grid; grid-template-columns: 1fr 1fr; font-size: 8pt; position: absolute; top: -3px; right: 10px;}
	nav .sections {margin-bottom: 15px;}
	nav .sections > div {display: grid; grid-gap: 15px; grid-template-columns: 1fr 1fr;}
	nav .sections > div a {display: grid; align-items: center; height: 50px; box-sizing: border-box; border: 1px solid var(--gray-aaa); border-radius: 5px; font-size: 12pt; line-height: 1; background-color: var(--white); padding: 10px 10px 10px 60px; color: var(--gray-333); background-position: 20px; background-size: 24px; position: relative;}
	nav .sections > div a > span {font-size: 0; border-radius: 50%; width: 8px; height: 8px; overflow: hidden; position: absolute; top: 5px; left: 5px; background-color: #f00; display: block;}
	nav .sections > div a.home {background-image: url('img/icons/menu/toHome.svg');}
	nav .sections > div a.msg {background-image: url('img/icons/menu/pm.svg');}
	nav .sections > div a.user {background-image: url('img/icons/menu/notification.svg');}
	.newuser .frm label {display: block;}
	.payment .bank .qr {display: none;}
	.phoneonly {display: block!important;}
	.photodetail .frame .photo {display: block; width: 100%; margin-right: 0;}
	.photodetail .frame .sidephoto {border-left: 0; padding-left: 0; width: 100%; max-width: 100%; min-width: 0; margin-top: 15px; order: 1;}
	.photodetail .frame .sidephoto .otherphotos {max-width: 100%; overflow-x: auto;}
	.photodetail .frame .sidephoto .otherphotos .container {white-space: pre;}
	.photodetail .frame .sidephoto .otherphotos .photo:nth-of-type(2n+2) {margin-right: 5px;}
	.photopage h1 .button.scrl, .galleries h1 .button.scrl, .meetings h1 .button.scrl, .discussion h2 .button.scrl, .miniforms h1 .button.scrl, .dsforms h1 .button.scrl, .scrl {position: fixed; bottom: 50px; right: 10px; font-size: 0px; color: transparent; display: block; border-radius: 50%; width: 40px; height: 40px; background-position: center!important; background-image: url('img/icons/buttons/add_white.svg'); z-index: 3; outline: 2px solid #fff; box-shadow: 0 0 15px 5px #fff;}
	.polls .detail {width: 100%; margin-right: 0; padding-right: 0; float: none;}
	.polls .prefgraph .container {grid-template-columns: 1fr; grid-gap: 30px;}
	.polls .rw {float: none; width: 100%; margin-top: 30px;}
	.profile > .header .age {margin-top: 60px;}
	.profile > .userwindows .uw1 .hotlinks > div {justify-self: left!important;}
	.profile > .userwindows .uw1 .hotlinks .bdsm {order: 4;}
	.profile > .userwindows .uw1 .hotlinks .lastactivity {order: 2;}
	.profile > .userwindows .uw1 .hotlinks .membersince {order: 1;}
	.profile > .userwindows .uw1 .hotlinks .sexualorientation {order: 3;}
	.profile > .userwindows .uw2 .match .matches {display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr));}
	.profile > .userwindows .uw2 .pm .warn {margin: 20px 0;}
	.prompt {max-width: 100vw!important; max-height: 100vh!important; box-sizing: border-box;}
	.reviews .rev {grid-template-columns: 1fr;}
	.reviews .rev .rpan {order: -1;}
	.slavecontracts .list .row {display: grid; grid-template-areas: "dom action" "plus action" "sub action"; grid-template-columns: 1fr 150px; grid-gap: 10px;}
	.slavecontracts .list .row .dom {justify-content: center;}
	.slavecontracts .list .row .sub {justify-content: center;}
	.stop .top {margin-top: 0;}
	.stop .amigo, .stop .amiga, .stop .info, .stop .body, .stop .vip, .stop .next {float: none; width: 100%; box-sizing: border-box;}
	.stop .amigo, .stop .amiga, {background-size: contain;}
	.stop .info {margin-top: 30px; padding: 20px;}
	.stories .story .txt {font-size: 13pt;}
	.userslist .search {display: grid; grid-template-columns: 1fr 30px; grid-gap: 10px;}
	.userslist .search .username {width: 100%;}
	.vip .club {background-image: url('');}
	.vip .club .buttons {width: auto;}
	#userPanel {display: none;}
}