@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carter+One&family=Poppins:wght@500&display=swap');

body{
	/*font-family: 'Carter One', cursive;*/
	font-family: 'Poppins', sans-serif;
}

.rec_for_u h3{
	font-family: 'Carter One', cursive;
	font-size:40px;
}

/*DEFAULT*/
.title{
font-size:1em;
display:block;
}

.Cards{
width:100%;
display:flex;
align-items:center;
justify-content:center;
}

.product_card{
width:350px;
height:250px;
position:relative;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
display:inline-block;
margin:10px;
border-radius: 8px;

}

.product_card img{
width:100%;
height:100%;
border-radius: 8px;
}

.product_card ul{
width:10%;
position:absolute;
top:10px;
left:-20px;
z-index:1;
}

.product_card .views{
position:absolute;
top:0;
left:0;
color:#fff;
padding:5px 20px;
padding:5px 20px;
/*background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
font-size:20px;
font-weight: bold;
font-family: 'Carter One', cursive;
border-radius: 8px;
}
.product_card .viewsbottom{
position:absolute;
top:200px;
left:0;
color:#fff;
padding:5px 20px;
padding:5px 20px;
/*background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
font-size:20px;
font-weight: bold;
font-family: 'Carter One', cursive;
border-radius: 8px;
}

.product_card .views p{
font-weight: normal;
font-size:14px;
font-family: 'Carter One', cursive;
}

.product_card section{
padding:10px;
}

.product_card section .price{
color:#FF324D;
margin-top: 10px;

}



.product_card section .discount{
color:green;

}



/*Card Menu*/
.card{
width:100%;
display:flex;
align-items:center;
justify-content:center;
}

.product_card_menu{
width:350px;
height:250px;
/*position:relative;*/
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
/*display:inline-block;*/
/*margin:10px;*/
}

.product_card_menu img{
width:350px;
height:100%;
border-radius: 8px;
}

.product_card_menu .views{
position:absolute;
top:0;
left:50px;
color:yellow;
text-align: center;
padding:5px 20px;
/*background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
font-size:20px;
font-weight: bold;
font-family: 'Carter One', cursive;
height: 60px;
}

product_card_menu .viewsbottom{
position:absolute;
bottom:50px;
left:0;
color:#fff;
padding:5px 20px;
padding:5px 20px;
/*background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
font-size:20px;
font-weight: bold;
font-family: 'Carter One', cursive;
border-radius: 8px;
}

.product_card_menu .views p{
font-weight: normal;
font-size:14px;
font-family: 'Carter One', cursive;
}


/*Offer*/


.Cards_offer{
width:100%;
display:flex;
align-items:center;
justify-content:center;
}

.product_card_offer{
width:300px;
height:300px;
position:relative;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
display:inline-block;
margin:10px;
}

.product_card_offer img{
width:100%;
height:70%;
}

.product_card_offer ul{
width:10%;
position:absolute;
top:10px;
left:-20px;
z-index:1;
}

.product_card_offer .views{
position:absolute;
top:0;
right:0;
color:#fff;
padding:5px 20px;
background:#FF324D;
font-size:10px;
}

.product_card_offer section{
padding:10px;
}

.product_card_offer section .price{
color:#FF324D;
margin-top: 10px;

}



.product_card_offer section .discount{
color:green;

}

.footer{
/*background:#ECECEC;*/
padding:30px 0px;
box-shadow:0px 20px 50px -6px rgba(1,1,1,0.5);
text-align:center;
}

.footer .row{
width:100%;
margin:1% 0%;
padding:0.6% 0%;
color:gray;
font-size:0.8em;
}

.footer .row a{
text-decoration:none;
color:gray;
transition:0.5s;
}

.footer .row a:hover{
color:#fff;
}

.footer .row ul{
width:100%;
}

.footer .row ul li{
display:inline-block;
margin:0px 30px;
}

.footer .row a i{
font-size:2em;
margin:0% 1%;
}

@media (max-width:720px){
.footer{
text-align:left;
padding:5%;
}
.footer .row ul li{
display:block;
margin:10px 0px;
text-align:left;
}
.footer .row a i{
margin:0% 3%;
}
}

.down_banner img{
	width: 100%;
	height: 180px;
}



/******************************/
/*****************************/
/*Mobile Style*/
/******************************/
/*****************************/

@media only screen and (max-width: 730px) {
  .rec_for_u h3 {
    font-family: 'Carter One', cursive;
	font-size:16px;
	font-weight: bold;
  }

  /*DEFAULT*/
.title{
font-size:12px;
display:block;
}

.Cards{
width:100%;
display:flex;
align-items:center;
justify-content:center;
border-radius: 6px;

}

.product_card{
width:300px;
height:160px;
position:relative;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
display:inline-block;
margin:10px;
border-radius: 6px;
}

.product_card img{
width:100%;
height:100%;
}

.product_card ul{
width:10%;
position:absolute;
top:10px;
left:-20px;
z-index:1;
}

.product_card .views{
position:absolute;
top:0;
right:0;
color:#fff;
padding:5px 10px;
/*background:#FF324D;*/
font-size:15px;
border-radius: 8px;
}

.product_card .views p{
	font-size: 12px;
}


.product_card section .btn{
font-size:8px;
}

.product_card section .price{
font-size:10px;
font-weight:bold;
}

.col-mobile-hide
{
	display: none;
}



/*Card Menu*/
.Cards_menu{
width:100%;
height: 180px;
display:flex;
align-items:center;
justify-content:center;
background-color: transparent;
}

.product_card_menu{
width:150px;
height: 160px;
/*position:relative;*/
/*box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);*/
background-color: transparent;
/*display:inline-block;*/
/*margin:10px;*/
margin-left:-8px;
}

.product_card_menu img{
width:100%;
height:100%;
}

.product_card_menu .views{
/*position:absolute;*/
top:1px;
left:11px;
text-align: center;
color:#fff;
/*padding:5px 20px;*/
/*background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
font-size:16px;
font-weight: bold;
font-family: 'Carter One', cursive;
height: 50px;
}

.product_card_menu .views p{
font-weight: normal;
font-size:10px;
font-family: 'Carter One', cursive;
}


/*Offer*/
.Cards_offer{
width:100%;
display:flex;
align-items:center;
justify-content:center;
}

.product_card_offer{
width:300px;
height:200px;
position:relative;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
display:inline-block;
margin:10px;
}

.product_card_offer img{
width:100%;
height:60%;
}

.product_card_offer ul{
width:10%;
position:absolute;
top:10px;
left:-20px;
z-index:1;
}

.product_card_offer .views{
position:absolute;
top:0;
right:0;
color:#fff;
padding:5px 20px;
background:#FF324D;
font-size:10px;
}

.product_card_offer section{
padding:10px;
}

.product_card_offer section .price{
color:#FF324D;
margin-top: 10px;

}

.product_card_offer section .btn{
font-size:12px;
}


.product_card_offer section .discount{
color:green;

}

.down_banner img{
	width: 100%;
	height: 100px;
}



}



/******************************/
/*****************************/
/*Mobile Style*/
/******************************/
/*****************************/

@media only screen and (max-width: 1000px) {
  .rec_for_u h3 {
    font-family: 'Carter One', cursive;
	font-size:20px;
	font-weight: bold;
  }

  /*DEFAULT*/
.title{
font-size:12px;
display:block;
}

.Cards{
width:100%;
display:flex;
align-items:center;
justify-content:center;
border-radius: 6px;

}

.product_card{
width:260px;
height:180px;
position:relative;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
display:inline-block;
margin:10px;
border-radius: 6px;
}

.product_card img{
width:100%;
height:100%;
}

.product_card ul{
width:10%;
position:absolute;
top:10px;
left:-20px;
z-index:1;
}

.product_card .views{
position:absolute;
top:0;
right:0;
color:yellow;
padding:5px 10px;
/*background:#FF324D;*/
font-size:15px;
border-radius: 8px;
}

.product_card .views p{
	font-size: 12px;
}


.product_card section .btn{
font-size:8px;
}

.product_card section .price{
font-size:10px;
font-weight:bold;
}





/*Card Menu*/
.Cards_menu{
width:100%;
height: 180px;
display:flex;
align-items:center;
justify-content:center;
background-color: transparent;
}

.product_card_menu{
width:170px;
height: 180px;
/*position:relative;*/
/*box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);*/
background-color: transparent;
/*display:inline-block;*/
/*margin:10px;*/
margin-left:-3px;
}

.product_card_menu img{
width:100%;
height:100%;
}

.product_card_menu .views{
/*position:absolute;*/
top:1px;
left:11px;
text-align: center;
color:yellow;
/*padding:5px 20px;*/
/*background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
font-size:16px;
font-weight: bold;
font-family: 'Carter One', cursive;
height: 50px;
}

.product_card_menu .views p{
font-weight: normal;
font-size:10px;
font-family: 'Carter One', cursive;
}


/*Offer*/
.Cards_offer{
width:100%;
display:flex;
align-items:center;
justify-content:center;
}

.product_card_offer{
width:300px;
height:200px;
position:relative;
box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
display:inline-block;
margin:10px;
}

.product_card_offer img{
width:100%;
height:60%;
}

.product_card_offer ul{
width:10%;
position:absolute;
top:10px;
left:-20px;
z-index:1;
}

.product_card_offer .views{
position:absolute;
top:0;
right:0;
color:#fff;
padding:5px 20px;
background:#FF324D;
font-size:10px;
}

.product_card_offer section{
padding:10px;
}

.product_card_offer section .price{
color:#FF324D;
margin-top: 10px;

}

.product_card_offer section .btn{
font-size:12px;
}


.product_card_offer section .discount{
color:green;

}

.down_banner img{
	width: 100%;
	height: 100px;
}



}