/****************************************************

	IPAD LANDSCAPE

*****************************************************/
@media only screen  and (max-width: 1080px) and (orientation : landscape) {

	/******************************************
		PRODUCT POPUPS
	*******************************************/
	#isotope .card .info:hover{
		color:#FFF;
		border-color:none;
	}

	#isotope .card .info:hover .infoPop{
		display:none;
	}

	#isotope .card .info.active{
		color:#2A7389;
		border-color:#2A7389;
	}
	#isotope .card .info.active .infoPop{
		display:block;
	}

	/******************************************
		LISTS
	*******************************************/
	#listWrap .listProduct .infoContainer .info:hover .infoPop {
		display: none;
	}

	#listWrap li .info:hover {
		color:#FFF;
		border-color:none;
	}

	#listWrap li .info.active {
		color:#2A7389;
		border-color:#2A7389;
	}

	#listWrap .listProduct .infoContainer .info.active .infoPop {
		display:block;
	}

	/******************************************
		ORDERS
	*******************************************/
	#ordersMain li .info:hover {
		color:#FFF;
		border-color:none;
	}

	#ordersMain li .info:hover .infoPop {
		display:none;
	}

	#ordersMain li .info.active{
		color:#2A7389;
		border-color:#2A7389;
	}

	#ordersMain li .info.active .infoPop{
		display:block;
	}

}

@media (max-width: 1080px) {

	.order-title, .order-status{
		font-size: 11px !important;
	}

	.order-status{
		padding: 0 0px 0 5px !important;
	}
	
	/******************************************
		MODALS
	*******************************************/
	#addModal a .control .m-btn,
	#addModal a .control .add {
		display: none;
	}

	#stayPuft .breadBuster .dropdown-toggle{
		font-size: 14px;
		width: 120px;
	}

	#addModal a.btn:hover{
		background:#EEE;
		border-color:transparent;
	}

	#addModal a.btn:active {
		box-shadow: none;
	}

	#addModal a.btn.active:hover{
		color:#FFF;
		box-shadow:none;
		background:#63BA98;
		border:none;
	}
	
	/* HEADER */
	#header #topNav{
		margin-top:10px;
	}
	/*#header #stayPuft{
		left:160px;
	}*/
	#header #stayPuft .breadBuster,
	#header #stayPuft .breadBreaker{
		margin-right:20px;
	}
	#header #topNav li a{
		font-size:11px;
	}

	/* LISTS */
	#listMenu #addList,
	body #listMenu #addOrder{
		width: auto;
		display:block;
		text-align:center;
		padding:7px 0;
	}
	#listMenu #addList i,
	body #listMenu #addOrder i{
		display:none;
	}

	#listsMain li .weight,
	#sharedMain li .weight{
		padding:0;
	}

	#jrPivot .btn-success{
		padding:10px;
	}

	/******************************************
		ORDERS
	*******************************************/
	body #ordersMain #orderInfo {
		padding: 20px;
	}

	#ordersMain .block .inside .main {
		font-size: 12px;
		line-height: 14px;
	}

	#ordersMain .block .inside .sub{
		font-size: 11px;
	}

	#ordersMain #orderInfo .customer-reference {
		padding: 0 0 0 0;
	}

	body #ordersMain .span4 {
		height: 150px;
	}

	body #ordersMain #orderLists {
		padding: 10px 0 10px 0;
	}

	#ordersMain li .title {
		width: 70%;
	}

	#listMenu li:hover,
	#listMenu li:hover span {
		color:#AAAAAA;
	}

	#listMenu.orders li:hover .icon-cog {
		display: none;
	}
	
	#listMenu li.active,
	#listMenu li.active span{
		color: #fff;
	}

	#listMenu.orders li.active .icon-cog {
		display: block;
	}

	#listMenu section#createOrder .btn {
		margin: 0 0 10px 0;
		float: none;
		width: 100%;
		display: block;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
} 
/* MEDIA CLOSE */

/****************************************************

	PORTRAIT TABLET AND DOWN

*****************************************************/
@media (max-width: 768px) {

	#ordersMain .header{
		border-bottom: 2px solid #CCCCCC;
	}

.no-products{
	padding-top: 0px !important;
	padding-left: 0px !important;
	margin-left: 0 !important;
	text-align: center !important;
	position: absolute;
	width: 100%;
	margin-top: 8px !important;
	left: 0;
}

body{
	padding:0;
	width: 100%;
}

.scrollMe{
	color:#FFF;
	width:75px;
	font-weight:700;
	text-transform:uppercase;
	line-height:20px;
	text-align:center;
	border-radius:5px;
	background:#182D36;
	padding:10px 0;
	bottom:20px;
	opacity:0.8;
}
.scrollMe i{
	display:block;
}


#addModal{
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}

#addModal footer {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
}

#addModal .tab-pane .inner{
	overflow: scroll;
}

#productNewList, #productNewOrder{
	display: none;
}

#addModal a.btn{
	width: 100%;
}

#addModal footer .btn.btn-primary {
	width: 70px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position: absolute;
	top: 10px;
	right: 10px;
}

#addModal footer .btn {
	width: 100%;
	margin: 0;
	padding: 20px 0;
}
.inner li {
	display: block;
}

/* Lists */

#listsMain .footer .controls .btn i,
#sharedMain .footer .controls .btn i{
	font-size: 14px;
	margin-right: 3px;
	top: 1px;
}

#listsMain .footer .controls .btn,
#sharedMain .footer .controls .btn{
	font-size: 12px;
	padding: 7px 8px !important;
}

#listMenu #addList{
	/*width: inherit !important;*/
}

#listsMain .header #listName,
#sharedMain .header #listName{
	font-size: 18px;
}

/* Settings */

#usersMain{
	left: -30px;
}

.vessel-billing {
	padding: 10px 20px 10px 20px;
}


/* LOGIN */

html, body{
	min-height: 100%;
	background-color: #1d4552;
}

html.contact-modal,
html.contact-modal body {
	background-color: #fff;
}

#loginShield{
	left: initial;
	top: initial;
	
}

#loginBox .brand{
	margin: 0px auto;
}

#loginBox {
	margin: auto;
	position: relative;
	left: initial;
	top: initial;
	width: 100%;
	padding-top: 20px;
}

#loginShield{
	position: relative;
	padding-bottom: 60px;
}

#loginBox #edit-name-wrapper{
	padding: 0;
}

#loginShield canvas{
	display: none;
}

#theSea{
	display: none;
}

#user-login, #user-pass{
	padding-top: 20px;
	width: 100%;
	border-radius: 0px !important;
}

#user-login .form-item, #user-pass .form-item{
	width: 260px;
	padding: 0 !important;
	margin: auto;
}

#loginBox .footer{
	padding: 30px 0px;
	margin: auto;
	margin-top: 20px;
	width: 100%;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#loginBox .footer a{
	position: relative;
	width: 235px;
	margin: auto;
	display: block;
}

#loginBox .forgot{
	text-align: center;
	width: 100%;
	margin: auto;
}


/**
 * settings
 */

#usersMain {
	right: 50px;
	height: 100%;
	padding: 0 0 0 30px;
	position: absolute;
	color: #FFFFFF;
	bottom: 0;
	top: 0;
}

#user-profile-form{
	padding: 15px 20px 15px 15px;
}

.user-body{
	padding: 10px 20px;
}

#sharedMain {
	background: transparent;
	padding: 20px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
}


/******************************************
	HIDDEN
*******************************************/
#isoControls,
#isoFilter{
	display:none;
}
#header{
	height:120px;
	background:#154C5C;
}
#header #topNav ul li,
#header #stayPuft #busterOne,
#header #stayPuft #busterTwo,
#header #stayPuft .breadBreaker,
#header #stayPuft #tagPuft{
	display:none;
}

.remove-filters{
	position: absolute;
	top: 0;
	left: 0;
}
.remove-filters:after{
	content: "remove filters";
	font-size: 12px;
	position: absolute;
	margin-left: 5px;
	width: 100px;
}
#header #topNav ul li.logout-link {
	display: block;
	margin: 0 0 0 0;
}
#header #brand{
	display:block;
	margin:10px auto 0 auto;
	padding:20px 0;
	float: none;
}
/******************************************
customer-reference	SEARCH BOX
*******************************************/

#search-filter-form{
	width:100%;
}
/******************************************
	PRODUCT AREA
*******************************************/
#newsArea, #productArea{
	padding:0 50px 0 0;
}
#products .controls{
	padding-left:10px;
}
#products .controls .search{
	width:100%;
	display:block;
	position:relative;
}
#products .controls #isoSearch{
	width:100%;
	height:44px;
	display:inline-block;
}
#products .controls .search .btn-primary{
	height:44px;
	width:44px;
	position:absolute;
	top:0; right:-9px;
	z-index:400;
}

/******************************************
	ASIDE
*******************************************/
#aside{
	width:50px;
	margin:0 0 0 -50px;
}
#aside #back span{
	display:none;
}
#aside ul{
	margin:0;
}
#aside .sideTabs{
	width:50px;
	font-size:21px;
}
#aside .sideTabs li .badge{
	color:#83AB96;
	width:10px;
	height:10px;
	padding:0;
	text-shadow:none;
	top:10px; right:10px;
}
#aside .sideTabs li a{
	padding:10px 0;
}

#jrPivot.open{
	width:auto;
	left:50px; right:0;
}

#listsMain,
#sharedMain,
#ordersMain{
	width:auto;
	padding:0;
	right:auto; left:0px;
}
#aside .sideTabs li a span{
	display:none;
}
/*****************************************
	DARKSIDE LIST MENUS
******************************************/
#listMenu h1{
	width:100%;
	display:block;
	float:left;
}

#sharedLists h1 {
	width: auto;
}

#listMenu li{
	display:block;
	width:100%;
	padding:10px 20px;
	float:left;
}

/*****************************************
	LISTS
******************************************/
#listMenu #addList,
body #listMenu #addOrder{
	width:auto;
	position:absolute;
	left:20px;
	/*right:70px;*/
	height: 20px;
	line-height: 20px;
}
#listsMain,
#sharedMain{
	background:#FFF;
	padding:0;
	left:0; right:50px;
}
#listsMain #listName,
#sharedMain #listName{
	padding:0 0 0 18px;
}
#listsMain li,
#sharedMain li{
	width:100%;
	height:30px;
	font-size:12px;
	line-height:30px;
	background:#FFF;
	border-radius:0;
	padding:10px 20px;
	display:block;
	float:left;
}
#listsMain .footer,
#sharedMain .footer{
	border-bottom:0;
	/*padding:62px 0 0 0;*/
}
#listsMain li.list-category,
#sharedMain li.list-category{
	height:42px;
}
#listsMain li .title,
#sharedMain li .title{
	width:100%;
}
#listsMain li .weight,
#sharedMain li .weight{
	position:absolute;
	top:10px; right:100px;
	margin:0 0 0 0;
	float:right;
}
#listsMain li .price,
#sharedMain li .price{
	position:absolute;
	top:10px; right:50px;
}
#listsMain li .title .itemName,
#sharedMain li .title .itemName{
	width:50%;
	font-size:10px;
	line-height:1.6em;
	padding:0;
}
#listsMain li .productQuantity, 
#sharedMain li .productQuantity, 
#ordersMain li .productQuantity{
	width:20px;
}
#listsMain .header,
#sharedMain .header{
	padding-bottom:0;
	border:0;
}
#listsMain .header .controls,
#sharedMain .header .controls{
	display:none;
}
#sharedMain .controls {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#listsMain .controls,
#sharedMain .controls{
	width:100%;
	background:#EEE;
	padding:10px;
	text-align:left;
	float:left;
}
#listsMain .controls .btn{
	float:none;
}
#listsMain .controls .add-list-to-order,
#sharedMain .controls .add-list-to-order{
	margin:0 20px 0 0;
	float:right;
}
#listsMain .print-order,
#sharedMain .print-order{
	display:none;
}
#listsMain #listWrap .infoContainer,
#listsMain #listWrap .listProductComment,
#sharedMain #listWrap .infoContainer,
#sharedMain #listWrap .listProductComment{
	display:none;
}
#aside #back{
	left:0;
}
#aside #back .disc{
	width:50px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
#listsMain .listTotalPrice,
#sharedMain .listTotalPrice{
	padding:0 20px 0 0;
}
#listsMain .listTotalPrice,
#listsMain .listTotalPrice .totalPrice,
#sharedMain .listTotalPrice,
#sharedMain .listTotalPrice .totalPrice{
	font-size:18px;
}
#listsMain li.list-category,
#sharedMain li.list-category {
	padding: 10px 20px 10px 20px;
	height: 20px;
	line-height:20px;
	margin: 0 0 0 0;
}

#listsMain li.list-category .title,
#sharedMain li.list-category .title {
	height: 20px;
	line-height:20px;
}

#listsMain li.list-category .title .itemName,
#sharedMain li.list-category .title .itemName{
	width: 100%;
	height: 20px;
	font-size:12px;
	line-height:20px;
	padding:0;
}
/******************************************
	ORDERS
*******************************************/
#ordersMain{
	background:#FFF;
	padding:0;
	left:0; right:50px;
}

#ordersMain .vessel,
#ordersMain .order-type,
#ordersMain .customer-reference{
	display:none;
}
#ordersMain #orderStatus{
	padding:10px 20px 10px 20px;
	margin:0px;
}
#ordersMain #orderInfo{
	padding:0px;
}
#ordersMain .span4{
	height:60px;
	padding:0;
}
#ordersMain #orderStatus .submit-order,
#ordersMain #orderStatus .editOrder,
#ordersMain #orderStatus .print-order{
	display:none;
}
#ordersMain .block .inside{
	margin:0 10px;
	padding:5px 0 5px 40px;
	border:0;
}
#ordersMain .address span.width{
	display:inline;
}
#ordersMain .title.center,
#listWrap .info{
	display:none;
}
#ordersMain .block .inside .main,
#ordersMain .block .inside .sub{
	text-align:left;
}
#ordersMain .block i{
	top:10px; left:30px;
}
#ordersMain .block .icon-map-marker{
	left:39px;
}
#ordersMain #orderInfo{
	border-top:2px solid #DDD;
	border-bottom:2px solid #DDD;
	box-shadow:none;
	padding:0 0 20px 0;
}
#ordersMain .orderTotalPrice{
	font-size:18px;
	padding:0 20px 20px 20px;
}
#ordersMain li{
	width:100%;
	height:50px;
	font-size:12px;
	line-height:30px;
	background:#FFF;
	border-radius:0;
	padding:10px 20px;
	display:block;
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#ordersMain li .title{
	height:65px;
}
#ordersMain #orderLists{
	display:none;
}

body #ordersMain .span4{
	height:45px;
	padding-bottom: 0;
	border: 2px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin: 0 2% 0 2%;
    width: 29%;
	float: left;
}
#ordersMain #orderInfo .order-data{
	padding:0;
}
#ordersMain .block .inside .main{
	font-size:12px;
	line-height: 14px;
}
#ordersMain .block .inside .sub{
	font-size: 11px;
}
#ordersMain #orderInfo .customer-reference{
	padding-top:10px;
	margin-top: -12px;
}
#ordersMain .block .inside .sub{
	line-height:1em;
}
#customer-reference{
	width:150px;
}
body #ordersMain #orderInfo{
	padding-top:15px;
	padding-bottom:15px;
	padding:24px 20px 20px 20px;
}
#ordersMain .block .inside{
	padding:6px;
}
#ordersMain .block .inside i{
	display:none;
}
#ordersMain .block .inside span{
	padding:0;
}
#customer-reference{
	margin:0;
}
#ordersMain li .title{
	width: 70%;
}
#ordersMain .controls{
	width:100%;
	background:#EEE;
	padding:10px;
	text-align:left;
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#ordersMain .span4.right .title{
	display: none;
	color:#333;
	font-size:13px;
	font-weight:bold;
	position:absolute;
	top:-160px; left:20px;
	opacity:1;
}
#ordersMain .span4.right .delivery-address{
	display: none;
	color:#444;
	font-size:14px;
	font-weight:400;
	position:absolute;
	top:-160px;
	left:80px;
}
#ordersMain .span4.right .delivery-address span{
	font-size:14px;
}
#ordersMain #listWrap .infoContainer,
#ordersMain #listWrap .orderProductComment{
	display:none;
}


#ordersMain li .title .itemName{
	font-size:12px;
}
#ordersMain li .title{
	width: 100%;
	line-height:20px;
	height: 30px;
	display: inline-block;
}
#ordersMain li .title .itemName{
	width:60%;
	height: 50px;
	font-size:12px;
	line-height:1.2em;
	padding:0;
}
#ordersMain li .weight{
	position:absolute;
	top:10px; right:70px;
	margin:0 10px 0 0;
	float:right;
	padding: 0 0 0 0;
}
#ordersMain li .price{
	position:absolute;
	top:10px; right:20px;
}

#ordersMain li.order-category {
	padding: 10px 20px 10px 20px;
	height: 40px;
	line-height:20px;
}

#ordersMain li.order-category .title {
	height: 20px;
	line-height:20px;
}

#ordersMain li.order-category .title .itemName{
	width: 100%;
	height: 20px;
	font-size:12px;
	line-height:20px;
	padding:0;
}

#ordersMain .orderTotalPrice{
	font-size:18px;
	padding:0 20px 10px 20px;
	margin: 15px 0 0 0;
}

#ordersMain .footer {
	padding: 0 0 0 0;
}

#ordersMain .footer .controls .btn{
	font-size: 12px;
	padding: 7px 8px !important;
	margin-top: 15px;
	margin-bottom: 10px;
}

#listMenu section#createOrder{
	background:#EEE;
	padding:15px;
	border-radius:4px;
	position:absolute;
	top:20px; right:0px; left:20px;
	z-index:100;
	width: 628px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#listMenu section#createOrder:before {
	border-left: none;
	border-right: none;
}

#listMenu #createOrder input,
#listMenu #createOrder select {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 12px;
	height: 24px;
}

#listMenu section#createOrder .btn {
	float: none;
	padding: 7px 8px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#ordersMain li.no-order-products {
	height: auto;
}

/******************************************
	CARDS
*******************************************/



}

@media (max-width : 960px) {

.header .controls .add-list-to-order{
	display: none;
}

#ordersMain #orderStatus .editOrder{
	display: block;
}

#listsMain .header .controls, #sharedMain .header .controls{	
	height: 26px;
	float: right;
	display: block;
	width: auto;
	background: none;
	padding: 7px 10px;
	top: 0;
	right: 0;
	position: absolute;
}

#listsMain .footer .controls, #sharedMain .footer .controls{
	float: none;
	overflow: auto;
	width: auto;
	display: block;
}

#listsMain .controls .add-list-to-order, #sharedMain .controls .add-list-to-order{
	margin-right: 0px;
}

#jrPivot .btn{
	padding: 5px 10px;
	font-size: 12px;
}

#jrPivot .btn-primary{
}

#jrPivot .btn.active{
	padding: 5px 10px !important;
	background: #2B6E84;
}

#jrPivot .btn.share-list{
	margin-right: 10px;
}



#isotope .card span {
	color: #444;
	font-size: 14px;
	position: relative;
}

#isotope .card span,
#isotope .card .details,
#isotope .card .details li{
	text-align:left;
}

#isotope .card .btn{
	height:50px; 
	left:auto;
	right:0;
}


#isotope .card .inner .icons li.productComment{
	display: block;
	margin-top: 10px;
}


	#isotope .card span{
		padding: 0 !important;
	}


/******************************************
ISOTOPE
*******************************************/
#isotope{
	padding-top:12px;
}
#isotope .card{
	width:100%;
	margin-left:0;
	padding:0;
}
#isotope .card .inner{
	height:51px;
	margin:0;
	padding:10px 82px 10px 55px;
}
#isotope .card img{
	width:49px;
	height:49px;
	margin:0px;
	border-bottom-right-radius:0;
	position:absolute;
	top:0; left:0px;
	border-radius:4px;
	overflow:hidden;
	border-bottom:2px solid #CCC;
}
#isotope .card .info .infoPop{
	position: fixed;
	left:10px;
	right:58px;
}
#isotope .card span{
	padding:0;
	margin:10px 0 0 0;
	float:left;
}
#isotope .card span,
#isotope .card .details,
#isotope .card .details li{
	height:28px;
	font-size:11px;
	line-height:14px;
	display:inline-block;
	margin:0;
	overflow:hidden;
}
#isotope .card .details,
#isotope .card .btn{
	float:right;
}
#isotope .card .details .weight,
#isotope .card .details .price,
#isotope .card .per{
	background:transparent;
	margin:0 0 0 40px;
	padding:0 0 0 40px;
}
#isotope .card .details .price{
	border-left:1px solid #DDD;
}
#isotope .card .details .per{
	background:#F4F4F4;
	font-size:11px;
	height:25px;
	line-height:25px;
	text-align:center;
	border-radius:4px;
	padding:0 10px;
	margin:0 0 0 10px;
	position:relative;
	top:-2px;
}
#isotope .card .info{
	top:14px; right:52px;
}




	#isotope .card .info,
	#isotope .card .inner .icons li{
		display:none !important;
	}


	#isotope .card .inner .icons li.productComment{
		display: block !important;
	}

	#isotope .card .details{
		margin-right: 130px !important;
	}

	#isotope .card .details{
		display:none !important;
	}

	#isotope .card span.ipad-price{
		float: right !important;
		width: 80px;
		display: block !important;
	}
	#isotope .card .btn i{
		font-size:21px;
		display: inline-block;
	}
	#isotope .card .btn{
		height:100% !important;
		font-size:0px;
		line-height:68px;
		padding:0 12px 0 8px;
		margin:0;
		border-width:2px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		position:absolute;
		top:0; right:0 !important;
	}

	#isotope .card .btn i{
		display: inline-block;
		margin: auto;	}
}

#isotope .card span.ipad-price{
	display: none;
}

@media (min-width: 768px) and (max-width : 960px) {

	.ipad-price{
		margin-right: 90px !important;
		line-height: 17px !important;
		font-size: 14px !important;
		height: 35px !important;
	}

	#isotope .card .inner .icons li.productComment{
		margin-top: 0px;
	}

	#isotope .card .btn i{
		margin-top: 15px;
	}

	#isotope .card .inner .icons {
		top: 12px;
		right: 120px;
	}
}


/****************************************************

	SMARTPHONE LANDSCAPE

*****************************************************/
@media (max-width : 570px) {

	.share-list{
		display: none;
	}

	#ordersMain #orderInfo {
		display: none;
	}

	#ordersMain #listWrap {
	    clear: both;
	}

	#isotope .card .inner .icons li.productComment{
		display: none !important;
	}

	#isotope .card img{
		display: none;
	}

	#isotope .card .inner{
		padding:10px 50px 10px 10px;
	}

	#isotope .card .inner .inner-title{
		width: 280px;
	}

	.ipad-price{
		width: 50px !important;
	}

	.ipad-price small{
		clear: both;
	}

	#ordersMain .block .inside .main{
		font-size: 11px;
	}

	#ordersMain .block .inside .sub{
		font-size: 10px;
	}

	#ordersMain .span4{
		border: none;
	}


}
/* MEDIA CLOSE */


@media (max-width: 480px) {

	#isotope .card .inner .inner-title{
		width: 135px;
	}

	.ipad-price{
		width: 50px !important;
	}

}






/****************************************************

	LANDSCAPE PHONES AND DOWN - HEIGHT

*****************************************************/


@media (max-height: 440px) {
	#aside .sideTabs{
		font-size: 18px !important;
	}

	.badge{
		display: none;
	}

	#back{
		font-size: 18px !important;
	}

	#aside #back .disc{
		height: 60px !important;
		line-height: 55px !important;
	}

	#aside .sideTabs li a{
		padding: 10px 0 !important;
	}

}



/****************************************************

	LANDSCAPE PHONES AND DOWN

*****************************************************/
@media (max-width: 568px) {


#noProductForm{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	height: auto;
	clear: both;
}

#noProductForm input{
	height: 30px;
}

#noProductForm textarea {
	height: 80px;
}

#noProductForm input, #noProductForm textarea, #noProductForm #edit-submit{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
}

.form-actions{
	padding: 0;
}

#noProductForm p{
	position: relative;
	width: auto;
	margin-bottom: 0;
}

#noProductForm #edit-submit{
	bottom: inherit;
	right: inherit;
	position: relative;
}

#noProductForm h3{
	width: 100%;
}




#aside .sideTabs li .badge{
	display: none;
}

#listsMain li .itemName, #sharedMain li .itemName{
	width: 70%;
}

#ordersMain li .title .itemName{
	width:70%;
	height: 50px;
	font-size:12px;
	line-height:1.2em;
	padding:0;
}

#ordersMain li .weight, #listsMain li .weight, #sharedMain li .weight{
	display: none;
}



/******************************************
	ADDMODAL
*******************************************/
#addModal{
	width:100%;
	margin:0;
	top:0; right:0;  left:0;
	z-index:9999;
}
#addModal a.btn .title{
	font-size:12px;
}
#addModal a.btn .title .amountOnList{
	display: inline-block;
}
/*#addModal .tab-pane .inner{
	height:auto;
}*/
#addModal a .control{
	top:0; right:0;
}
#addModal a .control .m-btn{
	height:51px;
	line-height:51px;
	width:30px;
}
#addModal a .control .field{
	border-radius: 0 0 0 0;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}
#addModal a.btn{
	width:100%;
}
#addModal footer{
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float:none;
}
#addModal footer .btn{
	width:100%;
	margin:0;
	padding:20px 0;
}
#addModal footer .btn.btn-primary{
	width:70px;
	height:50px;
	line-height:50px;
	padding:0;
	position:absolute;
	top:10px; right:10px;
}
#addModal a .control .qty{
	display:none;
}

#aside .sideTabs li a#menuShared {
	display: none;
}

/******************************************
	ORDERS
*******************************************/

#ordersMain .editOrderForm, #ordersMain #editOrder{
	margin-top: -5px;
	font-size: 10px;
	margin-right: 0;
}

/*#listMenu.orders .alert .pull-right{
	display:none;
}*/

#ordersMain #orderStatus {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

#ordersMain #orderStatus h1,
#ordersMain #orderStatus .step {
	line-height: 20px;
	font-size: 12px;
}

#ordersMain #orderStatus .step {
	font-size: 12px;
}

#ordersMain #orderInfo {
	display: block;
}

body #ordersMain .span4{
	height: 34px;
	padding-bottom: 0;
	border: none;
	width: 33%;
	margin: 0;
	/*border: 2px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
	margin: 0 0 0 0;
    width: 33%;*/
	display: block;
}

#ordersMain .span4.right {
	text-align: left;
}

#ordersMain .span4 .block,
#ordersMain .span4.right .block {
	padding: 5px 10px 5px 10px;
}

#ordersMain .block .inside {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
}

#ordersMain .block .inside .sub,
#ordersMain .block .inside .main {
	/*display: inline;*/
}

body #ordersMain .span4:first-child {
	margin: 0 0 0 0;
}

body #ordersMain #orderInfo{
	padding:10px 5px 5px 5px;
	margin: 0 0 5px 0;
}

#listMenu section#createOrder{
	background:#EEE;
	padding:15px;
	border-radius:4px;
	position:absolute;
	top:20px; right:0px; left:20px;
	z-index:100;
	width: 88%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

} /* MEDIA CLOSE */