a#menupanel, .selectnav { display: none; }

#log-panel .button1, #openckmenu, .closemegamenu  {
	display: none;
}

a#menupanel {
	visibility: hidden;
}

@media screen and (max-width: 767px) {
	a#menupanel, .jd-responsive-button, .closemegamenu, #openckmenu {display: block;}
	#menu #nav{ display: none; }
	#menu .selectnav { display: block; width:98%; }
	.selectnav { margin: 3px 1%; }
	.menu-nav {
		display: none;
	}
	#log-panel .button1 {
		display: inline;
		float: none !important;
		margin: 3px;
	}
	a#v_toggle {
		display: none;
	}
}

@media (min-width: 1200px) { 
	.camera_caption h1 {
		font-size: 360%;
		letter-spacing: -1px;
		margin: 4px 0px;
	}
	
	.camera_caption h2 {
		font-size: 220%;
		letter-spacing: 0px;
		margin: 4px 0px;
	}
	
	.camera_caption {
		font-size: 110%;
	}
	
	#search-position .search .inputbox, #search-position .finder .inputbox {
		max-width: 125px;
	}

	.p20 {
		width: 17.94% !important;
	}
	
}


@media (min-width: 1px) {
	.camera_prev {
		left: 20px !important;
	}
	
	.camera_next {
		right: 20px !important;
	}
}

/* Large desktop */

@media (min-width: 980px) and (max-width: 1199px) { 

	.inner {
		padding: 0px 30px;
	}
	
	.camera_caption h1 {
		font-size: 230%;
		letter-spacing: -1px;
		margin: 4px 0px;
	}
	
	.camera_caption h2 {
		font-size: 140%;
		letter-spacing: 0px;
		margin: 4px 0px;
	}
	
	.camera_caption {
		font-size: 110%;
	}
	
	#search-position .search .inputbox, #search-position .finder .inputbox {
		max-width: 75px;
	}
	
	#menu .menu-nav > li > a {
		padding-left: 11px !important;
		padding-right: 11px !important;
	}
		
	#menu #nav ul { width: 14.5em !important;}
	#menu #nav ul ul { left: 14.5em !important; }
	
	.total_products {font-size:10px;}
	
	.moduletable_menu ul.menu li a, .moduletable_menu ol.menu li a, ul.latestnews_menu li a, .VMmenu li div a {
		font-size:13px;
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		
	}
	
	a.product-details {
		display: inline-block;
	}

	.p20 {
		width: 18.22% !important;
	}
	

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

	body {
		padding-top: 0px !important;
	}

	h3 {
		font-size: 130%;
	}
	
	.inner {
		padding: 0px 20px;
	}
	
	#top-quick-nav {
		margin-left: -24px;
	}
	
	.camera_caption h1 {
		font-size: 230%;
		letter-spacing: -1px;
		margin: 4px 0px;
	}
	
	.camera_caption h2 {
		font-size: 140%;
		letter-spacing: 0px;
		margin: 4px 0px;
	}
	
	.camera_caption {
		font-size: 100%;
	}
	
	#top-quick-nav {
		padding-top: 0px;
	}

	a.product-details {
		display: inline-block;
	}
	
	#search-position{margin-top:0px;}

	#search-position .search .inputbox, #search-position .finder .inputbox {
		width: 85px;
	}
	
	.total-items {
		text-align: right;
	}

	#search-position .search .button {
		text-indent: -9999px;
	}
	
	#search-position .search .advanced-search-button {
		width: 21px;
		text-indent: 9999px;
		font-size:0.01em;
		background-image: url(../images/advanced-search.png);
		background-position: 2px 3px;
		background-repeat: no-repeat;
		overflow: hidden;
		float:left;
	}
	
	#search-position .search .advanced-search-button:hover {
		background-position: 2px -46px;
	}
	
	nav#menu {
		margin-left: -20px;
	}
	
	#menu ul.menu-nav > li > a, a#socialpanel {
		padding: 13px 7px 9px 7px;
		font-size: 11px !important;
		font-weight: 400;
		text-transform: none;
	}

	#menu-handler {
		height: 45px;
	}
	
	.menu-nav li:hover ul, .menu-nav li.sfHover ul {
		top: 3.6em;
	}
	
	#menu #nav ul { width: 11em !important;}
	#menu #nav ul ul { left: 11em !important; }

	#menu #nav ul li a { font-size: 11px; }
	
	.vmproduct.productdetails .spacer .pr-add { height: 20px; overflow: hidden;}
	
	.category-view .row-fluid .category .spacer h2 a .cat-title {
		padding: 30% 0% 0% 5% !important;
		width: 65% !important;
		height: 70% !important;
		margin-bottom: -1px;
		font-size: 12px;
	}
	
	.category-view .row-fluid:hover .category:hover .spacer h2 a .cat-title {
		padding: 30% 10% 0% 5% !important;
		height: 70% !important;
	}
	
	.moduletable_menu ul.menu li a, .moduletable_menu ol.menu li a, ul.latestnews_menu li a, .VMmenu li div a,
	.button, button, a.button, a.product-details, input.addtocart-button, a.ask-a-question, .highlight-button, .vm-button-correct, span.quantity-controls input.quantity-plus, span.quantity-controls input.quantity-minus {
		font-size: 11px !important;
	}
	
	.p20 { 
		width: 17.74% !important
	}
	
	.navbar-fixed-top {
		margin: 0px !important;
	}
	
	#search-position .inputbox {
		width: 100px;
	}

	div.maximenuckh ul.maximenuck li.maximenuck {
		padding: 19px 11px;
	}
	
	div#maximenuck ul.maximenuck li.maximenuck.level1 > a, a#socialpanel {
		font-size: 13px;
	}
	
	a#socialpanel {
		margin: 0;
	}
	
	div#maximenuck div.floatck {
		padding: 20px 1px 6px 1px;
	}
	
	div#maximenuck ul.maximenuck li.maximenuck div.floatck div.floatck {
		margin: -46px 0 0 165px;
	}
	
	.jshop_list_product .block_product {
		width: 46%;
		padding: 7px 2%;
		display: inline-block;
	}
	
	.camera_caption .button {
		padding: 7px 12px !important;
		margin: 2px 5px 2px 0px !important
	}
	
	.camera_caption p {
		margin-bottom: 10px !important;
		padding:3px 0px !important;
	}
}

@media (min-width: 481px) and (max-width: 766px) { 
	.category-view .category.span3 {
		width: 48%;
		float: left;
		margin: 4px 1%;
	}
	
	.category-view .category.span3 img {
		width: 100%;
	}
}


@media (min-width: 768px) { 
	.panelmegamenu, .ckmenupanel {
		display: block !important;
		opacity: 1 !important;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	.camera_caption p {
		margin-bottom: 10px !important;
		padding:3px 0px !important;
	}

	.product-sl-handler ol li.prev, .product-sl-handler ol li.next {
		display: none !important;
	}
	
	a#menupanel {
		visibility: visible;
	}

	#menu-handler .span10, #menu-handler .span2 {
		float: left;
	}
	
	#menu-handler .span10 {
		width: 100%;
	}
	
	#menu-handler .span2 {
		position: absolute;
		width: 50%;
		right: 0px;
	}

	.navbar-fixed-top {
		margin: 0px !important;
	}

	.navbar-fixed-top .container {
		width: auto !important;
	}

	.camera_prev {
		margin-left: 0px !important;
		left: 10px !important;
	}
	
	.camera_next {
		margin-right: 0px !important;
		right: 10px !important;
	}
	
	#main-handler {
		padding: 0px 10px;
	}

	body {
		padding: 0px 2px !important;
	}

	#top {
		height: auto !important;
	}

	.sn-underline {
		display: none;
	}
	
	.camera_caption h1 {
		font-size: 190%;
		letter-spacing: -1px;
		margin: 4px 0px;
	}
	
	.camera_caption h2 {
		font-size: 120%;
		letter-spacing: 0px;
		margin: 4px 0px;
	}

	#top {
		padding: 5px;
	}
	
	.moduletable, .moduletable_text, .moduletable_style1, .moduletable_style2, .browse-view .row, .moduletable_menu,.spacer	{margin-bottom:5px;}

	
	.inner {
		padding: 0px 10px;
	}
	
	#site-name-handler {
		height: auto !important;
	}
	
	#sn-position {
		text-align: center;
	}
	
	#sn-position #h1, #sn-position #h2 {
		position: static !important;
	}

	
	#search-position .search .advanced-search-button {
		width: 21px;
		text-indent: 9999px;
		font-size:0.01em;
		background-image: url(../images/advanced-search.png);
		background-position: 2px 3px;
		background-repeat: no-repeat;
		overflow: hidden;
		float:left;
	}

	#cart, #currency {
		float: right;
	}
	

	#currency input.button { 
		float: left;
	}
	
	#cart .show_cart a#cartpanel, #cart .show_cart a { margin-right: 5px }
	
	#cart .vmCartModule .total_products { padding-left: 10px; }
	
	#bot-modules .span2, #bot-modules-2 .span2, .row-fluid .ex-span2, .row-fluid .ex-span1_5  {
		width: 100% !important;
	}

	.span2.sp20 {
		width: 100% !important;
	}
	
	#top-nav-handler { padding-top: 0px !important; }

	#bottom-bg .container, #footer .container {
		padding: 0px 20px;
	}
	
	a#menupanel, .jd-responsive-button { 
		color: #ffffff;
		padding: 12px;
		border-radius: 100%;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		width: 22px;
		height: 22px;
		margin: 11px;
	}
	
	.rm-line {
		display: block;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		width: 80%;
		height: 3px;
		margin: 3px 10% 3px 10%;
	}
	
	.panelmegamenu {
		position: relative;
	}

	.panelmegamenu div.ckmenupanel {
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
		width: 100%;
		height: auto;
		z-index: 300000;
		margin: 0;
		float: right;
		height: auto;
		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
		box-shadow: 0px 2px 2px rgba(0,0,0,.2);
		
		background: #ffffff;
	}

	div.ckmenupanel .maximenuckh * {
		color: #333333 !important;
		position: static !important;
		float: none !important;
		clear: both !important;
		height: auto !important;
		width: auto !important;
		left: auto !important;
		padding: 0px !important;
		margin: 0px !important;
		border: 0 !important;
		z-index: 1 !important;
		overflow: hidden !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		white-space: normal !important;
	}

	div.ckmenupanel div.ckmenu-handler {
		padding: 20px !important;
	}

	div.ckmenupanel .level2, div.ckmenupanel .level3, div.ckmenupanel .level4, div.ckmenupanel .level5 {
		padding: 0px 0px 0px 20px !important;
	}

	div.ckmenupanel .level2 a.maximenuck {
		padding: 3px !important;
		margin-bottom: 1px !important;
		-webkit-border-radius: 3px !important;
		-moz-border-radius: 3px !important;
		border-radius: 3px !important;
	}

	div.ckmenupanel .level2 a.maximenuck:hover {
		background: #eeeeee !important;
	}

	div.ckmenupanel .maximenuck_mod p, div.ckmenupanel .maximenuck_mod {
		margin-bottom: 10px !important;
	}

	div#maximenuck ul.maximenuck li.level1.parent li.parent > a, div#maximenuck ul.maximenuck li.level1.parent li.parent > span.separator, div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a, div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a {
		background-image: none !important;
	}
	
	.jshop.productfull form > table.jshop {
		clear: both;
		margin: 10px auto;
		float: none !important;
	}
	
	.jshop_list_product .jshop_related {
		width: 96% !important;
		display: block !important;
		padding: 10px 2% !important;
	}
	
	.jshop_list_product .block_product {
		width: 46%;
		padding: 7px 2%;
		display: inline-block;
	}
	
	.product_list_hr { display: none; }
	
	.camera_caption {
		background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.25) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.25)), color-stop(1%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.25)));
		background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.25) 100%);
		background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.25) 100%);
		background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.25) 100%);
		background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.25) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#bf000000',GradientType=1 );
	}
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

	.category-view .category.span3 img {
		width: 100%;
	}

	#site-name-handler {
		height: auto !important;
	}
/* PEPTIDE PRODUCTS LOGO */	
	#sn-position {
		text-align: center;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
	}
	
	#sn-position h1, #sn-position h2 {
		position: static !important;
	}
	
	.inner {
		padding: 0px 5px;
	}

	#search-position .search .inputbox, #search-position .finder .inputbox {
		max-width: 100px;
	}

	#foo-left-right .span6 p {
		text-align: center !important;
	}

	.camera_pag {
		bottom: 6% !important;
	}
	
	.jshop_list_product .block_product {
		width: 96%;
		padding: 7px 2%;
		display: block;
	}

}


@media (max-width: 410px) { 
	#search-position .search {clear:both;}
	#search-position form {float:none;padding:0px;}
	#search-position .search .advanced-search-button{float:right;}
	a#menupanel{margin-bottom: 3px;}
}
/* TABLE HOME */  
@media screen and (max-width: 680px) {
  	table.table-home {
		border: 0;
        font-weight: bold;
        font-size: 120%;   
  	}
 	table.table-home thead {
	    border: none;
	    clip: rect(0 0 0 0);
	    height: 1px;
	    margin: -1px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    width: 1px;
  	}
  	table.table-home tr {
    	border: 0;
    	display: block;
   		margin-bottom: 30px;
  	}
	table.table-home td {
    	display: block;
        width: 100% !important;
    	text-align: left;
        font-weight: 700;
      padding: 1px !important;
        
    }
	table.table-home td::before {
	    content: attr(data-label);
	    float: left;
	    font-weight: 700;
        
	    text-transform: uppercase;
	}
  	table.table-home td:last-child {
    	border-bottom: 0;
  	}
}
@media screen (min-width: 690px) and (max-width: 900px) {
  table.table-home td {
    	width: 49% !important;
  }
}
@media screen (min-width: 910px) and (max-width: 1600px) {
  table.table-home td {
    	width: 33% !important;
  }
}
/* BREADCRUMBS */  
@media screen and (max-width: 767px) {
#nav-line #brcr {
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    visibility: hidden !important;
    max-height: 1px;
}
}
/* TABLE-3 */
@media screen and (max-width: 600px) {
  	table.table-3 {
		border: 0;
  	}

  	table.table-3 thead {
	    border: none;
	    clip: rect(0 0 0 0);
	    height: 1px;
	    margin: -1px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    width: 1px;
  	}
  
  	table.table-3 tr {
    	border: 1px solid #5e96c6;
    	display: block;
   		margin-bottom: 30px;
  	}
  
	table.table-3 td {
    	display: block;
    	text-align: right;
       list-style-type: none!important;
}
    table.table-3 li {
      list-style: none !important;
}
	table.table-3 td::before {
	    content: attr(data-label);
	    float: left;
	    font-weight: bold;
	    text-transform: uppercase;
	}
  
  	table.table-3 td:last-child {
    	border-bottom: 1px solid #5e96c6;
  	}
}
/* VM MENU */  
@media (max-width: 767px) {
.moduletable_menu, .VMmenu ul, ul.VMmenu, .VMmenu li {
    max-width: 1px;
    visibility: hidden !important;
    max-height: 1px;
    }
}
/* MANUFACTURERS-BRANDS */ 
@media (max-width: 767px) {
.man-main-handler img {
    margin: 5px;
    width: 25%;
    float: left;
    clear: none;
    display: block;
    }
}
/* FEATURED AND LATEST PRODUCTS HOMEPAGE */
@media (max-width:767px)  {
  .moduletable_products {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* BODY FONT WEIGHT */
@media (max-width:767px)  {
   body {
    font-weight: 500;
    font-family: 'Verdana', Arial, Helvetica, sans-serif; 
  }
}
/* BRANDS IPAD */
@media (min-width: 781px)and (max-width: 1780px) {
  .brands {
  column-count: 10 !important;
  text-align: center !important;
  }
}
@media (min-width: 481px)and (max-width: 780px) {
  .brands {
  column-count: 6 !important;
  text-align: center !important;
  }
}
/* BRANDS MOBILE */
@media (max-width: 480px)  {
  .brands {
  column-count: 3 !important;
  text-align: center !important;
  }
}
/* TABLE-BAS SERIES */
@media screen and (max-width: 600px) {
  	table.table-bas {
		border: 0;
  	}

  	table.table-bas thead {
	    border: none;
	    clip: rect(0 0 0 0);
	    height: 1px;
	    margin: -1px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    width: 1px;
  	}
  
  	table.table-bas tr {
    	border: none;
    	display: block;
   		margin-bottom: 30px;
    
  	}
  
	table.table-bas td {
    	display: block;
    	text-align: center;
       list-style-type: none!important;
      
}
     table.table-bas img {
         width: 90% !important;
}  
    table.table-bas li {
      list-style: none !important;
}
	table.table-bas td::before {
	    content: attr(data-label);
	    font-size: 1.2em;
	    font-weight: bold;
	    text-transform: uppercase;
	}
  
  	table.table-bas td:last-child {
    	border-bottom: none;
  	}
}