@media screen  and (min-device-width: 501px) 
  and (max-device-width: 1024px) {
#main {font-family: 'Kalpurush111';width: 80%;margin:0 auto;position:relative;}
#header {width300px;height:127px;float:left;margin-top:5px;width: 100%;}
#header  .logo {
margin-top:20px;
float:left;
}
#header  .logo1 {
margin-top:20px;
float:left;
display:none !important;
}
#header  .site_desc {
    margin-top: 20px;
    float: right;
	width:250px;
}
#date-search-mail-bar {
width:1060px;
float:left;
height:39px;
margin-top:5px;
}
 .date_block {
	margin-top:1px;
	float:right;
	padding:2px;
	margin-left:5px;
	color:black;
	font-size:15px;
}
 .time_block {
	margin-top:1px;
	float:right;
	padding:2px;
	margin-left:5px;
	color:black;
	font-size:15px;
}
 .search_image {
	margin-top:1px;
	float:right;
	width:36px;
	height:36px;
	margin-left:25px;
}
 .search_box {
	margin-top:1px;
	float:right;
	height:36px;
	margin-left:5px;
}
.sinp {
	height: 32px;
    width: 230px;
    border: 1px solid #007F4C;
    float: left;
}
#mobile-nav-bar {
	width: 100%;
	float:left;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
}
#mobile-nav-bar  .menu1{
	width:100%;
	float:left;
	list-style:none;
	margin-left:1px;
	background: #222B46;
}
#mobile-nav-bar  .menu1 li{
	float:left;
	display:inline-block;
	border-left:1px solid #666;
	    font-size: 18px;
	text-align:center;
	margin-left:-1px;
	padding:13px 10px 10px 10px;
	position:relative;
	width:100%;
}
#mobile-nav-bar  .menu1 li a{
	text-decoration:none;
	color:white;
}




#nav-bar {
	display:none;
width:1060px;
float:left;
-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
}
#nav-bar  .menu{
	width:100%;
	float:left;
	list-style:none;
	margin-left:1px;
	background: #222B46;
}
#nav-bar  .menu li{
	float:left;
	display:inline-block;
	border-left:1px solid #666;
	    font-size: 18px;
	text-align:center;
	margin-left:-1px;
	padding:13px 10px 10px 10px;
	position:relative;
}
#nav-bar  .menu li a{
	text-decoration:none;
	color:white;
}
#nav-bar  .menu li:hover {
	float:left;
	display:inline-block;
	text-align:center;
	border-bottom:4px solid #2897e5;
	padding-bottom:5px;
}
#nav-bar  .menu li:hover a {
	text-decoration:none;
	color: white;
}
#nav-bar  .menu li ul {
	visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
  position:absolute;
  background: #222B46;
  z-index:100;
      margin-top: 10px;
    margin-left: -22px;
}
#nav-bar  .menu li:hover ul {
	visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}
#nav-bar  .menu li ul li{
	position:relative;
	    width: 170px;
	white-space: nowrap;
	float:left;
	display:inline-block;
	border-left:1px solid #666;
	    font-size: 18px;
	text-align:center;
	margin-left:-1px;
	padding-bottom:5px;
	position:relative;
}
#nav-bar  .menu li ul li:hover {
	float:left;
	display:inline-block;
	text-align:center;
	/*border-bottom:4px solid #2897e5;*/
	padding-bottom:5px;
	background:#2897e5;
	position:relative;
	    width: 170px;
	white-space: nowrap;
	float:left;
	display:inline-block;
}
#nav-bar  .menu li:hover ul li a{
	text-decoration:none;
	color:white;
}
.is-fixed {
	position: fixed;
    left: 0;
    top: 0;
    height: 75px;
    width: 100% !important;
    z-index: 100;
	float: none !important;
	    background: #222B46;
		    border-bottom: 4px solid #2897e5;
}
.is-fixed-menu {
	width: 1060px !important;
    float: none !important;
    list-style: none !important;
    margin-left: none !important;
    background: #222B46 !important;
    position: relative !important;
    margin: 0 auto !important;
    height: 41px !important;
	 left: 36px;
}
.is-fixed-logo {
	position: fixed;
    left: 20px;
    top: 0;
    height: 41px;
    width: 126px;
    margin-top: 0px !important;
    z-index: 101;
	    top: 15px;
		display:block !important;
}
.is-fixed-logo img {
	height:41px !important;
	width:145px !important;
}

.is-fixed-menu li {
	padding:30px 10px 26px 10px !important;
}
.is-fixed-menu li:hover {
	padding-bottom:22px !important;
	background: #2897e5 !important;
}
.is-fixed-menu li ul {
	margin-top: 27px !important;
}
.is-fixed-menu li ul li {
	padding:13px 20px 10px 20px !important;
}
.is-fixed-menu li:hover ul li {
	padding-bottom:5px !important;
}
#main-block {
    width: 100%;
    float: left;
    position: relative;
    left: -13px;
}
#main-block  .single-post {
	    margin-top: 10px;
	    float: left;
	    width: 100%;
	    margin-left: 13px;
	    text-align: left;
	    height: 232px;
	    position: relative;
	    overflow: hidden;
}
#main-block  .single-post  h4{
	color:white;
	background: #222B46;
	font-size: 18px;
	padding-top: 9px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	width: 100%;
}
#main-block  .single-post img {
	border:6px solid #222B46;
	height: 176px;
	width: 284px !important;
	float: left;
	margin-top: 7px;
}
#main-block  .single-post .sp-content {
	width: 49%;
	border:1px solid #222B46;
	float: left;
	margin-top: 8px;
	height: 185px;
	margin-left: 10px;
}
#main-block  .single-post .sp-content  .sp-title {
	    color: black;
    padding: 5px;
    border-bottom: 1px solid #BEBFC2;
    font-size: 18px;
    width: 281px;
    margin-top: 5px;
    line-height: 1.2em;
    float: left;
    max-height: 35px;
    overflow: hidden;
}
#main-block  .single-post .sp-content  .sp-title:hover {
-webkit-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
}
#main-block  .single-post .sp-content .sp-title a {
	color:black;
	text-decoration:none;
}
#main-block  .single-post .sp-content .sp-title a:hover {
	color:red;
}
#main-block  .single-post .sp-content  .sp-descrip{
	float: left;
    color: black;
    padding: 5px;
    font-size: 12px;
    margin-top: 5px;
    max-height: 100px;
    overflow: hidden;
    line-height: 1.8em;
}
#main-block  .single-post .sp-content  .sp-more{
    float: left;
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #BEBFC2;
    width: 275px;
    padding: 8px;
    font-size: 15px;
}
#main-block  .single-post .sp-content  .sp-more:hover {
-webkit-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
}
#main-block  .single-post .sp-content .sp-more a {
	color:black;
	text-decoration:none;
}
#main-block  .single-post .sp-content .sp-more a:hover {
	color:red;
}
#main-block .explore-gov-menu {
	margin-top:10px;
	float:left;
	width:253px;
	margin-left:13px;
	border:1px solid #007F4C;
	    height: 1384px;
		overflow:hidden;
}
#main-block .explore-gov-menu ul {
	list-style:none;
}
#main-block .explore-gov-menu ul  li{
	border-bottom: 1px solid black;
    color: #007F4C;
    width: 200px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 2px;
    margin-top: 10px;
    margin-left: 20px;
}
#main-block .explore-gov-menu ul  li a{ 
	text-decoration:none;
	color: black;
	font-size:14px;
}
#main-block .explore-gov-menu ul  li a:hover{ 
	text-decoration:none;
	color: #A4CD39;
	font-size:14px;
}






#main-block .category-post {
	margin-top: 10px;
	float: left;
	width: 100%;
	margin-left: 13px;
	text-align: left;
	height: 408px;
	position: relative;
	overflow: hidden;
}
#main-block  .category-post  h4{
	color:white;
	background: #222B46;
	font-size:18px;
	padding-top:9px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	width: 100%;
}
#main-block  .category-post .content-area {
	border:1px solid #222B46;
	height: 357px;
	width: 99%;
	float: left;
	margin-top: 7px;
	overflow: hidden;
}

#main-block  .category-post .content-area .left {
	float:left;
	width: 42%;
}

#main-block  .category-post .content-area .left img {
	border:6px solid #222B46;
	    height: 160px;
    width: 282px !important;
    float: left;
}
#main-block  .category-post .content-area .left .sp-content {
	    width: 293px;
    /* border: 1px solid #A4CD39; */
    float: left;
    height: 199px;
    margin-left: -1px;
}
#main-block  .category-post .content-area .left .sp-content  .sp-title {
	color:black;
	padding:5px;
	border-bottom:1px solid #BEBFC2;
	font-size: 18px;
    width: 283px;
    margin-top: 5px;
    line-height: 1.2em;
    float: left;
    max-height: 35px;
    overflow: hidden;
}
#main-block  .category-post .content-area .left .sp-content  .sp-title:hover {
-webkit-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
}
#main-block  .category-post .content-area .left .sp-content  .sp-title a {
	color:black;
	text-decoration:none;
}
#main-block  .category-post .content-area .left .sp-content  .sp-title a:hover {
	color:red;
}
#main-block .category-post .content-area .left .sp-content  .sp-descrip{
	    float: left;
    color: black;
    padding: 5px;
    font-size: 12px;
    margin-top: 5px;
    max-height: 100px;
    overflow: hidden;
    line-height: 1.8em;
}
#main-block  .category-post .content-area .left .sp-content  .sp-more{
	    float: left;
    /* position: absolute; */
    bottom: 0px;
    border-top: 1px solid #BEBFC2;
    width: 275px;
    padding: 8px;
    font-size: 15px;
}
#main-block  .category-post .content-area .left .sp-content  .sp-more a {
	color:black;
	text-decoration:none;
}
#main-block  .category-post .content-area .left .sp-content  .sp-more a:hover {
	color:red;
}
#main-block  .category-post .content-area .right {
	float: left;
	width: 50%;
	/* border-left: 3px solid black; */
	height: 360px;
	margin-left: 39px;
	/* margin-top: -10px; */
}
#main-block  .category-post .content-area .right  h4{
	background:#222B46;
	    font-size: 18px;
    padding-top: 9px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
	color:white;
	    /* margin-left: 8px; */
}
#main-block  .category-post .content-area .right p {
	color:black;
	padding:5px;
	border-bottom:1px solid #BEBFC2;
	font-size:12px;
	width: 93%;
	margin-top: 5px;
	line-height:1.6em;
	float:left;
	height:16px;
	overflow:hidden;
	margin-left:8px;
}
#main-block  .category-post .content-area .right p:hover {
-webkit-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
}
#main-block  .category-post .content-area .right p a {
	color:black;
	text-decoration:none;
}
#main-block  .category-post .content-area .right p a:hover {
	color:red;
}
#main-block  .category-post .content-area .right .sp-more{
	float: left;
    /* position: absolute; */
    bottom: 3px;
    border: none;
    width: 235px;
    padding: 8px;
    font-size: 15px;
}
#main-block  .category-post .content-area .right .sp-more  a {
	color:black;
	text-decoration:none;
}
#main-block  .category-post .content-area .right .sp-more a:hover {
	color:red;
}



#main-block .tag-post {
	float:left;
	width: 100%;
	border:1px solid black;
	height:412px;
	margin-top:10px;
	margin-left:13px;
	overflow:hidden;
}
#main-block .tag-post h4 {
	background:#222B46;
	font-size:18px;
	padding-top:9px;
	padding-left:15px;
	padding-bottom:5px;
	padding-right:5px;
	color:white;
	/*margin-left:8px;
	margin-top:8px;**/
}
#main-block .tag-post .p1 {
	margin-left: 8px;
	margin-top: 10px;
	float: left;
	border-bottom: 1px solid #BEBFC2;
	padding-bottom: 5px;
	width: 100%;
}
#main-block .tag-post .p1:hover {
-webkit-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
}
#main-block .tag-post .p1  img{
	height:55px;
	width:80px;
	float:left;
	display:none;
}
#main-block .tag-post .p1  .p2{
    float: left;
    /*height: 20px;*/
    font-size: 12px;
    overflow: hidden;
    line-height: 1.5em;
    margin-left: 5px;
    width: 100%;
}
#main-block .tag-post .p1 .p2 h5{
    float: left;
    /* height: 15px; */
    width: 100%;
    font-size: 13px;
    overflow: hidden;
    /* line-height: 1.5em; */
    margin-left: 5px;
}
#main-block .tag-post .p1 .p2 h5  a {
	color:black;
	text-decoration:none;
}
#main-block .tag-post .p1 .p2 h5 a:hover {
	color:red;
}
#main-block .tag-post .p1 .p2 p{
	float:left;
	height:40px;
	width:130px;
	font-size:10px;
	overflow:hidden;
	line-height:1.3em;
	margin-left:5px;
	margin-top:3px;
}
#main-block .add-block-d {
	float:left;
	height:114px;
	width:523px;
	margin-top:10px;
	margin-left:13px;
	overflow:hidden;
	
}
#main-block .archive {
	margin-top:10px;
	float:left;
	width: 100%;
	margin-left:13px;
	text-align:left;
	height:256px;
	position:relative;
	overflow:hidden;
	border:3px solid #222B46;
}
#main-block .archive h4 {
	text-align:center;
	color:white;
	background: #222B46;
	font-size:18px;
	padding-top:9px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	width: 100%;
}
#main-block .picture-gallery {
	margin-top:10px;
	float:left;
	width:1059px;
	margin-left:13px;
	text-align:left;
	height:414px;
	position:relative;
	overflow:hidden;	
}
#main-block .picture-gallery  h4{
	color:white;
	background: #222B46;
	font-size:18px;
	padding-top:9px;
	padding-left:15px;
	padding-bottom:5px;
	padding-right:5px;
	
}
#main-block .picture-gallery .content {
	color:white;
	background: #CCE5DB;
	width:1059px;
	margin-top:7px;
	height:375px;
	overflow:hidden;
}
#main-block .picture-gallery .image {
	height:375px;
	overflow:hidden;
	width:650px;
	background: #222B46;
	float:left;
	position:relative;
}
#main-block .picture-gallery .image .bitto-image-gallery {
	height:350px;
	overflow:hidden;
	width:600px;
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:15px;
}
#main-block .picture-gallery .image .bitto-image-gallery .image-container {
	float:left;
	height:100%;
	width:100%;
	position:absolute;
	left:100%;
}
#main-block .picture-gallery .image .bitto-image-gallery  .image-container  img {
	height:100%;
	width:100%;
}
#main-block .picture-gallery .image .left {
	margin-left:5px;
	float:left;
	width:10px;
	height:350px;
	margin-top:15px;
	cursor:pointer;
}
#main-block .picture-gallery .image .left img {
 width:100%;
 height:100%;
}
#main-block .picture-gallery .image .right {
	margin-left:10px;
	float:left;
	width:10px;
	height:350px;
	margin-top:15px;
	cursor:pointer;
}
#main-block .picture-gallery .image .right img {
 width:100%;
 height:100%;
}
#main-block .picture-gallery .caption {
	float:left;
	height:350px;
	width:390px;
	font-size:15px;
	text-align:left;
	position:relative;
	margin-top:15px;
	margin-left:10px;
	overflow:hidden;
	color:black;
}
#main-block .picture-gallery .caption-container {
	    font-size: 17px;
    line-height: 1.7em;
    position: absolute;
    height: 350px;
    width: 390px;
    overflow: hidden;
    display: none;
    padding-top: 50px;
}


#main-block .slider {
	display:none;
}


/**video gallery**/
#main-block .video-gallery {
	margin-top:10px;
	float:left;
	width:1059px;
	margin-left:13px;
	text-align:left;
	height:414px;
	position:relative;
	overflow:hidden;	
}
#main-block .video-gallery  h4{
	color:white;
	background: #222B46;
	font-size:18px;
	padding-top:9px;
	padding-left:15px;
	padding-bottom:5px;
	padding-right:5px;
	
}
#main-block .video-gallery .content {
	color:white;
	background: #CCE5DB;
	width:1059px;
	margin-top:7px;
	height:375px;
	overflow:hidden;
}
#main-block .video-gallery .image {
	height:375px;
	overflow:hidden;
	width:650px;
	background: #222B46;
	float:right;
	position:relative;
}
#main-block .video-gallery .image .bitto-image-gallery {
	height:350px;
	overflow:hidden;
	width:600px;
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:15px;
}
#main-block .video-gallery .image .bitto-image-gallery .video-container {
	float:left;
	height:100%;
	width:100%;
	position:absolute;
	left:100%;
}
#main-block .video-gallery .image .bitto-image-gallery  .video-container  iframe {
	height:100%;
	width:100%;
}
#main-block .video-gallery .image .left {
	margin-left:5px;
	float:left;
	width:10px;
	height:350px;
	margin-top:15px;
	cursor:pointer;
}
#main-block .video-gallery .image .left img {
 width:100%;
 height:100%;
}
#main-block .video-gallery .image .right {
	margin-left:10px;
	float:left;
	width:10px;
	height:350px;
	margin-top:15px;
	cursor:pointer;
}
#main-block .video-gallery .image .right img {
 width:100%;
 height:100%;
}
#main-block .video-gallery .caption {
	float:right;
	height:350px;
	width:390px;
	font-size:15px;
	text-align:left;
	position:relative;
	margin-top:15px;
	margin-right:10px;
	overflow:hidden;
	color:black;
}
#main-block .video-gallery .v-caption-container {
	font-size: 17px;
    line-height: 1.7em;
    position: absolute;
    height: 350px;
    width: 390px;
    overflow: hidden;
    display: none;
    padding-top: 50px;
}
/**finish**/
#main-block .single-double-post {
	margin-top:10px;
	float:left;
	width:523px;
	margin-left:13px;
	text-align:left;
	height:414px;
	position:relative;
	overflow:hidden;
}
#main-block  .single-double-post  h4{
	color:white;
	background: #222B46;
	font-size:18px;
	padding-top:9px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	width:513px;
}

#main-block  .single-double-post .content-area {
	border:1px solid #222B46;
	height:372px;
	width:521px;
	float:left;
	margin-top:7px;
}
#main-block  .single-double-post .content-area  .intro{
	width: 500px;
    background: #CCE5DB;
    height: 180px;
    margin-top: 10px;
    margin-left: 10px;
}
#main-block  .single-double-post .content-area  .intro img{
    width: 250px;
    height: 180px;
	float:left;
}
#main-block  .single-double-post .content-area  .intro p{
	padding: 10px;
    overflow: hidden;
    font-family: 'kalpurush';
    font-size: 12px;
    float: left;
    width: 140px;
    text-align: justify;
    margin-left: 40px;
    line-height: 2.0em;
    height: 160px;
}
#main-block  .single-double-post .content-area .title {
	float: left;
    background: #222B46;
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 8px;
    padding-right: 8px;
    /* margin-left: 10px; */
    margin-top: 10px;
    font-size: 20px;
}
#main-block  .single-double-post .content-area .name {
	background: #CCE5DB;
    float: left;
    overflow: hidden;
    margin-top: 10px;
    border-top: 1px solid #86A19A;
    font-size: 20px;
    height: 18px;
    padding: 6.5px;
    margin-left: 7px;
    width: 382px;
}
#main-block  .single-double-post .content-area .name:hover {
-webkit-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
}
#main-block  .single-double-post .content-area .name  a {
	color:black;
	text-decoration:none;
}
#main-block  .single-double-post .content-area .name a:hover {
	color:red;
}
#main-block  .single-double-post .content-area .details {
    margin-top: 10px;
    float: left;
    margin-left: 15px;
    width: 490px;
    height: 95px;
    line-height: 2.0em;
    overflow: hidden;
}
#main-block  .single-double-post .content-area .details-link {
    float: right;
    font-size: 17px;
    padding-top: 7px;
    padding-left: 20px;
    padding-right: 10px;
    border-top: 1px solid #BEBFC2;
}
#main-block  .single-double-post .content-area .details-link  a {
	color:black;
	text-decoration:none;
}
#main-block  .single-double-post .content-area .details-link a:hover {
	color:red;
}







/*expolore servey*/

#main-block .explore-survay {
	margin-top:10px;
	float:left;
	width:523px;
	margin-left:13px;
	text-align:left;
	height:414px;
	position:relative;
	overflow:hidden;
}
#main-block  .explore-survay  h4{
	color:white;
	background: #222B46;
	font-size:18px;
	padding-top:9px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	width:513px;
}

#main-block  .explore-survay .content-area {
	border:1px solid #222B46;
	height:372px;
	width:521px;
	float:left;
	margin-top:7px;
}
#main-block .explore-survay .content-area .intro {
    width: 500px;
    height: 180px;
    margin-top: 10px;
    margin-left: 10px;
}
#main-block .explore-survay .content-area .intro img {
    width: 250px;
    height: 180px;
    float: left;
}
#main-block .explore-survay .content-area .intro  .desc{
    overflow: hidden;
    font-family: 'kalpurush';
    font-size: 12px;
    float: left;
    width: 230px;
    text-align: center;
    margin-left: 10px;
    line-height: 2.0em;
    height: 179px;
}
#main-block .explore-survay .content-area .intro  .desc .e-title{
	    background: none;
    border-bottom: 1px solid #BEBFC2;
    color: black;
    font-size: 18px;
    width: 241px;
    margin-top: 5px;
    line-height: 1.3em;
    float: left;
    max-height: 45px;
    overflow: hidden;
    padding: 1px;
}
#main-block .explore-survay .content-area .intro  .desc .e-title:hover {
-webkit-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
}
#main-block .explore-survay .content-area .intro  .desc .e-title a {
    color: black;
    text-decoration: none;
}
#main-block .explore-survay .content-area .intro  .desc .e-title a:hover {
    color: red;
    text-decoration: none;
}
#main-block .explore-survay .content-area .intro  .desc .e-desc{
    height: 75px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
}

#main-block .explore-survay .content-area .intro  .desc  .details-link {
    float: right;
    font-size: 17px;
    padding-top: 7px;
    padding-left: 20px;
    padding-right: 10px;
    border-top: 1px solid #BEBFC2;
	margin-top: 10px;
}

#main-block .explore-survay .content-area .intro  .desc  .details-link a {
    color: black;
    text-decoration: none;
}
#main-block .explore-survay .content-area .intro  .desc  .details-link a:hover {
    color: red;
    text-decoration: none;
}

#main-block .explore-survay .content-area .name {
    background: #CCE5DB;
    float: left;
    overflow: hidden;
    margin-top: 10px;
    border-top: 1px solid #86A19A;
    font-size: 20px;
    height: 18px;
    padding: 6.5px;
    margin-left: 7px;
    width: 382.5px;
}
#main-block .explore-survay .content-area .name1 {
    float: left;
    overflow: hidden;
    margin-top: 10px;
    border-top: 1px solid #86A19A;
    font-size: 20px;
    height: 18px;
    padding: 6.5px;
	width:100px;
}

#main-block .explore-survay .content-area .details {
    margin-top: 10px;
    float: left;
    margin-left: 15px;
    width: 490px;
    height: 95px;
    line-height: 2.0em;
    overflow: hidden;
}

#main-block .explore-survay .content-area .details p {
    color: black;
    padding: 3px;
    border-bottom: 1px solid #BEBFC2;
    font-size: 12px;
    width: 462px;
    margin-top: 5px;
    line-height: 1.77em;
    float: left;
    height: 16px;
    overflow: hidden;
    margin-left: 8px;
}
#main-block .explore-survay .content-area .details p:hover {
-webkit-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
}
#main-block .explore-survay .content-area .details p a {
    color: black;
    text-decoration: none;
}
#main-block .explore-survay .content-area .details p a:hover {
    color: red;
    text-decoration: none;
}



#main-block .explore-survay .content-area .details-link {
    float: right;
    font-size: 17px;
    padding-top: 7px;
    padding-left: 20px;
    padding-right: 10px;
    border-top: 1px solid #BEBFC2;
}
#main-block .explore-survay .content-area .details-link a {
    color: black;
    text-decoration: none;
}
#main-block .explore-survay .content-area .details-link a:hover {
    color: red;
    text-decoration: none;
}


/*other news*/
#main-block .other-news {
	margin-top:10px;
	float:left;
	width: 100%;
	margin-left:13px;
	text-align:left;
	height:414px;
	position:relative;
	overflow:hidden;
}
#main-block  .other-news  h4{
	color:white;
	background: #222B46;
	font-size:18px;
	padding-top:9px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	width: 100%;
}

#main-block  .other-news .content-area {
	border:1px solid #222B46;
	height: 372px;
	width: 99%;
	float: left;
	margin-top: 7px;
	overflow: hidden;
}

#main-block  .other-news .content-area .p1 {
            margin-left: 8px;
            margin-top: 8px;
            float: left;
            border-bottom: 1px solid #BEBFC2;
            padding-bottom: 5px;
            width: 100%;
}

#main-block  .other-news .content-area .p1  img  {
        height: 70px;
        width: 15%;
        float: left;
}

#main-block  .other-news .content-area  .p1 .p2 {
    float: left;
    height: 70px;
    width: 82%;
    font-size: 18px;
    overflow: hidden;
    line-height: 1.5em;
    margin-left: 15px;
}
#main-block  .other-news .content-area .p1 .p2 h5 {
height: 70px;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.5;
}
#main-block  .other-news .content-area .p1 .p2 h5 a {
    color: black;
    text-decoration: none;
}
#main-block  .other-news .content-area .p1 .p2 h5 a:hover {
    color: red;
    text-decoration: none;
}
#main-block  .other-news .content-area .p1 .p2 p {
    float: left;
    height: 36px;
    width: 370px;
    font-size: 13px;
    overflow: hidden;
    line-height: 1.5em;
    margin-left: 5px;
    margin-top: 6px;
}
#main-block  .other-news .content-area .sp-more {
       float: right;
    position: relative;
    /* bottom: 3px; */
    border: none;
    width: 235px;
    padding: 8px;
    font-size: 15px;
    margin-right: -120px;
}
#main-block  .other-news .content-area .sp-more a {
    color: black;
    text-decoration: none;
}
#main-block  .other-news .content-area .sp-more a:hover {
    color: red;
    text-decoration: none;
}








/**footer**/
#footer-block {
    width: 100%;
    float: left;
    position: relative;
    min-height: 190px;
    background:#222B46;
    margin-top:20px;
}
#footer-block  .left{
	width: 93%;
	min-height:150px;
	float:left;
	margin:20px;
	text-align:left;
}
#footer-block  .middle {
	width: 95%;
	min-height: 210px;
	float: left;
	/* border-left: 2px solid #BCBDC0; */
	/* margin: 20px; */
}
#footer-block .right{width: 88%;min-height: 145px;float: left;/* border-left: 2px solid #BCBDC0; */margin: 20px;}
#footer-block  .p1{
	font-size:16px;
	color:white;
	border-bottom:2px solid #BCBDC0;
	line-height:0.7em;
	padding:5px;
}
#footer-block  p{
	font-size:16px;
	color:white;
	line-height:1.5em;
	padding:5px;
}
/**footer finish**/

.content-other {
	margin-top: 10px;
	width: 300px;
    float: left;
    position: relative;
    left: 13px;
}
.content-sidebar {
    margin-top: 10px;
    float: right;
        width: 300px;
    margin-right: -10px;
}
/**ministry**/
.ministry-header {
border: 1px solid #007F4C;
    float: left;
	width:758px;
	text-align:center;
	  padding:15px;
}
.ministry-header  h1{
  font-size:30px;
  color: #007F4C;
}
.ministry-header  h2{
  font-size:25px;
  color: #007F4C;
  margin-top:15px;
}
.ministry-header  .clear{
border-bottom:2px solid #007F4C;
margin-top:8px;
}
/**ministry finish**/

/**ministry logo and name**/
.ministry-logo-name {
border: 1px solid #007F4C;
    float: left;
	width:758px;
	text-align:center;
	  padding:15px;
	  margin-top:10px;
}
.ministry-logo-name .logo{
	float:left;
	padding-right:60px;
	padding-left:60px;
	border-right:2px solid #BCBDC0;
}
.ministry-logo-name .m-name{
	float:left;
	text-align:center;
	width:400px;
	margin-left:20px;
	margin-top:50px;
}
.ministry-logo-name .m-name  h1 {
  font-size:25px;
  color: black;
  border-bottom:2px solid black;
  line-height:1.5em;
}
.ministry-logo-name .m-name  h2{
  font-size:30px;
  color: black;
  margin-top:15px;
}
/**ministry logo and name finish**/
.category-wrapper {
border: 1px solid #222B46;
    float: left;
	width:265px;
	  padding:15px;
	  margin-top:10px;
}
.category-wrapper h3{
  font-size:25px;
  color: #222B46;
  border-bottom:2px solid #222B46;
      line-height: 1.5em;
    float: left;
    width: 265px !important;
}
.category-wrapper   .clear{
border-bottom:2px solid #222B46;
    float: left;
    clear: both;
    width: 265px !important;
    margin-top: -15px;
}
.category-wrapper  .post{
border-bottom: 2px solid #221E1F;
    width: 265px;
    float: left;
    margin-top: 20px;
    padding-bottom: 15px;
}
.category-wrapper  .post .image{
    float: left;
    width: 265px;
    height: 155px;
    overflow: hidden;
}
.category-wrapper .post .image img {
    width: 100% !important;
    height: 100% !important;
}
.category-wrapper  .post .m-name{
    float: left;
    width: 242px;
    margin-left: 15px;
}
.category-wrapper  .post .m-name  h1 {
    font-size: 20px;
    color: black;
    border-bottom: 1px solid black;
    line-height: 1.5em;
}
.category-wrapper  .post .m-name  h1 a{
	text-decoration:none;
  color: black;
}
.category-wrapper  .post .m-name  h2{
    font-size: 16px;
    color: black;
    margin-top: 15px;
    line-height: 1.5em;
}
#archive {
	    float: left !important;
    margin-top: 15px !important;
    width: 265px !important;
}
/**post page**/
.post-wrapper {
    float: left;
	width:300px;
	  margin-top:10px;
}
.post-wrapper  .cat-title {
	text-align:left;
	font-size:20px;
	color:white;
	background: #222B46;
	padding: 10px;
}
.post-wrapper  .post-summery {
	float:left;
	background:#ADD7DD;
	width: 89px;
    padding: 18px;
    font-size: 10px;
    height: 105px;
    overflow: hidden;
    margin-top: 18px;
    text-align: justify;
    line-height: 1.5em;
     display:none;
}
.post-wrapper  .post-img {
	float:left;
	margin-top:10px;
        position:relative;
}
.post-wrapper .post-img img {
        border: 8px solid #222B46 !important;
    height: 189px !important;
    width: 283px !important;
}
.post-wrapper  .post-content {
border: 1px solid #595657;
    width: 256px;
    float: left;
    padding: 20px;
    margin-top: 8px;
}
.post-wrapper  .post-content img  {
    height: 166px !important;
    width: 242px !important;
	margin-bottom:10px;
	margin-left:10px;
}
.post-wrapper  .post-content  .p-title{
border-bottom:12px solid #CDCED0;
    font-size: 25px;
    float: left;
    line-height: 1.3em;
    width: 256px;
    padding-bottom: 5px;
}
.post-wrapper  .post-content  .info {
	border-left: 1px solid #595657;
	    width: 250px;
    height: 70px;
    float: left;
    /* margin-left: 20px; */
    text-align: right;
    font-size: 15px;
    margin-top: 10px;
}
.post-wrapper  .post-content  .content {
	    float: left;
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.5em;
    width: 255px !important;
}
/**post page finish**/
/*pagelink*/
.pagelink {
	    list-style: none;
    margin-top: 15px;
    margin-left: 20px;
    padding-top: 8px;
    color: white;
}
.pagelink  li {
float: left;
    display: inline-block;
    border: 1px solid #222B46;
    font-size: 15px;
    text-align: center;
    padding: 7px;
    /* margin-left: 5px; */
    /* margin-top: -7px; */
    margin-top: 10px;
}
.pagelink  li  a{
text-decoration:none;
    color: #222B46;
}

#zoom {
    height: 157px;
    width: 171px;
    position: absolute;
    background: rgb(54, 25, 25);
    background: rgba(54, 25, 25, .5);
    display: none;
    cursor: pointer;
}
#zoom img {
	margin-top:0 !important;
	margin-left:0 !important;
	height: 189px !important;
    width: 283px !important;
}



#image_show {
	
}
#image_show  div {
    margin: 0 auto;
    width: 300px !important;
    background: white;
    position: relative;
    top: 89px !important;
    padding: 10px;
    text-align: left;
    height: 276px !important;
}
#image_show img {
       width: 279px !important;
    top: 89px !important;
    height: 244px !important;
}


.current {
	float: left;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    padding: 5px;
    margin-left: -1px;
    background: #2897e5;
}
.current a {
	    text-decoration: none;
    color: white  !important;
}
.explore-menu {
	margin-left:5px;
	margin-top:5px;
	width:259px;
	height:73px;
	float:left;
	text-align:center;
}
.explore-menu h1 {
	padding-left:8px;
	padding-right:8px;
	padding-top:9px;
	padding-bottom:3px;
	font-size:25px;
	color:white;
	background: #007F4C;
	float:left;
	width:243px;
}
.explore-menu p {
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:2px;
	font-size: 15px;
        line-height: 1.2;
	color: #007F4C;
	float:left;
	width:237px;
	border:1px solid #007F4C;
}
.mobile_ministry {
        display:none;
}


/* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 09 css */
        
        .jssort09-600-45 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 600px;
            height: 45px;
        }
        
        .jssort09-600-45 .t {
            font-family: verdana;
            font-weight: normal;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            color:#fff;
            line-height: 45px;
            font-size: 20px;
            padding-left: 10px;
        }
		.jssort09-600-45 .t a {
			color:white;
			text-decoration:none;
		}
		
		
.side-bar {
    float: left;
    width: 300px;
    border: 1px solid black;
    margin-top: 10px;
}
.side-bar  h4 {
	background:#222B46;
	font-size:18px;
	padding-top:9px;
	padding-left:15px;
	padding-bottom:5px;
	padding-right:5px;
	color:white;
	text-align:center;
}
.side-bar li {
	    margin-left: 8px;
    margin-top: 8px;
    float: left;
    border-bottom: 1px solid #BEBFC2;
    padding-bottom: 5px;
    list-style: none;
    width: 283px;
    margin-top: 12px;
    font-size: 14px;
    text-align: justify;
}
.side-bar li:hover {
-webkit-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
box-shadow: 0px 7px 16px -7px rgba(0,0,0,0.54);
}
.side-bar li  a {
	color:black;
	text-decoration:none;
}
.side-bar li  a:hover {
	color:red;
}
#page_sp {
	width:100%;
}
#page_sp h1{
	line-height:3.0em;
}
#page_sp table{
	width:100% !important;
	    overflow: hidden;
}
}