/*-----------------------------------
:: Maksymalna szerokosc 1400px
-----------------------------------*/
@media all and (max-width:1400px){
	#ads{
		display: none;
	}
}
/*-----------------------------------
:: Maksymalna szerokosc 1080px
-----------------------------------*/
@media all and (max-width:1080px){

	#content{
		float: none;
		max-width: 750px;
		margin: 0px auto;
	}
	#sidebar{
		width: 100%;
		max-width:750px;
		margin: 0px auto;
		float: none;
	}
	#reklama-300px{
		text-align: center;
	}
	#reklama-300px img{
		display: block;
		margin: 0px auto;
	}
	.fb-page{
		display: block !important;
		width:100%;
		max-width:500px;
		text-align: center;
		margin: 0px auto;
	}
	.facebook-box-head-title{
		text-align: left;
	}
	#sidebar .sidebar-box .sidebar-box-head-icon{
		margin-right:10px;
	}
	#sidebar #regbox-head{
		display: table;
		margin:0px;
	}
	#regbox-head .regbox-title{
		text-align: left;
		display: table-cell;
		vertical-align: middle;
		padding: 0px;
	}
	.sidebar-box .regbox-register-btn{
		max-width: 240px;
		margin: 0px auto;
	}
	#featured{
		display: inline-block;
		overflow: hidden;
		margin-bottom: 30px;	
	}
	.featured-image{
		width: 48%;
		display:inline-block;
		vertical-align: top;
	}
	.featured-image:nth-of-type(2n+1){
		margin-left: 2%;
	}
	.featured-title{
		display: block;
	}
}

/*-----------------------------------
:: Maksymalna szerokosc 890px
-----------------------------------*/
@media all and (max-width:1000px){
	header{
		margin-bottom: 30px;
	}
	.logo{
		display: none;
	}
	.logo-mobile{
		margin-top: 80px;
		width: 100%;
		display: block;
		text-align: center;
		/*border-bottom: 1px solid #ccc;*/
	}
	.logo-mobile a{
		font-size: 58px;
		font-family: 'hipstelveticabold';
		color: #22252e;
		transition: 0.2s ease all;
		-webkit-transition: 0.2s ease all;
		/*border-bottom: 1px solid #ccc;*/
		display: block;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.logo-mobile a:hover{
		color: #ff9900;
	}
	.tm-menu-pasek{
		display: none;
	}
	.tm-menu-pasek-mobile{
		display: block;
		padding-bottom: 2px;
		padding-top: 2px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		background: #f6f6f6;
	}
	#nav-left{
		position: fixed;
		left: 10px;
		margin: 0px;
		top: 12px;
		z-index:9999;
		background: none;
	}
	#nav-left .icon-menu{
		display: inline-block;
		color: #252525;
		font-size: 32px;
		background: #f6f6f6;
		padding: 2px 4px 4px 4px;
	}
	#nav-left ul li.homepage{
		display: block;
	}
	ul.menu-dropdown{
		margin: 0px 0px 0px 0px;
		background: #f6f6f6;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		z-index:99;
		position: absolute;
		left: 0px;
		max-height: 0;
		margin-left: 0px !important;
		width: 100%;
		overflow: hidden;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		border-bottom: 2px solid #ddd;
	}
	ul.menu-dropdown > li:first-child > a{
		white-space: nowrap;
	}
	#nav-left ul li{
		display: block;
		text-align: left;
		border-bottom:1px solid #ddd;
		margin: 0px 5px;
		position: relative;
	}
	#nav-left ul li a, #nav-left ul li a.icon-cloud-upload{
		display: block;
		margin: 0px;
		padding: 10px 5px;
		font-size: 14px;
		line-height: normal;
		height: auto;
		border: none;
	}
	#nav-left ul li a.icon-cloud-upload{
		/*background: none;
		color: #252525;*/
	}
	#nav-left ul li a.icon-cloud-upload:before{
		/*display: none;*/
	}
	#nav-left ul li a, #nav-left ul li a.icon-pacman{
		display: block;
		margin: 0px;
		padding: 10px 5px;
		font-size: 14px;
		line-height: normal;
		height: auto;
		border: none;
	}
	#nav-left ul li a:hover{
		/* background: none;   */
 		color: #ff9900;
	 }
	.menu-mobile{
		width: 0px;
		transition: 0.3s width;
	}
	.menu-mobile.active{
		width: 97%;
		width: calc(100% - 20px);
		height: 90%; 
	}
 	.menu-mobile.active ul.menu-dropdown{	
		max-height: 80%;
		overflow: scroll;
	}
	#nav-left ul li:last-child{
		border: none; 
	}
	#nav-left ul li ul{
		position: relative;
		display: none;
		width: 100%;
		margin: 0px 0px 11px 0px;
		padding: 0px;
		background: #eee;
		border: none;
		border-radius: 0px;
		visibility: visible;
		max-height: none;
		overflow: visible;
	}
	#nav-left ul li ul li{
		text-align: left;
		margin: 0px 5px;
		border-bottom: 1px solid #dddddd;
	}
	#nav-left ul li ul li a:hover{
		background: none;
	}
	#nav-left ul li:hover ul{
		max-height: none;
		display: block;
	}
	#nav-right, #user-menu{
		margin-right: -5px;
	}
	.sb-search{
		right: -10px;
	}
	#footer #footer-left{
		width: 100%;
		position: relative;
		text-align: center;
	}
	#footer .copyright{
		font-size: 13px;
	}
	#footer #footer-links{
		float: none;
		margin: 10px 0px 15px 0px;
		text-align: center;
		padding-left:0px;
		-webkit-padding-after: 3px
	}
	#footer-links li a{
		text-transform: uppercase;
		font-size: 14px;
		margin: 0px 5px;
		}
	#footer-links li a.sruu img{
		width: 20px;
	}

}
/*-----------------------------------
:: Maksymalna szerokosc 750px
-----------------------------------*/
@media all and (max-width:750px){
	#tablet-ukryj{
		display: none;
	}
			/* DOTYCZY CZATA */	
div.chat div.main div#header_messages { width: 420px; margin: 0px 2px 0px 0px; }
div.chat div.main div#header_users    { width: 150px; }
div.chat div.main div#messages        { width: 424px; margin: 0px 2px 2px 0px; }
div.chat div.main div#users           { width: 154px; white-space: nowrap; }
}
/*-----------------------------------
:: Maksymalna szerokosc 640px
-----------------------------------*/
@media all and (max-width:640px){
	#telefon-ukryj{
		display: none;
	}
	#wybor-gry{
		width: 90%;
	}
	.apel{
		font-size: 10px;
		margin-left:5px;
	}
	.apel_2{
		font-size: 10px;
	}
	.short_content, .full_content{
		font-size: 16px;
		padding-bottom: 10px;
	}
	h1{
		font-size: 24px;
	}
	.object-info li{
		font-size: 11px;
		margin-right: 3px;
	}
	.object-info li span{
		display: none;
	}
	.object-info li.report-btn{
		float: none;
		position: absolute;
		right:0;
		bottom:0;
	}
	.article-bottom{
		margin-top: 30px;
		height: 40px;
	}
	.share{
    	margin: 8px 0px 0px 10px;
	}
	.share li.more-sharing{
		height: 24px;
		line-height: 8px;
		font-size: 26px;
		margin-left: 5px;
		-webkit-padding-before: 1px;
	}
	.social-likes__counter {
		height: 24px;
		line-height: 24px;
		padding: 0px 3px 0px 3px;
		margin: 0px 0px 0px 6px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-padding-before: 1px;
	}
	.social-likes__counter:before{
		left: -5px;
		top: 8px;
		border-right: 5px solid #eee;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
	}
	.social-likes__counter{
		font-size: 12px !important;
	}
	.social-likes__button {
		padding: 0px 5px 0px 20px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		-webkit-padding-before: 1px;
	}
	.social-likes__icon_facebook {
		left:4px;
		bottom:1px;
		font-size:12px;
	}
	.social-likes__button_twitter {
		padding-right:11px !important;
	}
	.social-likes__icon_twitter {
		left:5px;
	}
	.social-likes__icon_plusone {
		left:4px;
	}
	.sharing-dropdown.social-likes .social-likes__widget{
		padding: 0px 5px 0px 5px;
	}
	.sharing-dropdown.social-likes .social-likes__widget_twitter{
		margin: 2px 0px 5px 0px;
	}
	.sharing-dropdown.social-likes .social-likes__widget_plusone{
		margin: 0px 0px 6px 0px;
	}
	.article-bottom{
		margin-top: 40px;
	}
	.article-bottom .img-icons{
		position: absolute;
		bottom: 40px;
		width:100%;
	}
	.vote{
		border: none;
		margin: 0px;
		padding: 10px 2px 6px 5px;
	}
	.vote .thumb_down, .vote .thumb_up{
		font-size: 22px;
	}
	.vote [class^="rate_"]{
		bottom: 3px;
	}
	.add_fav, .del_fav{
		border-right: none;
		font-size: 22px;
		padding: 10px 3px 6px 4px;
	}
	.comment_count{
		font-size: 14px;
		border-right:none;
	}
	.comment_count a{
		height: 20px;
		line-height: 20px;
		display: block;
		padding: 0px 8px;
	}
	.comment_count a:before{
		top: 20px;
		left:5px;
	}
	#like-large{
		display: none;
	}
	#like-small{
		display: inline;
		
	}
	.lubieto{
		margin-top: 1px;
	}
	
	
	.comment_count_fbb{
		font-size: 14px;
		border-right:none;
		width:24px;/*próba usunięcia rozciągnięcia fbb komentarzy ikonki*/
	}
	.comment_count_fbb a{
		height: 20px;
		line-height: 20px;
		display: block;
		padding: 0px 8px;
	}
	.comment_count_fbb a:before{
		top: 20px;
		left:5px;
	}
	.comments-count{
		height: 20px;
	}
	.author{
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		padding: 0px 10px;		
	}
	.author a{
		position: relative;
		bottom: 2px;
	}
	.author img{
		height: 26px;
		top: 8px;
	}
	.author3{
		/*font-size: 14px;*/
		height: 110px;
		/*line-height: 40px;*/
		/*padding: 0px 10px;*/		
	}
	.author3 img{
		height: 55px;
		/*top: 8px;*/
	}
	.mod_tools a{
		padding: 5px;
		font-size: 12px;
	}
	.pagination{
		padding-top: 30px;
	}
	.pagination .square{
		line-height: 22px;
		height:22px;
		width:22px;
		font-size: 12px;
	}
/*	.pagination .next, .pagination .previous{
		position: absolute;
		bottom: 30px;
		height: 28px;
		line-height: 28px;
		font-size: 18px;
		width: 49%;
		width: 22px;
	}
	.pagination .next{
		right:0px;
	}
	.pagination .previus{
		left: 0px;
	}
*/

	.featured-image > a{
		height: 120px;
	}
	h2.featured-title{
		margin: 0px 0px 0px 0px;
		font-size: 17px;
	}
	.featured-bottom{
		border-bottom: 2px solid #cccccc;
		font-size: 12px;
	}
	#profile-header > .avatar{
		width: 120px;
		right: 5px;
	}
	#profile-header > .avatar img{
		border: 5px solid #eee;
	}
	.favlist-img{
		height: 100px;
	}
	#inbox-btns{
		position: relative;
	}
	.inbox_button{
		margin-right: 5px;
	}
	.inbox_button:last-of-type{
		margin-left: 0px;
	}
	.msg-list-header{
		display: none;
	}
	.msg-single-display{
		position: relative;
		padding: 8px 0px 15px 0px;
		border-bottom: 1px solid #ddd;
	}
	.msg-list-subject{
		width: 100%;
		margin-bottom: 15px;
	}
	.msg-list-subject a{
		display: inline-block;
		width:90%;
	}
	.msg-list-author{
		width: auto;
		font-size: 12px;
		float: left;    
	}
	.msg-list-date{
		width: auto;
		float: right;
		font-size: 12px;
	}
	.msg-list-delete{
		top: 10px;
		margin-top: 0px;
	}
	#message-container{
		margin-top: 10px;
	}
	.msg-read-subject{
		width: 100%;
	}
	.msg-read-author{
		float: none;
		font-size: 12px;
		margin-top: 10px;
	}
	.msg-read-content{
		font-size: 13px;
	}
	.options input[type~=button]{
		padding: 5px 2px;
		text-align: center;
		font-size: 12px;
	}
	#popup_main input[type~=text], input[type~=password], #content input[type~=text], #content-page input[type~=text], input[type~=email], input[type~=file], textarea, #content-page select{
		font-size: 14px;
	}
	#tabs ul li{
		width: 32%;
		margin-bottom: 5px;
	}
	.reg_left{
		width:100%;
		float:none;
	}
	.reg_right{
		width:100%;
		float:none;
	}
		.rules_info p{
		font-size: 13px;		
	}
	.registration-page-btn{
		width: 120px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
			/* DOTYCZY CZATA */	
div.chat div.main div#header_messages { width: 320px; margin: 0px 2px 0px 0px; }
div.chat div.main div#header_users    { width: 100px; }
div.chat div.main div#messages        { width: 324px; margin: 0px 2px 2px 0px; }
div.chat div.main div#users           { width: 104px; white-space: nowrap; }

div.chat div.main form.send div.form_input                 { width: 348px; }
div.chat div.main form.send div.form_input div.input       { width: 346px; }
div.chat div.main form.send div.form_input div.input input { width: 340px; }

div.chat div.main div#header_users a  {font-size:  13px; }

}
/*-----------------------------------
:: Maksymalna szerokosc 480px
-----------------------------------*/
@media all and (max-width:480px){
	#popup_main{
		width: 300px !important;
		margin-left: -150px;
	}
	#top{
		height: 46px;
		border-bottom: 2px solid #cccccc;
	}
	header{
		margin-bottom: 20px;
	}
	.logo-mobile{
		margin-top: 60px;
	}
	.logo-mobile a{
		font-size: 43px;
		padding-bottom: 0px;
	}
	#nav-left{
		top: 4px;
		left: 5px;
	}
	.menu-mobile.active{
		width: 97%;
		width: calc(100% - 10px);
	}
	#nav-right #user-menu{
		right: 32px;
	}
	#nav-right .av_small, .av_small img{
		width: 30px;
		margin-top: 4px;
	}
	#nav-right ul li a, #nav-right .wrapper-dropdown-5{
		font-size: 14px;
		padding: 15px 10px 15px 10px;
	}
	.wrapper-dropdown-5 .icon-menu3{
		font-size: 12px;
		margin-left: 4px;
	}
	.wrapper-dropdown-5 .dropdown{
		top: 48px;
	}
	.sb-search{
		min-width: 36px;
		width:36px;
		height: 46px;
	}
	.sb-search-input{
		line-height: 46px;
		font-size: 12px;
		width:200px;
		padding: 0px 45px 0px 0px;
	}
	.icon-search{
		width: 36px;
		height: 46px;
		line-height: 46px;
		font-size: 12px;
		padding: 0px !important;
	}
	.featured-image > a{
    	height: 80px;
	}
	h2.featured-title{
		font-size: 17px;
	}
	h1.header-page{
		font-size: 19px;
	}
	#image-nav ul li a{
		font-size: 16px;
		height: 35px;
		line-height: 35px;
	}
	.comment_left, .comment_left a img, .comment_left span{
		width:50px;
	}
	.comment_right{
		width: 80%;
		width: calc(100% - 60px);   
	}
	.comment_author{
		font-size:15px;
	}
	.coment_content{
		font-size: 12px;
	}
	.featured-bottom{
		font-size: 11px;
	}
	.featured-comments{
		float: none;
		text-align: center;
		display: block;
	}
	.featured-counter{
		display: none;
	}
	#profile-header{
		background-size: cover;
	}
	#profile-header > .avatar{
		width: 90px;
	}
	.profile-login{
		font-size: 20px;
	}
	#profile-container .user-info-links{
		font-size: 14px;
		text-align: center;
		float: none;
	}
	.profile-action-btn{
   	float: none;
		top: 0px;
   	right:0px;
   	bottom: 0px;
		text-align: center;
		margin: 0px 0px 10px 0px;
	}
	.profile-action-btn a{
		display: inline-block;
		line-height: 30px;
	}
	.favlist-img{
		display: inline-block;
		height: 80px;
		width: 32.6%;
		margin-right: 1%;
    	margin-bottom: 5px;
	}
	.favlist-img:nth-child(4n+0){
    	margin-right: 1%;
	}
	.favlist-img:nth-child(3n+0){
		margin-right: 0px;
	}
	.article input[type~=submit], .profile-action-btn a, .inbox_button{
		height:30px;
		font-size: 14px;
		padding: 0px 10px;
	}
	.inbox_button{
		line-height: 31px;
	}
	#tabs ul li{
		height: 30px;
		line-height: 30px;
	}
	#tabs ul li a{
		font-size: 12px;
	}
	label{
		font-size: 14px;
	}
			/* DOTYCZY CZATA */	
div.chat div.main div#header_messages { width: 210px; margin: 0px 2px 0px 0px; }
div.chat div.main div#header_users    { width: 100px; }
div.chat div.main div#messages        { width: 214px; margin: 0px 2px 2px 0px; }
div.chat div.main div#users           { width: 104px; white-space: nowrap; }

div.chat div.main form.send div.form_input                 { width: 248px; }
div.chat div.main form.send div.form_input div.input       { width: 246px; }
div.chat div.main form.send div.form_input div.input input { width: 240px; }
}
/*-----------------------------------
:: Maksymalna WYSOKOSC 360px
-----------------------------------*/
@media all and (max-height:360px){
    .popup-container{
        margin: 10px auto;
    }
    .loginform-links{
       height: 20px;
       margin-bottom: 8px;
    }
    #popup_main{ 
       margin-top: -145px;
    }
				/* DOTYCZY CZATA */	
div.chat div.main div#header_messages { width: 300px; margin: 0px 2px 0px 0px; }
div.chat div.main div#header_users    { width: 100px; }
div.chat div.main div#messages        { width: 304px; margin: 0px 2px 2px 0px; }
div.chat div.main div#users           { width: 104px; white-space: nowrap; }

div.chat div.main form.send div.form_input                 { width: 248px; }
div.chat div.main form.send div.form_input div.input       { width: 246px; }
div.chat div.main form.send div.form_input div.input input { width: 240px; }
}