html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}

html, body{min-height:100%; height:100%}
a{color:#fff; text-decoration:none}
a img{border:0}
h2, h3{text-align:right; color:#fff; font-size:12px; padding:8px 2px 8px 4px; margin:0px; font-weight:bold}
h2 a{color:#fff; text-decoration:none}
body{background:#000; margin:0; padding:0; direction:rtl; font-family:tahoma; font-size:12px; color:#fff}
#page{background:url(images/header_bg.png) repeat-x top; min-height:100%}
#main{width:990px; margin:0 auto;overflow: hidden;	min-height:100%}

#header{background:url(images/header.png) no-repeat 12px top; width:960px; height:133px; margin-bottom:20px; position:relative}
.logo_link{background:url(images/dressup_logo.png); width:198px; height:168px; display:block; position:absolute; right:3px; top:-22px}
.in_txt{background-color:#d9d9d9; border:1px solid #fff; border-radius:3px; outline:0; font-size:12px; position:absolute; top:88px; width:90px; padding:0 10px; height:30px; line-height:30px; font-family:tahoma; color:#302f2f; text-align:right; text-shadow:0px 1px 0px #fff}
.but_txt{background:url(images/pngelement.png) no-repeat right top; position:absolute; top:88px; color:#fff; font-size:12px; line-height:30px; border:0; text-align:center; height:32px; width:80px; font-family:tahoma; text-shadow:1px 1px 0px #770909}
.username{right:408px}
.password{right:528px}
.login_button{right:649px; background-position:-17px top; width:50px; margin:0; cursor:pointer; line-height:26px}
.home_button{right:203px}
.reg_button{right:293px; background-position:-69px -34px; text-shadow:1px 1px 0px #0f8277}
.search{left:84px; width:120px}
.search_button{left:24px; background-position:-17px -34px; width:50px; border:0; cursor:pointer; line-height:26px; text-shadow:1px 1px 0px #0f8277}
.welcome_message{width:130px; right:388px; line-height:28px; padding:0 10px}
.usercp{right:293px; background-position:-69px -34px; text-shadow:1px 1px 0px #0f8277}
.logout_button{right:550px}
.favgame{left:240px; background-position:-69px -34px; text-shadow:1px 1px 0px #0f8277}
.down_arrow{background:url(images/down_arrow.png) no-repeat; width:10px; height:8px; display:inline-block; float:left; margin-left:10px; margin-top:13px}

#content{padding-top:5px; padding-bottom:10px; min-height:500px}
.fix_share{position:fixed; right:50%; margin-right:485px; width:70px}
.fix_share .clear1{clear:both; padding:2px 0}
#footer{background:#444 url(images/footer_bg.png) repeat-x; height:57px; overflow:hidden}
#footer_c{width:990px; margin:0 auto; position:relative}
#footer_c .footer_copyright{float:right; margin-top:10px;  font-size:12px; color:#000; text-shadow:1px 1px 0px #434343; overflow:hidden; display:block; line-height:20px}
#footer_c .footer_copyright a{color:#cbcbcb; text-shadow:1px 1px 0px #000}
#footer_c .footer_copyright a:hover{text-decoration:underline}
.footer_links a{margin-left:20px; font-weight:bold}
.rounq{background:url(images/pngelement.png) no-repeat bottom left; width:97px; height:41px; float:left; margin-top:10px; text-indent:150%; white-space:nowrap; overflow:hidden; display:block; margin-left:15px}
.top{background:url(images/pngelement.png) no-repeat right -68px; width:50px; height:32px; position:fixed; left:50%; margin-left:520px}
.page_info{background:#202020; border-radius:5px; padding:5px 10px; line-height:25px; margin:10px 0}
.page_info h1{font-size:14px; font-weight:bold}
.file3, .file{float:right; height:120px; width:150px; position:relative; margin:0 8px 15px 7px; overflow:hidden; overflow:hidden}
.file3 .ga_name, .file .link{background-color:#000; position:absolute; bottom:0; right:0; left:0; margin-bottom:-70px; background-color:rgba(0,0,0,0.8); -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; text-align:center; color:#fff;font-size:13px;vertical-align:middle; width:100%; padding: 2px;box-sizing: border-box;
	cursor:pointer}
.file3 .ga_name a{color:#fff;box-sizing: border-box;padding:3px 2px}
.file3 .ga_name a:hover{color:#d0d0d0 !important}
.file3:hover .ga_name, .file:hover .link{margin-bottom:0}
.icon3{float:right}
.file3 img, .file3 a, .file img{-webkit-filter:contrast(110%); cursor:pointer; width:100%; height:100%; display:block}
.icon3 img:hover{box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none}
.icon3 a{display:block; width:136px; height:114px}
.read_more{background:#B12121; border-radius:5px; padding:15px; margin:10px auto 30px; text-align:center; font-weight:bold; border-top:1px solid #E06262; text-shadow:1px 1px 0px #770909; width:250px}
.read_more:hover{background:#999; text-shadow:1px 1px 0px #202020; border-top:1px solid #ddd}
.cat1{float:right; background:url(images/cat_bg.png) no-repeat; width:80px; height:80px; position:relative; margin:13px}
.cat1 .cat_link{display:table-cell; width:80px; height:80px; text-align:center; line-height:70px; vertical-align:middle}
.cat1 h2 a{color:#fff !important; white-space:nowrap; font-size:10px; font-weight:bold}
.cat_name{position:absolute; display:none;  background-color:#000; right:0; min-width:70px; background-color:rgba(183,52,52,0.9); -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; text-align:center; color:#fff; cursor:pointer; width:auto; border-radius:3px; padding:0 5px}
.cat_name h2{text-align:center}
.cat1:hover .cat_name{display:block; top:-33px}
.cat_arrow{background:url(images/cat_arrow.png) no-repeat; width:10px; height:6px; position:absolute; bottom:-6px; right:5px}
.related_games{float:right; width:655px; border-radius:10px;  margin-right:5px; padding:4px 0}
.related_games .tab_menu{margin-bottom:0; margin:0 4px; height:35px; line-height:32px; text-shadow:1px 1px 0px #31000e}
.related_games .file3{width:120px; height:96px; border-width:3px; margin:4px 4px 0 0}
.below-as {
    width: 100%;
    max-width: 354px;
    height: 600px;
    background-color: #272727;
    margin: 2px auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

  }

@media (max-width: 767px) {
    .below-as {
      max-width: 354px;
      height: 600px;
      min-height: 600px;
      overflow: hidden;
      margin-top: 10px;
      margin-bottom: 10px;
    }
  }

  @media (min-width: 768px) {
    .below-as {
      height: 600px;
    }
  }
.content_box{overflow:hidden; padding:3px 0}
#categories{clear:both; margin:10px 0 20px}
.bottom_info{width:580px; float:right; margin-right:20px; color:#7e1532; font-weight:bold; padding:20px; background-color:#eaa8be; border-radius:5px}

.center_banner{text-align:center; width:750px; margin:0 auto; padding:20px 0 40px; overflow:hidden; line-height:1.6}
.top_banner1{float:right}
.top_banner2{float:left}
.top_banner{text-align:center; clear:both; margin-bottom:40px; margin-top:20px; line-height:1.6}

.pagination{padding:2px;  margin:2px 2px 15px;  text-align:center;  position:relative;  clear:both}
.pagination .txt_right{text-align:right}
.txt_right{margin-top:20px}
.txt_right form{float:right; margin-left:20px}
.txt_right form input, .txt_right form select{height:20px !important; padding:0 5px !important}
.arrow_nav{overflow:auto;  padding:4px 0;  margin:2px}
.pagination a, .arrow_nav a{padding:5px 10px;  margin:2px;  border:1px solid #000;  text-decoration:none;  display:inline-block;  background:#6f6f6f;  border-radius:5px; color:#fff;  text-shadow:0px 1px 0px #000}
.pagination a:hover, .arrow_nav a:hover{border:1px solid #000; background:#2a2a2a;  text-shadow:0px 1px 0px #000}
.pagination b, .pagination a.current{margin:2px;  padding:5px 10px;  border:1px solid #000;  text-decoration:none;  background:#c81f22;  color:#fff; text-shadow:1px 1px 0px #711214;  display:inline-block;  font-weight:bold;  border-radius:5px}
.arrow_nav .previous{float:right}
.arrow_nav .next{float:left;  margin-left:24px}

.game_info{background-color:#101010; border:1px solid #252525; padding:10px; line-height:1.8; border-radius:5px; margin-bottom:20pxwidth:480px;float: right}
.game_info a{color:#d93a3e}
.game_info a:hover{text-decoration:underline}

#main_contents{line-height:1.4;}
.content_boxgame h2{clear:both}
.pos_relative{margin-right:20px; padding-top:10px}

#file_rating{padding:2px 0 0}
.detailstop .link{padding:2px 0}
#file_rating img{width:16px;  height:16px;  border:0}
#full_screen, #make_favorite{margin:4px;  border:0px;  width:24px;  height:24px;  cursor:pointer}

#resize_file{margin:10px auto; z-index:20}
#resize_overlay{position:absolute;  top:0;  left:0;  background:#000;  opacity:0.8;  filter:alpha(opacity=80);  z-index:15}

#comments{overflow:hidden}
#comments .comment{border-bottom:1px solid #252525;  margin:2px 0;  padding:4px;  background-color:#101010}
#comments .comment.spam{color:#B0B0B0}
#comments .user{font-weight:bold;  float:right;  margin-left:5px;  margin-bottom:5px}
.comment .text{margin-bottom:5px; color:#fff}
#comments .report{widht:10px;  height:10px;  cursor:pointer;  border:0;  float:right}
#comment{width:100% !important; height:60px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px 0; border:1px solid #515151 !important; background-color:#1e1e1e !important; color:#fff !important}
.comment .date{color:#d93a3e; display:block; margin-bottom:5px}

.bubble{ position:absolute;   padding:6px 6px 10px;   width:250px;   border:0;   background:#333;   border-radius:6px;   -moz-border-radius:6px;   -webkit-border-radius:6px;   box-shadow:0 0 5px #1F1F1F;   opacity:0.95;   z-index:10}
.bubble a{color:#fff}
.bubble a:hover{text-decoration:underline}
.bubble p{margin:5px 0}
.bubble .bubble_left{ position:absolute;   left:-10px;   top:20px;   width:10px;   height:12px;   background-image:url(images/bubble_left.png)}
.bubble .bubble_up{ position:absolute;   left:10px;   top:-10px;   width:12px;   height:10px;   background-image:url(images/bubble_up.png)}

#ucp_menu ul{ overflow:hidden;   margin:0;   padding:0;   width:100%}
#ucp_menu ul li{ list-style-type:none;   display:block;   float:right;   margin:4px;   text-align:center;   width:58px}
#ucp_menu ul li img{ display:block;   margin-left:auto;   margin-right:auto;   border:0;   width:32px;   height:32px}
.content_box input[type="submit"], #content input[type="submit"]{background:url(images/footer_bg.png) repeat-x right; width:69px; height:30px; border:0; cursor:pointer; padding:0px 6px 0px 6px; color:#fff; font-size:12px; font-family:tahoma; border-radius:5px;  margin-top:10px}
.content_box input[type="text"], .content_box input[type="password"], #content input[type="text"], #content input[type="password"], #content textarea{width:140px; font-size:11px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:27px; padding:0 5px; margin-left:5px; background-color:#fff; border:0}
#content select{height:30px !important}
#content textarea{height:50px !important; width:100%;box-sizing: border-box; padding:5px 5px}

.line{overflow:hidden;  width:100%;  margin-bottom:5px}
.line p, .line div{float:right;  margin:2px 0}
.line div p, .line div div{float:none}
.line .left{font-weight:bold;  width:100px}
.line .wide{width:150px;  color:#fff}
.content_box fieldset{color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 0; margin:5px 0}
.content_box fieldset p{margin-bottom:5px; color:#d93a3e}

.tbl_header{overflow:auto;  font-weight:bold;  border-bottom:0px solid #1F1F1F;  margin:0px 0;  text-align:center;  width:100%}
.tbl{overflow:auto;  border-bottom:1px solid #1F1F1F;  margin:2px 0;  text-align:left;  width:100%}
.tbl_header p, .tbl p, .tbl div{float:right;  padding:2px}
.tbl div p{float:none}

.register_info{float:right;  width:180px;  font-weight:bold}

.image_verification{position:relative;  height:30px;  border:0}
.image_verification img.code_image{width:100px;  height:30px;  border:0}
.image_verification img.refresh_image{cursor:pointer;  width:16px;  height:16px;  border:0;  position:absolute;  top:7px;  right:100px}
.image_verification input{position:absolute;  top:3px;  right:120px}
.separator{margin-bottom:2px;  padding-top:2px;  font-size:0;  height:0;  clear:both}

.pos_relative{position:relative}

.ad_box{border:1px solid #000;  background:#000;  text-align:center;  padding-top:4px;  margin-bottom:4px;  text-align:center;  float:right}
.ad_box_up{ background:#000;  text-align:center;  padding-top:60px;  padding-bottom:60px;  margin-bottom:4px;  text-align:center}

.content_box ol{padding:0px;  margin:0px;  list-style-position:inside}
.content_box ol li{margin:2px 0px;  padding:0px}

.bot{color:#DD7500}
 #mobile_play {
	display: none;
}
.bb_code{cursor:pointer;  margin:2px;  padding:2px;  border:1px solid #1F1F1F;  background:#999}
.bb_code:hover{background:#EDEDED;  border-color:#1F1F1F}
.bb_emoticon{cursor:pointer;  margin:2px}

.avatar{border:0}

img.click{cursor:pointer;  width:16px;  height:16px;  border:0}

.error{margin-bottom:4px;  padding:4px;  border:1px solid #F30;  background:#FADFDC;  color:#F30;  margin:10px 0}
.error_green{margin-bottom:4px;  padding:4px;  border:1px solid #2F4F2F;  background:#E0EEE0;  color:#2F4F2F}

.file_index{width:295px;  float:none}
.file_index .desc{width:213px}

.index_left{float:left;  width:301px}
.index_right{float:none;  width:301px}

#file_frame_info .content_box{margin:0}

#plug{text-align:center}
#plug img{margin-left:auto;  margin-right:auto;  display:block}

#color_selector{position:absolute;  width:140px;  border:1px solid #808080;  cursor:pointer;  overflow:auto;  box-shadow:0px 0px 5px #A3A3A3;  -webkit-box-shadow:0px 0px 5px #A3A3A3;  -moz-box-shadow:0px 0px 5px #A3A3A3}
#color_selector div{width:20px;  height:18px;  float:left}

.ucp_avatar{margin:1px;  cursor:pointer}

.ucp_pm_preview{opacity:0.8;  -moz-opacity:0.8;  filter:alpha(opacity=80)}

.member{margin:2px;  padding:6px;  overflow:auto;  float:right;  width:281px;  border-radius:8px;  -moz-border-radius:8px;  -webkit-border-radius:8px;  border:1px solid #252525}
.member .avatar{float:right;  border:1px solid #252525;  padding:2px;  background:#FFF}
.member .content{float:left;  margin-right:2px}
.member a{font-weight:bold;  font-size:13px;  text-decoration:none}

#redirection_box{margin-top:50px; margin-left:auto; margin-right:auto; padding:20px 5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; width:400px; border:1px solid #c71515; border-bottom:3px solid #c71515; background:#fff; text-align:center; color:#2b2a2a}
#redirection_box a{
	color: #B22626;
}
#search{margin-top:0px; width:5%}
#src{ float:right; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:3px; border:medium none; color:white; cursor:pointer; font-family:tahoma; height:21px; padding:0 5px}
.clear{ height:0;   font-size:0;   clear:both}
#to_comments{clear:both}
.usercp_c p{padding:4px 0; font-weight:bold}
.avater_c p{padding:4px 0}
.cat_brea, .tab_menu, .comment_head, #main_contents h2{background:url(images/footer_bg.png) repeat-x right;  text-align:right; clear:both; height:40px; font-weight:bold; margin:0px 0px 10px; color:#fff; line-height:38px; padding:0 10px 0 0 !important; border-radius:3px;  text-shadow:0px 1px 0px #000;  font-size:12px}
 .comment_head{margin-top:20px}
 .cat_brea a:hover, .tab_menu a:hover{color:#fff !important}
#file_ad_box{margin-right:10px}

.star{display:inline-block; width:16px; height:16px; background-image:url(images/star.png); background-repeat:no-repeat}
.star_full{background-position:0 0}
.star_half{background-position:0 -16px}
.star_empty{background-position:0 -32px}
.star_hover{background-position:0 -48px}


.notification{padding:4px 2px; border-bottom:1px solid #1F1F1F}
.notification .time{margin-right:10px}
.notification .del_notification{float:right; margin:0 0 0 2px; width:16px; height:16px; cursor:pointer}
#notifications_menu .notification .del_notification{float:left; margin:2px 2px 3px 0}

#favorites_menu{width:150px}
#notifications_menu{width:200px}

.favorite{padding:2px 5px 6px; border-bottom:1px solid #191919}
.favorite:hover{background-color:#191919}

#favourites{overflow:visible !important}
#favourites .file{margin:2px}
#favourites .desc{width:170px}
#all_notifications{margin-left:30px}
#share_button{text-align:center; margin:6px 0 0 10px}
.game_info {width: 100%;box-sizing: border-box;}


@-ms-viewport{width:device-width}
@viewport{width:device-width}
@media screen and (min-width:320px){
#main, #header, #footer_c{
	width: 310px;
}
.but_txt, .in_txt, .search_drop, .user_drop{
	display: none;
}
.search_button, .login_button{
	display: none !important;
}
.search_drop, .user_drop{
padding: 0 8px 15px 5px;overflow: hidden;
}
.search_drop .search{background-color:#d9d9d9 !important; border:1px solid #fff; padding:10px !important; float:right; color:#302f2f !important; outline:0; width:200px !important;height: auto !important;
}
.search_drop .submit_btn{float:left; padding:9px 15px !important; height: auto !important; color:#fff; font-size:14px;margin-top: 0 !important;	outline:0}
.logo_link{
	right: 50%; margin-right: -90px;
}
.logo_link {
  background-position: -8px top;
  width: 180px;
}
#header{
	background: none;
}
.search_area, .user_area{
	background:url(images/pngelement.png) no-repeat -17px -34px; width:50px; text-align:center; height:26px;border-radius: 5px; position:absolute; left:0; top:87px; padding-top:6px;
}
.user_area{
	background-position:-17px top;
	right: 0;left: inherit;
}
.user_drop .username, .user_drop .password{
	float: right;  width: 146px !important;
}
.user_drop .password{
	margin-left: 0 !important;
}
.user_drop .user_btn{
	float: right;
}
.user_drop .reg_button{
	float: left;padding: 8px 6px;background-color: #0AA299;  height: 14px;
	display: block;  height: 14px;margin-top: 10px;border-radius: 5px;
}
i.user_icon, i.search_icon{display:inline-block; background:url(images/icons.png) no-repeat left top; width:20px; height:20px}
i.user_icon{
	background-position: -36px top;width: 16px;
}
.user_drop span, .cp_page .button{
	text-align: center;
	width: 100%;
	background-color: #AF1D1D;
	display: block;
	padding: 10px 0;
	border-radius: 5px;
	margin-bottom: 10px;
}
.cp_page .button{
	margin: 10px 0;
}
.user_drop .usercp, .user_drop .favgame , .user_drop .logout_button{
	float: right;
	display: block;
	text-align: center;
	padding: 10px 0;
	width: 92px;
	background-color: #17A79F;
	margin-left: 10px;
	border-radius: 5px;
}
.user_drop .logout_button{
	margin-left: 0;background-color: #AF1D1D;
}
.center_banner, .top_banner1, .top_banner2{
	width: 310px;float: none;text-align: center;
}
.file3, .file{
	height: 115px;
	  width: 140px;
}
#footer{
	height: auto;
}
#redirection_box{
width: 240px;
}
#ucp_menu ul li{
background-color: #464646;
padding: 5px;
height: 100px;
border-radius: 5px;
margin: 4px
}
#profile_contents, #profile_menu{
	width: 310px !important;
}
.content_box input[type="text"], .content_box input[type="password"], #content input[type="text"], #content input[type="password"], #content textarea{
	width: 310px;box-sizing: border-box;
}
#image_verification .small {
	width: 100px !important;
}
}

@media screen and (min-width:480px){
#main, #header, #footer_c{
	width: 460px;
}
.file3, .file{
	margin: 0 6px 15px 7px;
}
.user_drop .usercp, .user_drop .favgame, .user_drop .logout_button{
	width: 142px;
}
.search_drop .search{
	width: 370px !important;
}
#redirection_box{
width: 400px;
}
.content_box input[type="text"], .content_box input[type="password"], #content input[type="text"], #content input[type="password"], #content textarea{
	width: 460px;box-sizing: border-box;
}
.user_drop .username, .user_drop .password{
	width: 221px !important;
}
#profile_contents, #profile_menu{
	width: 460px !important;
}
.register_info{
	width: auto;
}
}
@media screen and (min-width:768px){
#main, #header, #footer_c{
	width: 740px;
}
.file3, .file {
  margin: 0 4px 15px 4px;
}
.search_drop .search{
	width: 650px !important;
}
.user_drop .user_btn{
	margin-top: 0 !important;
	  margin-right: 10px;margin-left: 10px;
}
.user_drop .reg_button{
	margin-top: 0 !important;float: right;
}
.user_drop .username, .user_drop .password{
	width: 255px !important;
}
.top_banner1
{
	float: right;
}
.top_banner2{
	float: left;
}
.center_banner {
  text-align: center;
  width: 740px;
 }
 .content_box input[type="text"], .content_box input[type="password"], #content input[type="text"], #content input[type="password"], #content textarea {
   width: 140px;
 }
 .user_drop span {
   width: 271px;
   display: inline-block;
   float: right;
   margin-left: 10px;
 }
 #profile_contents, #profile_menu {
   width: 740px !important;
 }
}

@media screen and (min-width:990px){
#main, #header, #footer_c{
	width: 990px;
}
.file3, .file {
  height: 120px;
  width: 150px;
  margin: 0 41px 50px 7px;
}
.user_area, .search_area, .search_drop, .user_drop{
	display: none;
}
.logo_link {
  width: 198px;right: 0;margin-right: 0;
}
#header {
  background: url(images/header.png) no-repeat 12px top;
}
.but_txt, .in_txt, .search_button, .login_button{
	display: block !important;
}
}
/* cookie message */
#cookies_message {
	padding: 6px;
	line-height: 30px;
	background-color: #82CAFA;
	text-align: center;
	display: none;
}
#cookies_message img {
	vertical-align: middle;
}
#full_screen.show_button {
	display: block;
}
#resize_file {
	margin-left: auto;
	margin-right: auto;
	z-index: 20;
}
#full_screen_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 15;
	display: none;
}
#full_screen_close {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 1.3em;
	z-index: 25;
	font-weight: bold;
	display: none;
	border: 1px solid #2F4F2F;
	background: #E0EEE0;
	color: #2F4F2F;
	text-align: center;
}
#full_screen_close:hover {
	background: #2F4F2F;
	color: #FFFFFF;
	text-decoration: none;
}
.game_info {
    width: 520px;
    box-sizing: border-box;
}
@media screen and (min-width:320px) and (max-width:640px) {
.game_info {max-width:100% important; width:auto !important;}
}
.subcategory55{
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin: 10px 10px 20px;
}
.subcategory{
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin: 10px 10px 20px;
}
.category {
  display: flex;
  flex-wrap: wrap; /* تسمح بكسر السطر */
  gap: 10px; /* مسافة بين العناصر */
  direction: rtl;
}

.category > a {
  margin: 0;
  display: flex;
  align-items: center;
  border-radius: 16px;
  flex-basis: 23%; /* عرض العنصر على الديسكتوب */
  min-height: 94px;
  text-decoration: none;
  box-shadow: 0 0px 12px 0 grey;
  box-sizing: border-box;
  background: #fff; /* خلفية بيضاء للنص */
  color: #000;
  transition: box-shadow 0.3s ease;
}

.category > a:hover {
  box-shadow: 0 0 15px 2px #888;
}

.category > a img {
  width: 80px;
  height: 80px;
  border-radius: 16px 0 0 16px;
  object-fit: cover;
  flex-shrink: 0; /* يمنع الصورة من التصغير */
}

.category > a .m {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* هنا نضيف السطرين دول عشان نحافظ على البوكس ثابت */
  max-width: 100%;
  box-sizing: border-box;
  margin-right: 10px;
  font-size: 13px;
  font-weight: bold;
}


/* استجابة الشاشات المتوسطة */
@media only screen and (max-width: 991px) {
  .category > a {
    flex-basis: 45%; /* عرض العنصر لنصف الشاشة */
  }
}

/* استجابة الشاشات الصغيرة (الموبايل) */
@media only screen and (max-width: 557px) {
  .category > a {
    flex-basis: 100%; /* العرض كامل */
  }
}

a#full_screen{ margin-right: auto; display : none}