﻿#mainmenu li.hamburger{
	display: none;
}
@media (max-width: 768px){
	img{
		max-width:100%;
	}
	#page{
		overflow: hidden;
	}
	#header,
	#path,
	#maintext,
	#footer{
		width: 100%;
		box-sizing: border-box;
	}
	#mainmenu{
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		width: 100%;
	}
	#mainmenu li.hamburger{
		display: block;
		width: 100%;
		cursor: pointer;
	}
	#mainmenu li.hamburger a{
		height: 52px;
		background: linear-gradient(to bottom, #004d8a 0%,#004d8a 50%,#5496c4 100%);
		background: -moz-linear-gradient(to bottom, #004d8a 0%,#004d8a 50%,#5496c4 100%);
		background: -webkit-linear-gradient(top, #004d8a 0%,#004d8a 50%,#5496c4 100%);
		overflow: hidden;
	}
	#mainmenu li.hamburger .icon{		
		background-image: url(../images/hamburger.png);
		background-repeat: no-repeat;
		display: block;
		width: 30px;
		height: 22px;
		background-position: -45px -5px;
		margin: 15px auto 0;
	}
	#mainmenu li.hamburger.opened .icon{
		background-position: -5px -5px;
		width: 30px;
		height: 30px;
		margin-top: 11px;
	}
	#mainmenu ul{
		background-color: #c70000;
		margin-bottom: 0;
	}
	#mainmenu ul li{
		display: none;
		float: left;
		box-sizing:border-box;
		width: 50%;
	}
	#mainmenu ul li:nth-child(even){
		float: right;
	}
	#mainmenu ul li:nth-child(even){
		float: left;
	}
	#mainmenu .open-sub{
		display: none;
		
		height: 20px;
		overflow: hidden;
		background-color: #D70000;
	}
	#mainmenu .open-sub .arrow{
		background-image: url(../images/arrows.png);
		margin: 5px auto 0;
		width: 20px;
		height: 10px;	
		background-position: top center;
	}
	#mainmenu .open-sub.opened .arrow{
		background-position: bottom center;
	}
	#mainmenu li.folder > ul{
		width: 100%;
		position: static;
	}
	#mainmenu li.folder > ul li{
		box-sizing:border-box;
		width: 100%;
	}
	#mainmenu li.folder ul .open-sub{
		background-color:transparent;
	}
	#mainmenu > ul > li > ul > li.folder > a{
		background-image: none;
	}
	#mainmenu li.folder:hover > ul{
		display: none;
	}
	#mainmenu li.here > a{
		opacity: 1;
		color: rgba(255,255,255,.6);
	}
	#mainmenu > ul > li.folder > ul > li.folder  ul{
		margin: 15px 0;
	}
	
	
	#path_col_2{
		margin: 0px auto 10px;
		float: none;
		overflow: hidden;
	}
	#mainpage_col_1,
	#mainpage_col_2,
	#mainpage_col_6{
		width: 600px;
		float: none;
		margin: 0 auto 15px;
	}
	#mainpage_col_3{
		margin: 0 auto;
		height: auto;
		float: none;
	}
	#mainpage_col_4,
	#mainpage_col_5{
		display: none;
	}
	#mainpage_col_6 #galery,
	#mainpage_col_6 #galery_slider{
		overflow:hidden;
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}
	.galery_slider_item{
		margin-right: 5px;
		display: inline-block;
		vertical-align:top;
		float: none;
		height: 200px;
	}
	#galery_slider .slides_control{
		height: 370px !important;
	}
	.galery_slider_container{
		left: 0;
	}
	.galery_slider_container,
	.slides_control{
		width: 100% !important;
	}
	.galery_group{
		text-align: center;
		width: 100%;
	}
	#search{
		right: 10px;
		left: auto;
		top: 20px;
	}
	#album_pic_holder,
	#album_pic_holder_pic{
		width: 100%;
	}
	#cur_album{
		width: 100%;
		box-sizing: border-box;
		height: auto;
		overflow: hidden;
	}
	#sponcers{
		width: 100%;
		box-sizing: border-box;
		overflow: hidden;
	}
	#footer_col_1{
		width: 50%;
		float: left;
	}
	#footer_col_2{
		width: 50%;
		float: right;
		text-align: right;
		margin: 0;
	}
	#footer_col_2 form{
		float: right;
	}
	#footer_soc{
		display: block;
		clear: both;
		margin: 0;
		width: 100%;
	}
	#footer_col_3{
		width: 100%;
		float: right;
		margin: 0;
	}
	
	#mainpage_col_6{
		margin-top: 15px;
	}
	
	.razdel_group .razdel_item:nth-child(odd),
	.sportsmens_group .sportsmens_item:nth-child(odd){
		 margin-left: 0;
	}
	.sportsmens_group .sportsmens_item,
	.razdel_group .razdel_item{
		margin-bottom: 10px;
	}
	#single_news_col{
		float: none;
		margin: 0 auto;
	}
	#feedback label{
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
	#feedback input,
	#feedback textarea{
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
	}
	#path_col_1{
		width: 100%;
	}
	.tab_red{
		white-space: normal;
		height: auto;
		background-repeat: repeat;
	}
	.tab_blue{
		height: auto;
		white-space: normal;
		line-height: 35px;
		font-size: 15px;
		background-color: #2B6398;
		background-image: none;
	}
	#album_slider,
	#album_slider_container{
		width: 100%;
		height: auto;
	}
	#album_slider ul.thumbs > li{
		margin: 0;
		width: 100px;
		height: 100px;
		display: inline-block;
		float:none;
	}
	#album_slider ul.thumbs{
		overflow:hidden;
		text-align:center;
	}
	#album_slider_container{
		top: 0;
		left: 0;
		position:relative;
	}
	.galery_slider_item_text{
		font-size: 12px;
	}
	.main_events_slider_item{
		width: 100%;
	}
	.main_events_slider_item img{
		height: auto;
	}
	.main_events_slider_item_panel{
		width: 100%;
	}
	#cal_col_2 .cal_event_slider_item_pic{
		width: 168px;
		height: 168px;
		margin: 0 auto 20px;
		float: none;
	}
	#cal_col_2 .cal_event_slider_item_rig_col{
		margin: 0;
		text-align: center;
		width: 100%;
	}
	#cal_events_more_top,
	.cal_events_group,
	.cal_root_group,
	#cal_root_more_top{
		background: none !important;
	}
	.cal_root_group_items,
	.cal_root_item_pic{
		width: 100%;
	}
	.cal_root_item{
		width: 100%;
		text-align: right;
	}
	.cal_root_item_pic img{
		float: right;
		margin-bottom: 15px;
		height: auto;
	}
	.cal_root_item_rig_col{
		width: 100% !important;
		margin-left: 0;
	}
	#cal_events{
		padding-top: 15px;
	}
	.cal_events_group_date{
		margin-bottom: 15px;
	}
}
@media (max-width: 640px){
	#mainpage_col_1, 
	#mainpage_col_2, 
	#mainpage_col_6{
		width: 100%;
		box-sizing: border-box;
	}
	#main_events{
		text-align: center;
		padding-top: 15px;
	}
	.main_events_slider_container{
		width: 100%;
		height:auto;
	}
	#main_events .main_events_item{
		display: inline-block;
		text-align: left;
		float:none;
	}
	#best_sportmen{
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}
	#mainpage_col_3{
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}
	#cal_col_1{
		float: none;
		margin: 0 auto 15px;
	}
	#cal_col_2{
		margin: 0;
		text-align: center;
		width: 100%;
	}
	#cal_event_slider,
	.cal_event_slider_container,
	.cal_event_slider_item,
	.cal_event_slider_item_rig_col{
		width: 100%;
	}
	#footer h1{
		white-space:normal;
	}
	#logo{
		width: 100%;
		height: auto;
		bottom: 10px;
		top: auto;
	}
	.galery_prev, 
	.galery_next{
		z-index:500;
	}
	.sportsmens_group .sportsmens_item, 
	.razdel_group .razdel_item{
		margin-left: 0;
		width: 100%;
	}
	#single_news_col{
		width: 100%;
		box-sizing:border-box;
	}
	h1{
		font-size: 20px;
	}
	#news{
		padding-bottom:60px;
	}
	.news_root_item{
		width: 100%;
		margin-left: 0;
	}
	.news_arch_item{
		clear: both;
		width:100%;
		margin: 0 0 15px;
	}
	.news_arch_item_pic{
		width: 40%;
		float: left;
	}
	.news_arch_item_pic img{
		height: auto;
	}
	.news_arch_item .news_arch_item_rig_col{
		margin: 0;
		width: 50%;
		float: right;
	}
	#news_root_pager{
		word-break: break-word;
		color: #fff;
	}
	#news_root_pager a, 
	#news_root_pager span{
		display:inline-block;
	}
	#single_news_col img{
		margin: 10px 10px 10px 0;
	}
	#mainmenu .open-sub{
		height: 30px;
	}
	#mainmenu .open-sub .arrow{
		margin-top: 10px;
	}
	#page #feedback input,
	#page #feedback textarea{
		width: 100%;
		line-height:normal;
		box-sizing:border-box;
	}
	.main_events_slider_item_text,
	.main_events_slider_item_more{
		font-size: 14px;
	}
	
}
@media (max-width: 480px){
	#album_pic_holder_controls .prev, 
	#album_pic_holder_controls .next{
		top: 105px;
	}
	#album_pic_holder_pic{
		line-height: 268px;
	}
	#album_pic_holder{
		height: 268px;
	}
	#footer_col_1,
	#footer_col_2{
		width: 100%;
	}
	#footer_col_2{
		margin-bottom: 20px;
	}
	#footer_col_2,
	#footer_col_3{
		text-align: center;
	}
	#footer_col_2 form{
		float: none;
		display: inline-block;
	}
	#mainmenu > ul > li{
		font-size: 16px;
		line-height: 47px;
	}
	#header{
		height: 200px;
	}
	#logo img{
		width: 90%;
	}
	#single_news_col img{
		width: 100%;
		height: auto;
		margin: 10px 0;
	}
	#best_sportmen_rig_col{
		height: auto;
		float: right;
		width: auto;
	}
	.cal_root_item_pic img{
		max-width:230px;
	}
}
@media (max-width: 420px){
	#galery_slider .slides_control{
		height: 590px !important;
	}
	#galery_slider  .galery_prev,
	#galery_slider  .galery_next{
		top: 155px;
	}
}