/* #Media Queries
================================================== */
	
	/* Hidden or show */
	.hidden {
	  display: none;
	  visibility: hidden;
	}

	.visible-phone {
	  display: none !important;
	}

	.visible-tablet {
	  display: none !important;
	}

	.hidden-desktop {
	  display: none !important;
	}

	@media (max-width: 767px) {
	  .visible-phone {
	    display: inherit !important;
	  }
	  .hidden-phone {
	    display: none !important;
	  }
	  .hidden-desktop {
	    display: inherit !important;
	  }
	  .visible-desktop {
	    display: none !important;
	  }
	}

	@media (min-width: 768px) and (max-width: 959px) {
	  .visible-tablet {
	    display: inherit !important;
	  }
	  .hidden-tablet {
	    display: none !important;
	  }
	  .hidden-desktop {
	    display: inherit !important;
	  }
	  .visible-desktop {
	    display: none !important ;
	  }
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#container
		{
			width:auto;
			margin: 0 auto;
			border:none;
			box-shadow: none
		}

		#switchstyle{display: none;}
		.item-slides .description{
			width: 45%;
			height: auto;
			position: relative;
			float: left;

		}
		#img-wraper-slide{
			width: 190px; 
			height: 180px;
			float: left;
			margin-left: 30px;
			text-align: center;
		}
		.item-slides .description h1{font-size: 1.6em;}
		#intro .meta-price .new-price{font-size:2.2em }
		a.btn-cartInt{font-size: 1em;padding:10px 12px;}



    	#carousel-row
    	{
    		margin-bottom: 30px;
    	}

    	.wrapper-liq ul li .price-site .idr-price
    	{
    		width: 80%;
    		text-align: center;
    		margin-bottom: 10px;
    		float: none;
    	}
    	.wrapper-liq ul li .price-site .idr-price
    	{
    		font-size: 1.3em;
    		float: none;
    	}
    	a.add-toCart
    	{
    		margin: 0 auto;
    		float: none;
    	}

    
    	#intro{border-bottom: 0px; padding-bottom: 0;min-height:auto; }
    	#slides
    	{
    		border-bottom: 1px solid #cccccc;
    		height: auto;
    		padding-bottom: 20px;
    		margin-bottom: 0;


    	}
    
		#foot-about{margin-right: 50px;}
		#tabs_contWrap{width: auto;}

		.pagination {
			text-align: center;
			width: 70%;
			margin: 0 auto;
		}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#first-head #logo h1 {font-size: 2.4em !important; }
		#social{margin-right: 20px;}
    	#slides a.prev, #slides a.next
    	{
    		top:60px;
    	}
		#carousel-row, #slides{
			margin-right:10px;
			margin-left: 10px;
		}
		 #new-prod ul li
	     {
	     	margin-left:29px;
	     	margin-right: 29px;
	     }
	     #intro
	     {
	     	margin-top: 25px;
	     }

		/*Sidebar*/
    	span.select
    	{
    		background:url(../img/select-resp.png) no-repeat 0 0;
    		width: 149px;
    		height: 35px;
    	}
    	#search input[type="reset"].reset
    	{
    		float: none;
    		margin-right: 0;
    		margin-bottom: 15px;
    	}
    	.controls.button-src
    	{
    		text-align: center;
    	}
    	#search input[type="text"].keyword
    	{
    		margin-top: 0;
    	}

    	#beSeler .desc
    	{
    		overflow: visible;
    		display: block;
    		text-align: center;
    	}
    	#beSeler ul li figure
    	{
    		float: none;
    		margin: 0 auto;
    		margin-bottom: 12px;
    	}


		#foot_widget #newslet
		{
			margin-right: 20px;
		}
		#foot-recent, #tweets-wdg
		{
			margin-right: 25px;
		}

		#menu a{padding: 14px 13px !important;}

		/*DEtail page*/
		.descrip-dtl .rating{float: right;margin-bottom: 5px;}
		.descrip-dtl .not-price{margin-bottom: 10px;}
		.descrip-dtl .real-price{font-size: 2.4em;}
		#wrap-BigImg{margin-right: 9px;}
		

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		 #first-head #logo h1{font-size: 2.8em;}
		#first-head{overflow: visible;}
		#beSeler .beSel-price{text-align: left;}
		#search input[type="text"].keyword
		{
			margin: 13px 0;
		}

		#newslet form input[type="submit"].send
		{
			float: left;
		}

		/*Search*/
		#search form
		{
			width: 46%;
		}
		#search input[type="reset"].reset
		{
			margin-right: 17px;
		}
		#header{height: auto;margin-bottom: 20px;}
		#first-head
		{
			height: auto;
			text-align: center;
			padding-bottom: 20px;
		}
		#logo{margin-bottom: 15px;}

		/*intro*/
		.slides_container div.item-slides {
			width:420px;
			display:block;
		}
		.item-slides .description{
			float: none; 
			margin-left:10px;
			width: 77%;
		}
		/*PrevNext Slider*/
		#slides a.prev, 
		#slides a.next
		{
	  		display: block;
	  		position:absolute;
	  		width: 51px;
	  		height: 51px;
	  		bottom:10px;
	  		background: url(../img/arrow-respon.png) left top no-repeat;
	  		text-indent: 999999px;
	  		z-index: 2;

	  		-webkit-transition		: all 0.3s linear;
			-moz-transition			: all 0.3s linear;
			-o-transition				: all 0.3s linear;
			transition 				: all 0.3s linear;
		} 
		#slides a.next{
			background-position: right top;
		}
		#slides a.prev{left: 73%;}
		#sec-head
		{
			background: none;
			height: auto;
		}
		/*Social*/
		#social{margin-top: 15px;}
		 #social{padding:0;}
	     #social a{float: left}

		#main{padding-top: 10px;}

	     /*Toggle Menu Responsive */
	     #menu-wrap ul li{float: none;}
	     /* when under viewport size, .mean-container is added to body */
		.mean-container .mean-bar { 
			float: left;
			width: 100%;
			position: relative;
			background: #0c1923;
			padding: 4px 0;
			min-height: 33px;
			z-index: 999999;
		}
		.mean-container a.meanmenu-reveal {
			width: 22px;
			height: 22px;
			padding: 10px 10px 8px 10px;
			position: absolute;
			top: 0;
			right: 0;
			cursor: pointer;
			color: #fff;
			text-decoration: none;
			font-size: 16px;
			text-indent: -9999em;
			line-height: 22px;
			font-size: 1px;
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 700;
		}
		.mean-container a.meanmenu-reveal span {
			display: block;
			background: #fff;
			height: 3px;
			margin-top: 3px;
		}
		.mean-container .mean-nav { 
			float: left;
			width: 100%;
			background: #0c1923;
			margin-top: 33px;
		}
		.mean-container .mean-nav ul {
			padding: 0;
			margin: 0;
			width: 100%;
			list-style-type: none;
		}
		.mean-container .mean-nav ul li a {
		display: block;
		float: left;
		width: 90%;
		padding: 1em 5%;
		margin: 0;
		text-align: left;
		color: #fff;
		border-top: 1px solid #383838;
		border-top: 1px solid rgba(255,255,255,0.5);
		text-decoration: none;
		text-transform: uppercase;
		}
		.mean-container .mean-nav ul li:first-child a { 
		border: none; 
		}
		.mean-container .mean-nav ul li li a {
		width: 80%;
		padding: 1em 10%;
		border-top: 1px solid #f1f1f1;
		border-top: 1px solid rgba(255,255,255,0.25);
		opacity: 0.75; 
		filter: alpha(opacity=75);
		text-shadow: none !important;
		visibility: visible;
		}
		.mean-container .mean-nav ul li li li a {
		width: 70%;
		padding: 1em 15%;
		}
		.mean-container .mean-nav ul li li li li a {
		width: 60%;
		padding: 1em 20%;
		}
		.mean-container .mean-nav ul li li li li li a {
		width: 50%;
		padding: 1em 25%;
		}
		.mean-container .mean-nav ul li li:first-child a {
		border-top: 1px solid #f1f1f1;
		border-top: 1px solid rgba(255,255,255,0.25);
		}
		.mean-container .mean-nav ul li a:hover { 
		background: #252525;
		background: rgba(255,255,255,0.1); 
		}
		.mean-container .mean-push { 
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		clear: both; 
		}
		.mean-nav .wrapper {
		width: 100%;
		padding: 0;
		margin: 0;
		}

	     .wrapper-liq ul li{height:auto;min-height: 240px;}

	     #img-wraper-slide{display: none;}
	     
	   	/*Carousel*/
	   	.wrapper-liq ul li figure
	   	{
	   		text-align: center;
	   		height: 107px;
	   	}
		#new-prod ul li
		{
			float: none;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		#wrap-BigImg
		{
			float: none;
			margin-bottom: 45px;
		}
		#tabs li
		{
			padding: 10px;
		}
		#tabs li a {
		    font: 0.9em "arial";
		}

		#new-prod.prodList-dtl ul li
		{
			margin: 0  auto 20px auto !important;
			float: none;
		}



		/*Inner page*/
		.descrip-dtl
		{
			margin-bottom: 20px;
		}
		.descrip-dtl .real-price {
			float: none;
			text-align: center;
			margin: 15px 0;
		}
		.descrip-dtl .row-ship
		{
			text-align: left;
		}

		/*Description*/
		.descrip-dtl .free-shipping{float: left;}
		.row-sizeQty .size-select, .row-sizeQty .qty-select
		{
			float: left;
			margin-left: 0;
			margin-right: 10px;
		}
		a.btn-dtlCart
		{
			float: left;
		}


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {


	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		/*slider*/
		#slides a.prev{left: 63%;}
		.slides_container div.item-slides
		{
			width: 383px;
		}
		.item-slides .description
		{
			width: 60%;
		}
		.item-slides .description p
		{
			display: none;
		}
		#intro .meta-price
		{
			margin-top: 0;
		}
		#intro .meta-price .new-price
		{
			margin-bottom: 10px;	
		}
		a.btn-cartInt
		{
			margin-bottom: 2px;
		}
		.wrapper-liq ul li .price-site
		{
			overflow: hidden; 
			width: 90%;
			margin-left: 0;
			padding:10px;
			text-align: center;
		}
		  .wrapper-liq ul li .desc
		{
			width: auto;
			margin:0;
			text-align: center;
		}
		a.add-toCart
		{
			float: left;
		}
		.wrapper-liq ul li figure{
			height: 80px;
		}
		/*Search*/
		#search form{width: 64%;}

		/*Inner Page*/
		#tabs li a {
			font: 0.7em "arial";
		}
		#tabs li{padding: 7px;}

		#wrap-BigImg figure.thumb-slide
		{
			width: 297px;
			height: 275px;
		}
		#wrap-BigImg .dtl-listimg li
		{
			width: 93px;
			height: 80px;
		}

	}