@media only screen and (max-height:1024px) {
	#pre-board {height:75px}
}

@media only screen and (max-height:820px) {
	#pre-board {height:50px}
}


@media only screen and (max-width:1280px) {
	#ontop {top:-1000px}
}

@media only screen and (max-width:1200px) {
	#left-panel {width:720px}

	#side-logo {display:none}
}

@media only screen and (max-width:1050px) {
	#left-panel {width:100%; margin:0 0 0 0; box-shadow:none; border-bottom-left-radius:0; border-bottom-right-radius:0}
	#left-panel #top-menu {/*display:none;*/ bottom:10000px; width:0; overflow:hidden}

	#right-panel {flex-grow:1; width:auto; order:-1; z-index:1}
	#right-panel > div {position:relative; top:0 !important; flex-wrap:nowrap; width:100%; background-color:#333; box-shadow:none}
	#right-panel > div.fixed {position:relative}

	#user {order:1; flex-grow:1; width:auto; padding:20px}
	#user .icon {margin:0 30px 0 0}

	#responsive-menu-toggle {order:2; display:block}
	#responsive-menu.active {}
	
	#new-message {position:fixed; top:0; right:-100%; bottom:0; display:flex; width:100%; max-width:100%; border-bottom-left-radius:100%; background-color:rgba(0,0,0,.7); opacity:0; overflow-y:auto; z-index:1000; transition:all 300ms ease-in-out}
	#new-message form {position:relative; flex-grow:1; align-self:flex-start; max-width:100%; margin:5%; padding:10px; background-color:#fff; box-shadow:0 0 10px #000; border-radius:3px}
	#new-message .close {display:block}
	#new-message.active {right:0; border-bottom-left-radius:0; opacity:1}
	#new-message-text {min-height:100px; margin:0; padding:10px 5px; background-color:#fff; color:#000; border-radius:0}
	#new-message-more {display:block !important}
	#new-message-more .tools {gap:10px; padding:9px 0 0 0}
	#new-message-more .tools .upload-comment-image {background-color:#ccc; color:#000}
	#new-message-more .tools #new-message-send {padding:16px 0}

	#standings-table {display:none !important}

	#betting-progress {display:none !important}

	#days {/*position:absolute; top:40px; right:160px; padding:0; color:#999*/ display:none}

	#deposit {display:none !important}

	#menu-history {display:none !important}
	#menu-settings {display:none !important}

	.summary {padding:25px 35px}
	.summary .left {margin-right:30px}
	.summary .left::after {}
	.summary .center {display:none}

	#betting-info .left {flex:0 1 auto; text-align:left}
	#betting-info .center {display:none}
	#betting-info .right {order:-1; padding:0 40px 0 30px}
	
	#betting-pre-info {height:auto}
	
	.responsive-new-message {display:flex}
}

@media only screen and (max-width:740px) {
	.answer-box .answer-right .circle-loader-spin {right:15px}

	.betting-step .title {font-size:17px}

	.comp-order > div {width:50%}
	.comp-bet-order > div {width:50%}
	.comp-bet-order > div > span {display:inline-block}

	.comp-bet-order3 span {width:50%}

	.comp-bet-match {justify-content:flex-start; align-items:center}
	.comp-bet-match .name {order:-2; width:calc(100% - 40px)}
	.comp-bet-match .striker {width:auto; max-width:calc(100% - 160px); flex-grow:1}
	.comp-bet-match .points {order:-1}

	.results-content .teams {width:80%}
	.results-content .score {width:20%; text-align:right}
	.results-content .striker {width:60%}
	
	#actual-match .list .row {justify-content:flex-start; align-items:center}
	#actual-match .list .row .name {width:calc(100% - 60px)}
	#actual-match .list .row .striker {width:auto; max-width:calc(100% - 110px); flex-grow:1}
	
	.section {padding:15px}
}

@media only screen and (max-width:670px) {
	.betting-content #team-change {display:block; margin:0 0 10px 0}
	.betting-content .squad {margin-top:10px}
	.betting-content .match-row .mobile-break {width:100%; border-top:1px rgba(var(--color-01-rgb),.3) dashed; margin:15px 0}
}

@media only screen and (max-width:620px) {	
	.comment .right .message .image img {max-width:100%}
}

@media only screen and (max-width:580px) {
	#rules-table > div {padding:8px 6px}
	
	#new-message form {margin:3%}
}

@media only screen and (max-width:520px) {
	#history .standing {grid-template-columns:15% auto 25%}

	.summary .left {display:none}

	.comment .left {width:75px; padding:10px 0 0 0}
	.comment .right {width:calc(100% - 75px)}
	.comment .right .message {padding:15px 25px 5px 0}

	.answer-box {padding:0 25px 0 75px}

	.comment-answers .answer {padding:15px 0 10px 70px}
	.comment-answers .right {padding:0 25px 0 15px}

	#betting-info .left {padding:0 20px}
	#betting-info .right {display:none}
}

@media only screen and (max-width:495px) {
	#betting-info {height:auto; padding:25px 0}
	#betting-info .left .phase span {display:block; width:0; height:0; padding:4px 0; overflow:hidden}
	#betting-info .left .deadline {margin:10px 40px 0 0; line-height:22px}
	
	#deposit-info {height:auto; padding:25px}
}

@media only screen and (max-width:480px) {
	#user .icon {margin:0 15px 0 0}
	#user .info {line-height:1.3}

	#responsive-menu-toggle .r-menu {display:none}
	#responsive-menu-toggle .menu-toggle {padding:0 20px}
	#responsive-menu-toggle .lines {width:60px; height:60px; background-color:rgba(255,255,255,.1); border-radius:100%}
	#responsive-menu-toggle.active {height:90px}
	
	#betting-pre-info {padding:20px; line-height:21px}

	.h1-padding {padding:44px 0 24px 18px; width:calc(100% - 18px)}

	.summary {padding:25px 20px}

	.caption {padding:20px 80px 18px 26px}
	.section {padding:15px 10px}
	.section.p35 {padding:20px 20px}

	.comp-bet-name > div {padding:12px 30px 12px 20px}
	.comp-match .teams {padding:15px 20px}
	.comp-match .comp-match-info {padding:0 20px 15px 20px}

	.section.wide h2 {padding-left:20px; padding-right:20px}
	.user-overview-list {padding:0 20px 15px 20px}
	.results-content-group-name {margin:12px 0 2px 0; padding:12px 20px 2px 20px}
	.results-content {padding:10px 20px}
	
	.user-overview-top {padding:20px}
	.user-overview-top .right .name {font-size:28px}
}

@media only screen and (max-width:450px) {
	#responsive-menu > div {padding:90px 0}
	#responsive-menu .row {padding:0 20px 0 50px}
	#responsive-menu .row.active {padding:0 20px 0 42px}

	#mail-change-form > input[type=email], #pass-change-form > input[type=text], #pass-change-form > input[type=password] {width:calc(100% - 32px)}
	
	.answer-box .answer-right .answer-message-form .tools .circle-loader-spin {order:-1; margin:0 13px 0 -42px}
}

@media only screen and (max-width:400px) {
	.comment .left {width:60px}
	.comment .left .avatar {min-width:36px; width:36px; height:36px}
	.comment .left .avatar .letter {padding:9px 0; font-size:18px}
	.comment .right {width:calc(100% - 60px)}
	.comment .right .message {padding:15px 20px 5px 0}
	
	.answer-box {padding:0 20px 0 50px}
	.answer-box .answer-left {display:none}
	.answer-box .answer-right .answer-message-form .tools .circle-loader-spin {order:initial; margin:0 0 0 10px}
	
	.comment-answers .left .avatar {min-width:32px; width:32px; height:32px}
	.comment-answers .left .avatar .letter {font-size:15px; padding:9px 0}
	.comment-answers .right {padding:0 20px 0 10px}
	.comment-answers .answer {padding:15px 0 10px 55px}
}

@media only screen and (max-width:380px) {
	#user {height:90px; padding:0 20px}

	#responsive-menu .row {font:23px Comfortaa, cursive; line-height:65px}

	.user-overview-groups .group {flex:0 1 calc(100% - 2px)}
}

@media only screen and (max-width:340px) {
	.answer-box {padding:0 20px 0 40px}
}