@media screen and (max-width:1600px){
	
}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1366px){

}
@media screen and (max-width:1280px){
	.tabsUser2 .btn {
		padding: 11px 16px;
	}	
	.align-left .btn,.align-left #new,.align-left #export{
	    padding: 11px 10px;	
	}
}
@media screen and (max-width:1180px){
	.tabsUser2 .btn {
		padding: 11px 10px;
	}	
}
@media screen and (max-width:1024px){
	.blocks > div {
		width: 47.7%;
		margin: 1%;
	}
	.panel:not(.right){
		position: relative;
		width: 100%;	
	}
	
	.panel{
		width:100%;
	}
	
	.panel .col-xs-3,.panel .col-xs-9{
		/*width:100%;
		padding:0;
		margin:0 0 15px;*/
	}
	.btn, #new, #export {
		font-size: 12px;
	}
	#export{
		width:auto;
	}
	.cont {
		margin: 75px 0 0;
	}	
	.ava {
		width: 32px;
		height: 32px;
		padding: 7px 0 0;	
	}
	.checkbox {
		margin: 8px 8px 0 0 !important;
	}	
	img{
		max-width: 100%;
		max-height: 45px;
	}
	.wrapper{
		padding:0 2%;
	}	
	
	.slide,#site {
		height: 500px;
	}

	header{
	
	}
	#logo {
		max-width: 190px;
		width: 100%;
	}	
	content {
	
	}
	.search input {
	
	}	
	.search a{
	    max-width: 50px;	
	}
	.popup-basbox.popup-basbox-active{
		max-width: 100%;
		margin: 0 !important;
		transform: inherit;
	}
	.popup-basbox-close {
		left: 0 !important;
	}	
}

@media screen and (max-width:850px){
	#catshere,.articles{
		width:100%;
	}
	.table table td.td-1{
		width:60px;
	}
	header{
		width:100%;
	}
	.rest-content{
		width:100%;
	}
	
	.filter{
		position:relative;
		width:100%;
	}
	
	content.col-xs-9{
		width:100%;
		padding:0;
	}
	.flex{
		display:block;
	}
	
	.panel .col-xs-3{
		width:35%;
	}	
	.panel .col-xs-9 {
		width:65%;
	}	
	
	#menu {
		margin: 17px 15px 0 0;	    	
	}		
	.search input {
		width: 100%;
	}	
	.search a{
		float: right;
		margin: 0 0 0 2%;
	}	
	.content .col-xs-8, .content .col-xs-4{
		width:100%;
	}
	.registration {
		margin-top: 0;
	}	
	.slide,#site {
		height: 400px;
	}	

	
	#presentation{
		display:none;
	}
	
	.registration .col-xs-6, #info .col-xs-3, #info .col-xs-6{
		padding: 0;
		width: 100%;
		margin: 0 0 20px;
	}
	
	#site-body .fl_in{
		min-height:auto;
	}
	
	#open_hours{
		margin:0;
		text-align:center;
	}
	#calendar .ui-datepicker-calendar thead th, #calendar .ui-datepicker-calendar tbody td {
		width: 6.6%;
		margin: 10px 0;
	}	

	#calendar .ui-state-active {
		padding: 10px;
		margin-top: -10px;
	}	
	
	#calendar .col-xs-1.l{
		margin-right: 2%;
		min-width: 60px;
		padding: 0;
	}
	#calendar .table .time {
		width: 100%;
	}	
	.menu.active {
		width: 100%;
		margin: 0;
		z-index: 9999;
		background: #1382B9;
	}
	.table {
		overflow: scroll;
	}
	#menu{
		display:block;
	}
	#logo {
		margin: 0 auto;
	}
	
	.menu {
		position: fixed;
		height: 100%;
		z-index: 10;
		display:none;
	}
	.content-left, .settings{
		width: 100%;
	}

	#calendar .head form > div{
		width: 100%;
		margin: 0 0 10px;
		text-align: right;
	}
	.fixed,.fixed2{
		width: 100%;
		position: relative;
		height: 100%;
		left: 0;
	}
	.content .col-xs-6{
		width:100%;
	    padding: 0;	
	}
	.bottom-a,.content-a{
		position:relative;
	}
	.btn{
		margin-bottom:10px;
	}
	.admin-menu li {
		width: 100%;
	}	
}

@media screen and (max-width:650px){
	.checkbox{
		float:none;
	}
	.itemBlock .col-xs-1{
		width:60px;
		float: none;
	}
	.itemBlock >.row >.col-xs-9{
		width:100%;
		float:none;
	}
	.itemBlock >.row >.col-xs-2{
		width:100%;
		margin:10px 0 0;
	}	
	.panel .col-xs-3, .panel .col-xs-9 {
		width:100%;
	}	
	.panel .col-xs-3 .col-xs-6.l.r{
		text-align:right;
	}
	.rigp #export {
		margin: 0;
	}	
	.blocks > div,.blocksBig > div{
		width: 100%;
		margin: 0 0 2.6% 0;
	}	
	header{

	}
	content{
	
	}
	.filter div{
		width:100%;
		padding:0;
		margin:0 0 10px;
	}
	.filter{
		padding:10px 15px 0;
	}	
	.block.today .total input, .block.today .total button{
		width: 100%;
	}	
	#calendar .table-in .col-xs-4{
		padding:0;
	}
	#calendar .head select {

	}	
	#services .col-xs-4{
		padding: 0;
		width: 100%;
		margin: 0 0 20px;	
	}
	footer{
		text-align:center;
		line-height: 23px;
		padding: 20px 0;	
	}
	
	footer .copy{
		float:none;
	}
	
	footer .fotter-credit{
		float:none;
	}
	
	.sbm-v2-btn {
		padding: 12px 30px;
		font-size: 17px;
		margin:0 0 30px;
	}
	
	.form {
		width: 90%;
	}	
	.ava {
		display: none;
	}
}

@media screen and (max-width:570px){
	header{

	}
}

@media screen and (max-width:480px){
	.npr {
		padding: 0 10px!important;
	}
	.sort select {
		width: auto;
		margin: 0;
	}	
	#calendar .ui-datepicker-calendar tbody td {
		width: 14.2%;
		margin: 10px 0;
	}	

	#calendar .ui-state-active {
		border-radius: 35px;
		padding: 15px 20px;
		margin-top: -15px;
	}	
	.slide,#site {
		height: 300px;
	}	
	.day .checker,.day .slider{
		max-width: 100%;
		width: 100%;
		float: none;
		clear: both;
		text-align:center;
	}
	.day .left,.day .right{
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 25px;
	}
	
	#site .bar .btn.book,#site .bar .btn.map{
		display:block;
		margin: 0 0 10px;
	}
	#site .bar{
		display: block;	
	}
}

@media screen and (max-width:400px){
	.tabsUser .btn {
		padding: 5px 6px;
		font-size: 12px;
	}	
	header h1 {
		font-size: 20px;
	}	
	.head-user .user_oper{
		margin-right: -215px;
	}	
	.search a {
		width: 12%;
	}	
	#services-av .zap a {
		writing-mode: tb-rl;
	}	
}