@media (max-width: 420px) {     
	.navbar {
		border: 0;
		margin-bottom: 0;
		margin-top: 10px;	
	}
	.container.panelnav {
		margin: 0 0 15px 0;
	}
    .panelnav {		
        top: 0;
        right: 0;
        left: 0;
		
		background-color: #004f72;
    }
	.logo {
		position: relative;
		float: left;
		width: 35px;
		height: 43px;
		margin: 0 0 0 15px;
		background-image:url('../images/mlogo.png');
	}
	.slogan {
		color: #fff;
		font-size: 20px;
		line-height: 40px;
		padding-left: 15px;
		
	}
	.mainban {
		display: none;
	}
	div.upload {
		display: none;
	}
	div.mupload {
		display: block;
		margin: 0 -20px 0 0;
		float: right;
		width: 35px;
		height: 35px;
		background-image:url('../images/upload.png');
	}
/*Footer*/
	.footer  span {
		padding: 5px 0 0 15px;
		font-size: 11px;
		display:block;
	}
	.footbutttop {
		position: absolute;
		float: right;
		margin: 8px 8px;
		right: 0;
		top: 0;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
	}
	.triangle-up {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 20px 10px;
		border-color: transparent transparent #ffffff transparent;
	}
/*Videobox*/
	.profile {
		background:url('../images/profile.png') no-repeat;
		height: 35px;
		width: 45px;
		float: left;
		padding: 0 10px 0 0;
	}
	.aboutbox {
		padding: 10px 15px;		
	}
	.vaboutbox {
		padding: 10px 0;		
	}
	.vtitle {
		word-wrap: break-word !important;
	}
	.opisanie {
		padding: 10px 0 0 0;
	}
	.vabout {
		font-size: 11px;
		color: #6b6b6b;
		padding-left: 45px;
	}
	.vright {
		float: left;
	}
	.framebox {
		position: relative;
		margin: -3px -15px 0 -15px;
		padding-bottom:56.25%;
		height:0;
	    overflow:hidden;
	}
	.video-container iframe, .video-container object, .video-container embed, .frame {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.object {
		display: table-cell;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		float: none;
		z-index: auto;
		width: 100%;
		height: auto;
		cursor: default;
		opacity: 1;
		margin: 0 -5px 0 -5px;
		padding: 5px 5px;
		overflow: visible;
		border: 1px solid #004f72;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #004f72;
		background: rgba(252,252,252,1);
		-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
		box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
		text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
		-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: none;
		transform: none;
		-webkit-transform-origin: 50% 50% 0;
		transform-origin: 50% 50% 0;
	}
}
@media (max-width: 768px) {     
	.navbar {
		border: 0;
		margin-bottom: 0;
		margin-top: 10px;	
	}
	.container.panelnav {
		margin: 0 0 15px 0;
	}
    .panelnav {		
        top: 0;
        right: 0;
        left: 0;
		background-color: #004f72;
    }
	.logo {
		position: relative;
		float: left;
		width: 35px;
		height: 43px;
		margin: 0 0 0 15px;
		background-image:url('../images/mlogo.png');
	}
	.slogan {
		color: #fff;
		font-size: 20px;
		line-height: 40px;
		padding-left: 15px;
		
	}
	.mainban {
		display: none;
	}
	div.upload {
		display: none;
	}
	div.mupload {
		display: block;
		margin: 0 10px 0 0;
		float: right;
		width: 35px;
		height: 35px;
		background-image:url('../images/upload.png');
	}
/*Footer*/
	.footer  span {
		padding: 5px 0 0 15px;
		font-size: 11px;
		display:block;
	}
	.footbutttop {
		position: absolute;
		float: right;
		margin: 8px 8px;
		right: 0;
		top: 0;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
	}
	.triangle-up {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 20px 10px;
		border-color: transparent transparent #ffffff transparent;
	}
/*Videobox*/
	.profile {
		background:url('../images/profile.png') no-repeat;
		height: 35px;
		width: 45px;
		float: left;
		padding: 0 10px 0 0;
	}
	.aboutbox {
		padding: 10px 15px;		
	}
	.vaboutbox {
		padding: 10px 0;		
	}
	.vtitle {
		word-wrap: break-word !important;
	}
	.opisanie {
		padding: 10px 0 0 0;
	}
	.vabout {
		font-size: 11px;
		color: #6b6b6b;
		padding-left: 45px;
	}
	.vright {
		float: left;
	}
	.framebox {
		position: relative;
		margin: -3px -15px 0 -15px;
		padding-bottom:56.25%;
		height:0;
	    overflow:hidden;
	}
	.video-container iframe, .video-container object, .video-container embed, .frame {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.object {
		display: table-cell;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		float: none;
		z-index: auto;
		width: 100%;
		height: auto;
		cursor: default;
		opacity: 1;
		margin: 0 -5px 0 -5px;
		padding: 5px 5px;
		overflow: visible;
		border: 1px solid #004f72;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #004f72;
		background: rgba(252,252,252,1);
		-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
		box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
		text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
		-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: none;
		transform: none;
		-webkit-transform-origin: 50% 50% 0;
		transform-origin: 50% 50% 0;
	}
}