@media only screen and (min-width : 1024px) {
	.center {
		text-align: center; 
	}

	span.small {
		font-size: 12px;
	}

	/* Логотип и название вуза 
	.logo {
		display: block; 
		float: left;
	}
	
	.logo img {
		height:108px; 
		float:left; 
		margin-right: 10px;
	}
	
	#header .logo span a{
		float:left; 
		color: #004d58; 
		font-size: 22px; 
		line-height: 22px; 
		margin-top: 30px;
		text-decoration:none;
	}

	#header ul.top-menu li {
	    display: block;
	    float: left;
	    margin: 0 0 0 0.5em;
	    padding: 0.2em 0.5em 0.3em;
	    height: 108px;
	    vertical-align: middle;
	    line-height: 108px;
	}

	#header ul.top-menu li > a {
	    display: inline;
	}

	#header ul.top-menu a {
	    display: inline; 
	}
	
	.main_image img{
		max-width:60%; 
		height:auto; 
		text-align: center;
	}
	
	.abiturient-header {
		color: #004d5a;
		text-decoration: none;		
	}
	*/

	/* Основное меню 
	.abiturient-header ul.nav {
		margin-left: 0px;
		width: 100%;
		background-color: #eaeaea;
		z-index: 9999;	
		height: 50px;	
		border-radius: 4px;
		margin-bottom: 15px;
	}

	.abit-header a {
	}

	.btn-success {
	    border: 2px solid #4cae4c;
	}

	.nav-pills > li + li {
	    margin-left: 0px;
	}


	ul.nav > li > a {
	}
	
	ul.nav > li:hover, ul.nav > li.active{
		color: #fff;
		background-color: #337ab7;
		border-radius: 4px;
	}
	
	ul.nav > li.active:hover {
		color: #fff;
		background-color: #286090;
	}
	
	ul.nav li.disabled:after{

	}
	
	ul.nav > li > a:hover {
		color: #fff;
		background-color: #337ab7;
	}
	
	ul.nav > li.disabled:hover{
		background-color: #eaeaea;
		color: #337ab7;
	}
	
	ul.nav > li.disabled:hover > a, ul.nav > li.disabled > a:hover {
		color: #525151;
		background-color: #eaeaea;
	}

	ul.nav > li.anketa {
	    margin-right: 20px;
	}
	
	ul.nav > li > a.send-btn{
		color: white;
	}

	.nav > li.disabled > a.send-btn{
		color: #777777;
	}
	
	ul.nav > li > a.send-btn:hover {
		color: #fff;
		background-color: #398439;
	}
	
	
	.dropdown > .dropdown-toggle{
		background-color: #22646e;
		font-size: 20px;
		color: white;
	}
	
	ul.nav > li.dropdown > .dropdown-toggle:hover, .nav .open > a, .nav .open > .link, .nav .open > a:hover, .nav .open > .link:hover, .nav .open > a:focus, .nav .open > .link:focus {
		background-color: #004d58;
		border-color: #009fdf;
		color: #fff;
	}
	*/
	
	/* Список всех заявлений */
	ul.dropdown-menu {
		width: auto;
		background-color: #004d58;
	}
	
	ul.dropdown-menu > li{
		font-size: 16px;
	}
	
	.dropdown-menu > li > a:hover, .dropdown-menu > li > .link:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > .link:focus {
		color: #fff;
		background-color: #004d58;
		text-decoration: none !important;
	}
	
	ul.nav > li.dropdown:hover, ul.nav > li.dropdown.active{
		color: #fff;
		background-color: #22646e;
		border-radius: 4px;
	}

	ul.nav > li.dropdown:hover a, ul.nav > li.dropdown.active a{
		color: #fff;
	}
	
	.pull-right > .dropdown-menu {
		right: 0px;
		padding-bottom: 0;
	}
	
	ul.nav li .dropdown-menu > li > a {
		color: #fff;
	}
	
	ul.nav li .dropdown-menu > li > a.semibold-link {
		color: #e0e721;
	}
	
	ul.nav li .dropdown-menu > li > a:hover {
		border-bottom: 1px dashed #004d58;
	}
	
	
	
	/* Шапка таблицы с определенным типом данных */
	.panel-default > .panel-heading {
		background-color: #eaeaea;
	}

	.panel-default.hide > .panel-heading {
		background-color: #f9d6d6;
		color: #bfbbbb;
		display: none;
	}

	.panel.hide .checkbox {
		display: none;
	}

	.panel.hide .checkbox input{
		display: none;
	}

	.panel-default > .panel-heading > h3{
		font-weight: bold;
	}

	
	#header ul.top-menu li.rsvpu_name {
		display:none;
	}
	
	.make-app {
		margin-right: 15px;
	}
	
	.modal-body .form-control{
		font-size: 18px;
	}
	
	.panel-body {
		padding: 15px;
	}
	
	h3, .h3 {
		margin-left:15px;
	}
	


	.alert-info {
		background-color: #f4f9fb;
	}
	
	.alert-info a {
		text-decoration:underline;
		color: #004d58;
	}
	
	.alert-info a:hover {
		text-decoration:none;
	}

	.red, .red a {
		color: red;
		font-weight: bold;
	}

	.green {
		color: green;
		font-weight: bold;
	}

	.yellow {
		color: #bf26d2;
		font-weight: bold;
	}

	.blue {
		color: blue;
		font-weight: bold;
	}
	
	.new_abit a {
		color: #ffffff;
	    font-weight: bold;
	    text-decoration: none;
	    font-size: 20px;
	    padding: 10px 15px;
	    background-color: #316a72;
	    border-radius: 6px;
	}
	
	.new_abit a:hover {
		text-decoration: none;
	    background-color: #004a54;
	    color: #f1e31c;
	}
	
	.get_passw a {
		text-decoration:underline;
		font-size:14px;
	}
	
		
	.get_passw a:hover {
		text-decoration:none;
	}


	.field-abiturientsignupform-recaptcha {
		margin-left: -15px;
	}
	
	.field-abiturientsignupform-recaptcha div div {
		height: auto !important;
	}

	p.comment {
		display: block;
		color: #ccc;
		font-size: 14px;
		margin-left: 15px;
	}
	
	a.add-agree {
		/*color: #22646e;*/
		font-weight: bold;
		font-size: 18px;
		display: block;
    	margin-top: 10px;
	}
	
	span.lgota {
		font-weight: bold;
		color: red;
		text-transform: uppercase;
	}
	
	div.new_abit {
		display: block;
		height: auto;
		margin-top: 35px;
		width: 100%;
		margin-bottom: 20px;
	}

	span.celev {
		font-weight: bold;
		color: #337ab7;
		text-transform: uppercase;;
	}

	span.spec_name {
		font-size: 18px;
	}
	
	div.table-responsive.exams p {
		margin: 0px;
	}
	
	div.table-responsive.exams table tr td{
		border-bottom: 1px solid #ddd;
	}

	a.btn-edit {
		display: block;
		margin-bottom: 15px !important;
	}

	.file-preview-image {
		font-size: 15px;
		word-break: break-all;
	}
}










@media only screen and (max-width : 1023px) {
	.center {
		text-align: center; 
	}

	span.small {
		font-size: 12px;
	}

	/* Логотип и название вуза */
	.logo {
		display: block; 
		float: left;
	}
	
	.logo img {
		height:108px; 
		float:left; 
		margin-right: 0px;
	}
	
	.logo span {
		display:none;
	}
	
	.main_image img{
		display:none;
	}
	
	
	/* Основное меню */
	.abiturient-header {
		margin-top: 0px;
	}

	.abiturient-header ul.nav {
		margin-left: 0px;
		width: 100%;
		background-color: #eaeaea;
		z-index: 9999;	
		height: auto;	
		border-radius: 4px;
		/*overflow: hidden;*/
		margin-bottom: 15px;
	}

	.abit-header a {
	    font-size: 13pt !important;
	}

	.btn-success {
	    border: 2px solid #4cae4c;
	}

	.nav-pills > li + li {
	    margin-left: 0px;
	}
 
	
	ul.nav > li > a{
		color: #337ab7;
	}
	
	ul.nav > li:hover, ul.nav > li.active{
		color: #fff;
		background-color: #337ab7;
		border-radius: 4px;
	}
	
	ul.nav > li.active:hover {
		color: #fff;
		background-color: #286090;
	}
	
	ul.nav li.disabled:after{
		/*content: "block";
		color: #ccc;*/
	}
	
	ul.nav > li > a:hover {
		color: #fff;
		background-color: #337ab7;
	}
	
	ul.nav > li.disabled:hover{
		background-color: #eaeaea;
		color: #337ab7;
	}
	
	ul.nav > li.disabled:hover > a, ul.nav > li.disabled > a:hover {
		color: #525151;
		background-color: #eaeaea;
	}

	
	.dropdown{
		background-color: #22646e;
		font-size: 20px;
		color: white;
		width:100%;
		text-align:center;
		border-radius: 4px;
		margin-bottom: 5px;
	}

	
	.dropdown > .dropdown-toggle{
		background-color: #22646e;
		font-size: 20px;
		color: white;
	}
	
	ul.nav > li.dropdown > .dropdown-toggle:hover, .nav .open > a, .nav .open > .link, .nav .open > a:hover, .nav .open > .link:hover, .nav .open > a:focus, .nav .open > .link:focus {
		background-color: #004d58;
		border-color: #009fdf;
		color: #fff;
	}
	
	
	
	/* Список всех заявлений */
	ul.dropdown-menu {
		width: auto;
		background-color: #004d58;
	}
	
	ul.dropdown-menu > li{
		font-size: 16px;
	}
	
	.dropdown-menu > li > a:hover, .dropdown-menu > li > .link:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > .link:focus {
		color: #fff;
		background-color: #004d58;
		text-decoration: none !important;
	}
	
	.pull-right > .dropdown-menu {
		right: 0px;
		padding-bottom: 0;
		width:100%;
	}
	
	ul.nav li .dropdown-menu > li > a {
		color: #fff;
	}
	
	ul.nav li .dropdown-menu > li > a.semibold-link {
		color: #e0e721;
	}
	
	ul.nav li .dropdown-menu > li > a:hover {
		border-bottom: 1px dashed #004d58;
	}
	
	
	ul.nav > li > a.send-btn{
		color: white;
	}

	.nav > li.disabled > a.send-btn{
		color: #777777;
	}
	
	ul.nav > li > a.send-btn:hover {
		color: #fff;
		background-color: #398439;
	}
	
	
	/* Шапка таблицы с определенным типом данных */
	.panel-default > .panel-heading {
		background-color: #eaeaea;
	}
	
	.panel-default > .panel-heading > h3{
		font-weight: bold;
	}

	.panel-default.hide > .panel-heading {
		background-color: #f9d6d6;
		color: #bfbbbb;
		display: none;
	}

	.panel.hide .checkbox {
		display: none;
	}

	.panel.hide .checkbox input{
		display: none;
	}
	
	.panel-default > .panel-heading > h3{
		font-weight: bold;
	}
	
	
	
	/* Имя и кнопка Выйти в шапке */
	#header ul.top-menu {
		overflow: hidden;
		margin: 0;
		padding-left: 0;
		height: auto;
	}

	#header ul.top-menu li {
		display: block;
		float: none !important;
		margin: 0 0 0 0.5em;
		padding: 0.2em 0.5em 0.3em;
		height: auto;
		text-align:right;
	}
	
	#header ul.top-menu li:first-child {
		height: 20px;
		margin-top: 25px;
		margin-bottom: 2px;
		text-align:right;
	}
	
	#header ul.top-menu li:first-child > a {
		color: #ccc;
		display: block;
		padding: 10px 0 0;
		font-size: 15px;
		text-decoration:none;
	}
	
	#header ul.top-menu li > a {
		color: #333;
		display: block;
		padding: 10px 0 0;
		font-size: 15px;
		height: 20px;
	}

	#header ul.top-menu li > a.log_out {
		font-size: 15px;
		height: 20px;
		margin-top: 15px;
	}

	#header ul.top-menu li > a.user_name {
		font-size: 17px;
		height: 24px;
	}
	
	#header ul.top-menu li.login_btn {
		display: none;
	}
	
	#header ul.top-menu li.rsvpu_name {
		float:left; 
		color: #004d58; 
		margin-top: 25px;
		text-decoration:none;
		height:auto;
		text-align:left;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding:0px;
	}
	
	#header ul.top-menu li.rsvpu_name > a{
		height: auto;
		color: #004d58;
		font-size: 14px; 
		line-height: 14px; 		
	}
	
	h3, .h3 {
		line-height: 1.0em;
		margin-left:0px;
	}
	
	.make-app {
		margin-right: 15px;
	}
	
	.modal-body .form-control{
		font-size: 18px;
	}
	
	.table-responsive {
		margin-top:20px;
	}
	
	.table-responsive:after {
		content: "Для просмотра всей таблицы прокрутите вправо";
		display:block;
		margin-top:10px;
		font-size: 16px;
		color: #cac9c9;
		text-align:center;
	}
	
	.panel-body {
		padding: 15px 0px;
	}
	
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.col-xs-2, .col-xs-10 {
		width: 100%;
	}
	
	.form-horizontal .form-group {
		margin-left: 0px;
	}
	
	.col-xs-2.control-label {
		text-align:left;
		margin-top: 10px;
	}
	
	#add-speciality {
		margin-right: 0px;
		margin-top:0px;
		margin-bottom:20px;
	}
	
	.alert-info {
		background-color: #f4f9fb;
	}
	
	.alert-info a {
		text-decoration:underline;
		color: #004d58;
	}
	
	.alert-info a:hover {
		text-decoration:none;
	}

	.red, .red a {
		color: red;
		font-weight: bold;
	}

	.green {
		color: green;
		font-weight: bold;
	}
	
	
	.new_abit a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		font-size: 20px;
		padding: 10px 15px;
		background-color: #316a72;
		border-radius: 6px;
		width: 100%;
		display: block;
		text-align: center;
	}
	
	.new_abit a:hover {
		text-decoration: none;
	    background-color: #004a54;
	    color: #f1e31c;
	}
	
	.get_passw a {
		text-decoration:underline;
		font-size:14px;
	}
	
		
	.get_passw a:hover {
		text-decoration:none;
	}
	
	p.comment {
		display: block;
		color: #ccc;
		font-size: 14px;
		margin-left: 15px;
	}
	
	a.add-agree {
		/*color: #22646e;*/
		font-weight: bold;
		font-size: 18px;
		display: block;
    	margin-top: 10px;
	}
	
	span.lgota {
		font-weight: bold;
		color: red;
		text-transform: uppercase; 
	}
	
	div.new_abit {
		display: block;
		height: auto;
		margin-top: 35px;
		margin-bottom: 35px;
		width: 100%;
	}

	span.celev {
		font-weight: bold;
		color: #337ab7;
		text-transform: uppercase;
	}

	span.spec_name {
		font-size: 18px;
	}
	
	div.table-responsive.exams p {
		margin: 0px;
	}
	
	div.table-responsive.exams table tr td{
		border-bottom: 1px solid #ddd;
	}
	
	div.site-login h1 {
		font-size: 28px;
	}

	a.btn-edit {
		display: block;
		margin-bottom: 15px !important;
	}

	.file-preview-image {
		font-size: 15px;
		word-break: break-all;
	}
}