/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,700,800,400,600);*/

/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

footer {
  padding: 30px 0;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */

 
@media screen and (max-width: 980px) {
	
	.containMenu #container{
		position:inherit;
		}

	.visible-xs{
		display:block !important;
		}
	
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
  }
  
  #wrapper{
	  /*margin:0 15px;*/
	  }
	  
	.Menu-Mobile{
		height:100%;
		/*overflow:hidden;*/
		background-color:#000000;
		padding: 20px;
		text-align: right;
		}
		.Menu-Mobile p {
			float: none !important;
			}
	.Menu-Mobile a{
		display:block;
		color:#ffffff;
		font-family:'Open Sans', sans-serif;
		font-size:18px;
		line-height: 14px;
		font-weight:400;
		text-transform:uppercase;
		background:url(../image/menubdr.gif) no-repeat 100% 0 #000000;
		padding:/*6px 23px 8px 56px*/ 0;
		cursor:pointer;
		text-decoration:none;
		text-align: left;
		height: 14px;
		}
		
	.Menu-Mobile p{
		margin:0;
		}

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -65%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
	height:100%;
	background:#000000;
  }
  
#menu > ul > li{
	background:none;
	float:none;
	z-index:inherit;
	display: block;
	}

#menu > ul > li > a {
	text-align: left;
}	
	
#menu > ul > li > div{
	margin:0 0 0 18px !important;
	width: 100%;
	background: none;
	background-color: rgb(165,194,75);
	border: none;
	}
	
#menu > ul > li > div > ul{
	display:inherit;
	}
	
#menu > ul > li > div > ul li{
	background:url(../image/footerbullet.png) no-repeat 4px 9px;
	padding:0 0 0 14px;
	}
	
#menu > ul > li ul + ul{
	margin:0 !important;
	}
	
#menu > ul > li ul + ul{
	padding:0 !important;
	}	
	
#menu > ul > li:last-child a{
	padding:0 18px;
	}

/*09-12-14*/
/*Main navigation*/
#menu > ul > li ul > li > a:hover {
	background: none;
	color: #000;
	}
	
/*#content {
	padding: 0 20px;
	float: none;
	}
#column-left {
	padding: 0 20px;
	float: none;
	}
	#column-left + #column-right + #content, #column-left + #content {
		margin-left: 0;
		}*/
/*09-12-14*/

/*10-12-14*/  
.breadcrumb a {
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
/*10-12-14*/
}



@media screen and (max-width: 868px) {
	.home_blog {
			width: 100%;
			padding-bottom: 20px;
			border-bottom: 1px solid #bcc59d;
			box-sizing:border-box;
			border-right: none !important;
		}	
		.home_blog.nomrg {
			border: none;
			}
		
		.box-product {
			/*width: 89%;*/
			margin: 0 auto;
			}
			.latestpost .nbs-flexisel-inner {
				background:none;
			}
}

@media screen and (max-width: 768px) {
	.checkout-content .left {
		width: 46%;
		}
	.checkout-content .right {
		width: 46%;
		}	
}

@media screen and (max-width: 767px) {
	
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -65%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right:65%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }
  
	/*09-12-14*/  
	.checkout-product td {
		padding: 3px;
		}
	/*09-12-14*/ 
	/*10-12-14*/  
	.breadcrumb a {
		margin-left: 0 !important;
		margin-right: 0 !important;
		}
	/*10-12-14*/  
	}

@media screen and (max-width: 568px) {
	
		.home_blog {
			width: 100%;
			padding-bottom: 20px;
			border-bottom: 1px solid #bcc59d;
			box-sizing:border-box;
			border-right: none !important;
		}
			
	}
	
@media screen and (max-width: 557px) {
	
	.sidebar-offcanvas{
		width:60%;
		}
	
	}
	
@media screen and (max-width: 472px) {
	
	.sidebar-offcanvas{
		width:70%;
		}
		
	.row-offcanvas-right.active{
		right:75%;
		}
		
	.row-offcanvas-right .sidebar-offcanvas{
		right:-74%;
		}
	
	}
	
@media screen and (max-width: 411px) {
	
	.sidebar-offcanvas{
		width:90%;
		}
	
	.row-offcanvas-right .sidebar-offcanvas{
		right:-94%;
		}
		
	.menu ul li{
		font-size:13px;
		line-height:19px;
		}
		
	.menu ul li a{
		padding:8px 15px !important;
		}
		
	.menu ul li ul{
		left:16px;
		}
		
	.menu ul li ul li a{
		padding:4px 10px !important;
		}
		
	.menu ul li ul li{
		background-position:0 9px;
		padding:0;
		}
		
	.menu ul li ul ul{
		left:11px;
		}
		
	.menu ul li ul li ul li a{
		padding-top:2px !important;
		padding-bottom:2px !important;
		}
		
	.menu ul li ul li ul li{
		font-size:12px;
		background-position:0 8px;
		}
		
	.menu ul li ul li:last-child{
		background-position:0 9px;
	}
	
	.menu ul li ul li li:last-child{
		background-position:0 8px;
	}
	
	}
	
@media screen and (max-width: 409px) {
	
	.row-offcanvas-right .sidebar-offcanvas{
		right:-96%;
		}
		
	.menu ul li ul li a{
		width:180px;
		}
	
	}
	
@media screen and (max-width: 338px) {
	.menu ul li a{
		padding:8px 5px !important;
		}
		
	.menu ul li ul li ul li.hov a{
		width:170px;
		}
	
}