#not-found{margin-top:100px;}
#not-found h2 {
text-align: center;
font-size: 240px;
line-height: 210px;
font-weight: 600;
letter-spacing: -5px;
}
#not-found h3 {
text-align: center;
font-size: 40px;
line-height: 100px;
font-weight: 300;
text-transform: uppercase;
}
#not-found p {
text-align: center;
font-size: 14px;
line-height: 24px;
color: #b9bec3;
}
#not-found a{
margin-top: 5px;
padding: 15px;
}
.st-frm-login-wrap {
max-width: 500px;
margin: 0 auto;
padding: 15px;
}
.st-frm-login-wrap .control-group .control-label{float: left;margin-right: 10px;width: 140px;text-align: left;}
.st-frm-login-wrap .control-group label,.st-frm-login-wrap .control-group legend {
display: block;
font-size: 14px;
font-weight: 400;
margin-bottom: 5px;
}
.st-nav{margin-top: 15px;
padding: 0;}
.st-nav li{display: block;padding: 0;}
.st-frm-login-wrap .control-group .controls{float: left;}
.st-frm-login-wrap .control-group .controls input{border: 1px solid #eceef0 !important;
outline: none;
font-size: 14px !important;
color: #848688 !important;
max-width: 100%;
display: block;
background: #f8fafc;
border-radius: 2px;
margin: 0;
padding: 8px 9px;}
#remember{width: 25px;}
.st-login-header{text-align: center;}
.st-profile legend{border: none;}
.clearfix{clear: both;}



/* SLIDER RESPONSIVE */

@media (min-width: 768px) and (max-width: 4000px) {
.tablett {
display:none;
 }
.phonee {
display:none;
}
}

@media (min-width: 480px) and (max-width: 768px) {
.desctopp {
display:none;
}
.tablett {
padding-bottom:50px;
overflow:hidden;
 }
.phonee {
display:none;
}
}

@media (min-width: 300px) and (max-width: 480px) {
.desctopp {
display:none;
}
.tablett {
display: none;
 }
.phonee {
padding-bottom:50px;
overflow:hidden;
}
}

@media (max-width: 300px) {
.desctopp {
display:none;
}
.tablett {
display: none;
 }
.phonee {
display: none;
}
}












/*
@media (min-width: 1200px) {
.tablett {
display: none;
}
.phonee {
display:none;
}
}

@media (max-width: 900px) {
.desctopp {
display:none;
}
.phonee {
display:none;
}
.tablett {
padding-bottom:50px;
overflow:hidden;
 }

@media (max-width: 700px) {
.desctopp {
display:none;
}
.tablett {
display:none;
 }
 .phonee {
padding-bottom:50px;
overflow:hidden;
}
}
/*
@media (min-width:1025px) {
.desctopp {
display:none;
}
.tablett {
display:none;
}
.phonee {
display:none;
}



@media (min-width:800px) {
.desctopp {
display:none;
}
.phonee {
display:none;
}
}


@media (min-width:480px) {
.desctopp {
display:none;
}
.tablett {
display:none;
}
}
*/


/*RESPONSIVE TABLE CODE HERE */
/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: inline; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr {  }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	.nn_tabs > ul.nav-tabs > li > a {
	font-size:80%;
	}
}