.responsive body
{
   min-width: 240px;
   /*width: 60%;*/
}

.responsive .with-tabs{
  width: 90% !important;
}

.responsive #site-disclaimer, .responsive .description,.responsive label,.responsive input[type="text"],.responsive input[type="password"], .responsive input[type="email"], .responsive input[type="url"] {
  width: 100% !important;
}

.responsive #recaptcha_image{
  width: 200px !important;
}

.responsive #edit-captcha-form{
  width: 185px;
  overflow: hidden;
}

.responsive .password-strength {
  display: none;
}

.responsive .art-content{
  padding-top: 10px !important;
}  

.responsive .confirm-parent,.responsive .password-parent{
  width: auto !important;
}

.responsive .art-content-layout img,
.responsive .art-content-layout video
{
   max-width: 100%;
   /*height: auto !important;*/
}

.responsive.responsive-phone .art-content-layout img 
{
   float: none !important;
}
    
.responsive .art-content-layout .art-sidebar0, 
.responsive .art-content-layout .art-sidebar1, 
.responsive .art-content-layout .art-sidebar2 
{
   width: 100% !important;
   margin: 0px;
   padding: 0px 10px 10px 10px !important;
   /*This option make 100% include padding*/
   box-sizing: border-box;
}
    
.responsive .art-content-layout, 
.responsive .art-content-layout-row, 
.responsive .art-layout-cell 
{
   display: block;
}
    
.responsive .image-caption-wrapper 
{
   width: auto;
}

.responsive.responsive-tablet .art-vmenublock,
.responsive.responsive-tablet .art-block
{
   margin-left: 0px !important;
   margin-right: 0px !important;
   width: 48%;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .art-responsive-embed 
{
   position: relative;
   padding-bottom: 56.25%;
   /* 16:9 */
	height: 0;
}

.responsive .art-responsive-embed iframe,
.responsive .art-responsive-embed object,
.responsive .art-responsive-embed embed
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.responsive .art-sheet
{
   width: auto !important;
   min-width: 240px !important;
   max-width: none;
   margin: 0px !important;
   padding: 0px !important;
}

#art-resp {
   display: none;
}

@media all and (max-width: 768px)
{
    #art-resp, #art-resp-t { display: block; }
    #art-resp-m { display: none; }
}

@media all and (max-width: 480px)
{
    #art-resp, #art-resp-m { display: block; }
    #art-resp-t { display: none; }
}

.responsive .art-content-layout, 
.responsive .art-content-layout-row, 
.responsive .art-layout-cell 
{
   display: block;
}

.responsive .art-layout-cell 
{
   /*width: 250px !important;*/
   margin: 0px;
   height: auto !important;
   border-right-width: 0 !important;
   border-left-width: 0 !important;
   border-radius: 0 !important;
   padding: 0px 10px 0px 10px;
   box-sizing: border-box;
}

.responsive .art-content-layout:after, 
.responsive .art-content-layout-row:after, 
.responsive .art-layout-cell:after 
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.responsive .art-post
{
   border-radius: 0;
}

.responsive .art-footer-inner
{
   width: auto;
   padding: 2% !important;
   min-width: 0;
}

.responsive .responsive-tablet-layout-cell 
{
   width: 100% !important;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .art-vmenublockheader, .responsive .art-sidebar-right /*, .responsive .art-sidebar1_text*/ {
   display: none !important;
}

.responsive .art-sidebar1{
   position: static;
   clear: both;
   margin: 0px;
   padding-top: 0px;
   width: 50px !important;
}

.responsive .art-article {
   margin: 0px;
}

.responsive .with-sidebar {
  width: 100% !important;
}

.responsive .field-name-field-kreyon-page-type-news, .responsive .field-name-title-field h3, .responsive .field-name-field-kreyon-page-type-article, .responsive .field-name-field-kreyon-page-type-game, .responsive .play_title, .responsive .news_title, .responsive .why_title {
  width: 100% !important;
  box-sizing: border-box;
  max-width: 300px !important;
}

.responsive .play_closing, .responsive .news_closing, .responsive .why_closing {
  width: 100% !important;
}

.responsive .panel-display .panel-panel{
  width: 100% !important;
  box-sizing: border-box;
  margin: 0px;
}

.responsive .panel-display .panel-panel .inside{
  margin: 0px;
}

.responsive .credits {
   width:100%; 
   box-sizing: border-box;
   margin: 0px;
   left:0px;
   right:0px;
   padding:0px;
   background-color: #626262;
}

.responsive .art-content-layout{
	margin-bottom: 20px !important;
}

.responsive .credits{
  display: none;
}

/* Game window */
.responsive .modialog-caption {
  width: 200px !important;
  height: 16px !important;
  top: 2px;
  left: 15px;
  margin: 0px !important;
  transform: none;
  -webkit-transform: none;
  -o-transform: none;
  -moz-transform: none;
}

.responsive #popover, .responsive #popover .fullscreen_false{
  top: 29px !important; 
  right: 5px !important;
  left: 5px !important;
  height: auto !important;
  width: auto !important;
}

.responsive #the_experiment{
  width: 98.5% !important;
  height: 100% !important;
}


.responsive .kreyon_game_img img {
  float:left;
}

.responsive .game_post_title, h5{
  clear:both;
} 

/* Menu */
.responsive-menus.responsified {
  clear: both;
  width: 100%;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-style: normal;
  text-decoration: none;
  margin-top: 5px;
}

.responsive-menus.responsified .responsive-menus-simple li {
   line-height: 1em;
}

.responsive-menus.responsified span.toggler {
  background: #E84E0F;
  border-radius: 0px;
  text-transform: uppercase;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-style: normal;
  font-size: 1.1em;
}
.responsive-menus.responsified .responsive-menus-simple {
  background: #E84E0F;
  border-radius: 0px;
  text-transform: uppercase;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-style: normal;
  font-size: 1.1em;
}

.responsive-menus.responsified .responsive-menus-simple li a {
   padding-left: 4px;

}
.responsive-menus.responsified .responsive-menus-simple li ul li a {
   padding-left: 15px;
}

/*Some menu entry (sx menu bar) must not be shown in pc version ,but must be present in responsive version*/
.responsive #block-menu-menu-kreyon-menu a[href="/kreyon/category_pickings"], .responsive #block-menu-menu-kreyon-menu a[href="/kreyon/category_news"], .responsive #block-menu-menu-kreyon-menu a[href="/kreyon/category_news_events"] {
  display: block !important;
}

.responsive .play_now_link {
  /*display: none;*/
}