

.searchback {
	background-color: #005896;
	padding: 14px;
	-webkit-box-shadow: inset 0px 1px 0 #004474, 0 0 1px #33a0ed;
	-moz-box-shadow: inset 0px 1px 0 #004474, 0 0 1px #33a0ed;
	box-shadow: inset 0px 1px 0 #004474, 0 1px 0#33a0ed;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0px 1px 0px #004474;
}

div#content {
	background: #fff;
	padding: 10px 10px;
	line-height: 120%;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
	box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}

.nav-main {
	background: #444547;
	background: -moz-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444547), color-stop(100%, #2f2f31));
	background: -webkit-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -o-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -ms-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: navy;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444547', endColorstr='#2f2f31', GradientType=0);
	font-size: 12px;
	border: chocolate;
	border-bottom: none;
	border-radius: 1px 1px 0 0;
	padding: 1px 1px 1px 1px;
	margin-top: -05px !important;
	-webkit-box-shadow: brown;
	-moz-box-shadow: inset 0px 1px 0 #757575;
	box-shadow: blue;
}

@media (max-width: 700px) {
	.nav-main {
		position: sticky;
		top: 0px;
		z-index: 10;
	}
}

ul#nav-breadcrumbs {
	background-color: #dbf2f5;
	padding: 9px;
	border-radius: 44px;
	-moz-border-radius: 4px;
	border: 9px solid #028aff;
	-webkit-box-shadow: inset 0px 1px 0 #FFF;
	-moz-box-shadow: inset 0px 1px 0 #FFF;
	box-shadow: inset 0px 1px 0 #3F51B5;
	text-shadow: 0px 1px 1px #00BCD4;
	margin-top: 3px;
}

ul#nav-main li a {
  background: linear-gradient(90deg, #0027ff, #ee0979, #7f00ff);
  background-size: 200%;
  color: white;
  border-radius: 10px;
  padding: 8px 18px;
  transition: 0.4s;
}
ul#nav-main li a:hover {
  background-position: right;
  transform: scale(1.05);
}


.stats {
	background: #444547;
	background: -moz-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444547), color-stop(100%, #2f2f31));
	background: -webkit-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -o-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -ms-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: linear-gradient(to bottom, #03A9F4 0, #673AB7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444547', endColorstr='#2f2f31', GradientType=0);
	border-top: 1px solid #3F51B5;
	text-shadow: 0px 3px 0px #607D8B;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: inset 0px 1px 0 #757575;
	-moz-box-shadow: inset 0px 1px 0 #757575;
	box-shadow: inset 0px 1px 0 #3F51B5;
	clear: both;
	font-weight: bold;
	margin-top: 1px;
	padding: 0px 6px 2px 1px;
	margin-bottom: -22px;
	position: relative;
	line-height: 3;
	color: #ffffff;
}

.stats a {
	color: #fff;
}

.statsblock {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	margin-bottom: 4px;
	text-shadow: 0px 1px 0px #FFF;
	height: auto;
}

ul#nav-footer {
	background-color: #76d4ff;
	padding: 3px;
	border-radius: 99px;
	-moz-border-radius: 4px;
	border: 1px solid #000000;
	-webkit-box-shadow: inset 0px 1px 0 #FFF;
	-moz-box-shadow: inset 0px 1px 0 #FFF;
	box-shadow: inset 0px 1px 0 #FFF;
	text-shadow: 0px 1px 1px #607D8B;
}

button.button.button-search {
	border-color: #C7C3BF;
	background-color: #E9E9E9;
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 );
	box-shadow: 0 0 0 1px #FFFFFF inset;
	-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
	color: #D31141;
	line-height: 1.5;
}

a.button.button-search-end {
	background-color: #E9E9E9;
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 );
	box-shadow: 0 0 0 1px #FFFFFF inset;
	-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
	color: #D31141;
	line-height: 1.5;
	border-color: #C7C3BF;
}

.search-box {
	margin-top: 4px;
	margin-left: 5px;
}
.search-results li {
    color: #fff;
}
.search-results li:hover,
.search-results li.active {
	background-color: #eee;
	color: #000;
}

.dropdown-contents-cp {
	background: #ebebeb;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

.dropdown-contents-cp {
	z-index: 2;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 3px;
	position: relative;
	max-height: 300px;
}

.dropdown-contents-scp {
	z-index: 2;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 3px;
	position: relative;
	max-height: 300px;
	background-color: #ebebeb;
	left: -90px;
}

.cp-pointer.pointer-inner {
	border-color: #ebebeb transparent;
}

.cp-pointer.pointer {
	border-color: #000000 transparent;
}

h4 {
	border-bottom: 1px solid #CCCCCC;
	color: #115098;
	margin-bottom: 3px;
}

h5 {
	margin-bottom: 6px;
	font-size: 1.7em;
}

a.postbutton {
	background: #444547;
	background: -moz-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444547), color-stop(100%, #2f2f31));
	background: -webkit-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -o-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -ms-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: linear-gradient(90deg, #00bcd4, #2196f3);
color: #ffffff;
border: none;
border-radius: 25px;
padding: 10px 24px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 3px 8px rgba(33, 150, 243, 0.3);
transition: all 0.3s ease;
float: left;

}

a.postbutton {
	display: inline-block;
	padding: 2px 8px;
	font-size: 12px;
	font-weight: bold;
	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
	line-height: 2;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
}

a.postbutton:hover {
	color: #0A8ED0;
}

.postbutton {
    color: #000;
    background-color: #FAFAFA;
    background-image: url("./images/bg_button.gif");
    border: 1px solid #666666;
    padding: 1px;
}

.head {
	background: #444547;
	background: -moz-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444547), color-stop(100%, #2f2f31));
	background: -webkit-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -o-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: -ms-linear-gradient(top, #444547 0, #2f2f31 100%);
	background: linear-gradient(to bottom, #444547 0, #2f2f31 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444547', endColorstr='#2f2f31', GradientType=0);
	border: 1px solid black;
	text-shadow: 0px 1px 0px #000;
	color: #fff !important;
	padding: 8px 6px 7px;
	font-size: 10px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: inset 0px 1px 0 #757575;
	-moz-box-shadow: inset 0px 1px 0 #757575;
	box-shadow: inset 0px 1px 0 #757575;
	font-weight: bold;
}

.postbuttons {
	border-color: #C7C3BF;
	background-color: #E9E9E9;
 /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%);
 /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 );
 /* IE6-9 */
	box-shadow: 0 0 0 1px #FFFFFF inset;
	-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
	color: #D31141;
}

.panels {
	background-color: #f8f8f8;
	padding: 5px;
	border-radius: 4px;
	border: 1px solid #E6E6E6;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 5px;
}

li.row a {
	color: #444;
}

i.fa.fa-users {
	font-size: 25px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 20px;
}

p.whois {
	margin-left: 40px;
	margin-top: -40px;
}

i.fa.fa-birthday-cake {
	font-size: 25px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

p.bday {
	margin-left: 40px;
	margin-top: -30px;
}

p.statistics {
	margin-left: 40px;
	margin-top: -30px;
}

i.fa.fa-pie-chart {
	font-size: 25px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

i.fa.fa-sign-in {
	font-size: 25px;
	padding: 0 8px;
	top: 7px;
	position: relative;
}

@media (max-width: 700px) {
	i.fa.fa-sign-in {
		top: 40px;
	}
}

.backhead {
    /* Vista glossy blue gradient */
    background: #0080da;
    background: -moz-linear-gradient(top, #4f94d4 0%, #1e5799 50%, #0d3d6e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f94d4), color-stop(50%, #1e5799), color-stop(100%, #0d3d6e));
    background: -webkit-linear-gradient(top, #4f94d4 0%, #1e5799 50%, #0d3d6e 100%);
    background: -o-linear-gradient(top, #4f94d4 0%, #1e5799 50%, #0d3d6e 100%);
    background: -ms-linear-gradient(top, #4f94d4 0%, #1e5799 50%, #0d3d6e 100%);
    background: linear-gradient(to bottom, #4f94d4 0%, #1e5799 50%, #0d3d6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f94d4', endColorstr='#0d3d6e', GradientType=0);

    /* Glossy Vista shine + glow */
    border-bottom: 1px solid #003366;
    -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.5), inset 0px -2px 6px rgba(0,0,0,0.3), 0 0 10px rgba(0,136,255,0.6);
    -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.5), inset 0px -2px 6px rgba(0,0,0,0.3), 0 0 10px rgba(0,136,255,0.6);
    box-shadow: inset 0px 1px 0 rgba(255,255,255,0.5), inset 0px -2px 6px rgba(0,0,0,0.3), 0 0 10px rgba(0,136,255,0.6);

    border-radius: 6px;

    /* 👇 yahan se size control hoga */
    padding-top: 2px;     /* upar space */
    padding-bottom: 2px;  /* neeche space */
    padding-left: 2px;    /* left side space */
    padding-right: 2px;   /* right side space */
}



#page-body {
	float: left;
	width: 100%;
	margin-right: -260px;
}

.page-body-inner {
	margin-right: 260px;
}

.sidebar {
	float: right;
	width: 250px;
}

#page-footer {
	clear: both;
}

@media (max-width: 1000px) {
	#page-body, .page-body-inner {
		width: auto;
		float: none;
		margin-right: 0;
	}

	.sidebar {
		margin: 0 auto;
		clear: both;
		float: none;
	}
}

@media (min-width:701px) and (max-width: 1024px) {
	
	.row .pagination {
		margin-top: 2px;
	}
}

@media (max-width: 700px) {
	.headerbar {
		border-bottom: none;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
}

@media (max-width: 700px) {
	.forabg, .forumbg, .stats, .statsblock {
		margin: 0 -10px;
	}
}

@media (max-width: 700px) {
	.stats {
		margin: 0px -10px -21px -10px;
	}
}
.forum-title {
    font-family: 'Russo One', sans-serif;
    font-size: clamp(1.8em, 5vw, 3.6em); /* Mobile se PC tak auto adjust */
    color: #5c00ff;
    text-shadow: 0 0 8px #ffffff,
                 0 0 20px #66cc00,
                 0 0 35px #ffffff;

    text-align: center;   /* Center alignment */
    display: block;
    margin: 15px auto;
    padding: 5px 10px;
    word-wrap: break-word;
    max-width: 95%;       /* Mobile pe overflow na ho */
}

