body{font-size:14px; font-family: 'siyam_rupaliregular';}
img{width: 100%;
  height: auto;}
a:hover{text-decoration: none !important;}
a.readmore {color:#2E2E2E !important;}
a.readmore:hover {color:#1A2382 !important;}
h4 a {color:#4F81BD !important;}
h4 a:hover {color:#1A2382 !important;}
.yellow {
    color: yellow;
}
.white {
    color: #fff;
}
.container {
    max-width: 1170px;
}
.login_bar{background:#D34845; color:#fff; padding:5px 5px 0px 5px;}
.student_login{margin-bottom:5px !important}
ul.student_login li a {
    color: #fff;
}
ul.student_login li a:hover {
	text-decoration: none;
	color:#ccc;
}
.login_bar li {
    display: inline-block;
    padding: 0px 10px;
}
.login_bar li {
    border-left: 1px solid #fff;
}
.login_bar li:first-child {
    border-left: none;
}
.social-icon a i {
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    text-align: center;
    width: 30px;
}
.header_section{background:#4F81BD;}
.head{padding:10px; color:#fff}
.head img{width:90%}
.head_text{text-align:center;}
.head_text h1{font-size:25px; font-weight:bold}
.head_text h2{font-size:25px; color: yellow;}

.middle_logo{background:#4F81BD; margin-top:10px; text-align:center;}
.middle_logo span{background:#000; padding:5px;}
.middle_logo span :hover{background:#660016; color:#fff; padding:5px;}
.middle_logo_single{padding-top:10px;}
.middle_logo img{
    padding: 10px;
    background: #fff;
    margin: 10px 0 20px 0;
    width: 100%;}

.notice_scroll_section{background:#D34845; padding:5px 5px 0px 5px; font-size:15px;}
.notice_scroll_section a:hover {
	text-decoration: none;
	color:#ccc;
}
.notice_scroll_section a, i{
	color:#fff;
}
.sticky {
	  position: fixed;
	  top: 0;
	  width: 100%;
	  z-index:9999
	}
.menu_section{background:#2D2D2D; color:#fff;}
.main_body_section{}
.slider img{width:100%}

.message{background:#4F81BD; padding:10px 10px 25px 10px; border-bottom: 1px solid #ccc;}
.message h3{text-align:center; font-size:22px; font-weight:bold}
.message a{color:#000; border:1px solid #000; padding:5px;}
.message a:hover{border:1px solid #363636; color:#363636}
.history{border:1px solid #000; margin-top:10px;}
.history h3{text-align:center; font-weight:bold; background:#4F81BD; font-size:22px; padding:10px; color:#fff; margin:0;}
.history h4{text-align:center; font-weight:bold; font-size:18px; padding-top:5px;  margin-top: 0;  margin-bottom: 0; line-height: 25px;}
.main-news{padding:10px;}
.single-news {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 5px 0 10px;
}
.single-news :last-child{ border-bottom: none;}
.single-news h3 a {
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}
.news-text > img {
    float: left;
    margin-right: 20px;
}
.single-notice{padding:5px; border-bottom: 3px dotted #8A99AB}
.single-notice:nth-of-type(odd) {
background-color:#C7E2FF;
}
    
.single-notice:nth-of-type(even) {
background-color:#B6F3B6;
}

.s-month {
    display: block;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
    background-color: #5CB85C;
    color: #fff;
}
.s-date {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    height: 23px;
    line-height: 23px;
    text-align: center;
    display: block;
	background:#fff;
}

.notice_board{background:#4F81BD; padding:5px; border-bottom: 1px solid #ccc; margin-top:10px;}
.notice_border{background:#fff;}
.notice h3{font-weight:bold; font-size:22px; background: #4F81BD; padding:10px; color:#fff; margin-top:0;}
.single-notice a{color:#000; font-size:15px;}
.online_fee{border:1px solid #4F81BD; padding:10px; text-align:center;}
.online_fee img{width:50%}
.online_fee h3{font-size:18px;}
.notice_no_padding{padding:0}

.footer-area {
    background: #273133 none repeat scroll 0 0;
    font-size: 14px;
	padding: 60px 0;
}
.single-footer a {
    display: block;
    text-transform: unset;
    font-size: 18px;
    font-weight: normal;
    font-family: siyam_rupaliregular;
}
.single-footer a:hover {
    padding-left: 5px;
}
.single-footer h5, .single-footer a {
    text-transform: uppercase;
    font-size: 18px;
	color:#fff
}
.single-footer p {
    font-size: 16px;
    font-weight: normal;
	color: #fff;
}
.copyright {
    background: #000 none repeat scroll 0 0;
	color:#fff;
    padding: 10px 0;
    font-size: 14px;
}

/*---------------------------------------
	[ 5 gallery-Section ]
----------------------------------------*/
.gallery-head{
  text-align:center; background:#6C8B2C; padding:10px; margin-top:10px;
}
.gallery-head h3{
  font-weight:bold; font-size:22px; color:#fff
}
.gallery-area {
  padding: 20px; background:#9BBB59; 
}
.gallery-area img{
  width:40%
}

.owl-gallery.owl-theme .owl-controls {margin-top: 0;}
.owl-gallery .owl-item {
  padding: 0 10px;
  text-align: center;
}
.owl-item > img {
  width: 100%;
}
.owl-gallery.owl-theme .owl-controls .owl-buttons div {
	background: #616161 none repeat scroll 0 0;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	opacity: 1;
	padding: 0;
	width: 30px;
}
.owl-gallery .owl-prev,.owl-gallery .owl-next {
    left: 0;
    margin-top: -15px !important;
    position: absolute;
    top: 50%;
}
.owl-gallery .owl-next {
    right: 0;
	left:inherit;
}
.owl-gallery .owl-buttons {
	transition: all 0.3s ease 0s;
	opacity: 0;
}
.gallery-area:hover .owl-gallery .owl-buttons{opacity:1;}


/*---------------------------------------
	[  Slider-Section ]
----------------------------------------*/
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  background:#000;
  opacity: 0.5;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3.5s;
  animation-name: fade;
  animation-duration: 3.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .slider_text {font-size: 11px; background:#000;}
}

/*---------------------------------------
	[  Slider-Section ]
----------------------------------------*/
.slicknav_menu{display:none;}
/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
.slicknav_menu{display:block;}
.menu_section{display:none}
.head img{width:50%}
.logo{text-align:center;}
.mujib{display:none;}
.login_bar{margin-left: -35px;}
.notice{display:none;}
.left_body{padding:0;}
.news_img{text-align:center;}
.news_img img{width:50%}
.message{text-align:center;}
.message img{width:50%}

}