@media only screen and (max-width: 750px){
	div.header{
		    width: 90%;
    padding: 5%;
	}
	div.header img{
		width: 100%;
		height: auto;
	}
	div#navbar .bar{
		width: 94%;
		height: auto;
		background: none;
		margin: 0px auto;		
	}
	div.bandarole {
		display: none;
	}
	div.barFixed{
		width: 94%;
		height: auto;
		background: none;
		position: relative !important;
		animation: none;
		margin: 0px auto;		
	}
	div.barFixed .bar {
		animation: none !important;
	}
	div.main-container{
		width: 90%;
		padding: 0% 5%;
	}
	div.main-container div.youtube{
		width: 100%;
	}
	iframe{
		width: 100% !important;
		position: relative;
		height: auto;
	}
	div.main-container div.content{
		width: 100%;
		padding: 0px;
	}
	div.main-container div.content div.right{
		display: block;
		margin: 0px;
		float: none;
	}
	div.main-container div.content div.left{
		display: block;
		margin: 0px;
		float: none;
	}
	div.main-container div.screenshot-container{
		width: 100%;
		display: block;	
	}
	div.main-container div.screenshot-container div.screenshots{
		width: 100%;
		padding: 0px;
		margin: 0px;
		margin-top: 15px;
	}
	.screenshots a{
		width: 48% !important;
		padding: 1% !important;
		height: auto !important;
		margin: 0px !important;
		display: block !important;
		float: left;
	}
	.screenshots a img{
		width: 100% !important;
		height: auto !important;
	}
	div.main-container div.content{
		    width: 90%;
    padding: 0% 5%;
    float: left;
	}
	.space{
		display: none;
	}
	div#space{
		display: none;

	}
	div.main-container div.content div.heading{
		margin-left: -6%;
	}
	.newsletter .right img{
		width: 100%;
		height: auto;
	}
	.image a img{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	div#navbar {
		height: auto !important;
		position: relative !important;
		top: 0px !important;
		float: left;
		margin-bottom: 10px;
	}
	div.main-container div.screenshot-container{
		margin-bottom: 20px;
	}
	.deg-360{
		float: left;
	}
	.footer{
		padding: 5% !important;
	}
	#mc_embed_signup{
		display: block !important;
	}
	a.button{
		display: block;
		width: 18%;
		padding: 0;
		padding-top: 5px;
		margin: 2% !important;
		float: left;
		font-size: 8pt;
		padding-right: 6px;
		padding-bottom: 4px;
		height: 26px;
		
	}
	
	a.button i {
		/*display: none !important;*/
		display: inline-block !important;
		font-size: 15pt !important;
	}
	
	a.button span {
		display: none !important;
	}
	
	.deg-360 a.button{
		display: inline-block;
		padding: 2px;
		padding-right: 18px;
		padding-left: 6px;
		margin-left: 0% !important;
		width: auto;
	}
	div#navbar .bar .add-space-left{
		margin: 2% !important;
	}
	html{
		background: url(../img/bg_static.jpg) no-repeat center top #000000;
		    background-position: center;
    		background-size: cover;
	}
	
	a.expendable {
		display: none !important;
	}
	
	#bizzbar {
		height: 90px !important;
	}
	
	#follow-xm:after {
		content: 'follow us';
	}
	
	#bizzbar #mce-EMAIL {
		margin-left: 8px !important;
		width: 90px !important;
	}	
	
	#bizzbar #mc-embedded-subscribe {
		transform: translate(0px, -2px);
	}
	
	#bizzbar div.buttonbar {
		display: block;
		margin: 5px auto;
	}	
	
	#bizzbar #close-button {
		display: inline;
	}	
}

@media only screen and (min-width: 751px) and (max-width: 920px){
	div.header{
		width: 90%;
		padding: 5%;
	}
	div.header img{
		width: 100%;
		height: auto;
	}
	div#navbar .bar{
		width: 94%;
		height: auto;
		background: none;
		margin: 0px auto;
	}
	div.barFixed{
		width: 94%;
		height: auto;
		background: none;
		position: relative !important;
	}
	div.barFixed .bar {
		animation: none !important;
	}	
	div.main-container{
		width: 90%;
		padding: 0% 5%;
	}
	div.main-container div.youtube{
		width: 100%;
	}
	iframe{
		width: 100% !important;
		position: relative;
	}
	div.main-container div.content{
		width: 100%;
		padding: 0px;
	}
	/*div.main-container div.content div.right{
		display: block;
		margin: 0px;
		float: none;
	}
	div.main-container div.content div.left{
		display: block;
		margin: 0px;
		float: none;
	}*/
	div.main-container div.screenshot-container{
		width: 100%;
		display: block;	
	}
	div.main-container div.screenshot-container div.screenshots{
		width: 100%;
		padding: 0px;
		margin: 0px;
		margin-top: 15px;
	}
	.screenshots a{
		width: 31% !important;
		padding: 1% !important;
		height: auto !important;
		margin: 0px !important;
		display: block !important;
		float: left;
	}
	.screenshots a img{
		width: 100% !important;
		height: auto !important;
	}
	div.main-container div.content{
		    width: 90%;
    padding: 0% 5%;
    float: left;
	}
	.space{
		display: none;
	}
	div#space{
		display: none;

	}
	div.main-container div.content div.heading{
		margin-left: -6%;
	}
	
	.image a img{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	div#navbar {
		height: auto !important;
		position: relative !important;
		top: 0px !important;
		float: left;
		margin-bottom: 30px;
	}
	
	div#navbar a.button {
		display: block;
		width: 28%;
		padding: 0;
		padding-top: 4px;
		margin: 2% !important;
		float: left;		
	}
	
	div.main-container div.screenshot-container{
		margin-bottom: 20px;
	}
	.deg-360{
		float: left;
	}
	.footer{
		padding: 5% !important;
	}
	
	.deg-360 a.button{
		margin-bottom: 10px;
	}
	
	div#navbar .bar .add-space-left{
		margin: 2% !important;
	}
	
	#follow-xm:after {
		content: 'follow us';
	}	

}