/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
html,body{
	font-family: 'Bree+Serif', Arial;
}
*/
.cabin{
    font-family: 'cabin', Arial;
}
.bree{
	font-family: 'Bree+Serif', Arial;
}
.droid{
    font-family: 'Droid+Sans', Arial;
}
.navbar-brandlogo
{
    float:left;
    padding:5px 5px;
    width:250px;
}
.navbar-brandlogo>img
{
    margin-top: 5px;
    height:30px;
    width:auto
}

footer {
    height:60px;
    padding-top:20px;
    background-color: #f5f5f5;
}

#member >ul {
    width:auto;
	clear:both;
	max-width:1100px;
	padding: 0 2%;
	margin: 0 auto;
	list-style:none; 
	overflow:hidden;
}

#member > ul >li {
    float:left;
    margin:0 2% 0 0;
    width: 45%;
}

#product{
	display: block;
	max-width: 100%;
	display: block;
	z-index: 1;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 0 1px #ddd;
	-webkit-box-shadow: 0 0 0 1px #ddd;
	box-shadow: 0 0 0 1px #ddd;
	margin: 0 0 .9em;
    background-color: rgba(218, 255, 235, 0.3);
}

#item #item{
    width: 70%;
}
#item #quantity{
    width: 15%;
    text-align:center;
}
#item #quantity, #pquantity input{
    width: 50px;
    text-align:center;
}
#item #action{
    text-align:center;
}

@media (max-width: 768px) {  
    .navbar-brandlogo
    {
        float:left;
        padding:5px 5px;
        width:195px;
    }
    .navbar-brandlogo>img
    {
        margin-top: 8px;
        height:25px;
        width:auto
    }
    
    .navbar-header{
        float: left;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    
    .navbar-nav > li {
        float: left;
    }
    
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-nav > li > a {
        padding-top: 11px;
        padding-bottom: 9px;
        padding-left:15px;
        padding-right:15px;
    }
    .hiddenTxt span {
        display:none;
    }
    .hiddenTxt .glyphicon {
        font-size:24px;
    }
}