/* -- 980 ----------------------------------------------- */
/* 980x1280  */

@media screen and (max-width: 990px) {
	.width-limiter {
		width: 960px;
	}
}

/* -- 900 ----------------------------------------------- */
/* 900x1920  */

@media screen and (max-width: 910px) {
	.width-limiter {
		width: 890px;
	}
}

/* -- 800 ----------------------------------------------- */
/* 800x1280  */

@media screen and (max-width: 810px) {
	.width-limiter {
		width: 790px;
	}

	.download-block .download-block-controls .btn {
		font-size: 1.8em;
	}
}

/* -- 768 ----------------------------------------------- */
/* 768x1024  */

@media screen and (max-width: 770px) {
	.width-limiter {
		width: 750px;
	}

	#fullscreen-preview-layout .header h1 {
		display:none;
	}
	#fullscreen-preview-layout .header .banana {
		max-width: calc( 100% - 10px );
		overflow:hidden;
		margin-left:5px;
	}
	body > .body .width-limiter main {
            max-width:100%;
        }

	body > .body .width-limiter aside {
		display:none;
	}
}

/* -- 640 ----------------------------------------------- */
/* 640x360 640x480  */

@media screen and (max-width: 650px) {
	.width-limiter {
		width: 620px;
	}

	.trends-list .trends-preview {
		margin-right:15px;
	}
	.games-resolution-control {
		display:none;
	}
	.games-too-small-resolution {
		display:block;
	}

	.viewerjs-preview {
	    width: 100%;
	    min-height: 75vh;
	}
}

/* -- 600 ----------------------------------------------- */
/* 1280x600 */

@media screen and (max-width: 610px) {
	.width-limiter {
		width: 590px;
	}

	.trends-list .trends-preview {
		margin-right:5px;
	}
	.games-resolution-control {
		display:none;
	}
	.games-too-small-resolution {
		display:block;
	}

	.viewerjs-preview {
	    width: 100%;
	    min-height: 75vh;
	}

	.viewerjs-preview {
	    width: 100%;
	    min-height: 50vh;
	}
}

/* -- 480 ----------------------------------------------- */
/* 480x640  */

@media screen and (max-width: 490px) {
	.width-limiter {
		width: 480px;
	}

	body > header .width-limiter .logo {
		width: 100%;
		font-size: 1.5em;
		margin: 10px;
	}

	body > header .width-limiter nav {
		display:none;
	}

	body > .body .width-limiter main {
		padding:5px 10px;
	}

	body > footer {
		padding: 15px 0 10px 0;
		height:auto;
	}

	body > footer body > footer ul.list-inline {
		margin-right: 20px;
	}
	body > footer ul.list-inline > li {
		padding: 0px 10px;
	}
	body > footer ul.list-inline > li.copyright {
		display:block;
		padding: 15px 12px 0 0;
		border-bottom: none;
	}

	main .new-books-section .book-item {
		width: 130px;
		margin:10px;
		padding:5px;
	}

	main .new-books-section .book-item .preview {
		margin-bottom: 5px;
		text-align:center;
	}

	main .new-books-section .book-item .preview img {
		max-width:100%;
	}

	.trends-list .trends-preview {
		margin-right:15px;
	}

	.download-block .download-block-banana {
		float:none;
		margin:0 auto;
	}

	.download-block .download-block-banana.empty-banana {
		display:none;
	}

	.download-block .download-block-controls {
		float:none;
		width:100%;
		margin-top:25px;
	}

	.download-block .download-block-controls .btn {
	    font-size: 2em;
    	margin: 20px 0 20px 0;
	}

	h1, .h1 {font-size: 24px; font-weight:bold;}
	h2, .h2 {font-size: 22px;}
	h3, .h3 {font-size: 20px;}
	h4, .h4 {font-size: 18px;}

	.viewerjs-preview {
	    width: 100%;
	    min-height: 75vh;
	}
}

/* -- 360 ----------------------------------------------- */
/* 360x640, 375x667, 396x858   */

@media screen and (max-width: 400px) {
	.width-limiter {
		width: 350px;
	}

	body > header .width-limiter .logo {
		width: 100%;
		font-size: 1.5em;
		margin: 10px 5px;
	}

	body > .body .width-limiter main {
		padding:5px;
	}

	body > footer {
		padding: 5px 3px;
		height:auto;
	}
	body > footer ul.list-inline {display:block; margin:0px;}
	body > footer ul.list-inline > li {
		display:inline-block;
		width: 100%;
		padding: 5px 0px;
		text-align:center;
		border-bottom: 1px dashed #666;
	}
	body > footer li.copyright {
		padding: 20px 0 5px 0;
		border-bottom: none;
	}

	main .new-books-section .book-item {
		width: 150px;
		margin:5px;
		padding:5px;
	}

	.main-search-form form button[type="submit"] {
	    width: 65px;
	}

	.trends-list .trends-preview {
		margin-right:25px;
	}

	main .data-items .data-item .preview {
    	width: 75px;
	}
	main .data-items .data-item .preview img {
    	width: 75px;
    	height: 100px;
    	-webkit-box-shadow: 3px 3px 1px #EAEAEA;
    	        box-shadow: 3px 3px 1px #EAEAEA;
	}

	.notify-us-btns .btn {
		margin-bottom: 3px;
		width:100%;
	}

	.notify-us-btns .btn {
		padding: 10px 5px;
	}

	#converter-text-controls #convertor-text-btn{
		width:100%;
	}

	.download-block .download-block-banana {
		overflow:hidden;
		max-width: 100%;
	}
}

/* -- 320 ----------------------------------------------- */
/* 320x480  */

@media screen and (max-width: 330px) {
	.width-limiter {
		width: 300px;
	}

	main .new-books-section .book-item {
		width: 130px;
	}

	.trends-list .trends-preview {
		margin-right:2px;
	}
}