/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	
	/* header */
	#header {
		xwidth: 90%;
	}
	/* pagewrap */
	#pagewrap {
		width: 90%;
	}

	/* content */
	#content {
xbackground: #f00; /* ########################  RED */
	
		xwidth: 60%;
		xpadding: 3% 4%;
	}
/*		
	#app_divright {
xbackground: #ff0;
		width: 40% !important;		
	}
*/	
	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/* header */
	#header {
		padding-bottom: 60px;
		height: 65px;
	}
	
	/* center logo */
	div#site-logo {
	xbackground: #00f; /* ######################## */
		width: 100%;
		text-align:center;
	}	
	
	/* navigation */
	nav {
	xbackground: #00f; /* ######################## */

		padding-top: 70px;
		font-size: 80%;
		width:100%;
	}	

	#main-nav{
		xbackground: #e0f; /* ######################## */

		position:  relative;
		
		width:     275px !important;
		height:    100px;
		
		margin:    0 auto !important;
		
	    float:      none !important;	
	}


	/* pagewrap */
/*	
	#pagewrap {
		xmargin: 5% 0;
	}
*/	

	/* content */
	#content {
xbackground: #0f0; /* ########################  GREEN */
		width: auto;

		margin-left:  10px;
		margin-right: 10px;
	}

	/* center page*/
	div#pagewrap {
		xpadding-top: 5px;
		width: 100%;
		xtext-align:center;
	}	
	
	/* sidebar */
	#sidebar {
display: block;
	
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}
	
	#app_divleft
	{
xbackground: #fFc; 

		width: 100%;
	}
/*	
	#app_divright
	{
xbackground: #008; 
		width: 80% !important;
		margin: 0 auto;		
	}
*/	
	#tuple_container
	{
xbackground: #f00; /* ######################## */
	}
	
	/* other apps */
	#tuple_div
	{
		xwidth: 30%;
xbackground: #f0f; /* ######################## */
		margin: 0 auto;
	}
	
	#BittyScreen
	{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-left: 10px;
xbackground: #f0f; /* ######################## */
		
	}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	#Ad468x60
	{
		display:none !important;		
	}
	#Ad234x60
	{		
		display:block !important;		
	}
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	#whatsnew
	{
		margin:    0 auto !important;
		float: none !important;
	}
	
	#subscribe
	{
		margin:    0 auto !important;
		float: none !important;
	}


	/* center logo */
	div#site-logo {
	xbackground: #00f; /* ######################## */
		width: 100%;
		text-align:center;
	}	
	
	/* content */
	#content {
xbackground: #00f; /* ######################## */

	margin-left:  5px !important;
	margin-right: 5px !important;
	}

	/* navigation */
	nav {
	xbackground: #00f; /* ######################## */

		padding-top: 7	0px;
		font-size: 80%;
		width:100%;
	}	

	#main-nav{
		xbackground: #e0f; /* ######################## */

		position:  relative;
		
		width:     230px !important;
		height:    100px;
		
		margin:    0 auto !important;
		
	    float:      none !important;	
	}
	
	#main-nav li a:link, 
	 main-nav li a:visited {
		
		width: 45px !important;
	}

.app_logo {
	width:  40px !important;
	height: 40px !important;
}

	#app_divright {
	display: block;
xbackground: #ff0;
		width: 240px !important;	
		height: auto;
		margin: 0 auto;
	
	}
	
	#BittyText {
		width: 300px !important;
	}
	
	#TryBuy {
		display: none;
	}
	
	.BB_CompanyLogoImg{
	   	width: 210px !important;
		height: auto;	
		
		xmargin:    0 auto;	
	}
	
	
	.BittyTextImg {
		width: 150px !important;
		height: auto;	
	}
	
	.BittyScreenImg {
		width: 300px  !important;
		height: auto;	
	
		margin:    0 auto;
	}
	
		
	.slideshow-container {
		position: absolute;
		
		top:   				0px;
		left: 				12px;
		margin-left:      	0px  !important;
	
		width:				110px  !important;
		height:				165px  !important;
	}
	
	#app_div
	{
		padding-top:       0px !important;
		padding-bottom:    0px !important;
	}

	#app_divleft
	{ 
	xbackground-color: #f70;
		padding-top:       0px !important;
		padding-bottom:    0px !important;
	}
	.slideshow-container img
	{
		width:				110px  !important;
		height:				165px  !important;		
	}
	
	#iphone_body
	{
		padding-top:        55px  !important;
		xpadding-left:       2px  !important;
		
		background-size:    135px 311px  !important;
		
		width:              135px  !important;
		height:             311px  !important;		
	}