/*Extra large devices (large desktops, 1200px and up)*/
@media ( min-width : 1200px) {
	.TempSearch {
		display: none;
	}
	.searchbox {
		width: 185px !important;
	}
	.bookViewer-bookInfo .searchContainer {
		display: none;
	}
	.search_icon,.search_list {
		float: left;
	}
	.language div {
		display: inline;
		padding: 0 1px;
	}
	.language {
		padding: 10px 15px;
		display: inline;
	}
	.controls {
		float: none !important;
	}
	.bookviewer-page {
		margin-bottom: 10px;
	}
}

/*Large devices (desktops, 992px and up)*/
@media ( min-width : 992px) and (max-width: 1199.98px) {
	.controls {
		float: none !important;
	}
	.TempSearch {
		display: none;
	}
	.searchbox {
		width: 185px !important;
	}
	.bookViewer-bookInfo .searchContainer {
		display: none;
	}
	.search_icon,.search_list {
		float: left;
	}
	.hor_bar {
		width: 100%;
	}
	.TopBanner {
		height: 40px;
		width: 100%;
		display: block;
		position: relative;
		background-color: rgba(34, 34, 34, 1);
		border-bottom: 1px solid #111;
	}
	.TopBanner a {
		position: relative !important;
	}
	.topBar {
		margin-top: 20px;
	}
	.language {
		position: absolute;
		top: 5px;
		right: 10px;
		display: inline;
	}
	.language div {
		display: inline;
	}
	.gwt-DecoratedPopupPanel {
		top: 108px !important;
	}
	.bookviewer-page {
		margin-bottom: 10px;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media ( min-width : 768px) and (max-width: 991.98px) {
	.hor_bar {
		height: 100px !important;
	}
	.controls {
		float: none !important;
	}
	.TempSearch {
		display: none;
	}
	.search_icon,.search_list {
		float: left;
	}
	.searchbox {
		width: 185px !important;
	}
	.toolbar_bottom,.toolbar_bottom:hover {
		opacity: 0.7 !important;
	}
	.hiddenFeatures {
		display: none !important;
	}
	.zoombtn {
		margin: 0 !important;
	}
	.toolbar_bottom,.hor_bar {
		width: 100% !important;
	}
	.TopBanner {
		height: 40px;
		width: 100%;
		display: block;
		position: relative;
		background-color: rgba(34, 34, 34, 1);
		border-bottom: 1px solid #111;
	}
	.TopBanner a {
		position: relative !important;
	}
	.topBar {
		margin-top: 20px;
	}
	.language {
		position: absolute;
		top: 5px;
		right: 10px;
		display: inline;
	}
	.language div {
		display: inline;
	}
	.bookViewer-bookInfo .searchContainer {
		display: none;
	}
	.gwt-PopupPanel,.gwt-DecoratedPopupPanel {
		top: 108px !important;
		left: 0 !important;
	}
	.gwt-PopupPanel,.gwt-PopupPanel .table,.gwt-PopupPanel .bookViewer-bookInfo,.gwt-DecoratedPopupPanel,.gwt-DecoratedPopupPanel table,.gwt-DecoratedPopupPanel .bookViewer-bookInfo
		{
		width: 100% !important;
	}
	.popupMiddleCenter {
		vertical-align: top;
	}
	.bookviewer-page {
		margin-bottom: 10px;
	}
}

@media ( max-width : 767.98px) {
	.hor_bar {
		height: 100px !important;
	}
	.popupTop{
		display:none;
	}
	.bookviewer-page {
		margin-bottom: 10px;
	}
	.controls {
		float: none !important;
		margin-top:15px;
	}
	.gwt-DecoratedPopupPanel,.gwt-PopupPanel {
		left: 0px !important;
		top: 95px !important;
		width: 100%;
	}
	.gwt-PopupPanel table,.gwt-DecoratedPopupPanel table {
		width: 100% !important;
	}
	.bookViewer-bookInfo {
		width: 100% !important;
	}
	.mobileResults {
		background-color: #dcdcdc;
		display: block;
		text-align: center;
		padding: 15px;
	}
	.searchContainer.mobileView {
		position: relative;
		display: block;
		width: 100% !important;
		background: rgba(51, 51, 51, 1);
		height: 64px;
		padding: 10px;
		border-top: 1px dotted rgba(255, 255, 255, 0.5);
	}
	.mobile .card-header {
		padding: 5px !important;
		background-color: rgba(51, 51, 51, 0.75);
	}
	.mobileView .search_icon {
		position: absolute;
		right: 15px;
		top: 5px;
	}
	.bookViewer-bookInfo {
		border: none !important;
	}
	.searchContainer.mobileview .search_icon.search_icon-up .html-face {
		background: transparent url("war/themes/default/css/go_arabic.png")
			no-repeat center center;
	}
	.popupMiddle {
		vertical-align: top;
	}
	.paging td {
		padding: 0 4px;
	}
	.mobileView .searchbox {
		background-image: none;
		background-color: #222;
		width: 100% !important;
		margin: 0;
		border: 1px solid rgba(255, 255, 255, 0.4);
		padding-right: 45px;
		padding-left: 10px
	}
	.searchContainer {
		position: relative;
		display: none;
	}
	.searchContainer input {
		width: 100%;
	}
	.searchContainer .search_icon {
		position: absolute;
		right: 25px;
		top: 0;
	}
	.TopBanner {
		height: 40px;
		width: 100%;
		display: block;
		position: relative;
		background-color: rgba(34, 34, 34, 1);
		text-align: center;
		border-bottom: 1px solid #111;
	}
	.TopBanner a {
		position: relative !important;
	}
	.topBar {
		margin-top: 10px;
	}
	.TempSearch img {
		margin: 2px 15px;
	}
	.bar_mobile {
		width: 320px;
		margin: 0 auto;
	}
	.TempSearch {
		display: block;
		float:left;
	}
	.toolbar_bottom,.toolbar_bottom:hover {
		opacity: 0.7 !important;
	}
	.hiddenFeatures,.PersonalisingIcons {
		display: none !important;
	}
	.zoombtn {
		margin: 0 !important;
	}
	.toolbar_bottom,.hor_bar {
		width: 100% !important;
	}
	.toolbar_bottom {
		position: fixed;
		bottom: 0;
	}
	.zoombtn {
		width: 160px;
	}
	.topicon,.lefticon {
		width: 60px;
	}
	.controls img {
		max-width: 30px !important;
	}
	.bookmark {
		float: none;
	}
	.language {
		display: none;
	}
	.language div {
		display: inline;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media ( min-width : 576px) and (max-width: 767.98px) {
}

/*Extra small devices (portrait phones, less than 576px)*/
@media ( max-width : 575.98px) {
}