/*
================================
=   1140px #Big Screens
================================*/
@media only screen and (min-width:1180px){

}


/*==================================
=   Tablet Portrait
===================================*/
@media only screen and (min-width: 767px) and (max-width: 1020px) {


	#content
	{
		width:500px;
	}
	
	#footer
	{
		width:98%;
	}

	

	#header-top {
		left: auto;
		margin-left: 0px;
		width:auto;
	}
	
	#header, #logo
	{
		width:235px;
	}
	
	.menu
	{
		display: none;
	}
	
	
	div.dl-menuwrapper
	{
		display:block !important;
		position:absolute;
		text-align:right;
		left:auto;
		margin-left:0px;
		max-width:none;
		top:50px;
	}
	
	.dl-menuwrapper ul
	{
		text-align:left;
	}
	
	div.dl-menuwrapper button
	{
		margin-right:30px;
		background:#323548;
		border:2px solid #323548;
	}	

	div.dl-menuwrapper ul.dl-menu 
	{
		margin: 50px 0 0;
	}	
	

	#header-top #cart {
		margin-right: 70px;
	}
	
	
	#footer .column
	{
		padding:0px 8px;
		width:120px;
		min-width:100px;
	}

	.ei-slider
	{
		height:320px !important;
		max-width:100%;
	}
	
	.tf_content
	{
		right:0px;
	}
	
	#content .tf_content p
	{
		width:450px;
	}
	
	.ei-slider-large li img
	{
		height:auto !important;
		margin-top:0 !important;
		max-width:100%;
	}
	
	.nicole_ban div img
	{
		width:100%;	
	}	
	
	#social_band > div
	{
		width:180px;
		
	}
	
	div#social_twitter, div#social_facebook	
	{
		width:250px;
	}
	
    #menu > div > ul > li > a
	{
	    padding:5px 8px;
	}
	
	.image a img
	{
	    max-width:100%;
	}

   .product-list > div.first
        {
		clear:both;
	}	
    .jcarousel-list .jcarousel-list-horizontal
	{
	    left:0px;
	}
     
    .box-product .image, .product-grid .image
	{
	    min-height:0px;
        min-width:0px;	
	}

	
	#slideshow0, #slideshow0 .flex-viewport, 
	.product-info #slider, .product-info #slider  .flex-viewport, 
	.product-info #carousel, .product-info #carousel  .flex-viewport,
	#slideshow0 ul.slides > li img
	{
		height:auto;
		min-height:0px;
	}
	
	.tab-content
	{
	    clear:both;
	}
	#language
	{
	    left:586px;
		top:13px;
	}
	#currency
	{
	    left:500px;
		top:13px;
	}

	#header #logo a
	{
	    font-size:38px;
	}
	#header #logo a img
	{
	    margin-right:0px;
	}
	.product_sale 
	{
		margin-left: 25px;
		margin-top: -150px;
		padding: 2px 5px;
		font-size:11px;
	}
	
	#container
	{
		width:98%;
	}
	/*.tab-content
	{
	   overflow:visible;
	}*/
	.product-info  .right
	{	
		float:left;
		width:230px;
	}
	.product-info  .left
	{
		width:300px;
	}
	
	.product-info.left_thumb > .left 
	{
		padding-right: 0px;
		width: 465px;
	}	
	
	.product-info.left_thumb .image 
	{
		width: 370px;
	}

	.product-info.left_thumb > .right 
	{
		width: 100%;
	}

	#header #search, #header #welcome
	{
		
	}
	#menu > ul > li > a
	{
		padding:12px 5px;
	}
	
	.box-product > div, .product-grid > div
	{
		margin:0px 5px;
		margin-bottom:20px;
	}
	
	
	.box-product .price, .product-grid .price
	{
		max-width:150px;
	}
	
    .box-product .name a, .product-grid .name a
	{
	    font-weight:normal;
	}
	.return-captcha
	{
	    float:none;
	}
	
	
	div.box-product div.image,
	div.product-grid .image
	{
		min-height:0px;
	}
	
    .box-product .image, .product-grid .image
	{
	    min-height:0px;
        min-width:0px;	
	}
	.product-grid .description, .box-product .description
	{
	    display:none;
	}
	

	table.form input[type="text"], input[type="password"], .checkout-content input[type="text"]
	{
		width:200px;
	}
	
}

/*==================================
=   Tablet Landscape
===================================*/
@media only screen and (min-width: 1020px) and (max-width: 1024px) 
{

    .jcarousel-list ,.jcarousel-list-horizontal
      {
	    left:0px;
   }
	#menu > ul > li > a
	{
		padding:12px 25px 12px 10px;
	}

	#content
	{
		width:750px;
	}
	
	#footer
	{
		width:98%;
	}

	

	#header-top {
		left: auto;
		margin-left: 0px;
		width:auto;
	}
	
	#header, #logo
	{
		width:235px;
	}
	
	.menu
	{
		display: none;
	}
	
	
	div.dl-menuwrapper
	{
		display:block !important;
		position:absolute;
		text-align:right;
		left:auto;
		margin-left:0px;
		max-width:none;
		top:50px;
	}
	
	.dl-menuwrapper ul
	{
		text-align:left;
	}
	
	div.dl-menuwrapper button
	{
		margin-right:30px;
		background:#323548;
		border:2px solid #323548;
	}	

	div.dl-menuwrapper ul.dl-menu 
	{
		margin: 50px 0 0;
	}	
	

	#header-top #cart {
		margin-right: 70px;
	}
	
	
	#footer .column
	{
		padding:0px 8px;
		width:120px;
		min-width:100px;
	}

	.ei-slider
	{
		height:320px !important;
		max-width:100%;
	}
	
	.tf_content
	{
		right:0px;
	}
	
	#content .tf_content p
	{
		width:450px;
	}
	
	.ei-slider-large li img
	{
		height:auto !important;
		margin-top:0 !important;
		max-width:100%;
	}
	
	.nicole_ban div img
	{
		width:100%;	
	}	
	
	#social_band > div
	{
		width:180px;
		
	}
	
	div#social_twitter, div#social_facebook	
	{
		width:250px;
	}
	
    #menu > div > ul > li > a
	{
	    padding:5px 8px;
	}
	
	.image a img
	{
	    max-width:100%;
	}

   .product-list > div.first
        {
		clear:both;
	}	
    .jcarousel-list .jcarousel-list-horizontal
	{
	    left:0px;
	}
     
    .box-product .image, .product-grid .image
	{
	    min-height:0px;
        min-width:0px;	
	}

	
	#slideshow0, #slideshow0 .flex-viewport, 
	.product-info #slider, .product-info #slider  .flex-viewport, 
	.product-info #carousel, .product-info #carousel  .flex-viewport,
	#slideshow0 ul.slides > li img
	{
		height:auto;
		min-height:0px;
	}
	
	.tab-content
	{
	    clear:both;
	}
	#language
	{
	    left:586px;
		top:13px;
	}
	#currency
	{
	    left:500px;
		top:13px;
	}

	#header #logo a
	{
	    font-size:38px;
	}
	#header #logo a img
	{
	    margin-right:0px;
	}
	.product_sale 
	{
		margin-left: 25px;
		margin-top: -150px;
		padding: 2px 5px;
		font-size:11px;
	}
	
	#container
	{
		width:98%;
	}
	/*.tab-content
	{
	   overflow:visible;
	}*/
	.product-info  .right
	{	
		float:left;
		width:230px;
	}
	.product-info  .left
	{
		width:300px;
	}
	
	.product-info.left_thumb > .left 
	{
		padding-right: 0px;
		width: 100%;
	}	
	
	.product-info.left_thumb .image 
	{
		width: 500px;
	}
	
	.product-info.left_thumb .image-additional
	{
		width:auto;
	}

	.product-info.left_thumb > .right 
	{
		width: 100%;
	}

	#header #search, #header #welcome
	{
		
	}
	#menu > ul > li > a
	{
		padding:12px 5px;
	}
	
	.box-product > div, .product-grid > div
	{
		margin:0 15px 15px;
	}
	
	
	.box-product .price, .product-grid .price
	{
		max-width:150px;
	}
	
    .box-product .name a, .product-grid .name a
	{
	    font-weight:normal;
	}
	.return-captcha
	{
	    float:none;
	}
	
	
	div.box-product div.image,
	div.product-grid .image
	{
		min-height:0px;
	}
	
    .box-product .image, .product-grid .image
	{
	    min-height:0px;
        min-width:0px;	
	}
	.product-grid .description, .box-product .description
	{
	    display:none;
	}
	

	table.form input[type="text"], input[type="password"], .checkout-content input[type="text"]
	{
		width:200px;
	}


}

/*==================================
=   Phone Portrait
===================================*/
@media only screen and (max-width: 480px) {
	#header
	{
		position:static;
		background:transparent;
	}
	
	#logo
	{
		width:100%;
		top:0px;
	}

	#header-top
	{
		left:0px;
		position:static;
		margin-left:0px;
		width:auto;
		margin-top:75px;
	}
	
	#content
	{
		width:100%;
		margin:10px auto 0;
	}

	#footer, #social_band
	{
		width:auto;
		padding:0px;
	}
	
	#footer .column, #footer .column.first, #footer .column.last
	{
		height: auto;
		padding:10px 0px;
	}
	

    .product-grid .description, .box-product .description
	{
	    display:none;
	}
	.nicole_ban
	{
		text-align:center;
	}

	.nicole_ban div img
	{
		float:none;
	}

	.ei-slider
	{
		height:110px !important;
		max-width:100%;
	}
	
	.ei-title
	{
		/*display:none;*/
	}
	
	.tf_content
	{
		left:0px;
		rigth:auto;
		margin:0px;
		right:auto;
		position:relative;
		top:0px;
		bottom:auto;
		padding:0px;
		margin-top:20px;
	}
	
	.tf_content p
	{
		width:100%;
	}
	
	.ei-slider-large li img
	{
		height:auto !important;
		margin-top:0 !important;
		max-width:100%;
	}

    .product-info .right .cart input[type="text"]
	{
	    padding:5px;  
	}
    .jcarousel-list .jcarousel-list-horizontal
	{
	    left:0px;
	}
	 #social_band > div
       {
    border:none;
    }
    .nicole_ban div img
       {
    margin:10px 0px;
	max-width:100%;
    }		
    .product-breadcrumb
	{
	    margin-top: 0px;
        position: static;
	}
	
	.product-info h1
	{
	     margin-top:15px;
	}
    

    .box-product .image, .product-grid .image
	{
	    min-height:0px;
        min-width:0px;	
	}
	
	
	#slideshow0, #slideshow0 .flex-viewport, 
	.product-info #slider, .product-info #slider  .flex-viewport, 
	.product-info #carousel, .product-info #carousel  .flex-viewport,
	#slideshow0 ul.slides > li img
	{
		height:auto;
		min-height:0px;
	}
	
	
    .box-product, .product-grid
	{
	    white-space:normal;
	    text-align:center;
	}
	.buttons
	{
	    padding-bottom:40px;
	}
	#currency
	{
	    left:7px;
		top:120px;
	}
	#language
	{
	    left:auto;
		right:0px;
		top:120px;
	}
	#header #cart .heading
	{
	    background:none;
	}
	.box-product .price, .product-grid .price
	{
	    margin-bottom:15px;
	}

/*	.product_sale
	{
	    margin-top:30px;
		padding:2px;
		margin-left:25px;
		font-size:10px;
	}*/
	
	#nico_theme_editor 
	{
	    display:none;
	}
	.box-product .name a, .product-grid .name a
	{
	    font-size:14px;
		font-weight:normal;
	}
	html {-webkit-text-size-adjust: none;}
		body {padding: 0px 0px;}
		
	#container
	{	
	    width: auto;
		/*min-width: 320px;*/
		padding: 0;
		margin-top: 0;
	}
	#content 
	{
		padding: 0 10px 10px;
	}
    
	
	
	input[name="filter_name"]
	{
	    display:block;
		margin-bottom:10px;
	}
	
	select[name="filter_category_id"]
	{
	    display:block;
		margin-bottom:10px;
	}
	.product-filter
	{
		display:none;
	}
	
    #header 
	{
	   height: auto;
	   width:auto;
	   min-height:0 !important;
	}
	
	#header #welcome, #header #welcome a
	{
		line-height:14px;
		color:#555;
	}
	
/*	#header #welcome
	{
		position: relative;
		margin: 0px;
		width: 270px;
		top:0;
		left:-12px;
		right: 0;
		text-align: left;
		text-align: center;
		margin-top:15px;
		padding:10px;
	}*/
		
	#header #logo h2
	{
		margin:0px;
	}
	#header #logo a
	{
	   top: 0px;
	   left: 0px;
	   
	}
	#header #logo a img
	{
/*	    margin-right:-30px;
		margin-top:-20px;*/
		margin:0px auto;
	}
	#header #search 
	{
	   float: none;
	   position:relative;
	   text-align: center;
	   margin: 0 auto 21px auto;
	}
	#header #search input
	{
	    width:230px;
	}/*
	#header .button-search
	{
	   display: block;	
	   height: 33px;
	   float:right;
	   padding-right:25px;
	}
	*/
	
	#header .button-search
	{
		top:0px;
		position:absolute;
		margin-top:10px;
		right:0px;
	}
	
	#header #cart 
	{
	    background:none;
	    position: relative;
		text-align: center;
		top: 0px;
		left:0px;
	}
	#header #cart .heading 
	{
		float: none;
		margin-left: 0;
		margin-top:15px;
		background:transparent;
		margin-right:45px;
	}	
	
	#header #cart.active .heading 
	{
		background:#fff;
	}

	#header #cart .empty
	{
		max-width:none;
	}
	
	
	#header #cart .content
	{
		margin-left: 8px;
		margin-right: 8px;
	}
	#header #cart .empty
	{
	    max-width:none;
	}
	#header #cart .heading a
	{
		line-height:14px;
	}
	
	#header #cart .heading a span 
	{
		display: inline-block;
	}
	#menu
	{
	   display:none;
	}
	
	.sicons li 
	{
		border-color: #333;
		background:#000;
	}

/*	#column-left, #column-right {
		display: none;
	}*/
	
	#column-left + #column-right + #content, #column-left + #content, #column-right + #content {
		margin-left: 0px;
		margin-right: 0px;
	}
	.product-info > .right 
	{
	    width:270px;
	}
	.product-info .right .cart
	{
	    border:none;
	}
	.tab-content
	{
	    border:none;
		margin:0px;
		padding:0px;
		overflow:visible;
	}
	.box-product > div, .product-grid > div
	{
		/*width:258px;*/
		padding:0px;
	    margin-bottom: 5px;   
		padding: 0 0 5px;
	}
	.box-product > div.first, .product-grid > div.first
	{
	    margin-left:8px;
	}
	.box-product > div .name, .product-grid > div .name,
	.box-product > div .price, .product-grid > div .price,
	.box-product > div .image, .product-grid > div .image
	{
		min-width:0px;
		min-height:0px;
		
	}
	 .box-product > div .image, .product-grid > div .image,
	 .box-product > div .image img, .product-grid > div .image img
	{

		min-height:0px;
	}
	 
	 .box-product > div .price, .product-grid > div .price,
	 .box-product > div .name, .product-grid > div .name
	{

		text-align:center;
	}
	.box-product .price-old, .product-grid .price-old
	{
		font-size:12px;
		margin-left:0px;
	}
	  .box-product > div .name,
	  .product-grid > div .name
	{
	}
	
	.htabs
	{
		height:auto;
	}
	
	.htabs a, .htabs a.selected
	{
/*		line-height:18px;*/
	}
	
	.product-info
	{
		overflow:visible;
		padding:0 5px;
	}
	
	.product-info > .left,.product-info.left_thumb > .left
	{
		width:100%;
		padding-right:0px;
		padding-left:10px;
	}

	.product-info.left_thumb .image {
		float: none;
		width: auto;
	}

	
	.product-info.left_thumb .image-additional
	{
		width:auto;
	}
	
	.product-info > .right, .product-info.left_thumb > .right
	{
		padding:10px;
		width:100%;
	}
	
	
	
	
	.box-product, .product-grid
	{
		margin:0px;
	}
	
	h1
	{
		/*margin:0px;*/
		margin-bottom:10px;
	}
	
	
	#carousel0
	{
	    margin:0px;
		
	}
	.jcarousel-skin-opencart .jcarousel-item-horizontal img 
	{
		max-width: 100%;
		height: auto;
		width: auto; /* ie8 */
	}
		
		
	.jcarousel-container-horizontal {
		margin-top: 10px;
	}
	
	.jcarousel-skin-opencart .jcarousel-next-horizontal {
		top: 50% !important;
		margin-top: -10px !important;
	}	
	.jcarousel-skin-opencart .jcarousel-prev-horizontal {
		top: 50% !important;
		margin-top: -10px !important;
	}
		
	#footer
	{
	   margin:0px;
	}
	
	#footer .column
	{
	   width:55%;
	   float:none;
	   max-width:none;
	}
	
	#footer h3 
	{
	   
	}
	
	#footer .column a 
	{
	   line-height:24px;
	}


	input[type="text"], input[type="password"] 
	{
	    font-size:12px;
	}
	
	p 
	{
	    font-size:11px;
		line-height: 1.5;
        margin-bottom: 20px;
        margin-top: 0;
	}
	b
	{
	    font-size:12px;
	}
	h2
	{
	    font-size:14px;
	}
	element.style 
	{
    width: 96%;
	height:110px;
    }
	.return-reason
	{
	    width:160px;
	}
	.return-model 
	{
	    float:none;
	}
	.return-product b 
	{
	    font-weight:normal;
	}
	
	.cat_heading
	{
		float:none;
	}
	
	.product-filter .limit
	{
	   float:none;
	}
	.product-filter .limit select
	{
	   padding:2px;
	}
	.product-filter .display
	{
	   margin-right:8px;
	}
	.product-filter .sort
	{
	   padding-right:9px;
	}
	.product-filter 
	{
	    margin-bottom:10px;
	}
	.pagination .results
	{
	   padding-right:10px;
	}

	#header #search
	{
		margin:0 auto;
	}
    
	.category-info .image
	{
	    float:none;
	}
	 td select
	{
	    max-width:135px;
	}
	

	#column-right + #content
	{
	    padding-right:0px;
	}
	
	textarea
	{
	    width:200px;
	}
	 
    .image a img
    {
	    max-width: 100%;
		margin:0 auto;
	}		
	.product-list .description
	{
	    font-size:12px;
		width:240px;
	}
	.product-list .cart > input
	{
	    width:100px;
	}
    .product-list .name
	{
	   width:100px;
	}
	
	
	.checkout-content .right, .checkout-content .left 
	{
		width:100%;
	}


	div.dl-menuwrapper
	{
		display:block !important;
		position:absolute;
		text-align:right;
		left:auto;
		margin-left:0px;
		max-width:none;
		top:20px;
	}
	
	.dl-menuwrapper ul
	{
		text-align:left;
	}
	
	.dl-menuwrapper button
	{
		margin-right:10px;
	}		
	
	.mc_embed_signup div
	{
		float:none;
	}

	.mc_embed_signup label
	{
		display:block;
		text-align:center;
		margin-bottom: 15px;
	}
	
	#column-left .box-product > div, .product-grid > div
	{
		margin:0px;
	}
	
}


/*==================================
=   Phone Landscape
===================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.box {
		padding: 0;
	}
	
	#header
	{
		position:static;
		width:100%;
		background:transparent;
	}
	
	#logo
	{
		width:100%;
		top:0px;
	}

	#header-top
	{
		left:0px;
		position:static;
		margin-left:0px;
		margin-top:75px;
		width:auto;
	}
	
	#content
	{
		width:100%;
		margin:10px auto 0;
	}

	#footer, #social_band
	{
		width:auto;
		padding:0px;
	}
	
	#footer .column, #footer .column.first, #footer .column.last
	{
		height: auto;
		padding:10px 0px;
	}
	
	#footer .column
	{
	   width:55%;
	   float:none;
	   max-width:none;
	}
	
	
	#footer .column a 
	{
	   line-height:24px;
	}
	

    .product-grid .description, .box-product .description
	{
	    display:none;
	}
	.nicole_ban
	{
		text-align:center;
	}

	.nicole_ban div img
	{
		float:none;
	}

	.ei-slider
	{
		height:190px !important;
		max-width:100%;
	}
	
	.ei-title
	{
		/*display:none;*/
	}
	
	.tf_content
	{
		left:0px;
		rigth:auto;
		margin:0px 5px 20px;
		margin-top:280px;
	}
	
	.tf_content p
	{
		width:100%;
	}
		
	.ei-slider-large li img
	{
		height:auto !important;
		margin-top:0 !important;
		max-width:100%;
	}
	
		
	.product-list .name
	{
	   width:100px;
	}
	
	.product-list .description
	{
	    font-size:12px;
		width:240px;
	}
   .image a img
    {
	    max-width: 100%;
	}	
    .box-product > div .price, .product-grid > div .price
	{
	    width:75px;
	}
    .jcarousel-list .jcarousel-list-horizontal
	{
	    left:0px;
	}
	#social_band > div
       {
    border:none;
    }
    .nicole_ban div img
       {
    margin:10px 0px;
    }	
    .box-product .image, .product-grid .image
	{
	    min-height:0px;
        min-width:0px;	
	}
	
	
	#slideshow0, #slideshow0 .flex-viewport, 
	.product-info #slider, .product-info #slider  .flex-viewport, 
	.product-info #carousel, .product-info #carousel  .flex-viewport,
	#slideshow0 ul.slides > li img
	{
		height:auto;
		min-height:0px;
	}
	
	.box-product, .product-grid
	{
	    white-space:normal;
	    margin:0px 30px;
	}
    #currency
	{
	    top:110px;
		left:0px;
	}
	#language
	{
	    left:auto;
		top:110px;
		right:10px;
	}
    #header #logo a img
    {
/*		margin-right:-60px;*/
		margin:0px auto;
    }
    
   .buttons
     {
        padding-bottom:20px;
   }
     .product-info > .right
      {
        width:430px;
   }
	
    #nico_theme_editor 
	{
	    display:none;
	}
	html {-webkit-text-size-adjust: none;}
		body {padding: 0px 0px;}
		
	#container
	{	
	    width: auto;
		/*min-width: 320px;*/
		padding: 0;
		margin-top: 0;
	}
	#content 
	{
		padding: 0 10px 10px;
	}
    td select
	{
	    max-width:135px;
	}
	
    #header 
	{
	   height: auto;
	   min-height: 0 !important;
	}
	
	#header #welcome, #header #welcome a
	{
		line-height:14px;
		color:#555;
	}

		
	#header #logo h2
	{
		margin:0px;
	}
	#header #logo a
	{
	   font-size:42px;
	   position:relative;
	   top: 0px;
	   left: 0px;
	   margin: 0px auto;
	   line-height:60px;
	   display:block;
	 
	}
	
	#header #logo a img
	{
		float:none;
	}
	
	#header #search 
	{
	   float: none;
	   position:relative;
	   text-align: center;
	   margin: 0 auto 21px auto;
	   padding:0px;
	}
	#header #search input
	{
	    width:85%;
	}
	#header #cart 
	{
	    position: relative;
		text-align: center;
		top: -6px;
		left:0px;
	}
	#header #cart .heading 
	{
		float: none;
		margin-left: 0;
		margin-top:15px;
		background:transparent;
		margin-right:125px;
	}	
	
	#header #cart.active .heading 
	{
		background:#fff;
	}
	
	#header #cart .empty
	{
		max-width:none;
	}
	
	#header #cart .content
	{
		margin-left: 8px;
		margin-right: 8px;
	}
	
	#header #cart .heading a
	{
		line-height:14px;
	}
	
	#header #cart .heading a span 
	{
		display: inline-block;
	}
	#menu
	{
	   display:none;
	}

/*	#column-left, #column-right {
		display: none;
	}*/
	
	#column-left + #column-right + #content, #column-left + #content, #column-right + #content {
		margin-left: 0px;
		margin-right: 0px;
	}
	

	
	.box-product > div .name, .product-grid > div .name,
	.box-product > div .price, .product-grid > div .price,
	.box-product > div .image, .product-grid > div .image
	{
/*		float:left;*/
		
	}
	 .box-product > div .image, .product-grid > div .image,
	 .box-product > div .image img, .product-grid > div .image img
	{
		
	}
	 

	  .box-product > div .name,
	  .product-grid > div .name
	{
	  margin-top:0px;
	}
	

	.htabs
	{
		height:auto;
	}
	
	.htabs a, .htabs a.selected
	{
		padding:5px;
		line-height:18px;
	}
	.product-info
	{
		overflow:visible;
	}
	
	.product-info > .left
	{
		width:100%;
	}
	
	.product-info.left_thumb > .left	
	{
		width:450px;
		padding:0px;
	}
	
	.product-info.left_thumb .image 
	{
		width: 350px;
	}

	h1
	{
		margin:0px;
		margin-bottom:10px;
	}
	
	
	#carousel0
	{
	    margin:0px;
		
	}
	.jcarousel-skin-opencart .jcarousel-item-horizontal img 
	{
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
		
		
	.jcarousel-container-horizontal {
		margin-top: 10px;
	}
	
	.jcarousel-skin-opencart .jcarousel-next-horizontal {
		top: 50% !important;
		margin-top: -10px !important;
	}	
	.jcarousel-skin-opencart .jcarousel-prev-horizontal {
		top: 50% !important;
		margin-top: -10px !important;
	}	
	#footer
	{
	   margin:0px;
	}
	#footer .column
	{
	   max-width:none;
	   float:none;
	}
	#footer h3 
	{
	   
	}
	#footer .column a 
	{
	   line-height:24px;
	}
	#powered
	{
	   
	}
	input[type="text"], input[type="password"] 
	{
	    font-size:12px;
	}
	 p 
	{
	    font-size:11px;
		line-height: 1.5;
        margin-bottom: 20px;
        margin-top: 0;
	}
	b
	{
	    font-size:12px;
	}
	h2
	{
	    font-size:14px;
	}
	element.style 
	{
    width: 96%;
	height:110px;
    }
	.return-reason
	{
	    width:160px;
	}
	.return-model 
	{
	    float:none;
	}
	.return-product b 
	{
	    font-weight:normal;
	}
	
	.cat_heading
	{
		float:none;
	}
	
	.product-filter .limit
	{
	   float:none;
	}
	.product-filter .limit select
	{
	   padding:2px;
	}
	.product-filter .display
	{
	   margin-right:8px;
	}
	.product-filter .sort
	{
	   padding-right:9px;
	}
	.product-filter 
	{
	    margin-bottom:10px;
	}
	.pagination .results
	{
	   padding-right:10px;
	}

	#container #header #search
	{
		margin:0px auto 10px;
	}
	 
	.category-info .image
	{
	   
	}
	   

	table.form input[type="text"], input[type="password"], .checkout-content input[type="text"]
	{
		width:250px;
	}

	div.dl-menuwrapper
	{
		display:block !important;
		position:absolute;
		text-align:right;
		left:auto;
		margin-left:0px;
		max-width:none;
		top:25px;
	}
	
	.dl-menuwrapper ul
	{
		text-align:left;
	}
	
	.dl-menuwrapper button
	{
		margin-right:10px;
	}	

	div.dl-menuwrapper ul.dl-menu 
	{
		margin: 50px 0 0;
	}
	
	.mc_embed_signup div
	{
		float:none;
	}
	
	.mc_embed_signup label
	{
		display:block;
		text-align:center;
		margin-bottom: 15px;
	}
}


@media only screen and (max-width: 767px){
    .box-product > div, .product-grid > div
	{
		width:40%;
	}
	.box-product .image > a img, .product-grid div .image > a img{
	    height: auto!important;
	}
}

	

/* dl menu */
/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
    left: 50%;
	margin-left: -400px;
    top: 10px;
	position: fixed;
	z-index: 100000;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	display: none;	
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: transparent;
	border: 2px solid #fff;
	width: 40px;
	height: 40px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	outline: none;
	top:-2px;
	float:right;
	right:0px;
	outline:none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #2A2C3C;
	background: rgba(42, 44, 60, 0.95);
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 61%;
	height: 3px;
	background: #fff;
	top: 8px;
	left: 21%;
	box-shadow: 
		0 8px 0 #fff, 
		0 16px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background:#2A2C3C;
	background: rgba(42, 44, 60, 0.95);
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 600;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,255,255,0.9);
	color:#333;
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	border-bottom: 6px solid transparent;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	content: " ";
	line-height: 50px;
	position: absolute;
	right: 10px;
	top:20px;
	z-index: 10000;
}

.dl-menuwrapper li > a:hover:not(:only-child):after, .dl-menuwrapper li.dl-back:hover:after
{
	border-left: 5px solid #333;
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	right:auto;
	top:20px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 55px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .submenu,
.dl-menu.dl-subview li.dl-subviewopen > .submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}