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

.header-wrapper {
	height: auto;
	width: 100%;
}
.header-content-wrap {
	width: 100%;
	margin: 10px auto;
	padding: 2px;
	background: inherit;
	height: auto;
}
.header-content-wrap h2 {
	margin-left: 20px;
	font-family: verdana,sans-serif;
	font-family: cambria;
}
.header-content-wrap h2 > a{
	text-decoration: none;
	color: #000;
}
.header-content-wrap h2 a > b{
	font-family: tahoma;
	font-size: 27px;
	color: skyblue;
}
/* nav */
.header-nav {
	width: 50%;
	margin: -40px auto;
	position: relative;
	font-size: 18px;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	background: inherit;
	font-family: verdana,sans-serif;
}
.header-nav a {
	padding: 3px;
	text-decoration: none;
	color: darkgray;
	margin: 3px;
}
.header-nav a:hover {
	color: #ddd;
	border-bottom: 5px dashed skyblue;
	transition : 0.5s ease-in;
}

.header-nav a > i {
	color: #000;
}
/* search */
.search-bar-wrap {
	width: 50%;
	border-radius: 6px;
	position: relative;
	top: 25px;
	z-index: 10;
	padding: 4px;
	margin: 30px auto;
	background: #ddd;
	height: 50px;
}
.search-bar-wrap input {
	height: 48px;
	margin-top: 1px;
	border: none;
	outline: 0px;
	margin-left: 4px;
	background: #ddd;
	width: 90%;
}
.search-bar-wrap i {
	font-size: 30px;
	position: relative;
	top: 4px;
	left: 4px;
}
.theme-switch-wrap {
	background: inherit;
	width: 120px;
	text-align: center;
	list-style: none;
	position: relative;
	top: -150px;
	right: 20px;
	padding: 10px;
	float: right;
}
.theme-switch-wrap li {
	font-size: 35px;
	display: inline-block;
	padding: 4px;
	border-radius: 4px;
	width: 40px;
	margin: 3px;
}
.theme-switch-wrap li:hover {
	cursor: pointer;
}
.theme-switch-wrap .light-theme {
	color: #ddf;
}
.theme-switch-wrap .active {
	border: 1.5px solid green;
}
.theme-switch-wrap li > i {
	position: relative;
	top: 2px;
}
.header-seperate {
	border-bottom: 0.8px solid #000;
	width: 100%;
}
/* search */
.search-result-wrap {
	position: relative;
	display: none;
	background: #e9f2ff;
	top: -180px;
	height: 100%;
	width: 100%;
	z-index: 9;
}
.exit-search {
	width: 40px;
	margin: 5px auto;
	background: inherit;
	color : #4f3a1f;
	padding: 5px;
	font-size: 30px;
	border-radius: 6px;
	position: relative;
	top: 30px;
	text-align: center;
}
.exit-search:hover {
	cursor: pointer;
	color: blue;
	border: 0.5px solid #000;
	transition : 0.4s ease-in;
}
/* ads */
.ads-wrap {
	width: 700px;
	background: inherit;
	margin: 20px auto;
	position: relative;
	top: 100px;
	padding: 10px;
	font-size: 18px;
	font-family: "Time New Roman",georgia;
	text-transform: capitalize;
}
.ads-wrap a {
	text-decoration: none;
	color: #000;
	position: relative;
}
.ads-wrap a:hover {
	border-bottom: 3px solid blue;
	transition : 0.6s ease-in;
}
.ads-wrap  label {
	padding: 6px;
	background: #000;
	color: #fff;
	margin-right: 100px;
	border-radius: 10px;
	float: right;
	font-size: 10px;
}
.search-result-wrap .no-data{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: trebuchet,sans-serif;
}
/* search result con */
.search-result-con {
	margin: 140px auto;
	list-style: none;
	text-align: center;
	width: 96.2%;
	background : inherit;
}
.search-result-con li {
	width: 250px;
	padding: 14px;
	font-size: 18px;
	margin: 4px;
	font-family: "Time New Roman",georgia;
	text-transform: capitalize;
	border-bottom: 0.5px solid #000;
	display: inline-table;
}
.search-result-con li > a {
	color: #000;
	text-decoration: none;
}
.search-result-con li > a:hover {
	color: #10499d;
	transition : 0.4s ease-in;
}
.search-result-con li > center {
	margin-top: 15px;
	font-size: 17px;
}
.search-result-con li center > .search-type {
	background : #233d64;
	color: #edeff2;
	font-size: 13px;
	padding: 8px;
	border-radius: 10px;
}
/* recent stock & crypto headline */
.recent-sk-co-wrapper {
	position: relative;
	display: none;
	background: azure;
	top: -10px;
	height: 100%;
	width: 100%;
	margin: 0px auto;
	z-index: 5;
}
.recent-sk-co-wrapper .exit-hdl {
	margin: 0px auto;
	position: relative;
	top: 10px;
	width: 60px;
	text-align: center;
	border-radius: 4px;
	font-size: 30px;
	border: 1px solid #000;
	padding: 10px;
}
.recent-sk-co-wrapper .exit-hdl:hover {
	background: #000;
	color: #fff;
	border: 1.3px solid #000;
	cursor: pointer;
	color: lightblue;
	transition : 0.3s ease-in;
}
/* recend hd contents */
.recent-hd-contents {
	background: azure;
	margin: 0px auto;
	position: relative;
	height: inherit;
	text-align: center;
	top : 40px;
	font-size: 17px;
	width: 98%;
	list-style: none;
	font-family: tahoma,cursive,sans;
}
.recent-hd-contents li {
	width: 280px;
	padding: 20px;
	font-size: 18px;
	margin: 4px;
	font-family: "Time New Roman",georgia;
	text-transform: capitalize;
	border-bottom: 0.5px solid #000;
	display: inline-table;
}
.recent-hd-contents li > a {
	text-decoration: none;
	color: #00000d;
}
.recent-hd-contents li > a:hover {
	text-decoration: underline;
}
.recent-hd-contents li > center {
	position: relative;
	top: 15px;
	font-size: 16px;
}




@media screen and (max-width: 800px) { 

	.header-content-wrap {
		width: 99%;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	}
	/* search bar */
	.search-bar-wrap {
		width: 90%;
		top: 18px;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	}
	.search-bar-wrap input {
		width: 90%;
	}
	.search-result-wrap {
		width: 100%;
		top: -200px;
	}
    .ads-wrap {
    	width: 90%;
    	top: 120px;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    }
	.search-result-con {
		width: 90%;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	}
	.search-result-con li{
		position: relative;
		left: -4%;
	}
	.header-seperate {
		width: 100%;
	}
	/* recent hdl */
	.header-nav {
		display: none;
	}
	.recent-sk-co-wrapper {
		display: none;
		background: inherit;
		width: 90%;
		z-index: 0;
	}
	.exit-hdl {
		display: none;
	}
	.recent-hd-contents {
		width: 90%;
		display: none;
	}

}

@media screen and (max-width: 600px) { 

    .search-bar-wrap {
	    top: 30px;
    }
    .search-bar-wrap .fa-search {
    	display: none;
    }

}