/* Media Queries ============================================================ */

@media screen and (max-width: 1024px) {
	body {
		overflow-x: hidden;
	}
}

@media screen and (max-width: 980px) {
	#layout {
		width: 94%;
	}
    #body section { width:70% !important; }
    #body aside {
        float: none !important;
        overflow: hidden;
    }
    .content_list.tiled_l .clear {
	    display: none;
    }
    .fm_widget {
	    display: none;
    }
    .gg_widget {
	    display: none;
    }
    .rooms-list {
	    width: 100%;
	    text-align: center;
	    overflow: hidden;
    }
    .rooms-list .item {
	   display: inline-block;
	   float: none;
    }
    .locations_list {
	    width: 100%;
	    text-align: center;
    }
    .locations_list_item {
	    display: inline-block;
	    float: none !important;
    }
    h1 { width: 100%; padding: 0;}
    .nyroModalCont h1 {
		width: 120px !important;
	}
}

@media screen and (max-width: 800px) {
    #body section { width:70% !important; }
    #body aside {
	    width: 27%;
    }
    nav { padding:5px; height:auto; }
    nav .menu { display:none; }
    nav select { display: block; }
    #layout footer #info { display: none !important; }
    #layout .header_flag_left, 
    #layout .header_flag_right {
	    height: 400px;
		width: 160px;
		background-size: 100% 100%;
    }
    header .menu, header .avtor {
	    background-repeat: repeat-x;
	    width: 100%;
    }
    header .menu ul li a, header .avtor ul li a {
	    margin-left: 5px;
	    padding-right: 5px;
    }
    .competitions table {
	    width: 98% !important;
    }
    
    .content_datasets {
	    width: 100%;
	    text-align: center;
    }
    .content_datasets ul {
	    width: 100%;
	    text-align: center;
	    
    }
    .pills-menu li {
	    margin-right: 10px;
    }
    #body section h1 {
	    letter-spacing: 1px;
    }
    #body section h1::before {
	    padding-right: 0 !important;
    }
    #body section h1::after {
	    padding-left: 0 !important;
    }
    #group_profile #right_column, #group_profile #left_column {
	    width: 100%;
    }
    .toggle_body_pod{
	    left: 15px;
    }
    .toggle_body_pod .title {
	    font-size: 7px;
    }
    .tamagotchi_list.tiled_t .tile { 
		width:40%; 
	}
	.tamagotchi_list.tiled_t .clear {
		display: none;
	}
	.tamagotchi_item .tamagotchi_item_props {
		position: static;
		width: 93%;
	}
}

@media screen and (max-width: 640px) {	
	#layout {
		width: 100%;
	}
	body {
		background: none;
	}
    #layout .header_flag_left, 
    #layout .header_flag_right {
	    display: none;
    }
    #layout header {
    	height: 328px;
    	position: relative;
	    width: 97%;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	    clear: both;
	    
    }
    header .widget_head, .widget_head img {
	    width: 100% !important;
    }
    #body {
	    width: 95%;
    }
    #body section,
    #body aside {
	    margin-top: 15px;
    }
    #breadcrumbs {
	    padding-left: 0;
    }
    #logo, .content_item .location_image img {
	    width: 97% !important;
    }
    #logo {
	    height: 260px !important;
    }
    .widget_user_avatar .user_info .avatar {
	    display: block;
    }
    .widget_user_avatar .user_info .name {
	    display: block;
    }
    .widget_user_avatar .user_info .name a {
	    width: 100%;
    }
    .content_item .ft_images .first_type_images:first-child {
        float: none;
        clear: both;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .filter-panel .fields .field:nth-child(odd), .filter-panel .fields .field:nth-child(even){
        float: none !important;
        width: 100%;
        margin-bottom: 10px;
    }
    .content_item .ft_images .first_type_images:first-child > img {
        width: 100%;
    }
    .news_feed_title {
	    font-size: 40px;
	    line-height: 50px;
    }
    section .title {
	    font-size: 15px;
    }
    aside .widget > .title { font-size:25px !important; }
    .content_item .ft_image { float:none !important; }
    .key_board {
	    width: 400px !important;
	    height: 169px !important;
	    background-size: 100% 100% !important;
    }
    .key_board .key_text img {
	    width: 40px;
    }
    h2 {
	    width: 100%;
    }
    #body section h1 {
	    font-size: 50px;
	    letter-spacing: normal;
	    
    }
    .tabs-menu .tabbed li, .tabs-menu li a .counter {
	    font-size: 11px;
	    letter-spacing: normal;
    }
    .tabs-menu .tabbed li a {
	    padding: 0 3px;
    }
    #comments_widget #comments_refresh_panel {
	    top: 70%;
    }
    .journal_list.table table tr  {
	    display: block;
	    overflow: hidden;
		position: relative;
	    border: 1px dotted #e8e2cb;
	    border-bottom: none;
	    padding: 7px;
     }
    .journal_list.table table tr:last-child{
	    border-bottom: 1px dotted #e8e2cb;
	    
    }
    .journal_list thead {
	    display: none;
     }
    .journal_list.table tr td {
	    display: block;
		overflow: hidden;
	    float: left;
	    width: 100%;
	    border: none;
	    padding: 0 5px;
    }
    .journal_list .f_title:before {
	    content: "Имя: ";
	    font-weight: bold;
	    color: #ffc074;
    }
    .journal_list .f_enrollment_date:before {
	    content: "Зачисление: ";
	    font-weight: bold;
	    color: #ffc074;
    }
    .journal_list .f_prom_date:before {
	    content: "Выпуск: ";
	    font-weight: bold;
	    color: #ffc074;
    }
    .journal_list .f_position:before {
	    content: "Статус: ";
	    font-weight: bold;
	    color: #ffc074;
    }
    .journal_list .f_content:before {
	    content: "О себе: ";
	    font-weight: bold;
	    color: #ffc074;
    }
    .journal_list .f_position ul {
    	margin: 0;
    	display: inline-block;
    
    }
    .journal_list .f_position ul li {
		display: inline-block;
		list-style: none;
	}
	.journal_list .f_position ul li:after {
		content: ", ";
		margin-right: 5px;
	}
	.journal_list .f_position ul li:last-child:after {
		content: '';
	}
	.journal_list.table table td.photo {
		position: absolute;
		right: 0;
	}
    .tamagotchi_list.tiled_t .tile { 
		width:93%; 
	}
}

@media screen and (max-width: 480px) {
	body {
		
	    background: url("../images/headbg.jpg") top repeat-x;
	}
	#layout {
		margin-top: 33px;
	}
	#layout header {
    	height: 275px;
    	position: relative;
	    width: 96%;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	    clear: both;
	    
    }
    header .school ul{
	    padding-top: 7px;
    }
    header .school ul li a {
	    margin: 0 10px;
    }
	header .school ul li:nth-child(1) a:after {
		content: url("../images/menu_icons/hal.png");
	}
	header .school ul li:nth-child(2) a:after {
		content: url("../images/menu_icons/life.png");
	}
	header .school ul li:nth-child(3) a:after {
		content: url("../images/menu_icons/stud.png");
	}
	header .school ul li:last-child a::after {
		content: url("../images/menu_icons/town.png");
	}
	header .school ul li a span {
		display: none;
	}
		header .school li ul li a:after {
			content: '' !important;
		}
	header .school li ul li a {
		margin-left: 5px;
	}
	header .school li ul li a span {
		display: list-item;
	}
    #layout footer #nav { display: none !important; }
    #body section {
		width: 98% !important;
	}
    #body aside {
		width: 100%;
		margin-top: 0;
	}
	.competitions table tr td:first-child {
		width: 100%;
	}
	aside .widget {
		width: 100%;
		padding-left: 5px;
		
	}
	#body aside .widget:first-child {
		background: url(../images/user_info_b.png) top left repeat-x,
		url(../images/user_info_b.png) bottom left repeat-x;
		padding: 7px 7px 6px
	}
	aside .widget {
		background: url("../images/user_info_b.png") repeat-x left bottom;
	}
    #breadcrumbs ul li:last-child {
        display: none;
    }
    aside .widget_tabbed, aside .schule, aside .search_wid {
	    display: none;
    }

    h1 {
        font-size: 22px;
    }
    .content_list.featured .first .photo, .content_list.featured .first .fields, .content_list.tiled.albums_list .tile  {
        width: 100% !important;
    }
    .content_list_item.second .photo, .content_list_item.second .first {
        float: none !important;
        margin-right: 0 !important;
    }
    .content_list.featured .first .ft_caption a {
        font-size: 21px !important;
    }
    .content_list_item .ft_caption .value {
        font-size: 18px !important;
    }
    .widget_user_avatar .user_info .avatar, .widget_user_avatar .user_info .name {
	    display: table-cell;
    }
    .widget_content_list .item .image, .widget_content_list .item .info {
	    float: none;
	    display: inline-block;
    }
    .last_box .item {
	    text-align: center;
    }
    
    .widget_user_avatar{
	    position: fixed;
	    top:0;
	    left: 0;
	    z-index: 200;
	    width: 100%;
	    height: 33px;
	    overflow: hidden;
	    background: url("../images/headbg.jpg");
	    padding: 0;
    }
    #body aside .widget:first-child {
    	background: url("../images/user_info_b.png") repeat-x scroll left bottom;
    }
    .widget_user_avatar .user_info .name {
    	display: none;
    }
    .widget_user_avatar .user_info .avatar, #body aside .menu_user {
	    display: table-cell;
    }
    .widget_user_avatar .user_info .avatar {
	    padding: 2px 0 0 5px;
    }
    .widget_user_avatar .menu_user li, .widget_user_avatar .menu_user li a{
	    display: inline-block;
	    float: left;
    }
    .widget_user_avatar .user_info .avatar img {
	    width: 30px;
    }
    .icon-group, .menu_user .home_page .item {
	        padding-top: 0;
    }
    #body aside .menu_user a, #body aside .menu_user span.item {
	    padding-left: 36px;
    }
    #body aside .menu_user a {
        display: ;
	    width: 1px;
	    height: 30px;
	    content: " ";
        }
    #body aside .menu_user .messages {
	    order: 4;
    }
    #body aside .menu_user .wrap {
	    display: none;
    }
    #body aside .menu_user .messages-counter a {
	    width: 20px !important;
    }
    .widget_tabbed .tabs ul {
	    
	    height: 60px;
    }
    .widget_tabbed .tabs ul li a {
    	width: 90px;
	    font-size: 25px;
	    height: 60px;
		line-height: 30px;
		padding: 0 10px;
    }
    .error, .error p {
    	width: 100%;
	    text-align: center;
    }
    .error::before {
    	display: block;
	    margin-left: 65px;
    }
    .error h1 {
	    clear: both;
    }
    #body aside .menu, #body aside .menu li {
	    display: inline-block;
    }
    .last_box {
	    position: fixed;
	    top: -1px;
	    right: 15px;
	    z-index: 200;
	    background: none !important;
	    width: auto !important;
    }
    .last_box .title, .last_box .details{
    	display: none;
    }
    .last_box .item {
	    width: auto;
    }
    .last_box .item img {
	    width: 35px;
    }
    #body aside .menu a, #body aside .menu span.item {
	    padding: 4px 0 4px 30px
    }
	#body section article {
		padding: 0 5px 0 5px; 
	}
	#logo img {
		width: 100%;
		height: 210px !important;
	}
	#pm_notices_window {
		width: 100%;
	}

}

@media screen and (max-width: 360px) {
	#layout {
		width: 100%;
	}
	#layout header {
    	height: 225px;
	    width: 94%;
    }
    #logo {
	    width: 94% !important;
    }
    #logo img {
	    width: 100%;
    	height: 150px !important;        
    }
    .key_board {
	    display: none;
    }
    .error::before {
	    margin-left: 15px;
    }
    #body section h1 {
	    font-size: 45px;
    }
    .tamagotchi_item .f_photo{
	    display: inline-block !important;
	    float: left;
    }

}
@media screen and (max-width: 320px) {
	#layout header {
    	height: 205px;
    }
	.cchat {
		height: 300px !important;
	}
	header .menu ul li {
		
	}
	header .school ul li:nth-child(1) a:after {
		background: url("../images/menu_icons/hal.png");
		content: '';
		width: 40px;
		height: 40px;
		display: inline-block;
		background-size: cover;
		margin-bottom: 5px;
	}
	header .school ul li:nth-child(2) a:after {
		background: url("../images/menu_icons/life.png");
		content: '';
		width: 40px;
		height: 40px;
		display: inline-block;
		background-size: cover;
		margin-bottom: 5px;
	}
	header .school ul li:nth-child(3) a:after {
		background: url("../images/menu_icons/stud.png");
		content: '';
		width: 40px;
		height: 40px;
		display: inline-block;
		background-size: cover;
		margin-bottom: 5px;
	}
	header .school ul li:last-child a::after {
		background: url("../images/menu_icons/town.png");
		content: '';
		width: 40px;
		height: 40px;
		display: inline-block;
		background-size: cover;
		margin-bottom: 5px;
	}
	header .school li ul li a:after {
		content: '' !important;
		display: none !important;
	}
	header .school li ul {
		width: 290px;
		display: block !important;
		position: absolute !important;
		left: 0;
	}
	header .school li ul li {
		margin-left: 20px;
	}
	
	header .school li ul li a {
		font-size: 13px;
	}
	
	header .school ul li:nth-child(1) ul {
		left: -15px;
	}
	header .school ul li:nth-child(2) ul {
		left: -80px;
	}
	header .school ul li:nth-child(3) ul {
		left: -145px;
	}
	header .school ul li:nth-child(4) ul {
		left: -210px;
	}
	#body aside .menu_user .messages-counter a {
		width: 10px !important;
	}
	#body aside .menu_user a, #body aside .menu_user span.item {
		padding-left: 30px;
	}
	.rooms-list .item {
		width: 280px !important;
		background-size: contain !important;
		background: url("../images/table.png") no-repeat;
	}
	.rooms-list .item .title {
		width: 250px !important;
	}
	.rooms-list .item .actions {
		position: absolute;
		top: 9px;
		font-size: 12px;
		left: 85px;
		text-align: center;
	}
}

@media screen and (max-width: 640px) {
	#layout::after {display:none;}
}