.wf_cart_notice{
width: 100%;
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
padding: 15px;
position:fixed;
top:15%;
height:auto;
width:80%;
left:10%;
right:10%;
margin-bottom: 20px;
border: 1px solid transparent;
display: none;
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
box-shadow: 5px 5px 5px rgba(136, 136, 136, 0.49);
}

.wf_product_view{
display:none;
position: fixed;
z-index: 2;
top: 10%;
width: 70%;
left: 15%;
right: 15%;
padding: 3rem;
/* Full width */
height: auto;
max-height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: rgb(0, 0, 0);
/* Fallback color */
background-color: rgba(0, 0, 0, 0.4);
/* Black w/ opacity */
background: white;
transition: all 0.3s ease-in-out;
box-shadow: 1px 1px 10px #bbbbbb;


}
.wf_category_view{
display:none;
position: fixed;
z-index: 1;
top: 10%;
width: 70%;
left: 15%;
right: 15%;
padding: 3rem;
/* Full width */
height: auto;
max-height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: rgb(0, 0, 0);
/* Fallback color */
background-color: rgba(0, 0, 0, 0.4);
/* Black w/ opacity */
background: white;
transition: all 0.3s ease-in-out;
box-shadow: 1px 1px 10px #bbbbbb;


}
.column-50-wf{
display:block;
float:left;
width:50%;

}
.column-50-wf img{


  max-width: 100%;
width: auto;
height:auto;
}

.wf_product_view .single_add_to_cart_button {
margin-top: 10px;
background: #ffb645;
background-image: linear-gradient(0deg, #ffb645, #ffe68e);
color: #5a460a !important;
box-shadow: inset 0 1px hsla(0, 0%, 100%, .6);
background: #ffc600;
background-image: linear-gradient(0deg, #faa21b, #ffc600);
border: 1px solid #ec9a10;
border-radius: 5px;
float: right;
/* max-width: 25%; */
overflow: hidden;
font-weight: bold;
padding: 10px;





}


@media  screen and (max-width: 768px) {


  .wf_product_view{
display: none; 
padding: 2rem;
position: fixed;
left: 0%;
right: 0%;
top: 0%;
bottom: 0px;
padding-bottom: 50px;
background: white;
overflow: auto;
z-index:2;
width:100%;

}

  .wf_category_view{
display: none; 
padding: 2rem;
position: fixed;
left: 0%;
right: 0%;
top: 0%;
bottom: 0px;
padding-bottom: 50px;
background: white;
overflow: auto;
z-index:1;
width:100%;

}
.wf_product_view .header{

	position: fixed;
float: right;
right: 0px;
top: 0px;
padding: 20px;
width: 100%;
background: white;
box-shadow: 1px 1px 10px #bbbbbb;
}
.wf_product_view .body{
margin-top:40px;
	}


.wf_category_view .header{

	position: fixed;
float: right;
right: 0px;
top: 0px;
padding: 20px;
width: 100%;
background: white;
box-shadow: 1px 1px 10px #bbbbbb;
}
.wf_category_view .body{
margin-top:40px;
	}	
.column-50-wf{
display:block;
float:left;
width:100%;
overflow: auto;
max-height: 100%;
height: 100%;
}




}