body, nav, header, footer, .page-content {min-width: 360px;max-width: 1920px;}
/* logo color	dark - #781517 */
.theme-text {color: #d91c5e;}
.text-light {color: #EEE;}
.text-light:hover {color: white;}
.text-dark {color: #444;}
.text-dark:hover {color: #000;}
.w100 {width: 100%;height: auto;}
.mt-15 {margin-top: 15px;}
.mb-15 {margin-bottom: 15px;}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}
.pt-50 {padding-top: 50px;}
.p-10 {padding: 10px;}
.p {}
.b-1 {border: 1px solid rgba(0,0,0, .15);}
.page-title {border-bottom: 1px solid rgba(0,0,0, .15);}
.dboard-btn {position: fixed;top: 15px;left: 15px;}

/* header */
header {
	position: sticky;
	width: 100%;
	display: block;
	/*background-image: url('../img/Header.png');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;*/
	background-color: #d91c5e;
	height: auto;
	z-index: 5;
}

header img {display: block;margin-right: auto;margin-left: auto;}

header .header-logo {margin-top: 10px; height: 90px;}
header .logo-tag {max-height: 30px;}
header #top-menu-bar .nav-item .nav-link {color: azure;padding: 2px 15px; font-weight: 400;}
header #top-menu-bar .nav-item .dropdown-menu {background: #d91c5e;}
header #top-menu-bar .nav-item .dropdown-menu .dropdown-item {color: azure; font-weight: 400;}
header #top-menu-bar .nav-item .dropdown-menu .dropdown-item:hover {color: white; background: rgba(0,0,0, .15);}
header #top-menu-bar .nav-item.dropdown.show .nav-link {color: white;background: rgba(0,0,0, .15);}
header #link-box {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 30px;
	margin-right: 90px;
}
header #link-box a {color: aliceblue;padding: 5px 10px;background: rgba(0,0,0, .15);}
header #link-box a:hover {color: white;background: rgba(0,0,0, .5);text-decoration: none;}
header nav #myNavbar .navbar-nav {
	display: block;
	float: none;
	margin: auto;
	text-align: center;
	color: aliceblue;
	font-weight: 400;
}
header nav.navbar {margin-bottom: 0px;min-height: 40px;}
header .navbar-toggle {position: absolute;right: 0;top: 80px; background: white; padding: 7.5px 12px;}
header nav #myNavbar .navbar-nav li {float: none;display: inline-block;background-color: transparent;}
header nav #myNavbar .navbar-nav li.dropdown .dropdown-menu {background-color: #d91c5e;}
header nav #myNavbar .navbar-nav li.dropdown .dropdown-menu li {display: block;}
header nav #myNavbar .navbar-nav li a {color: aliceblue;font-weight: 600;padding: 5px 15px;background-color: transparent;}
header nav #myNavbar .navbar-nav li.active, header nav #myNavbar .navbar-nav li a:hover, header nav #myNavbar .navbar-nav li a:active, header nav #myNavbar .navbar-nav li a:focus {background-color:rgba(0,0,0, .15);color: white;}
/* page content */
/*.page-content {}*/

/* home Slider */
#homeSlider, #homeSlider .carousel-inner, #homeSlider .carousel-inner .carousel-item, #homeSlider .carousel-inner .carousel-item img  {width: 100%;max-height: 497px; overflow: hidden;}
#homeSlider .carousel-item img {width: 100%;}
#homeSlider .carousel-indicators li {background-color: gray;}
#homeSlider .carousel-indicators li.active {border-color: black;}

/* graph section */
.national-title {color: #781517; border-top: 1px solid #781517;border-bottom: 1px solid #781517;padding: 10px 0px;}
#graphSection section {
	position: sticky;
	width: 100%;
	display: block;
	background-image: url('../img/bg.jpg');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
	padding: 30px 0px 60px 0px;
}

#graphSection section .map-box {}
#graphSection section .map-box span {position:absolute;height: 25px; width: 25px;background: white;border-radius: 50%;border: 5px solid brown;}
#graphSection section .map-box span.rangpur {top: 14%;left: 15%;}
#graphSection section .map-box span.maimansingh {top: 32%;left: 51%;}
#graphSection section .map-box span.sylhet {top: 32%;left: 73%;}
#graphSection section .map-box span.rajshahi {top: 32.5%;left: 23%;}
#graphSection section .map-box span.khulna {top: 57%;left: 25%;}
#graphSection section .map-box span.barishal {top: 67%;left: 44.5%;}
#graphSection section .map-box span.chittagong {top: 66.5%;left: 83%;}
#graphSection section .map-box span.dhaka {top: 46%;left: 49%;}
#graphSection section .map-box span.comilla {top: 52.5%;left: 57%;}
#graphSection section .map-box span.coxbazar {top: 79%;left: 87%;}

/*#graphSection section .map-box, */#newsTicker {max-width:360px;margin: auto;text-align: center;display: block;float: none;margin-top: -78px;}

#newsHeader {
	position: sticky;
	width: 100%;
	display: block;
	background-image: url('../img/Events-bg-2.png');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	padding: 20px 30px;
	margin-top: -10px;
	z-index: 2;
	margin-bottom: -16px;
}

#newsHeader strong {
	margin-top: -10px;
	display: block;
	margin-bottom: 5px;
	font-size: 120%;
}

#newsHeader .news-icon {height: 21px;margin: auto; margin-bottom: -10px;}

#nt-example1-container {padding-top: 16px;}
#nt-example1 {
	position: sticky;
	width: 100%;
	display: block;
	margin-top: -16px;
	z-index: 1;
	height: 273px;
	background-color: gray;
}

#nt-example1 .notice-scroller-list {background: transparent;padding: 15px 12px;border-bottom: 1px solid rgba(0,0,0, .15);font-size: 110%;font-weight: 400;}

#squareBox {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	background: transparent;
	height: auto;
	z-index: 1;
}

#squareBox .box-img-1 {position: absolute;left: 0;top: 0;width: 50%;}
#squareBox .box-img-2 {position: absolute;right: 0;top: 0;width: 50%;}
#squareBox .box-img-3 {position: absolute;left: 0;bottom: 0;width: 50%;}
#squareBox .box-img-4 {position: absolute;right: 0;bottom: 0;width: 50%;}
#squareBox .box-img-1:hover, #squareBox .box-img-2:hover, #squareBox .box-img-3:hover, #squareBox .box-img-4:hover {margin: -5%;width: 55%; transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
#squareBox .box-img-0 {position: absolute;left: 25%;top: 25%;border-radius: 50%;}

#greenSection {padding-top: 60px;padding-bottom: 30px;}

.card .card-body {padding: 15px;border: 1px solid rgba(0,0,0, .1);border-radius: 4px;}

#greenSection .card-title {
	position: absolute;
	top: -20px;
	font-size: 130%;
	background: white;
	padding: 5px 10px;
}

#greenSection .award-img {height: 188px !important;margin: auto;}

/* accordion panel */
#accordion.panel-group .theme-panel {border-color: #d91c5e;}
#accordion.panel-group .panel-heading {background-color: #d91c5e;border-color: #d91c5e;cursor: pointer;}
#accordion.panel-group h4.panel-title {cursor: pointer;}
.photo-box img {margin-right: 15px;max-width: 300px;}

/* footer */
/*footer {}*/
footer section {
	position: sticky;
	width: 100%;
	display: block;
	height: auto;
	padding: 30px 0px;
	background-color: gray;
}

footer section {display: block;padding-top: 40px;margin-top: 40px;}
footer section .link-list a.link {display: inline;color: aliceblue;font-weight: 600;font-size: 85%;}
footer section .link-list a.link:hover {color: #000;text-decoration: none;}
footer .social-link {margin: 5px 15px 5px 0px;color: aliceblue;}
footer .social-link:hover {color: #d91c5e;}
footer .bottom-bar {margin-top: 15px;border-top: 1px solid rgba(0,0,0, .35);}

/* media pages*/
.album-box, .album-box:hover {text-decoration: none;cursor: pointer;}
.album {
	height: 200px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.modalImage {cursor: pointer;}
.closeBtn {position: absolute;right: 0;top: 0;z-index: 555;}

/* bootstrap provided responsive break points */

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	/*#squareBox {margin-top:250px;}*/
	/*#greenSection {}*/
}

@media (max-width: 1199.98px) {

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	header nav #myNavbar .navbar-nav li.dropdown:hover .dropdown-menu {display: block;}
	#squareBox {margin-top:250px;}
}

@media (max-width: 991.98px) {
	
}

@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
}

@media (max-width: 767.98px) {
	header #link-box {margin-right: 15px;margin-top: 15px;}
	header #link-box a {display: block;}
	header #top-menu-bar {background: #d91c5e;}
	header nav #myNavbar .navbar-nav li {display: block;}
	header nav #myNavbar .navbar-nav li.dropdown .dropdown-menu li {text-align: center;}
	#squareBox {margin-top:50%;}
	#greenSection {margin-top: 30%;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#squareBox {margin-top:200px;}
}

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

@media (max-width: 575.98px) {
	#newsTicker {margin-top: 0px;}
}

@media (min-width: 576px) and (max-width: 767.98px) {

}