/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 1380px) 
{
	.slide-caption-headline {
		font-size: 1.5em;
		padding-top:5px;
		padding-bottom:5px;
	}
}

@media only screen and (max-width: 1120px) {
	
	.container 
	{ 
		_width: 900px; 
	}
}
@media only screen and (max-width: 1120px) {
	
	.landscape #device-box {
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 100%;
	}
	
	.landscape #device {
		float: none;
		padding-right:0;
	}

	.landscape #application-info-box {
		float: none;
		position: relative;
		
		text-align: center;
		width: 100% !important;
		bottom: 0;
		margin: 50px 0 55px 0;		
		display: block;
		padding-top: 10px;
		width: 100%;
		margin: 0;
	}
	
	.landscape #device-box {
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 100%;
	}
		
	.container {
		_width: 900px;
	}
}

@media only screen and (max-width: 1040px) {
	
	.app-frame .photo-frame {
		height: 135px;
		max-height: 135px;
	}
}

@media only screen and (max-width: 970px) {
	
	.container {
		_width: 900px; 
	}

	#home-slide .slide-caption-headline a {
		font-size: 1.1em;
		line-height: 1.1em;
	}
	
	#show-space.image-slide-full-frame #home-slide ul li img {
		width: 140%;
		margin: -0% -35%;
		position: relative;
	}
	
	.app-frame .photo-frame {
		height: 115px;
		max-height: 115px;
	}
}

@media only screen and (max-width: 780px) {
	
	.container 
	{ 
		_width: 720px; 
	}
	#show-space.image-slide-full-frame #home-slide ul li img {
		width: 160%;
		margin: -0% -40%;
		position: relative;
	}
	.app-frame .photo-frame {
		height: 95px;
		max-height: 95px;
	}
	
	.app-frame .app-info
	{
		min-height: 45px;
		max-height: 45px;
		padding-left: 80px;
	}
	
	.app-frame .app-info img {
		width: 45px;;
	}
	
	.app-info .title {
		margin-left: -20px;
	}
}
@media only screen and (min-width: 768px) 
{
	#primary-menu.mobile
	{
		display:none !important;
	}
}

@media only screen and (max-width: 767px) {
	

	.after-header {
		margin-top: 57px;
	}

	.page-template-template-apps-archive .apps-archive-list li {
		height: auto;
	}
	
	.social_wrap
	{
		float: none;
		margin: auto;s
		width: 100%;
		text-align: center;
	}
	.fit-image-to-half-screen-width  
	{
		width:75%;
		height:auto;
		padding: 5px;
		float:none;
	}
	
	.container { 
		width: 290px;
	}

	.single-app #body-wrap {width: 80%;}
	
	.slide-caption .container
	{
		width:100%;
	}
	#body { background: #FFF !important; }
	.mobile_only_images
	{
		display:block !important;
	}

	/* Customize Box */
	#customize-box { display: none; }
	
	/* Header */
	#header-content { padding: 0px 0; }
	#branding { 
		float: none; 
		padding: 0px 0; 
		font-size: 24px !important; 
		margin: 0 0 0px 0; 
		display: table-cell;
		width: 100%;
	    width: 100%;
		height: 70px;
		vertical-align: middle;
	}
	#branding { 
		float: none; padding: 0px 0; font-size: 24px !important; margin: 0 0 0px 0; 
	    width: 100%;
		display: table-cell;	
	}	
	#site-title { margin: 0; float: none; _background: url(../images/h-line.png) repeat-x left center; 
	
		float: none;
		max-width: 80%;
		margin: 0 auto;
	}
	
	#site-title img { margin: 0 auto; padding: 0 0px; }
	#site-title-text { padding: 0 0px; }
	#site-description { display: none !important; }
	#primary-menu { display: none; }
	#primary-menu.mobile { 
		display: none; 
		width: 100%;
		top:0px;
		transition: height 2s;
		transition: visibility 0s, opacity 0.5s linear;
		    padding-bottom: 0px;
	}	
	
	#primary-menu.mobile li {

		float: none;
		margin: auto;
border-bottom: 3px solid #dd92042e;
    background: #fffbeb;
	}
	
	#primary-menu.mobile .current_page_item {
		background: #00ff2b;
	}
	
	#primary-menu.mobile .current_page_item a{
		color:#105228;
	}
	
	#header-content
	{
		width:100%;
	}
	#primary-menu.mobile li a {
		
		margin: 0;
		border-top-left-radius: 0px; 
     border-top-right-radius: 0px;
	     text-align: center;
	}
	#menu-toggle {
		display: table-cell;
    /* cursor: pointer; */
    /* width: 50px; */
    /* right: 20px; */
    /* position: absolute; */
    /* top: 30px; */
    vertical-align: middle;
    padding-right: 20px;

	}

	#primary-menu.mobile  li a {
		top:0px;
		color:black;
	}

	#primary-menu-container { float: none; position: relative; text-align: center; }
	#primary-select-container { display: block; }
	#social-list { float: none; display: inline-block; margin: 10px 0; width: 100%;    display: none;}
	#social-list li { float: none; display: inline-block; margin: 0 3px; }
	/* Footer */
	#footer-content { text-align: left; width: 100%; }
	#copyright { text-align: center;
  margin: 0 auto;
  width: 100%;}
	#footer-menu { display: block; width:100%;font-weight:bold;font-size:15px;}
	#footer-menu ul {
		float: none;
		margin: 0;
	}	
	#footer-menu ul li {
		margin: 0 8px 0 8px;
	}	
	
	.single-app #body-wrap {
    padding-top: 10px;
	}
	/* Grid */
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.three_fourth {  }
	
	/* Page Header */
	#page-header { text-align: center; }

	
	/* Body */
	#main-content {
		width: 100%;
	}
	#main-content img {
		max-width: 100%;
		height: auto;
	}

	/* Blog */
	.depth-2 { padding: 0; }
	.entry-meta .date,
	.entry-meta .categories,
	.entry-meta .tags { display: none; }

	
	/* Show Space */
	#show-space,
	#inner-page-show-space { background-attachment: scroll; }
	#pattern { background-attachment: scroll; }

	/* Board */
	#table-mat-top-wrap,
	#table-mat-body-wrap-outer { display: none; }
	#table-top-shadow { height: 45px; }
	
	/* Image Slide */
	#show-space.image-slide { padding: 0 !important; }
		#home-slide { width: 100%; }
		#home-slide.slide-horizontal,
		#home-slide.fade-vertical,
		#home-slide.fade-horizontal { height: auto !important; }
			#home-slide-wrapper { bottom: 0; }
			#home-slide li img { width: 100%; }
			#home-slide .slide-caption { bottom: 0; position: absolute; }
				#home-slide .slide-caption-text { display: none; }
				#home-slide .slide-caption-headline { 
					font-size: 1.2em; max-width: 100%; line-height: 1em; padding: 10px 10px; text-align: center; float: none; 
					margin: 10px;
					_background: url(../images/black-50.png) repeat !important;left: 0 !important; }
					#home-slide .slide-caption-headline a { background-image: none; padding: 0 !important; }
	

	/* App Slide */
	#app-dock.app-dock-1,
	#app-dock.app-dock-2,
	#app-dock.app-dock-3,
	#app-dock.app-dock-4,
	#app-dock.app-dock-5 {
		width: 270px;
		padding: 100px 10px 0;
	}
	.app-icon { margin: 0 70px !important; }
	.app-info-balloon { opacity: 1 !important; bottom: 140px !important; display: block !important; }

	
	/* Single App */
	#device-box {
		_width: 100% !important;
	}
	#device {
		_height: auto !important;
		_background: none !important;
	}
	#android-phone-landscape-box #device {
		background-image: none;
		height: 285px;
	}
	#screen {
		
	}
	
	.shadow {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 11px;
	  z-index: -1;
	  visibility: hidden;
	  display: none;
	}
		  
	

	
	#ipad-portrait-box #device {
	  background-image: none;
	  height: 391px;
	}

	#ipad-portrait-box #screen {
	  left: 0px !important;
	  top: 0px !important;
	  width: 300px;
	}

	#android-phone-portrait-box #screen {

	}  



	#modern-2022-portrait-box #application-info-box {


	}

	#iphone5-w-landscape-box #application-info-box, #iphone5-b-landscape-box #application-info-box {
		margin: 30px -15px 0 0;

	}






	  
	#modern-portrait-box #screen {
		left: 25px !important;
		top: 61px !important;
		width: 239px;
		height: 420px;
		border-radius: 26px !important;
	}

	#modern-tall-portrait-box #screen {
		left: 25px !important;
		top: 24px !important;
		width: 239px;
		height: 494px;
		border-radius: 26px !important;
	}

	#modern-2022-portrait-box #screen {

		
	}

	#modern-2024-portrait-box #screen {

	}

	#portrait-light-2024-portrait-box #screen {
		left: 20px !important;
		top: 19px !important;
		width: 251px;
		height: 507px;
		border-radius: 35px !important;
		
	}
	#android-phone-landscape-box #device-box {
		width: 100%;
	}


	#modern-2023-light-portrait-box #screen {
		left: 7px !important;
		top: 28px !important;
		width: 251px;
		height: 500px;
		border-radius: 15px !important;
	}


	#modern-2022-portrait-box #screen {

		
	}

	#modern-2024-portrait-box #screen {

		
	}

	#portrait-light-2024-portrait-box #screen {
	left: 24px!important;
		top: 39px!important;
		width: 250px;
		height: 435px;
		border-radius: 32px!important;
	}



	
	#apps-icon {
		display: inline;
		border-radius: 10px;
		_box-shadow: 0px 0px 11px 1px rgba(0,0,0,.5);
		filter: drop-shadow(1px 1px 5px rgba(0,0,0,.5));
	}
	.apps-icon-list li {
	  width: 40px;
	}  
	
.button.action-button {	
	text-align:left;
}

	#apps-title {
		font-size: 24px;
		margin-bottom: 10px;
	}
	#apps-title img {
		max-height: 120px;
	}
	#application-info-box p {
		font-size: 19px;
		margin: 0 0 25px 0;
	}
	#application-version-update {
		display: none;
	}
	#application-market-link-wrapper {
		margin: 15px 0 0 0;
	}
	.qr-price {
		display: none;
	}
	.application-market-link {
		float: none;
		display: block;
		margin: 0 auto 10px;
	}
	.action-button {
		float: none;
	}
	.action-button span {

	}
	#application-info-box .store-badge {
		max-height: 35px;
	}
	#device-box {
		_float: none;
		margin: 0 auto;
		_display: none;
		_margin-bottom: 30px !important;
		z-index: 3000;
	}

	

	
	#application-info-box {
		_margin: 60px 90px 0px 0;
		display: table-cell;
		float:left;
		position: relative;
		margin: auto;
		text-align: center;
		height: auto;
		width: calc(45% - 0px);
		padding-bottom: 30px;
		bottom: 0;
		
		padding-top: 20px;
		margin-left: 0px;
	}
	
	


	#modern-2024-light-portrait-box #device-box {

		_margin-bottom: 0px !important;

	}

	.table-off #application-info-box {
		   _margin-bottom: 30px !important;
			
	}
	
	/* Content */
	.section-title {
		text-align: left !important;
		margin-bottom: 20px;
		background: none !important;
	}
	h2.section-title {
		font-size: 18px;
		line-height: 1.3em;
	}
	h3.section-title {
		font-size: 16px;
		line-height: 1.3em;
	}
	.section-title span {
		padding: 0 !important;
	}
	.callout {
		padding: 20px 20px 0 20px;
	}

	
	/* Apps Archive */
	.filter-list {
		float: none;
		text-align: center;
	}
	#featured-filter {
		float: none;
		margin: 0 0 40px 0;
	}
	#featured-filter li {
		padding: 8px 20px;
	}
	#platform-filter {
		margin: 0 0 0 0;
	}
	.filter-list li {
		display: block;
		float: none;
		border-bottom: 1px solid #FFF;
	}

	.apps-archive-list {
		width: 290px;
	}
	
	/* Sidebar */
	#sidebar {
		width: 100% !important;
		text-align: left !important;
		margin: 0;
		padding: 40px 0 0 0;
		margin: 20px 0 0 0;
		background: url(../images/h-line.png) repeat-x top left;
	}
	#sidebar .widget_sub_nav ul,
	.sidebar-left #sidebar .widget_sub_nav ul {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	#sidebar .widget_sub_nav ul li a,
	.sidebar-left #sidebar .widget_sub_nav ul li a {
		padding: 10px 0;
	}
	#sidebar .widget_sub_nav ul li.current_page_item a,
	.sidebar-left #sidebar .widget_sub_nav ul li.current_page_item a {
		border-right: none;
		border-left: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.banner-list-left li {
		float: none;
		display: block;
	}
	.cover-image {
		display: none;
	}
	.widget_ads_125 .ads-banner {
		margin: 0;
	}

	/* PORTFOLIO */

	/* Archive Portfolio */
	.portfolio-archive-list {
		width: auto;
	}
	/* Single Portfolio */
	#portfolio-box {
		width: 100%;
		margin: 0;
		padding: 0 !important;
	}
	#portfolio-box .shadow { display: none; }
	#portfolio {
		padding: 0;
		max-width: 100%;
		height: auto;
	}
	#portfolio-info-box {
		position: relative;
		bottom: auto;
		right: auto;
		margin-bottom: 30px;
		width: 100%;
	}
	.portfolio-archive-list li { margin: 0; }
	.application-box { padding-bottom: 30px;}
	


	/* SHORTCODE */
	.social-icons-box {
		text-align: left !important;
	}
	.social-icons-box a {
		margin: 0 10px 10px 0;
	}
	.addthis-wrap { width: 300px; }

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1140px) {





	
	/* Customize Box */
	#customize-box,
	#customize-box-open { display: none; }
	#primary-menu li a {
		_padding: 10px 10px 10px 10px;
		top:0px;
		top:15px !important;
	}
	
	
	/* Header */
	#header-content { padding: 0px 0px 0 0px; }
	#branding { float: none; padding: 0px 0 0px 0; font-size: 24px !important; }
	.after-header {
		margin-top: 95px;
	}

	
	#site-title { margin: 0; float: none; _background: url(../images/h-line-light.png) repeat-x left center; }
	.header-light #site-title { margin: 0; float: none; _background: url(../images/h-line.png) repeat-x left center; }
	#site-title img { margin: 0 auto; width:40%;padding: 0px 0; max-width: 100%; }
	#site-title-text { padding: 0 15px; }
	#site-description { display: none !important; }
	#primary-menu-container { float: none; position: relative; text-align: center; }
	#primary-menu { float: none; display: inline-block; }
	#primary-menu li { float: none; display: inline-block; }
	#social-list { float: none; display: inline-block; margin: 10px 0; width: 100%;    display: none;}
	#social-list li { float: none; display: inline-block; margin: 0 5px; }
	/* Footer */
	#footer-content { text-align: center; }
	#copyright { float: none; }
	#footer-menu { margin: 0 0 15px 0; }
	#footer-menu,
	#footer-menu ul,
	#footer-menu ul li { float: none; }
	#footer-menu ul li { display: inline-block; margin: 0 10px; padding: 0 12px; }
	
	/* Page Header */
	#page-header { text-align: center; }
	
	/* Body */
	#main-content { width: 530px; }
	#main-content img {
		max-width: 100%;
		height: auto;
	}
	#body.sidebar-right { background: #FFF url(../images/body-sidebar-right-bg-resp.png) top center repeat-y !important; }
	#body.sidebar-left { background: #FFF url(../images/body-sidebar-left-bg-resp.png) top center repeat-y !important; }

	/* Sidebar */
	#sidebar { width: 137px;}
	
	/* Blog */

	#respond { width: 490px; }
	.full-width #respond { width: 680px; }

	/* Show Space */
	#show-space,
	#inner-page-show-space { background-attachment: scroll; }
	#pattern { background-attachment: scroll; }

	/* Board */
	#table-mat-top { width: 600px; }
	#table-mat-body-wrap { width: 720px; }
	#table-mat-top-texture { background: url(../images/mat-top-shadow-resp-3.png) no-repeat center bottom; }
	#table-mat-body-wrap-outer { background: url("../images/mat-body-side-shadow-resp-3.png") repeat-y center top; }
	#table-mat-body { background: url("../images/mat-body-outline-resp-3.png") repeat-y 0 0; }

	/* Images Slide */
	#show-space.image-slide { padding: 0 !important; background-image: none; }
	.table-off #show-space.image-slide { padding: 0 !important; }
		#home-slide-wrapper { bottom: 0; }
		#home-slide { width: 100%; }
		#home-slide.slide-horizontal,
		#home-slide.fade-vertical,
		#home-slide.fade-horizontal { height: auto !important; }
			#home-slide li img { width: 100%; }
			#home-slide .slide-caption-headline { max-width: 100%; }
			#home-slide .slide-caption .container 
			{
				width: 640px;
				float: none;
				margin: auto;
			} }
	/* App Slide */
	#app-dock.app-dock-1 {
		width: 230px;
		padding: 100px 30px 0;
	}
	#app-dock.app-dock-2 {
		width: 460px;
		padding: 100px 30px 0;
	}
	#app-dock.app-dock-3,
	#app-dock.app-dock-4,
	#app-dock.app-dock-5 {
		width: 690px;
		padding: 100px 30px 0;
	}
	.app-icon { margin: 0 50px !important; }
	
	/* Single App */
	/* All */
	.qr-price {
		display: none;
	}
	/* For : All Landscape */

	.landscape #apps-title {
		font-size: 30px;
		margin: 0;
	}
	.landscape #apps-title img {
		max-height: 150px;
	}
	.landscape #application-info-box p {
		font-size: 16px;
		margin: 0 0 20px 0;
	}
	.landscape #application-version-update {
		display: none;
	}
	.landscape #application-market-link-wrapper {
		margin: 20px 0 0 0;
	}
	.landscape .application-market-link {
		float: none;
		display: inline-block;
		margin: 0 10px;
	}


	#android-phone-landscape-box #device-box {

	}
	#android-phone-landscape-box #screen {

	}

	/* iPhone 5 (w) Portrait */
	#iphone5-w-portrait-box #device-box,
	#iphone5-b-portrait-box #device-box {
		
	}
	#iphone5-w-portrait-box #application-info-box,
	#iphone5-b-portrait-box #application-info-box {

	}
	#device-box
	{
		margin:0;
	}
	
	#modern-portrait-box #device-box {
		_margin: 50px 0 0 10px !important;
	}

	#modern-portrait-box #application-info-box {
		width: 300px;
	}

	#modern-tall-portrait-box #device-box {
		margin: 50px 0 0 10px !important;
	}

	#modern-tall-portrait-box #application-info-box {
		width: 300px;
	}

	#modern-2022-portrait-box #device-box {
		_margin: 50px 0 0 10px !important;
	}

	#modern-2022-portrait-box #application-info-box {
		width: 300px;
	}

	#modern-2024-portrait-box #device-box {
		_margin: 0px 0 0 10px !important;
	}

	#modern-2024-portrait-box #application-info-box {
		width: 300px;
	}

	#portrait-light-2024-portrait-box #device-box {
		margin: 0px 0 0 10px !important;
	}

	#portrait-light-2024-portrait-box #application-info-box {
		width: 300px;
	}

	#modern-2024-light-portrait-box #device-box {
		_margin: 0px 0 0 10px !important;
	}

	#modern-2024-light-portrait-box #application-info-box {
		width: 300px;
	}

	#modern-2023-light-portrait-box #device-box {
		margin: 50px 0 0 10px !important;
	}

	#modern-2023-light-portrait-box #application-info-box {
		width: 300px;
	}
	
	/* iPhone Portrait */
	#iphone-portrait-box #device-box {
		margin-left: 40px;
	}
	#iphone-portrait-box #application-info-box {
		width: 380px;
		margin-right: 10px;
	}
	/* Droid Phone Portrait */
	#android-phone-portrait-box #device-box {
		_margin-left: 40px;
	}
	#android-phone-portrait-box #application-info-box {
		_margin-right: 20px;
		_width: 380px;
	}
	/* iPad Portrait */
	#ipad-portrait-box #application-info-box {
		width: 280px;
		margin-right: 0;
	}
	#ipad-portrait-box #device-box {
		margin-left: 10px;
	}
	
	/* Android Tablet Portrait */
	#android-tablet-portrait-box .application-market-link {
		display: block;
		margin: 0 0 15px 0;
	}
	#android-tablet-portrait-box .application-market-link.last {
		margin: 0;
	}
	#android-tablet-portrait-box #application-info-box {
		width: 280px;
		margin-right: 20px;
	}
	#android-tablet-portrait-box #device-box {
		margin-left: 40px;
	}

	/* Window Surface Portrait */
	#window-surface-portrait-box .application-market-link {
		display: block;
		margin: 0 0 15px 0;
	}
	#window-surface-portrait-box .application-market-link.last {
		margin: 0;
	}
	#window-surface-portrait-box #application-info-box {
		width: 280px;
		margin-right: 20px;
	}
	#window-surface-portrait-box #device-box {
		margin-left: 50px;
	}

	/* Window Phone Portrait */
	#window-phone-portrait-box #application-info-box {
		width: 370px;
		margin-right: 20px;
	}
	#window-phone-portrait-box #device-box {
		margin-left: 50px;
	}


	/* Apps Archive */
	.apps-archive-list {
		_width:100%;
		_max-width: 765px;
	}
	

	/* Apps Grid */
	.app-frame .title {
		font-size: 0.8em !important;
    	_line-height: 0.9em !important;
	}

	/* Portfolio Grid */
	.portfolio-frame .portfolio-info {
		top: 90px;
	}

	/* Archive Portfolio */
	.portfolio-archive-list {
		width: 765px;
	}
	.portfolio-archive-list li {
		width: 215px;
	}

	
	/* General */
	.icon-title {
		font-size: 14px;
		line-height: 18px;
	}
	.photo-title { opacity: 1; }
	
	/* Sub Menu Widget */
	#sidebar .widget_sub_nav ul {
		margin-left: -25px;
	}
	#sidebar .widget_sub_nav ul li a {
		padding-left: 24px;
	}
	.sidebar-left #sidebar .widget_sub_nav ul {
		margin-right: -24px;
	}
	.sidebar-left #sidebar .widget_sub_nav ul li a {
		padding-right: 24px;
	}

	/* Single Portfolio */
	#portfolio-box {
		margin: 0 auto;
		clear: both;
	}
	#portfolio-info-box {
		position: relative;
		bottom: auto;
		right: auto;
		text-align: center;
		margin: 0 auto 40px;
		width: 90%;
	}
	#portfolio-info-box .application-market-link {
		float: none;
	}
	#portfolio-info-box .action-button {
		float: none;
	}


	body .category {
		display: none;
	}
	

	
	#application-info-box {


	}
}


.page-id-1560 #header-content,
.page-id-1560 footer,
.page-id-897 #header-content,
.page-id-897 footer, 
.page-id-983 #header-content,
.page-id-983 footer,
.page-id-1503 #header-content,
.page-id-1503 footer,
.page-id-1224  #header-content,
.page-id-1224 footer, 
.page-id-1139 #header-content,
.page-id-1139 footer
{
	display:none;
}


@media only screen and (max-width: 767px) {
	
	#home-slide .slide-caption-headline a {
        font-size: 1.5em;
    }

	.app-info .title {
		margin-left: -20px;
		font-size: 0.77em !important;
	}
	.apps-archive-list {
		width: 790px;
		max-width: 100%;
	}

	.container {
		width:800px;
		max-width: 90%;
	}	
	.one_third {
		_width: 30.6%;
		
	}
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		height: auto !important;
		
		min-height: 1px;
		position: relative;
	}
	.app-frame .photo-frame {
		max-height: 95px;
		height: 95px;
	}
	

	.app-info .title {
		font-size: 0.85em;
		

	}
		.app-info .category {

		display: none;
	}
}

@media only screen and (max-width: 720px) {


	#application-info-box {


	}
	

	.home  .container {
		width: 90%;
	}
	#primary-menu li a {

		background-color: transparent;

	}
	.slide-caption  .container {
		width: 100%;
		max-width: 100%;
	}

	/* Grid */
	.one_half,
	
	.two_third,
	.one_fourth,
	.three_fourth { width: 100%; }
	
	.app_grid.one_third 
	{ 
		width: calc(50% - 10px);
		margin: 5px;
	}
	
	.app-frame {
		margin: 15px 5px 0px 5px;
		
		
	}
	
	.app_grid.one_third.last {
		clear: none;
		margin-right: 1% !important;
	}

	.app_grid .photo-frame-shadow, .app_grid p {
		_height: 0px;
		_display: none;
	}
	
	.app_grid.one_third p
	{
		display:none;
	}
	
	.app-frame .app-info
	{ 
		min-height: 65px !important;
		padding-left: 100px;
	}
	
	.home #main-content .clear
	{
		clear: none;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
	
	img.app_img 
	{
		width:100%;
	}
	
	.app-frame .photo-frame {
		height: auto;
	}
	


	.apps-archive-list {
		width: 100%;
	}

	#body-wrap
	{
		width:85%;
	}
	
	#body-wrap #main-content
	{
	    float: none;
		width: auto;
		max-width: 600px;
		margin: auto;
	}
	
	.app_grid
	{
		max-width:90%;
		margin: auto;
		max-width: 97%;
		width: 97%;
	}
	
	.app-info .title {
		font-size: 1.1em !important;
		line-height: 0.9em;
	}
	

	.app-frame .app-info img {
		width: 60px;
	}
	
	.app-frame .photo-frame {
		max-height: 125px;
		height: 125px;
	}

}

@media only screen and (max-width: 660px) {
	
	#home-slide .slide-caption-headline a {
		font-size: 1.4em;
		line-height: 1.1em;
	}

	#device {

		float: none;
		margin: auto;
	}
	#device-box {
		float: none;
		width: 100%;
		padding-right: 0px;
	}
	#application-info-box {
		display: block;
		padding-top: 20px;
		float: none;
		margin: auto;	
		width: 90%;
	}
	.app-frame .photo-frame {
		max-height: 115px;

	}

	.app-info .title {
		font-size: 1.0em !important;
		line-height: 0.9em;
	}

}

@media only screen and (max-width: 640px) {

	
	.landscape #device {
		background-image: none !important;
		height: auto !important;
		width: 100% !important;
	}

	.landscape #screen {
		background-image: none !important;
		width: 100% !important;
		height: auto !important;
		width: 100% !important;
		margin-bottom: 0px !important;
				left: 0 !important;
		top: 0 !important;
		position: relative;
		margin: auto auto;
		width: 100% !important;
	}
	.landscape #device-box {
		width: 100%;
		margin: 0;
	}

	.landscape   #application-info-box {
		width: 100%;
		margin: 0;
	}
	
	.landscape .flexslider {
		border-radius: 10px;
	}

	.app-info .title {
		font-size: 0.9em !important;
		line-height: 0.9em;
	}
}

@media only screen and (max-width: 560px) {
	
	#device-box {

		
	}
	

	
	

	
	#iphone5-w-portrait-box #application-info-box,
	#iphone5-b-portrait-box #application-info-box  {

	}

	.home  .container {
		width: 90%;
	}
	
	.slide-caption  .container {
		width: 100%;
	}

	/* Grid */
	.one_half,
	
	.two_third,
	.one_fourth,
	.three_fourth { width: 100%; }
	
	.app-frame .app-info img {
		width: 60px;
	}
	.app_grid.one_third { 
		width: 100%;
		margin: auto;
		float: none; 
		padding-bottom: 20px;
		max-width: 95%;
		}
	
	.app_grid {
		max-width: 90%;
		margin: auto;
		max-width: 315px;
		width: 97%;
	}
	
	.app_grid.one_third.last {
		clear: none;
		margin-right:auto !important;
	}
	


	.app_grid .photo-frame-shadow, .app_grid p {
		height: 0px;
		display: none;
	}
	
	.app-frame .app-info
	{ 
		min-height: 60px !important;
	}
	
	.home #main-content .clear
	{
		clear: none;
		display: none;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
	
	img.app_img 
	{
		width:100%;
	}
	



	.app-frame .photo-frame {
		height: auto;
		max-height: 230px;
	}
	

	.apps-archive-list {
		width: 100%;
		height: auto !important;
	}

	#body-wrap
	{
		width:90%;
	}
	
	.app-info .title {
		font-size:1.1em !important;
		line-height:0.9em;
		padding-left: 12px;
	}
	
	.app-info .category {

		padding-top: 10px;
	}
	
	
}



@media only screen and (max-width:480px) {
	
	#home-slide .slide-caption-headline {
		
		margin: 6px;
	}

	#home-slide .slide-caption-headline a {
        font-size: 1.2em;
        line-height: 1em;
        padding: 10px !important;
        vertical-align: middle;
        display: inline;
        height: 150%;
        padding-top: 20px !important;
	}

	#show-space.image-slide-full-frame #home-slide ul li img {
		width: 240%;
		margin: -0% -70%;
		position: relative;
	}
	
	
	.app-frame .photo-frame {
		height: auto;
		max-height: 190px;
	}
	
	.app-frame .photo-frame {
		height: auto;
		max-height: 160px;
	}
}




@media only screen and (max-width: 440px) {
	
	.app-info .title {
		font-size:1.2em !important;

	}
}
@media only screen and (max-width: 360px) {
	
	.app-info .title {
		font-size:0.8em !important;

	}

	.app-frame .photo-frame {
		height: auto;
		max-height: 140px;
	}
	#header-content { 

		min-height: 55px; 
	}

	#branding {

		height: 55px;

	}
}

@media only screen and (max-width: 350px)
{

	
	.single-app #body-wrap {
		width: 85%;
	}	
	.app-frame .photo-frame {
		height: auto;
		max-height: 120px;
	}
	
	#application-info-box {


	}

	#iphone5-w-portrait-box #device-box, 
	#iphone5-b-portrait-box #device-box,
	#android-tablet-portrait-box #device-box, 
	#android-phone-portrait-box #device-box, 
	#modern-2022-portrait-box #device-box,
	#modern-2024-portrait-box #device-box
	{
		width: 100%;
	}





	#screen {
		left: 0 !important;
		top: 0 !important;
		position: relative;
		margin: auto auto;
		width: 100% !important;
		max-width: 220px;
	}
	
	.landscape #screen {
		width: 100% !important;
		max-width: 100%;
	}

	#device
	{
		background-image: none !important;
		width: 100% !important;
		height: auto !important;
		width: 100% !important;
		margin-bottom: 0px !important;
	}
	
	#android-tablet-portrait-box #screen, 
	#android-phone-portrait-box #screen, 
	#modern-2022-portrait-box #screen, 
	#modern-2024-portrait-box #screen,
	#modern-2024-light-portrait-box #screen
	{
		height: auto !important;
		top: 0 !important;
		left: 0 !important;
		position: relative;
		margin: auto auto;
	}

	.flexslider {
		border-radius: 10px;
	}
}
@media only screen and (max-width: 310px)
{
	
	
	

	

}
	
@media only screen and (max-width: 290px) {
	

	.container {
		width: 100%;
	}
	

}

@media only screen and (max-width: 280px)
{
	.app-frame .photo-frame {
		height: auto;
		max-height: 110px;
	}
}

@media only screen and (max-width: 250px)
{
	.app-frame .photo-frame {
		height: auto;
		max-height: 90px;
	}
	
	.app-info .title {
		font-size: 0.8em;
		line-height: 0.9em;
	}
}