body{
	min-width: 320px;
}



@media all and (max-width: 1280px),all and (max-device-width: 1280px){
	#top-menu li a{
		padding: 0px 11px;
	}
	

	#top-header div#movable-hover.state1{
		left: 126px;
		width: 198px;
	}

	#top-header div#movable-hover.state2{
		left: 323px;
		width: 144px;
	}

	#top-header div#movable-hover.state3{
		left: 466px;
		width: 124px;
	}

	#top-header div#movable-hover.state4{
		left: 589px;
		width: 116px;
	}

	#top-header div#movable-hover.state5{
		left: 705px;
		width: 100px;
	}
	
	#login-div span{
		display: none;
	}
	
	#top-header-logo{
		height: 61px;
		width: 116px;
		padding: 0px 5px;
	}
	
	#search-field{
		width: 100px;
	}
		
}

body, #top-header{
	min-width: 1024px;
}

input {
    -webkit-appearance: none;
}


@media all and (max-width: 1070px),all and (max-device-width: 1070px){
	
	
	#top-menu-a24{
		width: 100px;
	}
	
	.pmnt.psubscription #payment-method-left {
		margin-left: 175px;
	}
	
	.left-content {
    width: 535px;
	
	}
	
	#cover-div{
		width: 570px;
	}
	
	body, #top-header{
		min-width: 320px;
	}
	
	#middle-content{
		/*width: 718px;*/
		width: 875px;
	}
	
	#i-cover{
		width: 570px;
	}
	
	#newsletter-box{
		display: none;
	}
	
	.footer #footer-wrapper{
		width: 718px;
	}
	
	.footer #books-footer {
		width: 410px;
	}
	
	.book-details, .book-footer {
		width: 243px;
	}
	
	#rightfooter{
		width: 100%;
	}
	
	#rightfooter div.footer-box-content, #rightfooter iframe{
		float: left;
		margin: 0 10px;
	}
	
	div#rightfooter div#social-footer,div#rightfooter div.footer-header{
		width: 100%;
	}
	
	div#rightfooter div.footer-box-content{
		margin-left: 0;
	}
	
	div#rightfooter iframe#twitter-widget-0{
		width: 400px !important;
	}

	.window-panel{
		width: 718px;
		margin-left: -380px;
		height: 500px;
	}
	
	
	div#rightfooter .footer #books-footer {
		width: 100%;
	}
	
	div#rightfooter .book-details,div#rightfooter  .book-footer {
		width: 208px;
	}
	
	div#rightfooter #books-footer div.footer-box-content{
		margin-bottom: 10px;
	}
	
	.window-panel input[type="text"], .window-panel input[type="password"] {
		width: 246px;
	}


	
	#login-left-panel, #login-right-panel {
		width: 340px;
		height: 490px;
	}
	
	.real-footer{
		/*width: 718px;*/
		width: 875px;
	}
	
	#visits{
		width: 300px;
	}

	#top-menu li a{
		padding: 0px;
		font-size: 13px;
	}
	
	#top-header div#movable-hover.state1{
		left: 126px;
		width: 176px;
	}

	#top-header div#movable-hover.state2{
		left: 301px;
		width: 122px;
	}

	#top-header div#movable-hover.state3{
		left: 422px;
		width: 102px;
	}

	#top-header div#movable-hover.state4{
		left: 523px;
		width: 94px;
	}

	#top-header div#movable-hover.state5{
		left: 617px;
		width: 100px;
	}
	
	div#search.expand-search #search-field-div{ 
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.footer #angorka-footer {
		width: 100%;
	}
	
	div#search.expand-search #search-field-div input {
		width: 100px;
	}
	
	div#rightfooter div#angorka-footer div.footer-box .footer-header{
		width: auto;
	}
	
	.window-panel form {
		margin: 12px 15px 15px;
		width: 305px;
	}
	
	.window-panel input[type="text"], .window-panel input[type="password"] {
		width: 290px;
	}


	#footer-info {
	  width: 245px;
	}
	
		
	#angorka-footer .footer-box {
		width: 48%;
		float: left;
	}
	
	.wrap-archives{
			width: 450px;
	}
	
	#toc-right-column{
		width: 320px;
	}
	
	.toc-wrap{
		width: 320px;
	}
	
		
	.window-one-third {
		height: 175px;
		width: 100%;
	}

	#search{
		display: none;
	}
	
	#search-wide{
		display: block;
		border-left: 1px #DDD solid;
		padding-left: 10px;
		border-right: 1px #DDD solid;
		padding-right: 10px;
		height: 61px;
		width: 44px;
	}
	
	
	#search-wide img {
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 13px;
		z-index: 2500;
	}
	
	
}


@media all and (min-device-width: 921px){
	#top-header #search:hover div#search-hover{
		display: block;
		z-index: 1900;
	}
}

@media all and (max-width: 920px),all and (max-device-width: 920px){

	#top-menu-tab3, #top-menu-contact{
		border-bottom: 1px #DDD solid;
	}

	.only-desktop{
		display: none;
	}

	#search{
		display: block;
	}
	
	#search-wide{
		display: none;
	}

	*{
		max-width: 920px;
	}

	.myacc #sidebar .sidebar-box{
		display: block;
	}

	.rklm-prez.left-content.rklm img {
		width: 380px;
	}

	.left-content.toc .tablelike-wrapper{
		display: table; 
	}
	
	#toc-left-column{
		float: none;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	
	.left-content.toc img{
		float: left;
	}
	

	#toc-right-column{
		width: 100%;
		display: table-footer-group; 
		float: none;
	}
	
	.toc-wrap{
		width: 90%;
	}

	.real-footer{
		width: 718px;
	}
	
	#cover-div,#i-cover{
		width: 420px;
	}	


	*{
		max-width: 920px;
	}

	.left-content {
		width: 410px;
		box-sizing: border-box;
	}
	
	
	.window-panel input[type="text"], .window-panel input[type="password"] {
		width: 303px;
	}

	.window-panel form{
		width: 320px;
		margin: 12px 10px 10px;
	}

	#mobile-menu-icon{
		display: block;
	}
	
	#top-menu li a {
		padding: 0 0;
	}
	
	#header-center,div#movable-hover{
		display: none;
	}
	
	#header-center.show-menu{
		display: block;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 66px;
		background-color: white;
	}
	
	.mobile-title{
		background-color: #FFF;
		padding: 15px;
		padding-right: -15px;
		border-bottom: 1px solid #a9a9a9;
	}
	
	.mobile-link .sidebar-box {
		margin-bottom: 0px;
	}
	
	
	.mobile-link .sidebar-box .sidebar-header  h1,  .mobile-link .sidebar-box .sidebar-header h2, .mobile-link h1{
		width: auto;
	}
	
	#header-center.show-menu li{
		width: 49.85%;
		text-align:center;
	}
	
	#header-center.show-menu li a{
		width: 100%;
	}
	
	#mobile-formater{
		width: 100%;
		border-bottom: 1px #DDD solid;
	}
	
	#top-menu-contact{
	border-right: none;
	}
	
	#top-menu {
		box-shadow: 0 4px 2px -2px gray;
	} 	
	
	.wrap-archives{
			width: 210px;
	}
	
	#middle-content{
		width: 718px
	}
	
	.desktop.select-year{
		display: none;
	}
	

	.search-page .mobile.select-year{
		display: table;
	}
	
	.book-desc{
		clear: both;
	}
	
	#payment-method-left {
		clear: both;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	.pmnt.psubscription #payment-method-left {
		margin-left: 0px;
	}
	
	#payment-method-right {
		float: none;
		margin: 0 auto;
		padding-top: 25px;
		text-align: center;
	}
	
	.brm{
		display: block;
	}

	.grey-price-box h3{
		line-height: 20px;
	}
	
	.window-one-third .grey-price-box h3{
		line-height: 40px;
		
	}
	
	.window-one-third .grey-price-box {
		margin: 0;
	}

	
}




@media all and (max-width: 760px),all and (max-device-width: 760px){



	#footer-right{
		height: 270px;
	}

	#main3 img{
		display: block;
		float: none !important;
		margin: 0 auto !important;
	}

	#help-div {
		display: none;
	}

	#share-buttons-all {
		position: fixed;
		top: 66px;
		box-shadow: 0 4px 2px -2px gray;
	}
	
	div#share-buttons-all a {
		box-sizing: border-box;
		width: 50%;
		float: left;
	}
	
	#share-buttons-all img {
		margin: 0 auto;
		display: table;
		position: static;
	}
	
	#announcement .window-panel{
			height: 100%;
			margin-left: 0;
			margin-top: 0;
			position: fixed;
			width: 100%;
	}
	
	#top-menu li a#logout-mobile{
		border-left: 1px solid #ddd;
		box-sizing: border-box;
		padding-left: 16px;
		padding-top: 10px;
		position: absolute;
		right: 16px;
		top: 0;
		width: auto;
	}

	.left-content{
		float: none;
	}
	
	.sidebar-box .footer-box-content .book-details {
		float: none;
		overflow: hidden;
		width: auto;
	}

	.book-desc{
		clear: none;
	}

	*{
		max-width: 760px;
	}

	.myacc #sidebar .sidebar-box{
		display: block;
	}

	.rklm-prez.left-content.rklm img {
		width: 100%;
	}

	.mobile{
		display: inline;
	}
	

	#toc-left-column{
		width: 450px;
	}

	#rest-of-left-column{
		float: left;
		padding-left: 20px;
		width: 210px;
	}


	.wrap-archives{
			width: 100%;
	}

	.left-content{
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}

	*{
		max-width: 100%;
	}

	#footer-info {
		width: 235px;
		padding-left: 5px;
		line-height: 25px;
	}
	
	#visits {
		display: none;
	}

	#footer-mob-left{
		float: left;
	}

	.real-footer {
		width: 100%;
	}

	#issue-date-info{
		padding-top: 0px;
		padding-left: 10px;
	}
	
	#content{
		padding-top: 0px;
	}

	.window-panel input[type="text"], .window-panel input[type="password"] {
		width: 308px;
	}

	.sidebar-box h1{
		margin: 0;
	}

	#cover-share{
		display: none;
	}

	#mobile-share-icon{
		display: block;
	}

	.desktop{
		display: none;
	}
	
	.mobile{
		display: inline;
	}

	#search,#login-div{
		display: none;
	}
	
	#header-center.show-menu li{
		width: 100%;
		border-bottom: 1px #DDD solid;
	}
	
	#mobile-formater{
		border-bottom: none;
	}
	
	#i-cover, #cover-div{
		width: 100%;
	}
	
	#top-menu li#mobile-login a, #top-menu li#mobile-search a{
		display: block;
	}
	
	#login-left-panel, #login-right-panel{
		height: auto;
		float: none;
		width:300px;
		margin: 0px 10px;
		padding: 2px;
		padding-left: 0;
		padding-top: 28px;	
	}
	
	.window-panel .button {
		margin-right: 0px;
	}
	
	#reg-info{
		margin-left: 0px;
	}
	
	.window-panel form {
		margin: 0px;
	}
	
	.window-panel{
		height: auto;
		position: absolute;
		width: 100%;
		margin-left: 0;
		top: 0px;
		margin-top: 0px;
		padding: 0px;
		left: 0px;
	}
	
	.wrapper{
		width: 100%;
	}
	
	#login-right-panel, #login-left-panel{
		margin: 0 auto;
	}
	
	
	#login-right-panel {
		border: none;
		padding-left: 0px;
		padding-bottom: 10px;
	}
	
	.window-panel form{
		width: 310px;
	}
	
	.close-panel {
		top: 0px;
	}
	
	.window-panel input[type="text"], .window-panel input[type="password"]{
		width: 290px;
	}
	
	.window-panel input[type="checkbox"] + label, .window-panel input[type="checkbox"] + .reg-req label {
		padding: 14px;
	}
	
	
	.window-panel input[type="checkbox"]:checked + label:after, .window-panel input[type="checkbox"]:checked + .reg-req label:after {
		font-size: 20px;
		left: 6px;
	}
	
	#header-login-panel a {
		margin-right: 202px;
		margin-top: -3px;
	}

	#cover-div{
		float: none;
	}
	
	#sidebar{
		float: none;
		margin: 0 auto;
		width: 90%;
		margin-top: 30px;
	}

	#laicos-footer{
		margin: 0 auto;
	}
	
	.footer #leftfooter, .footer #rightfooter{
		display: none;
	}
	
	.footer #middlefooter{
		float: none;
	}
	
	#social-footer{
		margin: 0 auto;
		/*width: 80% !important;*/
	}
	
	#social-footer iframe {
		width: 100% !important;
	}
	
	#sidebar.might-be-visible, #sidebar.must-be-visible {
		display: block;
		float: left;
		width: 100%;
	}
	
	.sidebar-box .footer-box-content .book-details {
		width: auto;
	}
	
	
	.footer.last{
		display: block;
	}
	
	#middle-content, body div#top-header , body, #header-center.show-menu li a, #header-center.show-menu  {
		width: 100%;
	}
	
	/* CENNIK */
	
	.cell-left{
		width: 70px;
	}
	
	.cell-left img{
		width: 35px;
	}
	
	.das{
		font-size: 11px;
	}
	
	td.cell-middle{
		display: block;
		min-width: 80px;
	}
	
	td.cell-middle.small-cell{
		display: table-cell;
		min-width: 35px;
	}
	
	.cell-left img {
		margin-right: 0px;
	}
	
	.das th.disp-block {
		display:block;
	}
	
	.das th h1{
		font-size: 10px;
	}
	
	table .table-title {
		padding-right: 0px;
	}
	
	
	td.cell-right {
		padding-right: 0px;
	}
	
	td.cell-middle.borderless{
		border: none;
	}
	
	.das.second .cell-left img{
		padding-right: 5px;
	}
	
	table.das {
		padding: 0 5px;
	}
	
	th.cell-middle:not(.disp-block){
		width: 35px;
	}
	
	.might-be-visible .sidebar-box:not(.s1):not(.s2):not(.s3):not(.s4):not(.s5):not(.s6){
		display: none;
	}
	

	#top-menu li#help-mobile{
		display: block;
	}
	
	.toc-ang, .toc-an, .toc-a{
		display: none;
	}
	
	.tablelike-wrapper{
		width: 100%;
	}
	
	
	.window-panel.small {
		height: 260px;
		left: 0%;
		margin-left: 0px;
		margin-top: 0px;
		padding: 10px;
		position: relative;
		top: 0;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
	}
	


	
}

@media all and (max-width: 715px),all and (max-device-width: 715px){
	.wrap-archives{
			width: 460px;
	}
}



@media all and (max-width: 479px),all and (max-device-width: 479px){


	.book-desc{
		clear: both;
	}

	.myacc #sidebar .sidebar-box{
		display: block;
	}

	#cennik {
		font-size: 11px;
	}

	#toc-left-column{
		width: 210px;
	}
	
	#toc-left-column{
		float: none;
	}

	#rest-of-left-column{
		float: none;
		padding-left: 0px;
		width: 210px;
	}

	.wrap-archives{
			width: 210px;
	}


	#pay{
		float: left;
		padding-left: 5px;
	}
	
	#dev{
		float: right;
		position: relative;
		padding-right: 5px;
	}
	
	#footer-right {
		clear: both;
		width: 100%;
		padding-top: 25px;
		height: auto;
	}

	*{
		max-width: 100%;
	}

	.mobile-break{
		clear: both;
		display: block;
	}

	.footer{
		height: auto;
	}

}