.btns{
	display:block;
	padding:30px 0;
	text-align:center
}

.modile{
	width:100%; 
}


#products_wrap{
	display:block;
	padding:1px 0 0 1px; 
	width:100%;
	max-width:100%; 
}

.product{  
	display:inline-block;
	position:relative;
	overflow:hidden;
	float:left;
	width: calc( 100% + 1px ); 
	height:390px;
	padding:15px;
	margin:-1px 0 0 -1px;
	background-color:#fff;
	
	border:solid 1px #ddd
} 

@media only screen and (max-width: 560px ) {
	.product{
		max-width: calc( 100% + 1px );
	}
}

@media only screen and (min-width: 560px) and (max-width: 768px){
 	.product{ 
		max-width: calc( 50% + 1px )  
	}
}

@media only screen and (min-width: 768px) and (max-width: 920px){
	.product{ 
		max-width: calc( 33.3333% + 1px ) 
	}
}

@media only screen and (min-width: 920px) and (max-width: 1120px){
	.product{ 
		max-width: calc( 25% + 1px )  
	}
}

@media only screen and (min-width: 1120px ) {
	.product{ 
		max-width: calc( 20% + 1px ) 
	}
} 

.product .ex{
	display:block; 
	height:100%;
	padding:15px; 
	position:relative;
	background-color:#fff;
	overflow:hidden 
}

.product .ex .pr_img{ 
	height: 256px; 
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover; 
	overflow:hidden
}

.product .ex .pr_img a{ 
	width:      50px;
	height:     50px;
	line-height:50px;
	font-size: 25px;
	text-align:center;
	background-color: #2c7950;
	color:#fff;
	margin:6px;
	position:relative;
	border-radius:50%;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

.product .ex .pr_img a,
.product .ex .pr_img a i,
.product .ex .pr_img a:active{
	text-decoration:none !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.product .ex .pr_img a.view{
	transform:translateX(-120px)
}
.product .ex .pr_img a.addToCart{
	transform:translateX(120px)
}

.product .ex .pr_img:hover a{
	transform:translateX(0);
	opacity:1;
	visibility: visible
}

.product .ex .pr_img a:hover{
	background-color:#1c1c1c 
}

.product .ex .pr_img a.addToCart.loading{
	color:rgba(255,255,255,0);
	transform:translateX(0);
	opacity:1;
	visibility: visible;
	transition: none
}

/* ------------------------ descr --------------------------- */

.product .ex .descr{ 
	display:block;
	height:48px;
	overflow:hidden;
	color:#111;
	margin:10px 0 0 0 
}

/* ------------------------ descr --------------------------- */

.product .ex .price{
	font-size:20px;
	color: #2c7950;
	font-family: 'Oswald', sans-serif;
	font-weight:600
}

/*
###########################################################################
########################################################################### product-circle
###########################################################################
*/

#home_all_category{
	display:block;
	margin-bottom:30px
}

.product-circle{ 
	text-align:center;
	height: 310px;
	padding:0
	
}

.product-circle .ex{
	background:none;
	padding:0 0 15px 0; 
}

.desH4{
	display:block;
	max-height:52px;
	overflow:hidden;
	margin: 0 
}

.product-circle .ex h4{
	font-weight:bold;
	line-height:1.1;
	padding:0;
	width:100%
	
}

.product-circle .ex .pr_img{
	border:solid 1px #ddd;
	width:220px;
	height:220px;
	margin:15px auto;
	border-radius:50%;
	background-color:#ddd
}

.product-circle a.ex:hover > .pr_img{
	transform:scale(1.05,1.05);
	box-shadow:0 6px 12px rgb(0 0 0 / 10%);
}

/*
**********************************************************************************
**********************************************************************************
********************************************************************************** PRODUCT PAGE
**********************************************************************************
**********************************************************************************
*/

#obj_single_product{
	padding-bottom:30px
}

#obj_single_product .pr_price{
	font-size: 40px;
	color: #2c7950;
	font-family: 'Oswald', sans-serif;
	font-weight:600
}

.more-info{
	margin-top:30px
}

#more_products {
	padding-top:0;
	margin-top:30px;
	border-top:solid 1px #ddd;
	margin-bottom:0;
	padding-bottom:0
}

#more_products #products_wrap{
	margin-bottom: 30px
}

#more_products .title-cnt{
	position:relative;
	text-align:center
}

#more_products .title-cnt a{
	display:block;
	margin:30px auto;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
	white-space: nowrap;
	color:#1c1c1c
}

@media only screen and (min-width: 768px){
	
	#more_products .title-cnt{
		text-align:left
	}

	#more_products .title-cnt a{
		float:right;
		position:absolute;
		right:10px;
		top:50%;
		transform:translateY(-50%);
		margin:0
	}
	
}



/*
**********************************************************************************
**********************************************************************************
********************************************************************************** from target
**********************************************************************************
**********************************************************************************
*/

:root {
	--colorBody:#ffffff;
	--colorTextBody:#1c1d1d;
	--colorBodyDim:#f2f2f2;
	--iconWeight: 4px;
	--iconLinecaps: miter;
}

.product-block {
	margin-bottom: 30px
}

.product-block hr {
	margin: 0
}

.js-qty__wrapper input{
	border:solid 1px #ddd

	
}

.product__quantity label {
     display: block;
     margin-bottom: 10px 
}

 .js-qty__wrapper {
     display: inline-block;
     position: relative;
     max-width: 70px;
     min-width: 60px;
     overflow: visible;
     background-color: #fff;
     background-color: var(--colorBody);
     color: #1c1d1d;
     color: var(--colorTextBody) 
}

 .js-qty__num {
     display: block;
     background: none;
     text-align: center;
     width: 100%;
     padding: 5px 20px;
     margin: 0 
}

 .js-qty__num:active~.js-qty__adjust, 
 .js-qty__num:focus~.js-qty__adjust {
     border-color: #1c1d1d;
     border-color: var(--colorTextBody) 
}

 .js-qty__adjust {
     cursor: pointer;
     position: absolute;
     display: block;
     top: 0;
     bottom: 0;
     border: 0 none;
     background: none;
     text-align: center;
     overflow: hidden;
     padding: 0 10px;
     line-height: 1;
     -webkit-user-select: none;
     user-select: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition: background-color .1s ease-out;
     z-index: 1;
     fill: #1c1d1d;
     fill: var(--colorTextBody) 
}

.js-qty__adjust .icon {
     display: block;
     font-size: 8px;
     vertical-align: middle;
     width: 10px;
     height: 10px;
     fill: inherit 
}

.js-qty__adjust:hover {
     background-color: #f2f2f2;
     background-color: var(--colorBodyDim);
     color: #1c1d1d;
     color: var(--colorTextBody) 
}

.js-qty__adjust--plus {
     right: 0 
}

.js-qty__adjust--minus {
     left: 0 
}

.icon {
     display: inline-block;
     width: 20px;
     height: 20px;
     vertical-align: middle;
     fill: currentColor 
}

.icon-plus, 
.icon-minus{
     fill: none!important;
     stroke-width: var(--iconWeight);
     stroke: currentColor!important;
     stroke-linecap: var(--iconLinecaps);
     stroke-linejoin: var(--iconLinecaps) 
}

 .icon__fallback-text {
     clip: rect(0,0,0,0);
     overflow: hidden;
     position: absolute;
     height: 1px;
     width: 1px 
}

/*
**********************************************************************************
**********************************************************************************
********************************************************************************** PRODUCT PAGE galery
**********************************************************************************
**********************************************************************************
*/

#obj_single_product a.strip{
	display:block;
	padding:1px;
	background:#eee;
	border:solid 1px #ddd;
	position:relative
}

#obj_single_product a.strip figure{
	position:relative
}

#obj_single_product .product_slider_down a.strip:hover{
	transform:scale(1.1,1.1);
	box-shadow: 0 0 30px rgba(0,0,0,.35)
}
 
#obj_single_product .product_slider_down{
	border:solid 1px #ddd;
	display:block;
	margin: 15px 0;
	padding:15px 0;
	background-color:#eee
}

#obj_single_product .product_slider_down .single_product_tumble{
	display:block;
	height:100px
}