@font-face{
	font-family:"Noto Sans Bengali UI","Open Sans",san-serif;
	src: url('../fonts/NotoSansBengaliUI-Regular.ttf'),
}
body{
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
}
a:hover, a:visited, a{
	text-decoration: none;
}

/* header area */
.top-header{
	background: #124c0c;
	position: fixed;
	width: 100%;
	z-index: 333;
}
.header-row{
	margin: 0;
	padding: 0;
}
.top-header img.logo{
	float: left;
	margin-top: 8px;
	transition:all 0.7s ease 0s;
	-webkit-transition:all 0.7s ease 0s;
	-moz-transition:all 0.7s ease 0s;
	-o-transition:all 0.7s ease 0s;
	-ms-transition:all 0.7s ease 0s;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0;
	margin-top: 13px;
	transition:all 0.7s ease 0s;
	-webkit-transition:all 0.7s ease 0s;
	-moz-transition:all 0.7s ease 0s;
	-o-transition:all 0.7s ease 0s;
	-ms-transition:all 0.7s ease 0s;
}
.navbar-toggle span{
	color: #fff;
}
ul.nav{
	margin: 0;
	padding: 0;
}
.navbar-default .navbar-nav>li>a {
 	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	padding: 12px 20px;
	border-radius: 5px;
}
.navbar-default .navbar-nav>li>a:hover{
	text-decoration: underline;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
	margin-top: 4px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #f58a1f !important;
}

/* banner area */
.banner {
	background: url(../img/banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 60px;
}
.banner h1,
.banner h2,
.banner h3{
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.pagetitle {

}
.pagetitle h2{
	display: inline-block;
	border-bottom: 1px solid #fff;
	padding: 5px 0;
}

.subjectitems {
	padding-top: 4%;
	text-align: center;
	margin: 0 -20px;
}
.subjectitems .subjectitem {
	display: inline-block;
	margin: 25px 18px;
	max-width: 160px;
}
.subjectitems .subjectitem .bookcover{
	margin-bottom: 20px;
	box-shadow: 2px 1px 20px 0px #222;
}

.subjectitems .subjectitem .button_read {
	display: inline-block;
	font-size: 14px;
	color: #000;
	background: #e2a30d;
	border-radius: 4px;
	border: 0 none;
	font-weight: 300;
	padding: 7px 25px;
	transition: all .3s ease .1s;
	box-shadow: 1px 2px 0 1px #6f5c17;
}
.subjectitems .subjectitem .button_read:hover{
	background: #48a742;
	box-shadow: 1px 2px 0 1px #124c0c;
}

.copyright {
	text-align: center;
	color: #fff;
	padding: 15px 10px;
	margin: 0;
}

/******************************
responsive area
********************************/
/* lg */ 
@media (min-width: 1200px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav>li>a{
		padding: 12px 10px;
	}
	.pagetitle {
		text-align: center;
	}
	.subjectitems {
		margin: 0;
	}
}

/* xs */
@media (min-width: 480px) and (max-width: 767px) {
	.pagetitle {
		text-align: center;
	}
	.subjectitems {
		margin: 0;
	}
}

/* XS Portrait */
@media (max-width: 479px) {
	.logo{
		margin-top: 10px;
	}
	.navbar-header{
		margin-top: 5px !important;
	}
	.pagetitle {
		text-align: center;
	}
	.subjectitems {
		margin: 0;
	}
}