/* Large desktop */
@media (min-width: 1200px) {
    /* Code CSS here */
}

/*Ipad landscape*/

@media (min-width: 979px)   {
	#page-container{ left: 0!important; }
	#off-canvas-nav{ display:none !important; }

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

	#headerbottom .row-fluid [class*="span"] {
		 width: 40%;
		 min-height: 92px;
		 margin-left: 0;
		 float: left;
	}
	#search {
    line-height: normal;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 11px;
    top: 3px;
    width: 215px;
}
	#mainmenu {
		width: 100%;
	}
	
/*menu*/	
	.btn.btn-navbar {
		float: left;
	    margin-bottom: 3px;
	    margin-left: 10px;
	    margin-top: 4px;
	    padding: 7px 6px;
	}
	.navbar-inner {
		padding : 0 ;
	}
	.navbar .btn-navbar {
		background: #c0c0c0;
	}
	.navbar .btn-navbar:hover, 
	.navbar .btn-navbar:focus, 
	.navbar .btn-navbar:active, 
	.navbar .btn-navbar.active, 
	.navbar .btn-navbar.disabled, 
	.navbar .btn-navbar[disabled] {
    background-color: #a0a0a0 ;
}
	.nav-collapse .megamenu:after {
		border-bottom: 10px solid #4a4646;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		content: "";
		display: inline-block;
		left: 16px;
		position: absolute;
		top: -15px;
	}
	.nav-collapse .megamenu:before {
		border-bottom: 11px solid rgba(225, 225, 225, 0.2);
		border-left: 11px solid transparent;
		border-right: 11px solid transparent;
		content: "";
		display: inline-block;
		left: 15px;
		position: absolute;
		top: -16px;
	}
	.nav-collapse .megamenu {
		border-top: 5px solid #4a4646;
		border-right: none;
		border-left: none;
		border-bottom: none;
		box-shadow: 0 0 5px #999;
		border-radius: 0;
		background: #4a4646;
		margin: 10px 0 0!important;
	}
	.nav-collapse .nav li.homepage a {
	    background: none repeat scroll 0 0 transparent;
		display: block;
		overflow: hidden;
		padding-left: 0;
		text-indent: inherit;
		width: auto;
		padding-left: 15px;
	}
	.nav-collapse .nav > li{
		background: none;
	}
	.navbar .nav > li:hover {
	    border-top: none;
	    margin-top: 0;
	}
	.nav-collapse .nav > li > a {
	    color: #FFFFFF;
	    font-weight: normal;
	    padding-bottom: 0;
	    padding-top: 0;
	    border-bottom: 1px solid #777;
	    border-radius: 0;
	    margin-bottom: 0;
	}
	.nav-collapse .dropdown-menu {
		background: #f0f0f0;
	}
	.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus,
	 .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus,
	.nav-collapse .nav.megamenu  > li.open, .nav-collapse .nav.megamenu  > li:hover {
		background: none repeat scroll 0 0 #696969;
	}
	.nav-collapse .dropdown-menu li a {
		color: #999;
		padding: 0;
		font-weight: normal;
	}
	.nav-collapse .nav > li > .dropdown-menu:after {
		border-bottom: 10px solid #f0f0f0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		content: "";
		display: inline-block;
		left: 17px;
		position: absolute;
		top: 27px;
	}
	.nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
		background: none!important;
		color: #DF6E13;
	}

/**/
.border img {
	width: 100%;
}

/*produce*/

#header .links {
    margin-left: 0;
}

}
	
/*Ipad Portrait*/
@media only screen and (min-width: 768px) and (max-width: 979px) {

	.header-right {
		width: 50%!important;
	}
}


/* Iphone 5 landscape */
@media only screen and (max-width: 767px) {
.pavcontentslider .carousel-controls {
	 display:  none;
}
	.box-produce .product-inner .name {
    clear: none;
}
.border{
	margin: 5px 0;
}
	
	/*Table*/
    table{
        width:100%;
    }
    table .price{
        margin: 0;
    }
    table td, table th{
        display:block;
        float:none;        
        text-align: left !important;
        vertical-align: middle !important;
        overflow: hidden;
    }
    table.radio td, table.radio th {
    display: inline-block;
    overflow: visible;
}
    table td.image, table th.image{
        text-align: center !important;
    }
    table span.phone{
        color: #333333;
        font-size: 13px;
        float: left;        
    }
    table td .avg-right{
        text-align: right;
        float: right;
    }
    table td.quantity span.phone{
        padding: 5px 10px 0 0;
    }   
    table.radio tr td:first-child{
        width: auto;
    }
    .mini-cart-total table td, .mini-cart-total table th,
    .mini-cart-info table td, .mini-cart-info table th {
    	 display: inline-block;
        text-align: right!important;
    }
	
.mini-cart-info .image {
	width: 50px;
}
.group-info {
 padding: 10px;
 }
}
@media only screen and (min-width: 600px) and (max-width: 766px) {
	.product-related [class*="span"], .product-related .row-fluid [class*="span"],
	.product-grid [class*="span"], .product-grid .row-fluid [class*="span"],
	.box-product [class*="span"], .box-product .row-fluid [class*="span"] {
		float:  left;
		width: 31.9149%;
		margin-left:2.12766%;
	}
	.product-related .row-fluid [class*="span"]:first-child,
	.product-grid .row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
}
 @media only screen and (max-width: 599px){

.featured .featured-banner {
	display: none;
}
.product-grid .product-container:hover {
	position: relative;
}
#headerbottom .row-fluid [class*="span"] {
	 width: 100%;
	 text-align: center;
	 float: none;
	 min-height: 75px;
}
.shipping, .return {
	 margin-top: 15px;
	 float: none;
}
.cart-top {
    text-align: center;
	float: none;
}

#header #cart {
	top: 15px;
}

}
 @media only screen and (min-width: 480px) and (max-width: 599px) {
}
@media only screen and (max-width: 480px){
	#mainmenu {
    border-bottom: 1px solid #E0E0E0;
}
	#search {
    border: 1px solid #E0E0E0;
    position: relative;
    right: 0;
    width: 100%;
    top: 0;
}
	#header #cart .content {
    min-width: 248px;
    right: -47px;
}
.jcarousel {
	display:  none;
}
.mini-cart-info .image {
	width: 1px;
}
}
/* Iphone 4 landscape */
@media only screen and (min-width: 320px) and (max-width: 480px) {


}

/* Iphone 4 + 5 Portrait */
@media only screen and (min-width: 240px) and (max-width: 320px) {
	
}
}