@viewport{
zoom: 1.0;
width: device-width;
}


@media only screen and (min-width: 991px) {
   .navbar-fixed-top{
	    width:1170px;
        left: inherit;
		right:inherit;
		margin-left:30px;
   }
   #header .search-box {
		position: relative;
		margin: 0;
		float: right;
		z-index: 99;
	}
	
   
   @-moz-document url-prefix() { 
	  .navbar-fixed-top{
			width: 1170px;
			left: inherit;
			right:inherit;
	   }
	}
	
}
	
@media only screen and (min-width: 768px) and (max-width: 992px) {

}

@media only screen  and (max-width: 767px) {
	.navbar-nav{
		padding-left:20px;		
	}
	.menu .navbar-default .navbar-nav > li:first-child {
		border-left:none;
	}
	.container-fluid > .navbar-header {
		margin-right: 0;
		margin-left: 0;
		margin-right: 15px;
	}
	.page-content {
		padding-left:15px;
		padding-right:15px;
	}
	.image-xs{
		margin-top:10px;
		margin-bottom:10px;
	}
	.image-xs:last-child{
		margin-bottom:40px;
	}
	.image-xs img{
		width:100%;		
	}
	.hover-shadow{
		display:block;
	}
	div.a_content {
		bottom: 50px;
	}
	.acat {
	    background:#20a6d0;
	    padding:10px 20px;
	    font-size:30px;
	    
	}
	
	.book-list h2{
		padding-top:10px;
	}
	.book-list .image-padding{
		padding-left: 0;
		padding-right: 0;
	}
	.pagination_area .book_per_page label{
		float: left;
	}
	.pagination_area .book_per_page form{
		float: left;
	}
	.paginations {
		text-align: left;
	}

	.search-section{
		width: 100%;
		left: 0;
		margin-bottom: 15px;
	}
	.navbar-nav {
		margin: 7.5px 7.5px 20px -15px;
	}
	.menu .navbar-default .navbar-nav > li:not(:last-child) {
		 border-right: none;
	}
	.login-dp {
		min-width: 250px;
		padding: 14px 14px 0;
		overflow: hidden;
		background-color: rgba(255,255,255,.8) !important;
	}

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
.s_form {
   
    right: -15px;
    
}	

}




	
@media only screen and (max-width : 480px) {
	#header .search .search input{
			 width:250px;
		 }
		 
.s_form {
   
    right: -30px;
    
}	 
		 
}






/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	.mostread table tbody tr:nth-child(2n+1) {
		background-color: #f9f9f9;
	}

	/* Force table to not be like tables anymore */
	.mostread table, .mostread thead, .mostread tbody, .mostread th, .mostread td, .mostread tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.mostread thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.mostread tr { border: 1px solid #ccc; }

	.mostread td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40% !important;
	}

	.mostread td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	.mostread td:nth-of-type(1):before { content: "ছবি"; }
	.mostread td:nth-of-type(2):before { content: "বই এর নাম"; }
	.mostread td:nth-of-type(3):before { content: "লেখক"; }
	.mostread td:nth-of-type(4):before { content: "প্রকাশক"; }
	.mostread td:nth-of-type(5):before { content: "পঠিত"; }
	.mostread td:nth-of-type(6):before { content: "ডাউনলোড"; }

}