#container
{
    width:900px;
    margin-left:auto;
    margin-right:auto;	
    padding-bottom:10px;
    border-bottom:1px solid #f2f2f2;
    border-top:none !important;
}
#footer { margin-top:0 !important; padding-top:15px !important; }
body { background-color:white }
button { padding-top:5px; padding-bottom: 5px }
h4 { margin-right:10px; }

::placeholder {color: #cccccc;}

#signIn, #createAccount
{
width:402px;
margin:10px auto;
padding:0 15px;
}
#signIn p, #createAccount p { line-height:1.3em }
#createAccount { display:none }
#quikstorForm, #quikstorLinkForm, #getAccountQuikStor, #quikstorAddFacForm { display:none }
#apiForm, #apiLinkForm, #getAccountApi, #apiAddFacForm { display:none }
#sitelinkForm { padding-bottom:10px !important }
#forgotPass { display:none; text-align:center; width:100% }
#sendResetDone { margin-top:0 !important;padding-top:0;display:none; width:100% !important; font-size:0.9em !important }

/* Media Queries*/

@media
only screen and (max-width: 1012px),
(min-device-width: 450px) and (max-device-width: 1012px)  
{			
    #container { width:800px !important;  }
}
@media
only screen and (max-width: 640px),
(min-device-width: 0px) and (max-device-width: 640px)  
{
    #footer { display:block}		
    #container { width:580px !important; margin-bottom:0 !important }
}
@media
only screen and (max-width: 623px),
(min-device-width: 0px) and (max-device-width: 623px)  
{
    #footer { display:block}
    #container { width:560px !important; margin-top:0 !important }
}
@media (min-width: 768px) and (max-width: 1023px) 
{
    #container { width:800px !important;  }
}
@media (max-width: 767px) 
{
    #top {
	position: static !important; 
	top: auto !important;
	left: auto;
	right: 0px;
	height:88px;
    }
    #google_translate_element { display:none }				
    .top-bar .top-bar-section ul li>a.button  {
	color: white;
	padding: 10px 0;
	font-size: 24px;
	margin: 10px 0;
    }
    .top-bar,
    .top-bar-section ul{
	background: white !important;
    }
    .top-bar-section li a:not(.button) {
	background: white !important;
    }				
    #footer { display:block; }		
    #container { width:700px !important; margin-top:0 !important; }
}
@media (max-width: 568px) 
{
    #footer { display:block}				
    #container { width:420px !important; margin:0 !important; }
}
@media (max-width: 480px) 
{
    #footer { display:block}				
    #container { width:420px !important; margin-top:0 !important }
}
@media (max-width: 400px) 
{			
    #container { width:320px !important; margin-top:0 !important }
    #signIn { width:350px }
    #createAccount { width:350px }
    #signIn label, #createAccount label { width: 150px !important; }
    #signIn input, #createAccount input { width: 130px !important; }
    #forgotPass input { width:250px !important }
    #ccMaybe { margin-left:45px !important }
}