/*
Template Name:Store
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/
/*********************product****************/
.center_product {
    background-image: url(../img/24.jpg);
}
.center_product_main{
  background:#00000059;
  padding-top:150px;
  padding-bottom:150px;
  }
.center_product_1_left h4{
  color:#fff;
  }
.center_product_1_right ul li{
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
  color:#fff;
  }
.center_product_1_right ul li a{
 color:#fff;
 }
.center_product_1_right ul li a:hover{
 color:#ff8c04;
 }
#product_page{
 padding-top:40px;
 padding-bottom:40px; 
  }
.product_page_left h4{
 font-weight:bold;
 color:#000; 
  }
.product_page_left hr{
border-color:#ff8c04;
border-width:2px;
width:22%;
margin:0;
margin-top:10px;
  }
.product_page_left h5{
 font-size:18px;
 color:#000; 
 margin-top:15px;
 margin-bottom:15px;
  }
.product_page_left ul li{
  margin-bottom:10px;
  border-bottom:1px solid #ddd;
  padding-bottom:10px;
  }
.product_page_left ul li a{
 color:#000;
  }
.product_page_left ul li a:hover{
 color:#ff8c04;
  }
  
.product_page_left_1 h4{
 font-size:18px;
 color:#000; 
 margin-top:15px;
 margin-bottom:15px;
  }
.product_page_left_1 hr{
border-color:#ff8c04;
border-width:3px;
margin:0;
margin-bottom:15px;
  }
 
.product_page_left_2{
 margin-top:20px; 
  } 
.product_page_left_2 h4{
 font-weight:bold;
 color:#000; 
  }
.product_page_left_2 hr{
border-color:#ff8c04;
border-width:2px;
width:22%;
margin:0;
margin-top:10px;
  }
.product_page_left_2 p{
  margin-top:10px;
  }
.product_page_left_2_inner{
margin-top:20px;  
  }
.product_page_left_2_inner_right h5{
  color:#ff8c04;
  }
.product_page_left_2_inner_right p{
 margin-top:5px;
 font-size:14px;
  }
.product_page_left_2_inner_right p a{
color:#333;
  }
.product_page_left_2_inner_right p a:hover{
 color:#ff8c04;
  }
.product_page_left_2_inner_right h4{
 margin-top:5px;
 font-size:14px;
 color:#ff8c04;
 font-weight:100;
  }
.product_page_left_2_inner_right h4 span{
color:#999;
text-decoration:line-through;
margin-left:5px;  
  }
.product_page_left_2_inner{
 border-bottom:1px solid #ddd;
 padding-bottom:15px; 
  }
  
/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	max-height: 360px;
	width:100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #18a367;
}

figure.effect-layla img {
	height: 390px;
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	font-size:15px!important;
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.product_page_left_3{
 margin-top:20px; 
  }
.product_page_right_1_left .label_1{
  margin-right:5px;
  font-size:16px;
  font-weight:100;
  }
.product_page_right_1_left .form_1{
  width:200px;
  height:40px;
  font-size:16px;
  }
.product_page_right_1_left ul{
display:inline; 
margin-left:20px;
  }
.product_page_right_1_left ul li{
display:inline-block;
padding-left:2px;
padding-right:2px;
  }
.product_page_right_1_left .tag_page{
 color:#ff8c04; 
  }
.product_page_right_1_left ul li a{
color:#000;
  }
.product_page_right_1_left ul li a:hover{
color:#ff8c04; 
  }

.product_page_right_1{
border-bottom:1px solid #ddd;
padding-bottom:20px;  
  }
.product_page_right_2{
 margin-top:30px;  
   }
.product_page_right_2_left{
 border:1px solid #ddd;
 padding:10px;  
   }
   
.product_page_right_2_right h4 a{
 color:#000;
 }
.product_page_right_2_right h4 a:hover{
 color:#ff8c04; 
 }
.product_page_right_2_right h5 {
margin-top:10px;
 }
.product_page_right_2_right h5 a{
 color:#ff8c04; 
 }
.product_page_right_2_right h6 {
margin-top:10px;
font-size:16px;
font-weight:bold;
color:#ff8c04; 
 }
.product_page_right_2_right p{
margin-top:10px; 
margin-bottom:20px; 
  }
.product_page_right_2_right ul li{
display:inline-block;
margin-left:5px;
margin-right:5px;
  }
.product_page_right_2_right ul li .tag_3{
background:#ff8c04;
color:#fff;
padding:10px 15px;
border-radius:20px;
font-size:14px;
  }
.product_page_right_2_right ul li .tag_3:hover{
 background:#000; 
  }
.product_page_right_2_right ul li .tag_4{
width:35px;
height:35px;
border:1px solid #ff8c04;
color:#ff8c04;
display:inline-block;
text-align:center;
border-radius:100%;
line-height:35px;
  }
.product_page_right_2_right ul li .tag_4:hover{
 background:#ff8c04;
 color:#fff;
  }
/*********************product_end****************/

@media screen and (max-width : 767px){
.product_page_left {
text-align:center;  
  }
#product_page hr{
margin-left:auto;  
margin-right:auto;  
  }
.product_page_left_1 {
text-align:center;  
  }
.product_page_left_2 {
text-align:center;  
  }
.product_page_left_2_inner_right {
 margin-top:10px; 
  }
.product_page_right {
  text-align:center;
  }
.product_page_right_1_left {
 text-align:center;
 margin-top:15px;
 }
.product_page_right_2_right {
margin-top:10px;  
  }
.product_page_right_2_right ul li{
margin-left:0;
margin-right:0;  
  }
.product_page_right_2_right ul li .tag_3{
padding:10px;  
  }
figure.effect-layla img{
 width:100%; 
  }
}

@media (min-width:768px) and (max-width:991px) {
.product_page_left_2_inner_left  img{
  height:100px;
  }
.product_page_left_2_inner_right h4{
font-size:11px;  
  }
.product_page_left_2_inner_right h4 span{
 margin-left:0; 
  }
figure.effect-layla figcaption{
padding:0;  
  }
figure.effect-layla p{
 padding:10px; 
  }
figure.effect-layla figcaption::before{
display:none;
}
figure.effect-layla figcaption::after{
display:none;
}
.product_page_right_1_left .form_1{
  width:170px;
  }
.product_page_right_2_right p{
 font-size:14px; 
  }
 }
 @media (min-width:992px) and (max-width:1200px) {

 }
@media (min-width:1201px) and (max-width:1315px) {

 }