/*
Responsive Template Name: RS-Fusion V.1
File: Media Queries CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

/* 240 + 320px */

@media screen 
and (min-width : 240px) 
and (max-width : 360px) 
{
#comingsoon { position: absolute; left: 50%; top: 50%; margin-top: -200px; margin-left: 0px;  width: width: 200px; height: 79px; display: block; background:  url(/Images/comingsoon-200.png) no-repeat center center; }
#marca { position: absolute; left: 50%; top: 50%; margin-top: -44px; margin-left: -150px; width: 300px; height: 88px; display: block; background: #000 url(/Images/marca-jogos-de-mente-hor300.png) no-repeat center center; }
#marca a { width: 300px; height: 88px; display: block; }
#menu, #menu-en { position: absolute; top: 10%; left: 50%; max-width: 300px; height: 60px; margin-left: -150px; margin-top: -30px; }
#menu select, #menu-en select { display: block; }
#menu #home, #menu-en #home { float: none; }    
#menu ul, #menu-en ul { display: none; }
#texto {top: 30%; width: 85%; }
ul.elenco li { float: none; margin-left: auto; margin-right: auto; }
}
/* 480px */

@media screen 
and (min-width : 361px) 
and (max-width : 550px) {
#comingsoon { position: absolute; left: 50%; top: 50%; margin-top: -130px; margin-left: -77px;  width: 200px; height: 79px; display: block; background:  url(/Images/comingsoon-200.png) no-repeat center center; }
#marca { position: absolute; left: 50%; top: 50%; margin-top: -44px; margin-left: -150px; width: 300px; height: 88px; display: block; background: url(/Images/marca-jogos-de-mente-hor300.png) no-repeat center center; }
#marca a { width: 300px; height: 88px; display: block; }
#menu,  #menu-en { position: absolute; top: 10%; left: 50%; max-width: 300px; height: 60px; margin-left: -150px; margin-top: -30px; }
#menu select,  #menu-en select { display: block; }
#menu #home,  #menu-en #home { float: none; }    
#menu ul,  #menu-en ul { display: none; }
#texto {top: 30%; width: 85%; }
ul.elenco li { float: none; margin-left: auto; margin-right: auto; }
}

/* 600px */

@media screen 
and (min-width : 551px) 
and (max-width : 600px) 
{
#comingsoon { position: absolute; left: 50%; top: 50%; margin-top: -200px; margin-left: -300px;  width: 129px; height: 82px; display: block; background:  url(/Images/comingsoon.png) no-repeat center center; }
#marca { position: absolute; left: 50%; top: 50%; margin-top: -44px; margin-left: -150px; width: 300px; height: 88px; display: block; background: url(/Images/marca-jogos-de-mente-hor300.png) no-repeat center center; }
#marca a { width: 300px; height: 88px; display: block; }
#menu,  #menu-en { position: absolute; top: 10%; left: 50%; max-width: 300px; height: 60px; margin-left: -150px; margin-top: -30px; }
#menu select,  #menu-en select { display: block; }
#menu #home,  #menu-en #home { float: none; }    
#menu ul, #menu-en ul { display: none; }
#texto {top: 30%; width: 85%; }
ul.elenco li { float: none; margin-left: auto; margin-right: auto; }
}

/* 768px */

@media screen 
and (min-width : 601px) 
and (max-width : 800px) 
{
#comingsoon { position: absolute; left: 50%; top: 50%; margin-top: -200px; margin-left: -160px;  width: 407px; height: 161px; display: block; background:  url(/Images/comingsoon.png) no-repeat center center; }
#marca { position: absolute; left: 50%; top: 50%; margin-top: -44px; margin-left: -294px;  width: 578px; height: 167px; display: block; background: url(/Images/marca-jogos-de-mente-home.png) no-repeat center center; }
#marca a { width: 578px; height: 167px; display: block; }
#menu,  #menu-en { position: absolute; left: 50%; top: 35%; width: 666px; height: 88px; margin-left: -333px; margin-top: -44px;  }
#menu #home,  #menu-en #home { margin: auto; float: none; height: 88px;}    
#menu ul,  #menu-en ul { margin: 0 auto; background: blue}
#menu ul li,  #menu-en ul li { font-size: 1.7em; padding: 0 8px; }
#menu ul:after,  #menu-en ul:after { content: "";width: 100%; height: 5px; display: block; clear: both; }
#texto { width: 85%; }
ul.elenco li { width: 116px; height: 116px; }
ul.elenco li img { width: 116px; height: 116px; }
ul.elenco li a { width: 116px; height: 116px; }
}

/* 960px */

@media screen 
and (min-width: 801px)
and (max-width: 1024px) {
#comingsoon { position: absolute; left: 50%; top: 50%; margin-top: -200px; margin-left: -160px;  width:407px; height: 161px; display: block; background:  url(/Images/comingsoon.png) no-repeat center center; }
#marca { position: absolute; left: 50%; top: 50%; margin-top: -44px; margin-left: -294px;  width: 578px; height: 167px; display: block; background:  url(/Images/marca-jogos-de-mente-home.png) no-repeat center center; }
#marca a { width: 578px; height: 167px; display: block; }
#menu, #menu-en { position: absolute; left: 50%; top: 35%; width: 848px; height: 88px; margin-left: -424px; margin-top: -44px; }
#menu #home, #menu-en #home { margin: auto; float: none; height: 88px;}    
#menu ul, #menu-en ul { width: auto; max-width: 848px; margin: 0 auto; }
#texto { width: 85%; }
ul.elenco li { width: 130px; height: 130px; }
ul.elenco li img { width: 130px; height: 130px; }
ul.elenco li a { width: 130px; height: 130px; }
}

@media screen and (min-width: 1025px) 
{
#comingsoon { position: absolute; left: 50%; top: 50%; margin-top: -200px; margin-left: -210px;  width: 407px; height: 161px; display: block; background:  url(/Images/comingsoon.png) no-repeat center center; }
#marca { position: absolute; left: 50%; top: 50%; margin-top: -44px; margin-left: -345px;  width: 578px; height: 167px; display: block; background:  url(/Images/marca-jogos-de-mente-home.png) no-repeat center center; }
#marca a { width: 578px; height: 167px; display: block; }
#menu, #menu-en { position: absolute; left: 50%; top: 45%; width: 1184px; height: 88px; margin-left: -592px; margin-top:  -44px; }
#menu #home a,, #menu-en #home a{ margin-right: 10px; height: 88px; float: left;}
ul.elenco li { width: 130px; height: 130px; }
ul.elenco li img { width: 130px; height: 130px; }
ul.elenco li a { width: 130px; height: 130px; }
}