html,body {
	margin: 0;
	padding: 0;
	background: #fffffd;
}

.bd-content-wrapper {
	height: auto;
	width: 100%;
}
.bd-content-wrap {
	width: 99%;
	margin: 10px auto;
	padding: 2px;
	background: inherit;
	height: auto;
}
.bd-content-wrap h2 {
	text-align: center;
	text-transform: capitalize;
	font-size: 35px;
	font-family: cursive,tahoma,serif;
}
/* top contents */
.bd-top-content-wrap {
	width: 99%;
	margin: 20px auto;
	background: inherit;
}
.bd-top-content-wrap .bd-title-01{
	font-size: 22px;
	font-family: tahoma,arial,sans;
	padding: 8px;
	width: 30%;
	border-bottom: 4px solid #039cff;
}
.top-content {
	height: auto;
	list-style: none;
	width: 99%;
	margin: 90px auto;
	padding: 10px;
	display: inline-table;
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	background: inherit;
}
.top-content li div > img {
	border-radius: 4px;
}
.top-content li > h3{
	font-family: "Time New Roman",sans;
	text-transform: capitalize;
	margin-left: 20px;
	line-height: 1.3em;
	font-weight: bolder;
}
.top-content li h3 > a{
	text-decoration: none;
	color: #039cff;
}
.top-content li h3 > a:hover {
	color: #000;
	transition : 0.5s ease-in;
}
.top-content li h3 > span{
	font-family: "Time New Roman",cursive;
	text-align: left;
	margin: 5px;
	display: inline-block;
	padding: 10px;
	font-weight: bolder;
}
/* first grid */
.fs-grid {
	width: 98%;
	position: relative;
	text-align: center;
	top: -90px;
}
.fs-grid li {
	width: 31%;
	margin: 5px;
	padding: 5px;
	display: inline-table;
	text-align: left;
	background: inherit;
	height: auto;
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.fs-grid li > div{
	background: inherit;
	height: 300px;
	border-radius: 4px;
	width: 98%;
	margin: 4px auto;
}
.fs-grid li > h3 {
	font-size: 19px;
}
/* first grid ad */
.top-content .fs-ad {
	display: non;
}
.top-content li.fs-ads h3 span > label{
	font-family: "Time New Roman",serif;
	font-size: 14px;
	padding: 6px;
	border: 1px solid #000;
	border-radius: 4px;
}

/* more contents */
.bd-more-content-wrap {
	width: 99%;
	margin: 0px auto;
	position: relative;
	top: -150px;
	background: #fff8f8;
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	font-family: "Time New Roman",sans-serif,arial;
	font-size: 16px;
	text-transform: capitalize;
}
.bd-more-content-wrap .more-contents{
	width: 98%;
	height: auto;
	background: inherit;
	display: inline-table;
	text-align: center;
	padding: 0;
	margin: 0;
	list-style: none;
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.more-contents li{
	width: 23%;
	height: auto;
	display: inline-table;
	padding: 2px;
	margin: 2px;
	background: inherit;
	text-align: left;
}
.more-contents li p > a {
	text-decoration: none;
	color : #039cff;
}
.more-contents li p > a:hover {
	color: #000;
	transition : 0.5s ease-in;
}
.more-contents li p > span {
	padding: 5px;
	display: block;
	text-align: center;
}
.more-contents li > div{
	height: 200px;
	width: 96%;
	margin: 2px auto;
	border-radius: 4px;
	background: #000;
}
/* more content first grid ad */
.more-contents li.m-first-grid-ads p span > label{
	font-family: "Time New Roman",serif;
	font-size: 14px;
	padding: 6px;
	border: 1px solid #000;
	border-radius: 4px;
}
/* load more */
.load-more {
	width: 150px;
	margin: 20px auto;
	padding: 10px;
	border: 3px solid #000;
	border-radius: 4px;
}
.load-more:hover {
	cursor: pointer;
	color: #fff;
	background: #000;
	transition : 0.4s ease-in;
}

/* mozilla */
@-moz-document url-prefix() {
	.bd-more-content-wrap .last-grid {
		margin-to : -30px;
	}	
}
/* second/third grid ad */
.more-contents li.m-second-grid-ads p span > label,
.more-contents li.m-third-grid-ads p span > label{
	font-family: "Time New Roman",serif;
	font-size: 14px;
	padding: 6px;
	border: 1px solid #000;
	border-radius: 4px;
}
/* hide 2nd/3rd grid */
.bd-more-content-wrap .m-second-grid,
.bd-more-content-wrap .m-third-grid {
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	display: none;
}

	


@media screen and (max-width: 840px) { 
	
	.bd-top-content-wrap  .bd-title-01 {
		width: 50%;
	}
	.top-content {
		background: inherit;
	}
	.top-content li {
		width: 46%;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	}
	.more-contents li {
		width: 30%;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	}

}

@media screen and (max-width: 550px) { 
    
    .bd-content-wrap h2 {
    	font-family: tahoma,serif,arial;
    	font-size : 15px;
    }
    .bd-more-content-wrap h2 {
    	font-family: "Time New Roman",tahoma,serif;
    	text-align: left;
    	margin-left: 2%;
    	font-size: 24px;
    	width: 60%;
    }
    .top-content {
    	background: inherit;
    }
    .top-content li {
    	width: 96%;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    }
    .top-content li h3 > span{
    	font-family: "Time New Roman",tahoma,serif;
    }
	.more-contents li {
		width: 94%;
	}
	.more-contents li > div {
		width: 100px;
		float: left;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
		height: 100px;
	}
	.more-contents li > p {
		width: 86%;
		margin-left: 40px;
		position: relative;
		left: 20px;
		top: 20px;
	}
}