.show-menu {
	display: none;
}

input[id="show-menu"]:checked ~ .menu{
	display: block!important;
}


	@media screen and (max-width: 640px) {
	.Wrapper,.Header,#Logo,.MainBody,.Content,#RightCol,.TopData,.MovieLeft,.RoundBox,.SendForm table,.MovieRight,.UrlBox,.CommentTbl,#LeftCol,.CatsBox
	{ width: 100% !important; }
	
	.Header {
		--height: 230px;
	}
	
	.TopLogin {
		display: none;
		margin: 5px 15px 0;
		padding: 10px;
		width: calc(100% - 50px);
	}
	
	#LoginBox .Top input {
        margin: 7px 5px !important;
		width: calc((100% - 125px) / 2) !important;
	}
	
	#LoginBox .Bot span {
		margin: 0 4px;
	}
	
	#LoginBox .Bot {
		float: none;
		margin-left: 0;
	}
	
	div, table, span, ul, li {
		text-align: center;
	}
	
	.show-menu::before {
		background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAKlBMVEUAAAAAAAAAAAD////Lz9Hb3d7r6+vY3N7b3uHp6+zr7e/6+vr8/f3////t19mWAAAAB3RSTlMAEBqgqqqqh424xgAAADJJREFUCNetzbcBACAMAzCHFPr/7zI7DCzoAUE3UawEMUlAChG8XctI4J34l6UlsErsADH4BelrXi+RAAAAAElFTkSuQmCC") no-repeat scroll 0 0;
		content: "";
		display: inline-block;
		float: right;
		margin-left: 10px;
		margin-top: 4px;
		padding-top: 16px;
		width: 16px;
	}
	
	.show-menu {
		background-color: #f4588c;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 16px;
		font-weight: bold;
		height: 20px;
		padding: 14px 15px 10px 0;
		text-align: right;
		text-decoration: none;
	}
	
	.TopMenu {
		display: none;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 2000;
		
	}
	
	.TopMenu ul {
		border-radius: 0;
		height: initial;
		position: absolute;
		width: 100%;
		background: #5fadff;
	}
	
	.TopMenu ul li {
		text-align: right;
		width: 100%;
	}
	
	#LeftCol {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	#LeftCol .Banners {
		display:none;	
	}
	.MainBody .Content #RightCol .TopBanner .Banners tbody tr td a img {
		height: auto;
		width: 100%;
	}
	
	.TopBanner {
		border-radius: 0;
		height: initial;
	}
	.Banners td {
		padding: 10px 15px;
	}
	
	.TopData {
		text-align: right;
	}
	
	.TopData h1 {
		border-radius: 0;
		padding: 5px 15px;
	}
	
	.TopData p {
		margin-top: 10px;
		padding: 0 15px;
	}
	
	#RightCol .MovesFilters tbody tr td {
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}
	
	#RightCol .MovesFilters {
		margin-top: 20px;
	}
	
	#RightCol .MovesFilters tbody tr td:nth-child(even) {
		display: none;
	}
	
	.MovieItem,.CateogryItem {
        display: inline-table;
		float: none !important;
		height: 205px;
		margin-left: 5px !important;
		margin-right: auto !important;
	}
	
	.MovieItem h4 {
		height: 40px !important;
	}
	
	.MainBody .Content #RightCol .TopBanner .Banners tbody tr td div {
		width: 100%;
	}
	
	.Footer {
		border-radius: 0;
	}
	
	.FooterLogo {
		float: none;
		margin: auto;
		text-align: center;
		width: initial;
	}
	
	#aspnetForm {
		padding: 0 15px	;
	}
	
	.MainBody .Content #RightCol .TopData #aspnetForm table tbody tr th,
	.MainBody .Content #RightCol .TopData #aspnetForm table tbody tr td {
		display: inline-block;
		text-align: right;
		width: 100%;
	}
	
	#RegForm {
		padding: 0 15px;
		width: calc(100% - 30px);
	}
	
	.RegMember {
		width: 100%;
	}
	
	.RegMember td textarea {
		width: calc(100% - 10px) !important;
	}
	
	#VideoPlace {
		border: 0 none !important;
		height: 220px !important;
		margin: 0 0 20px !important;
		width: calc(100%) !important;
	}
	
	.MovieBtns {
		height: 125px !important;
	}
	
	.MovieBtns a {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
	
	.SendForm table td {
		width: calc(100% - 100px);
	}
	
	.SendForm table tbody tr td textarea,.SendForm table tbody tr td input[type="text"] {
		width: calc(100% - 4px);
	}
	
	#ShareBox {
		width: calc(100% - 23px) !important;
	}
	
	.SubBox h2 {
		border-radius: 0 !important;
		padding-right: 15px !important;
	}
	
	.CommentTbl textarea,.CommentTbl input[type="text"] {
		width: calc(100% - 15px) !important;
	}
	
	.RegMember td input[type="text"], .RegMember td input[type="password"], .RegMember td input[type="file"] {
		width: calc(100% - 10px);
	}
	
	#VideoPlace > iframe {
		height: 100% !important;
		width: 100% !important;
	}
    
    .SearchBox {
		display: none;
        margin-left: auto;
        margin-right: auto;
	}
    
    .CatsBox ul li {
        background-size: 100% 1px;
	}
    
    .CatsBox h2 {
        cursor: pointer;
	}
    
    .CatsBox ul {
        display: none;
	}
    
    .CatsBox h2:before {
        background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAKlBMVEUAAAAAAAAAAAD////Lz9Hb3d7r6+vY3N7b3uHp6+zr7e/6+vr8/f3////t19mWAAAAB3RSTlMAEBqgqqqqh424xgAAADJJREFUCNetzbcBACAMAzCHFPr/7zI7DCzoAUE3UawEMUlAChG8XctI4J34l6UlsErsADH4BelrXi+RAAAAAElFTkSuQmCC") no-repeat scroll 0 0;
        content: "";
        display: inline-block;
        float: right;
        margin-left: 10px;
        margin-top: 4px;
        padding-top: 16px;
        width: 16px;
	}
    
    #LoginBox .LoginBtn {
        margin: 7px 7px 7px 0 !important;
	}
    
    #LoginBox .Top {
        height: 40px !important;
	}
	
	.Banners Iframe { width:195px; }
}
	
	
	@media screen and (max-width: 384px) {
	
	.MovieItem, .CateogryItem {
		margin-left: calc((100% - 175px) / 2) !important;
		margin-right: calc((100% - 175px) / 2) !important;
	}	
}