@media only screen and (max-width : 1024px) and (min-width: 768px) {
	*{
		box-sizing: border-box !important;
	}

	#main{
		width: 100%;
		padding: 0 10px;
	}

	#top, h1, h1 a, h1 a img{
		width: 100%;
	}

	#tagline {
		margin-right: 100px;
	}

	#left-column {
		width: 20%;
		padding-right: 10px;
	}

	#column-one {
		width: 25%;
		margin-left: 0;
		padding-right: 10px;
	}

	#column-two {
		width: 35%;
		padding-right: 10px;
		margin-left: 0;
	}

	#column-three {
		width: 20%;
	}

	#footer{
		width: 100%;
	}

	#books li{
		width: 50%;
	}

	#books li:first-child, #books li:nth-child(2){
		border-bottom: 1px solid #DDDDDD;
	}

	#decoration{
		right: 10px;
	}

	.page{
		width: 58%;
		margin-left: 0;
	}

	#languages li{
		margin-bottom: 2px;
	}

	.page.page-library{
		width: 80%;
	}

	.page.page-library img.banner{
		width: 100%;
	}
}


@media only screen and (max-width : 767px) {

	*{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#main, #books, #footer{
		width: auto;
	}

	#search input[type="text"]{
		height: 18px;
	}

	#search input{
		-webkit-appearance:none;
		border-radius: 0;
	}

	#left-column, #top, h1, #column-one, #column-two, .page{
		width: 100%;
		padding: 1em;
	}

	#top{
		padding: 0;
		background: #ECECEC;
		height: auto;
	}

	#left-column{
		top: 0;
	}

	#column-one, #column-two{
		margin: 0 0 30px 0;
	}

	.page{
		margin: 0;
		min-height: auto;
	}

	.page-elements li, .page-media li, ul.elements li{
		border-top: 1px solid #EBEBEB;
		margin-bottom: 35px;
		margin-top: 30px;
	}

	.page-elements li h3, .elements li h3, .page-media h4, .page-environment li h4, .page-akw li h4, .page-property-index li h4, .page-economic-freedom-index li h4, .page-policy li h4{
		width: 100%;
	}

	.page-elements .date, .page-environment .date, .page-akw .date, .page-media .date, ul.elements .date, .page-property-index .date, .page-economic-freedom-index .date, .page-policy .date{
		top: -21px;
	}

	.menu a, .menu span{
		width: 100%;
		display: block;
	}

	.address{
		margin-top: 5px;
		padding-top: 0;
	}

	#column-three{
		width: 100%;
		padding: 0 1em 0 1em;
		margin-top: 0;
	}

	#tools li:first-child a{
	  border-top: 1px solid #62708E;
	}

	#tools a{
		background: #F5F5F5 url(/images/deco/quick-link-li.png) no-repeat 4px 8px;
		border: none;
		display:block;
		color: #293E68;
		padding: 3px 0 3px 12px;
		margin:0 0 0 0;
		font-family:Tahoma,Arial,Geneva,Helvetica,sans-serif;
		font-weight: normal;
		font-size:0.87em;
		text-align: left;
		border-bottom: 1px solid #62708E;
	}

	#tools a:hover, #tools a:active{
		background: #F5F5F5 url(/images/deco/quick-link-li.png) no-repeat 4px 8px;
		color: #5871A3;
	}

	#books li{
		width: 100%;
		border-bottom: 1px solid #DDD;
	}

	#decoration{
		display: none;
	}

	h1{
		height: auto;
		padding: 0;
	}

	h1 a{
		width: 100%;
		height: auto;
		background: #FBFBFB;
	}

	h1 a img{
		width: 100%;
		display: none;
		margin: auto;
		max-width: 500px;
		position: relative;
	}

	#tagline{
		display: none;
	}

	#footer{
		height: 20px;
	}

	#menu-sortcut{
		padding: 0.7em;
		display: inline-block;
		font-size: 0.9em;
		text-transform: uppercase;
	}

	#menu-sortcut a span{
		font-size: 0.9em;
		top: -2px;
		position: relative;
	}

	#search{
		right: initial;
	}

	#languages{
		right: 0;
		top: 0;
		padding: 1em;
		bottom: initial;
		padding-right: 0.8em;
		padding-bottom: 0em;
		background: #ECECEC;
	}

	#languages-trigger{
		font-size: 1.2em;
		margin-bottom: .5em;
		display: block;
	}

	#languages-trigger:after{
		content: '\2193';
		margin-left: 0.5em;
		top: -0.2em;
		position: relative;
		font-size: .9em;
	}

	#languages-trigger.open:after{
		content: '\2191';
	}

	#languages li{
		display: none;
		margin-bottom: 0;
		padding-top: .8em;
		padding-bottom: .8em;
	}

	#footer{
		margin-top: 10px;
	}

	.book-list-mobile{
		overflow: hidden;
		clear: both;
	}

	.page .book-list-container{
		overflow: scroll;
		overflow-y: hidden;
		width: auto;
		display: block;
	}

	.keyword-container, .book-search{
		width: 100%;
		margin: 10px 0;
	}

	.lang-container{
		width: 100%;
	}

	..page .cat-col{
		width: 100%;
		margin: 5px 0 0 0;
		padding-left: 5px;
	}

	.page-library .letters{
		padding: 0;
	}

	.lang-container ul{
		margin: 10px 5px;
	}

	.lang-container ul li{
		margin-bottom: 10px;
	}

	a.library-link, #invest a img{
		width: 200px !important;
	}

}