@charset "utf-8";
/* ===== REVOME IF THE SITE IS NOT RESPONSIVE ===== */
/* Table of Contents
==================================================
    #Base 960 Grid
	#Big 1200px
    #Tablet (Portrait)
    
/* #Base 960 Grid
================================================== */
#detector-MQ{width:960px;}
.container{position:relative;width:960px;margin:0 auto;padding:0}
.container .column,
.container .columns {float:left;display:inline;margin-left:10px;margin-right:10px}
.row {margin-bottom:20px}
.width_75_percent { width: 75%; }



#backToTop {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 5px;
    bottom: 10px;
    cursor: pointer;
    display: none;
    height: 20px;
    padding: 10px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 20px;
	z-index:550;
}

.mobileBrowser .appList .trans{
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
}

/* 1100px LAYOUT
================================================== */
@media only screen and (min-width: 1600px){
	img.custom-fun-phone-cardiograph { margin-top: -42px; max-width: 108%; max-height: 108%; }
	#detector-MQ{width:1100px;}
	.container{position:relative;width:1100px;margin:0 auto;padding:0}
	.container .column,
	.container .columns {float:left;display:inline;margin-left:10px;margin-right:10px}
	.row {margin-bottom:20px}
	
	.slideBox{background-size:100% auto;-webkit-background-size:100% auto;}
	.bgSetFix .slideBox{background-size:auto 100%;-webkit-background-size:auto 100%;}
	
	.smallFont{font-size:22px;line-height:30px;}
	
	.button-1.vids,
	.button-3.vids{
		margin:0 auto;
		float:none;
		padding:6px 8px 6px 32px;
	}
		
	.cButton{
		width:25px;
		height:25px;
		margin:-2px 0 0 -28px
	}
	
	.cButton:after {
		border-bottom: 6px solid rgba(0, 0, 0, 0);
		border-left: 9px solid #5D4C44;
		border-top: 6px solid rgba(0, 0, 0, 0);
		left: 10px;
		top: 7px;
	}
	
	#slide-2 .button-1:hover .cButton:after{
		border-left: 9px solid #37BEEE;
	}
	
	#slide-3 .button-1:hover .cButton:after{
		border-left: 9px solid #DB3A36;
	} 
	
	.brandBox .button-1{
		height:21px;
		max-width:115px;
		font-size:16px;
		line-height:19px;
	}
	
	.button-1.vids,
	.button-3.vids{
		height:22px;
		line-height:22px;
	}
	
	/* VIEW - 2 */
	#view-2{padding:100px 0 100px}
	#view-2 .container{width:1130px;}
	.head_text{font-size:24px;line-height:32px;}
	.head_text  strong{font-size:26px;}
	/* VIEW - 3 */
	.articStyle-1 .text{line-height:30px;font-size:22px;letter-spacing: -.5px;}
	
	/* FOOTER */
	.footMenuTopLevel > li.footLinks{width:200px;}
	.footMenuTopLevel > li.buttonHolder{width:230px;margin-right:120px;}
	.footMenuTopLevel > li.buttonHolder ul{margin:0 10px;}
	.footMenuTopLevel > li.contactSpot{width:340px;}
	
	.footMenuTopLevel .socialNet > li:last-child {
		width: auto;
		float: none;
		clear: both;
	}
}

/* 768px LAYOUT
================================================== */

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.HSize-432 { height: 367px; }
	img.custom-fun-phone-cardiograph { margin-top: 15px; max-width: 100%; max-height: 100%; }
	#detector-MQ{width:768px;}
	.container{width:768px;}
	.container .column,
	.container .columns{margin-left:10px;margin-right:10px}
	.column.alpha, .columns.alpha{margin-left:0;margin-right:10px}
	.column.omega, .columns.omega{margin-right:0;margin-left:10px}
	.alpha.omega{margin-left:0;margin-right:0}
	
	.bgSetFix .slideBox{background-size:auto 100%;-webkit-background-size:auto 100%;}

	.articStyle-1 h1{font-size: 42px}
	.articStyle-1 .text{font-size: 18px;line-height: 28px;}
	.articStyle-1 .text br{display:none}
	/* --- ---- VIEWS --- ---- */
	#view-1, .slideBox,.brandBox{height:550px}
	/* VIEW - 2 */
	.head_text{font-size:20px;line-height:28px;}
	.head_text  strong{font-size:22px;}
	/* .appList > li{margin:0 15px 15px;width:236px;height:250.16} */
	.appList > li{
		width:236px;
		height:250.2px;
		margin: 0 10px 20px;
	}
	.appList > li .footInf{
		height:78px;
	}
	
	.footInf figure{
		width: 60px;
		height: 60px;
		top: 12px;
		left: 14px;
	}

	.footInf .titleArea{
		width: 150px;
		left: 78px;
		top: 22px;
	}
	.footInf .titleArea h5{
		font-size:16px;
		line-height:18px;
	}

	.footInf .titleArea h6{
		font-size:11px;
		line-height:13px;
	}
	
	/* VIEW - 3 */
	
	
	/* FOOTER */
	.footMenuTopLevel > li{margin-right: 30px;width: 160px;}
	.footMenuTopLevel > li h1{font-size:20px;}
	.footMenuTopLevel > li a,
	.buttonLinks li a{font-size:13px;}
	
	/* .footMenuTopLevel .socialNet{text-align:center;} */
	.footMenuTopLevel .socialNet > li:first-child{
		margin-left:0;
	}
	.footMenuTopLevel .socialNet > li{
		width:36px;
		height:36px;
		margin:0px 2px;
		display:inline-block;
		float:none;
	}
	.footMenuTopLevel .socialNet > li a{height:36px;}
	.socialNet > li a.facebook {background-position: 50% -2px;}
	.socialNet > li a.rsfeed {background-position: 50% -57px;}
	.socialNet > li a.twitter {background-position: 50% -115px;}
	
	.footMenuTopLevel > li.footLinks{width:140px;}
	.footMenuTopLevel > li.buttonHolder{width:175px;margin-right:35px;}
	.footMenuTopLevel > li.buttonHolder ul{margin:0;}
	
	
	

	
	/* ============= ONLY MOBILE DEVICE ================ */
	.mobileBrowser .bx-wrapper .bx-controls-direction a{width:40px;}
	.mobileBrowser #slide-3 .brandBox{padding:0;}
	.mobileBrowser #slide-1 .brandBox,
	.mobileBrowser #slide-2 .brandBox{
		position:relative;
		margin:0 auto;
		width:254px;
	}

	.mobileBrowser .footMenuTopLevel > li{
		margin:0 auto 15px;
		width:40%;
		text-align:center;
	}
	
	.mobileBrowser #address{font-size:13px;}
	.footMenuTopLevel .socialNet > li:last-child {
		width: auto;
		float: none;
		top: -11px;
	}
}


@media only screen and (max-width: 768px){
	.HSize-432 { height: auto; }
	img.custom-fun-phone-cardiograph { margin-top: 15px; max-width: 100%; max-height: 100%; }
	#detector-MQ{width:320px;}
	.container {width:96%;margin:0 auto;min-width:300px;}
	
	.brandBox.vset{height:280px;}
	.brandLogo{width:180px;}
	#view-1,.slideBox,.brandBox{height:380px;}
	/* .d-menu{display:none;} */
	.head_text strong{font-size:16px;}
	.head_text{font-size:14px;}
	
	#header > .container{width:auto;}
	
	#header > .container .logo{margin-left:3%;}
	#header > .container #topMenu{margin-right:3%;}
	.brandBoxInner .brandLogo img{max-height:115px;}
	#topMenu{
		width:50px;
		height:52px;
		background:url(../img/mobMenu.png) no-repeat 50% 50%;
		margin:-10px 0 0 0;
	}
	
	#siteMenu{
		display:none;
		position:absolute;
		left:0;
		top: 42px;
		width: 100%;
		background: url("../img/headg.png") repeat 0 0 transparent;
		padding-top:10px;
		padding-bottom:10px;
		overflow:hidden;
		z-index:100;
	}
	
	/* #siteMenu:after{
		box-shadow: 0 -1px 8px 6px #000;
		-webkit-box-shadow: 0 -1px 8px 6px #000;
		content: "";
		height: 0;
		position: absolute;
		top: 0;
		width: 100%;
		left:0;
	} */
	
	#siteMenu > li{
		float:none;
		display:block;
		height:40px;
	}
	
	#siteMenu > li a{
		text-align:center;
		line-height:40px;
		color:#fff;
	}
	.articStyle-1 .text,
	.contentBox .txt{font-size:16px;line-height:22px;}
	
	.bx-wrapper .bx-pager.bx-default-pager a,
	.bx-wrapper .bx-pager-item	{
		width: 18px!important;
		height: 14px;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a:after{
		width: 10px!important;
		height: 10px!important;
		/* left:5px!important; */
	}
	
	.hstyle-1{
		font-size:26px;
		line-height:34px;
	}
	.hstyle-2{
		font-size:22px;
		line-height:30px;
	}
	
	#view-2 .container{text-align:center;}
	.appList{display:inline-block;width:auto;float:none;vertical-align:top;max-width:660px;}
	
	.appList > li,
	.mobileBrowser .appList > li{
		width:200px;
		height:212px;
		margin: 0 10px 20px;
	}
	.appList > li .footInf{height:66px;}
	
	.footInf figure{
		width:50px;
		height:50px;
		top:10px;
		left:12px;
	}

	.footInf .titleArea{
		width:130px;
		left:66px;
		top:18px;
	}
	.footInf .titleArea h5{
		font-size:14px;
		line-height:16px;
	}

	.footInf .titleArea h6{
		font-size:10px;
		line-height:13px;
	}
	
	.mobileBrowser .appList{
/* 		min-width:440px; */
		margin: 0 auto;
	}
	
	#view-3 .text br{display:none}
	
	/* Retina-specific iPhone5 STUFF */
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
		.articStyle-1 .text,
		.contentBox .txt{font-size:18px;line-height:28px;}
		
		#topMenu{
			background-image:url("../img/mobMenux2.png") no-repeat 50% 50%;
			background-size:21px 16px;
			-webkit-background-size:21px 16px;
		}
		
		.logo a{
			background:url(../img/logox2.png) no-repeat 0 4px;
			background-size:132px 23px;
			-webkit-background-size:132px 23px;
		}
		
		#botLogo{
			background:url(../img/logoBlackx2.png) no-repeat 0 0;
			background-size:130px 21px;
			-webkit-background-size:130px 21px;
		}
		
	}
	
	@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
	.head_text, .articStyle-1 .text, .contentBox .txt
	{
		font-size: 11px;
		line-height: 20px;
	}
}


	#tc_zone > *{padding:0 2%;}
	
	.footMenuTopLevel > li{
/* 
		width:44%!important;
		margin:0 3% 20px!important;
 */
		text-align:center
	}
	.footMenuTopLevel .socialNet{
		text-align:center;
	}
	.footMenuTopLevel .socialNet > li{
		display:inline-block;
		float:none;
		margin: 0 5px!important
	}
	
	.floatLeft,
	.floatRight{float:none!important}
	.tc_text{
		font-size:11px;
		line-height:22px;
		padding:5px 0;
	}
	
	.footMenuTopLevel .socialNet > li:last-child {
		width: auto;
		float: none;
		clear: both;
		
		position: relative;
		top: -17px;
		left: 0px;
	}
	
	.prev_arrow
{
	display: none!important;
}

.next_arrow
{
	display: none!important;
}

@media only screen and (max-width: 700px) and (min-width: 481px){
	.appList{display:inline-block;width:auto;float:none;vertical-align:top;max-width:440px;}
}

@media only screen and (max-width: 480px) {
	.HSize-432 { height: auto; }
	#detector-MQ{width:240px;}
	.container {width:92%;margin:0 auto;min-width:300px;}
	#header > .container .logo{margin-left:4%;}
	#header > .container #topMenu{margin-right:4%;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:12px!important;}
	.brandBox > *, .brandBox > .brandBoxInner > *{margin-bottom:5px;}
	.brandBox > *, .brandBox > .brandBoxInner > *:last-child{margin-bottom:0;}
	.bx-wrapper .bx-pager-item{margin:0;}
	.brandBoxInner .brandLogo img{max-height:115px;}
	
	.brandLogo{width:145px;}
	.smallFont2{font-size:14px;}
	.brandBox{width:240px;}
	.bx-wrapper .bx-prev{left:10px!important}
	.bx-wrapper .bx-next{right:10px!important}
	
	.brandBox .button-1 {
		font-size: 10px;
		height: 14px;
		line-height: 14px;
		max-width: 76px;
	}
	.button-1.vids, .button-3.vids {
		height: 14px;
		padding: 4px 4px 4px 22px;
	}
	.button-3{min-width:80px;line-height:17px;}
	.cButton {
		height: 20px;
		margin: -3px 0 0 -20px;
		width: 20px;
	}
	
	.cButton:after{
		border-bottom: 4px solid transparent;
		border-left: 6px solid #5D4C44;
		border-top: 4px solid transparent;
		left: 8px;
		top: 6px;
	}
	
	#slide-3 .button-1:hover .cButton:after {
		border-left: 6px solid #DB3A36;
	}
	.button-1:hover .cButton:after {
		border-left: 6px solid #37BEEE;
	}
	
	.button-1, .button-3 {
		border: 1px solid #CCC4C2;
		border-radius: 30px;
		/* color: #CCC4C2; */
		font-size:11px;
		line-height: 16px;
		margin-top: 5px;
		padding: 8px 22px;
	}
	
	
	.appList > li{
		width:136px;
		height:144.1px;
		margin: 0 6px 12px;
	}
	
	.appList > li .footInf{
		height:45px;
	}
	.footInf figure{
		width:36px;
		height:36px;
		top:5px;
		left:7px;
	}

	.footInf .titleArea{
		width:90px;
		left:44px;
		top:12px;
	}
	.footInf .titleArea h5{
		font-size:10px;
		line-height:12px;
	}

	.footInf .titleArea h6{
		font-size:8px;
		line-height:10px;
	}
	
	.mobileBrowser .appList{width:auto;}
	.mobileBrowser .appList > li{margin: 0 6px 12px;float:none;width:136px;height:144.1px;display:inline-block}
	
	#view-2{padding:30px 0 50px}
	#view-3{padding:25px 0}
	.head_text,
	.articStyle-1 .text,
	.contentBox .txt{font-size:15px;line-height:24px;}
	.mobileBrowser .contentBox .txt{font-size:16px;line-height:22px;}

	.projectHeader{padding-bottom:35px;}
	.brandBox > .brandBoxInner > .smallFont2 br{display:none;}
	.footLinks{display:none;}
	
	.footMenuTopLevel > li{
		width:90%!important;
		margin:0 5% 25px!important;
		text-align:center
	}
	.bg-img2{margin-top:-1px;}
	.footMenuTopLevel .regularButton{max-width:200px;margin:0 auto;}
	#aboutMacropinch{width:260px;}
	.tc_text{line-height:20px;padding:5px 4%;}
	.footMenuTopLevel > li:first-child{
		margin: 0 auto;
		width: 300px;
	}
	
	.footMenuTopLevel .socialNet > li:last-child {
		width: auto;
		display: block;
		float: none;
		padding-top: 40px;
		padding-bottom: 20px;
		clear: both;
	}
	
	.d-menu a:last-child {
		margin: 0px;
	}
	
	.d-menu a:last-child,
	.d-menu a:first-child {
		margin-left: 0px!important;
		margin-right: 0px!important;
		margin-bottom: 10px;
	}
	
	#project_IMG, #innerpage .mygrocery_header
	{
		height: 480px;
	}
	
	.grocery_app_store
	{
		width: 168px;
	}
	
	.d-menu a:last-child
	{
		display:block;
		clear:both;
	}
}